.mkt-launch-note { max-width: 580px; padding: 12px 14px; border-left: 3px solid var(--sp-blue); background: #eaf0f5; color: #40535f; font-size: 12px; line-height: 1.65; }
.mkt-launch-note a { font-weight: 750; }
.mkt-live-code { margin-top: 18px; min-width: 0; overflow: hidden; border: 1px solid #45595b; border-radius: 4px; background: #182a31; color: #d9f6a0; box-shadow: 6px 6px 0 #d8e2cd; }
.mkt-live-code-head, .mkt-live-code-foot { display: flex; align-items: center; gap: 10px; padding: 11px 16px; font: 10px/1.6 ui-monospace, monospace; color: #c8d8ce; }
.mkt-live-code-head { justify-content: space-between; border-bottom: 1px solid #3e5156; }
.mkt-live-code-head span:last-child { color: #a5bab1; font-size: 9px; }
.mkt-live-code pre { min-height: 90px; margin: 0; padding: 15px 16px; background: transparent; color: inherit; font: 12px/2 ui-monospace, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.mkt-live-code-foot { border-top: 1px solid #3e5156; }
.mkt-code-finished { margin-left: auto; color: #d9f6a0; }
@media (prefers-reduced-motion: no-preference) {
  .mkt-is-typing [data-code-text]::after { content: '▌'; animation: mkt-cursor .65s step-end infinite; }
  .mkt-is-typing .mkt-code-finished { visibility: hidden; }
  .mkt-code-complete .mkt-code-finished { animation: mkt-enter .3s ease-out; }
  @keyframes mkt-cursor { 50% { opacity: 0; } }
}
.mkt-editor-shot { margin: 0; overflow: hidden; border: 1px solid #45575b; border-radius: 5px; background: var(--sp-nav); box-shadow: 12px 12px 0 #e1e7d7; }
.mkt-shot-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; color: #d7e1dc; font: 10px/1.6 ui-monospace, monospace; }
.mkt-shot-bar i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--sp-lime); }
.mkt-shot-bar a { color: var(--sp-lime); font-weight: 650; }
.mkt-editor-shot img { display: block; width: 100%; height: auto; aspect-ratio: 1440 / 940; object-fit: contain; }
.mkt-editor-shot figcaption { padding: 13px 20px; color: #c1cfc7; font-size: 11px; line-height: 1.6; }
.mkt-tour-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 38px; }
.mkt-tour-notes b { color: var(--sp-blue); font: 650 10px ui-monospace, monospace; }
.mkt-tour-notes h3 { margin: 13px 0 9px; font-size: 20px; letter-spacing: -.03em; }
.mkt-tour-notes p { margin: 0; color: #57696a; font-size: 13px; line-height: 1.7; }
.mkt-code-section { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; margin: 0 0 30px; padding: 54px; border: 1px solid #ccd7c5; background: #eaf0e0; }
.mkt-code-section h2 { margin: 16px 0 20px; font-size: clamp(30px, 3vw, 46px) !important; }
.mkt-code-section p:not(.mkt-section-label) { color: #486058; font-size: 14px; line-height: 1.7; }
.mkt-code-section > div > a { display: inline-flex; padding-top: 12px; font-size: 12px; font-weight: 750; }
.mkt-code-window { min-width: 0; overflow: hidden; border: 1px solid #45595b; border-radius: 4px; background: #182a31; box-shadow: 9px 9px 0 #cedabc; }
.mkt-code-title { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 15px 18px; border-bottom: 1px solid #3e5156; color: #e0e9e4; font: 11px ui-monospace, monospace; }
.mkt-code-title span { color: #a5bab1; font-size: 9px; }
.mkt-code-window pre { overflow-x: auto; margin: 0; padding: 32px 18px; background: transparent; color: #d5e0db; font: 12px/2.3 ui-monospace, monospace; }
.mkt-code-window pre span { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.mkt-code-remove { color: #ffb7a7; background: #3c3334; }
.mkt-code-add { color: #d9f6a0; background: #2c4335; }
.mkt-code-status { display: flex; align-items: center; gap: 9px; padding: 15px 18px; border-top: 1px solid #3e5156; color: #c8d8ce; font: 10px ui-monospace, monospace; }
.mkt-code-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--sp-lime); }
.mkt-plan-card { display: flex; flex-direction: column; min-width: 0; }
.mkt-plan-top { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 28px; }
.mkt-plan-top h3 { margin: 0; font-size: 22px; }
.mkt-plan-top > span { color: #536562; font: 650 8px ui-monospace, monospace; letter-spacing: .08em; }
.mkt-plan-price { font-size: 50px !important; }
.mkt-plan-capacity { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 8px 0 20px; padding: 18px 0; border-top: 1px solid var(--sp-line); border-bottom: 1px solid var(--sp-line); }
.mkt-plan-capacity div { min-width: 0; }
.mkt-plan-capacity dt { color: #546663; font-size: 10px; }
.mkt-plan-capacity dd { margin: 6px 0 0; color: var(--sp-ink); font-size: 19px; font-weight: 750; }
.mkt-plan-features { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; color: #465c57; font-size: 12px; }
.mkt-plan-features li { display: flex; gap: 9px; line-height: 1.5; }
.mkt-plan-features li::before { content: '✓'; color: #547225; }
.mkt-plan-card > .mkt-button { width: 100%; margin-top: auto; }
.mkt-trial-strip { display: grid; grid-template-columns: 1fr 1.1fr auto; align-items: center; gap: 24px; margin-top: 22px; padding: 24px; border: 1px solid #c9d6b2; background: #edf2e2; }
.mkt-trial-strip > div { display: flex; align-items: center; gap: 14px; }
.mkt-trial-strip span { color: #42603c; font-size: 46px; font-weight: 750; letter-spacing: -.06em; }
.mkt-trial-strip strong { max-width: 180px; font-size: 14px; line-height: 1.5; }
.mkt-trial-strip p { margin: 0; color: #546853; font-size: 12px; line-height: 1.7; }
.mkt-trial-strip a { font-size: 12px; font-weight: 750; }
.mkt-trust { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; margin-bottom: 90px; padding: 38px 0; border-top: 1px solid var(--sp-line); }
.mkt-trust h2 { margin-top: 16px; font-size: 38px !important; }
.mkt-trust p { margin: 0 0 16px; color: #506461; font-size: 13px; line-height: 1.8; }
.mkt-trust small { display: block; margin-top: 24px; color: #576966; font: 10px/1.7 ui-monospace, monospace; }
.mkt-trust-links { display: flex; flex-wrap: wrap; gap: 14px 22px; font-size: 12px; font-weight: 750; }
.mkt-step, .mkt-plan-card, .mkt-code-window { transition: transform .2s, border-color .2s, box-shadow .2s; }
@media (hover: hover) { .mkt-step:hover, .mkt-plan-card:hover { transform: translateY(-4px); border-color: #6d8e74; } }
@media (prefers-reduced-motion: no-preference) {
  html:has(body.sp-marketing) { scroll-behavior: smooth; }
  .mkt-motion-ready .mkt-step, .mkt-motion-ready .mkt-tour-notes article { animation: mkt-enter .45s ease-out both; }
  .mkt-motion-ready .mkt-step:nth-child(2), .mkt-motion-ready .mkt-tour-notes article:nth-child(2) { animation-delay: .08s; }
  .mkt-motion-ready .mkt-step:nth-child(3), .mkt-motion-ready .mkt-tour-notes article:nth-child(3) { animation-delay: .16s; }
  @keyframes mkt-enter { from { transform: translateY(12px); } to { transform: translateY(0); } }
}
@media (max-width: 900px) { .mkt-code-section, .mkt-trust { grid-template-columns: 1fr; gap: 30px; } .mkt-trial-strip { grid-template-columns: 1fr 1fr; } .mkt-trial-strip > a { grid-column: 1 / -1; } }
@media (max-width: 600px) {
  .mkt-product-tour { padding-top: 35px; }
  .mkt-tour-notes { grid-template-columns: 1fr; gap: 24px; }
  .mkt-tour-notes article { padding-left: 16px; border-left: 2px solid #c4d49d; }
  .mkt-editor-shot { box-shadow: 5px 5px 0 #e1e7d7; }
  .mkt-shot-bar { flex-wrap: wrap; padding: 12px; }
  .mkt-editor-shot figcaption { padding: 12px; font-size: 10px; }
  .mkt-code-section { padding: 28px 18px; }
  .mkt-code-window pre { font-size: 11px; padding: 24px 12px; }
  .mkt-trial-strip { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .mkt-trust { margin-bottom: 55px; }
  .mkt-trust h2 { font-size: 32px !important; }
}
@media (prefers-reduced-motion: reduce) { .mkt-step, .mkt-plan-card, .mkt-code-window { transition: none; } .mkt-step:hover, .mkt-plan-card:hover { transform: none; } }