:root {
  --forest: #163a32;
  --forest-deep: #0b241e;
  --forest-soft: #1d4a3f;
  --amber: #d79b2e;
  --amber-light: #f0b84b;
  --ivory: #f6f1e8;
  --sage: #8fae9b;
  --charcoal: #2a2a2a;
  --white: #fff;
  --surface: #fff;
  --surface-soft: #f7f5f0;
  --text: #18302a;
  --muted: #62726d;
  --border: #dce5df;
  --success: #2a7d5d;
  --danger: #bc3f3f;
  --shadow: 0 22px 60px rgba(17, 51, 43, .12);
  --radius-lg: 30px;
  --radius-md: 20px;
  --radius-sm: 13px;
  --container: 1180px;
}

html[data-theme="dark"] {
  --surface: #10241e;
  --surface-soft: #091712;
  --text: #f6f1e8;
  --muted: #b5c5be;
  --border: #29483f;
  --shadow: 0 22px 60px rgba(0, 0, 0, .36);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; overflow-x: hidden; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--surface-soft); color: var(--text); line-height: 1.6; }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: var(--amber); color: var(--forest-deep); font-weight: 800; }
.skip-link:focus { top: 16px; }
.topbar { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid color-mix(in srgb, var(--border) 75%, transparent); background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(18px); }
.nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--forest); font-size: 1.45rem; font-weight: 850; letter-spacing: -.04em; }
html[data-theme="dark"] .brand { color: var(--ivory); }
.brand img, .preview-brand img { border-radius: 13px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 28px; color: var(--muted); font-size: .94rem; font-weight: 700; }
.nav-links a, .login-link { transition: color .2s ease; }
.nav-links a:hover, .login-link:hover { color: var(--amber); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.login-link { color: var(--forest); font-size: .92rem; font-weight: 800; }
html[data-theme="dark"] .login-link { color: var(--ivory); }
.icon-button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: var(--surface); color: var(--text); cursor: pointer; }
.icon-button svg { width: 20px; height: 20px; }
.icon-button .sun { display: none; }
html[data-theme="dark"] .icon-button .sun { display: block; }
html[data-theme="dark"] .icon-button .moon { display: none; }
.menu-toggle { display: none; }
.btn { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 999px; padding: 13px 22px; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn:focus-visible, .icon-button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, a:focus-visible { outline: 3px solid color-mix(in srgb, var(--amber) 60%, transparent); outline-offset: 3px; }
.btn-primary { background: var(--amber); color: #15241f; box-shadow: 0 12px 28px rgba(215, 155, 46, .26); }
.btn-ghost { border-color: var(--border); background: color-mix(in srgb, var(--surface) 45%, transparent); color: var(--text); }
.hero { position: relative; padding: 96px 0 84px; overflow: hidden; background: radial-gradient(circle at 8% 16%, rgba(215,155,46,.11), transparent 27%), radial-gradient(circle at 88% 22%, rgba(143,174,155,.2), transparent 28%), var(--surface-soft); }
.hero::after { content: ""; position: absolute; left: 50%; bottom: -310px; width: 680px; height: 680px; border: 1px solid rgba(143,174,155,.2); border-radius: 50%; pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 60px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid color-mix(in srgb, var(--amber) 32%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--amber) 12%, transparent); color: color-mix(in srgb, var(--amber) 85%, var(--forest-deep)); font-size: .76rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
html[data-theme="dark"] .eyebrow { color: var(--amber-light); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 5px rgba(215,155,46,.13); }
h1, h2, h3 { text-wrap: balance; }
h1 { margin: 22px 0 20px; max-width: 740px; font-size: clamp(3rem, 5.5vw, 5.35rem); line-height: .98; letter-spacing: -.065em; }
h1 span { color: var(--forest); }
html[data-theme="dark"] h1 span { color: var(--amber-light); }
.hero-copy { max-width: 680px; margin: 0; color: var(--muted); font-size: 1.14rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.proof-list { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 27px 0 0; padding: 0; color: var(--muted); font-size: .86rem; list-style: none; }
.proof-list li::before { content: "✓"; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 7px; border-radius: 50%; background: rgba(42,125,93,.12); color: var(--success); font-weight: 900; }
.product-preview { padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius-lg); background: linear-gradient(145deg, var(--forest), var(--forest-deep)); box-shadow: 0 28px 80px rgba(11,36,30,.25); transform: rotate(1deg); }
.preview-header { display: flex; align-items: center; justify-content: space-between; padding: 4px 5px 15px; color: var(--white); }
.preview-brand { display: flex; align-items: center; gap: 9px; font-weight: 850; }
.live-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.09); color: #d5e4de; font-size: .72rem; font-weight: 750; }
.live-pill i { width: 7px; height: 7px; border-radius: 50%; background: #5ed19b; box-shadow: 0 0 0 4px rgba(94,209,155,.13); }
.preview-body { padding: 22px; border-radius: 20px; background: #f8f5ee; color: #18302a; }
.preview-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.preview-title div { display: grid; }
.preview-title small { color: #71817b; }
.preview-title strong { font-size: 1.22rem; }
.preview-title > span { padding: 6px 10px; border-radius: 8px; background: #edf0eb; color: #68746f; font-size: .75rem; font-weight: 750; }
.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 18px; }
.metric { display: grid; padding: 13px; border: 1px solid #e1e7e2; border-radius: 13px; background: #fff; }
.metric span, .metric small { color: #78847f; font-size: .67rem; }
.metric strong { font-size: 1.05rem; }
.flow-card { margin-top: 12px; padding: 17px; border: 1px solid #e1e7e2; border-radius: 14px; background: #fff; }
.flow-heading { display: flex; justify-content: space-between; font-size: .82rem; }
.flow-heading span { color: #2a7d5d; font-weight: 850; }
.flow-track { display: flex; align-items: center; margin: 18px 7px 7px; }
.flow-track i { width: 13px; height: 13px; flex: 0 0 13px; border: 3px solid #a8b5af; border-radius: 50%; background: #fff; }
.flow-track i.complete { border-color: var(--forest); background: var(--forest); }
.flow-track i.current { border-color: var(--amber); box-shadow: 0 0 0 5px rgba(215,155,46,.14); }
.flow-track b { height: 2px; flex: 1; background: var(--forest); }
.flow-labels { display: flex; justify-content: space-between; color: #7d8984; font-size: .6rem; }
.ready-alert { display: flex; align-items: center; gap: 10px; margin-top: 17px; padding: 11px; border-radius: 11px; background: #edf6f1; }
.ready-alert svg { width: 23px; color: var(--forest); }
.ready-alert div { display: grid; }
.ready-alert strong { font-size: .78rem; }
.ready-alert small { color: #64756e; font-size: .65rem; }
.trust-strip { padding: 23px 0; border-block: 1px solid var(--border); background: var(--surface); }
.trust-strip .container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 18px; color: var(--muted); font-size: .86rem; }
.trust-strip strong { color: var(--text); }
.trust-strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--amber); }
.section { padding: 92px 0; }
.section-head { max-width: 780px; margin-bottom: 42px; }
.section-head.centered { margin-inline: auto; text-align: center; }
.section-head h2, .impact-copy h2, .contact-copy h2 { margin: 14px 0 15px; font-size: clamp(2.15rem,4vw,3.7rem); line-height: 1.04; letter-spacing: -.055em; }
.section-head p, .impact-copy > p, .contact-copy > p { margin: 0; color: var(--muted); font-size: 1.05rem; }
.benefit-grid { display: grid; grid-template-columns: 1.25fr .875fr .875fr; gap: 18px; }
.benefit-card, .feature-grid article { padding: 27px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 12px 35px rgba(17,51,43,.055); }
.benefit-card.featured { background: linear-gradient(155deg, var(--forest), var(--forest-deep)); color: var(--white); }
.card-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; background: color-mix(in srgb, var(--amber) 16%, var(--surface)); color: var(--forest); }
.card-icon svg { width: 23px; height: 23px; }
.featured .card-icon { background: rgba(255,255,255,.1); color: var(--amber-light); }
.card-kicker { margin: 20px 0 5px; color: var(--amber); font-size: .71rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.benefit-card h3, .feature-grid h3 { margin: 5px 0 9px; font-size: 1.23rem; letter-spacing: -.025em; }
.benefit-card > p:last-of-type, .feature-grid p { margin: 0; color: var(--muted); }
.featured > p:last-of-type { color: #c6d7d0; }
.mini-sync { display: flex; align-items: center; margin-top: 28px; font-size: .68rem; font-weight: 800; }
.mini-sync span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(255,255,255,.07); }
.mini-sync b { position: relative; height: 1px; flex: 1; background: rgba(255,255,255,.28); }
.mini-sync i { position: absolute; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--amber); animation: sync 2s linear infinite; }
@keyframes sync { from { left: 0; } to { left: calc(100% - 5px); } }
.section-dark { position: relative; overflow: hidden; background: var(--forest-deep); color: var(--white); }
.section-dark::before { content: ""; position: absolute; right: -180px; top: -240px; width: 550px; height: 550px; border: 1px solid rgba(143,174,155,.18); border-radius: 50%; }
.section-head.light p { color: #b8cbc3; }
.journey { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.journey::before { content: ""; position: absolute; left: 9%; right: 9%; top: 57px; height: 1px; background: rgba(255,255,255,.15); }
.journey li { position: relative; padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.055); backdrop-filter: blur(4px); }
.journey li > span { position: absolute; right: 18px; top: 15px; color: rgba(255,255,255,.25); font-size: .75rem; font-weight: 850; }
.journey-icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: var(--forest); color: var(--amber-light); }
.journey-icon svg { width: 23px; height: 23px; }
.journey h3 { margin: 25px 0 8px; font-size: 1.08rem; }
.journey p { margin: 0; color: #b8cbc3; font-size: .9rem; }
.split-head { max-width: none; display: grid; grid-template-columns: 1fr .65fr; align-items: end; gap: 60px; }
.split-head h2 { margin-bottom: 0; }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.feature-grid article { min-height: 255px; }
.feature-grid h3 { margin-top: 20px; }
.feature-grid p { font-size: .9rem; }
.feature-grid svg { width: 22px; }
.pricing-section { background: var(--surface); }
.pricing-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.pricing-heading .section-head { margin-bottom: 38px; }
.billing-switch { display: inline-flex; flex: 0 0 auto; margin-bottom: 38px; padding: 4px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface-soft); }
.billing-switch button { min-height: 42px; border: 0; border-radius: 999px; padding: 9px 16px; background: transparent; color: var(--muted); font-size: .82rem; font-weight: 850; cursor: pointer; }
.billing-switch button.active { background: var(--forest); color: var(--white); box-shadow: 0 7px 17px rgba(22,58,50,.19); }
.billing-switch button span { margin-left: 4px; color: var(--amber-light); font-size: .66rem; text-transform: uppercase; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 25px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-soft); }
.price-card.emphasized { border-color: var(--amber); background: color-mix(in srgb, var(--amber) 5%, var(--surface)); box-shadow: 0 18px 45px rgba(17,51,43,.1); }
.plan-top { min-height: 74px; display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; }
.plan-name { margin: 0; color: var(--forest); font-size: 1.26rem; font-weight: 900; letter-spacing: -.035em; }
html[data-theme="dark"] .plan-name { color: var(--ivory); }
.plan-fit { margin: 2px 0 0; color: var(--muted); font-size: .76rem; }
.plan-badge { padding: 5px 7px; border-radius: 999px; background: color-mix(in srgb, var(--amber) 15%, transparent); color: color-mix(in srgb, var(--amber) 80%, var(--forest)); font-size: .56rem; font-weight: 900; text-transform: uppercase; white-space: nowrap; }
.plan-price { min-height: 68px; display: flex; align-items: baseline; gap: 3px; margin: 12px 0 5px; }
.plan-price span { align-self: center; color: var(--muted); font-size: .77rem; font-weight: 800; }
.plan-price strong { font-size: clamp(1.8rem,2.7vw,2.55rem); line-height: 1; letter-spacing: -.06em; }
.plan-price small { color: var(--muted); font-size: .72rem; }
.annual-price, .annual-detail { display: none; }
body[data-billing="annual"] .monthly-price { display: none; }
body[data-billing="annual"] .annual-price { display: flex; }
body[data-billing="annual"] .annual-detail { display: block; }
.annual-detail, .master-detail { min-height: 52px; margin: 3px 0 11px; color: var(--success); font-size: .72rem; line-height: 1.4; }
.master-detail { display: block; color: var(--muted); }
.consultation { align-items: center; }
.consultation strong { font-size: 1.7rem; }
.btn-plan { width: 100%; min-height: 46px; margin-top: 10px; border-color: var(--forest); color: var(--forest); padding-inline: 14px; font-size: .82rem; }
html[data-theme="dark"] .btn-plan { border-color: var(--sage); color: var(--ivory); }
.btn-plan.primary { border-color: var(--amber); background: var(--amber); color: var(--forest-deep); }
.plan-features { display: grid; gap: 10px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--border); color: var(--muted); font-size: .8rem; list-style: none; }
.plan-features li { position: relative; padding-left: 20px; }
.plan-features li::before { content: "✓"; position: absolute; left: 0; color: var(--success); font-weight: 900; }
.plan-features b { color: var(--text); }
.addon-card { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 20px; margin-top: 18px; padding: 22px 24px; border: 1px solid color-mix(in srgb, var(--amber) 42%, var(--border)); border-radius: var(--radius-md); background: linear-gradient(100deg,color-mix(in srgb,var(--amber) 8%,var(--surface)),var(--surface)); }
.addon-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--forest); color: var(--amber-light); }
.addon-icon svg { width: 25px; }
.addon-copy span { color: var(--amber); font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.addon-copy h3 { margin: 1px 0 2px; font-size: 1.08rem; }
.addon-copy p { margin: 0; color: var(--muted); font-size: .8rem; }
.addon-price { display: flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.addon-price span { font-size: .72rem; font-weight: 800; }
.addon-price strong { font-size: 1.55rem; letter-spacing: -.045em; }
.addon-price small { color: var(--muted); font-size: .68rem; }
.addon-cta { min-height: 44px; font-size: .78rem; }
.pricing-note { margin: 15px 3px 0; color: var(--muted); font-size: .72rem; }
.impact-section { background: color-mix(in srgb, var(--sage) 13%, var(--surface)); }
.impact-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 74px; align-items: center; }
.text-link { display: inline-flex; gap: 10px; margin-top: 25px; color: var(--forest); font-weight: 850; }
html[data-theme="dark"] .text-link { color: var(--amber-light); }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }
.outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--border); }
.outcomes div { min-height: 180px; padding: 27px; background: var(--surface); }
.outcomes strong { display: block; margin-bottom: 8px; font-size: 1.1rem; }
.outcomes p { margin: 0; color: var(--muted); font-size: .9rem; }
.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: start; }
.faq-grid .section-head { position: sticky; top: 112px; }
.faq-grid .section-head a { color: var(--forest); font-weight: 750; text-decoration: underline; text-decoration-color: var(--amber); text-underline-offset: 3px; }
.accordion { display: grid; gap: 10px; }
details { border: 1px solid var(--border); border-radius: 15px; background: var(--surface); }
summary { position: relative; padding: 20px 55px 20px 21px; cursor: pointer; font-weight: 800; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary span::before, summary span::after { content: ""; position: absolute; right: 22px; top: 29px; width: 13px; height: 2px; background: var(--amber); transition: transform .2s ease; }
summary span::after { transform: rotate(90deg); }
details[open] summary span::after { transform: rotate(0); }
details p { margin: 0; padding: 0 21px 20px; color: var(--muted); }
.contact-section { padding-top: 40px; }
.contact-card { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; padding: 52px; border-radius: var(--radius-lg); background: linear-gradient(145deg,var(--forest),var(--forest-deep)); color: var(--white); box-shadow: 0 30px 80px rgba(11,36,30,.24); }
.contact-copy > p { color: #c2d2cc; }
.contact-email { display: flex; align-items: center; gap: 13px; margin-top: 30px; }
.contact-email .card-icon { background: rgba(255,255,255,.1); color: var(--amber-light); }
.contact-email div:last-child { display: grid; }
.contact-email small { color: #b8cbc3; }
.contact-email a { font-weight: 800; }
#leadForm { position: relative; padding: 27px; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: rgba(255,255,255,.075); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1/-1; }
.field label { color: #e9f0ed; font-size: .78rem; font-weight: 800; }
.field label span { color: #aabdb5; font-weight: 600; }
input, select, textarea { width: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 12px; background: rgba(4,20,15,.35); color: #fff; padding: 13px 14px; outline: none; }
input::placeholder, textarea::placeholder { color: #9db1a9; }
select option { background: var(--forest-deep); }
textarea { min-height: 100px; resize: vertical; }
.consent label { display: flex; align-items: flex-start; gap: 9px; color: #cbd9d4; font-weight: 500; line-height: 1.4; }
.consent input { width: 17px; height: 17px; flex: 0 0 17px; margin-top: 2px; accent-color: var(--amber); }
.submit-button { width: 100%; }
.submit-button svg { width: 19px; }
.submit-button[disabled] { cursor: wait; opacity: .75; transform: none; }
.form-note { margin: 13px 0 0; color: #9fb2ab; font-size: .72rem; }
.form-note a { color: #fff; text-decoration: underline; }
.form-status { display: none; margin-top: 14px; padding: 12px 14px; border-radius: 11px; font-size: .84rem; font-weight: 750; }
.form-status.success { display: block; border: 1px solid rgba(94,209,155,.35); background: rgba(94,209,155,.12); color: #bdf2d8; }
.form-status.error { display: block; border: 1px solid rgba(255,118,118,.35); background: rgba(255,118,118,.11); color: #ffd1d1; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.site-footer { padding: 64px 0 25px; background: #071510; color: #b1c1bb; }
.footer-main { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 55px; padding-bottom: 44px; }
.footer-main > div:not(.footer-brand) { display: grid; align-content: start; gap: 9px; }
.footer-main strong { margin-bottom: 6px; color: #fff; }
.footer-main a:hover { color: var(--amber-light); }
.footer-brand .brand { color: #fff; }
.footer-brand p { margin: 9px 0 0; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.1); font-size: .78rem; }

@media (max-width: 1040px) {
  .nav-links { display: none; position: absolute; left: 20px; right: 20px; top: 76px; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); box-shadow: var(--shadow); }
  .nav-links.open { display: flex; }
  .menu-toggle { display: grid; }
  .nav-cta { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .product-preview { max-width: 680px; transform: none; }
  .benefit-grid { grid-template-columns: 1fr 1fr; }
  .benefit-card.featured { grid-column: 1/-1; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .pricing-grid { grid-template-columns: repeat(2,1fr); }
  .addon-card { grid-template-columns: auto 1fr auto; }
  .addon-cta { grid-column: 2/-1; justify-self: start; }
  .journey { grid-template-columns: repeat(2,1fr); }
  .journey::before { display: none; }
  .impact-grid, .faq-grid, .contact-card { grid-template-columns: 1fr; }
  .faq-grid .section-head { position: static; }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .nav { min-height: 70px; }
  .brand { font-size: 1.25rem; }
  .brand img { width: 43px; height: 43px; }
  .login-link { display: none; }
  .hero { padding: 65px 0 58px; }
  h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
  .hero-copy { font-size: 1rem; }
  .hero-actions .btn { width: 100%; }
  .proof-list { display: grid; }
  .product-preview { padding: 10px; border-radius: 21px; }
  .preview-body { padding: 15px; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric:last-child { grid-column: 1/-1; }
  .flow-labels { font-size: .52rem; }
  .trust-strip .container > span, .trust-strip i { display: none; }
  .section { padding: 70px 0; }
  .benefit-grid, .feature-grid, .journey, .split-head, .outcomes, .form-grid, .footer-main { grid-template-columns: 1fr; }
  .pricing-heading { display: block; }
  .billing-switch { margin: -15px 0 30px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .addon-card { grid-template-columns: auto 1fr; padding: 20px; }
  .addon-price { grid-column: 1/-1; }
  .addon-cta { grid-column: 1/-1; width: 100%; }
  .benefit-card.featured { grid-column: auto; }
  .split-head { gap: 15px; }
  .feature-grid article { min-height: 0; }
  .outcomes { gap: 1px; }
  .contact-card { width: calc(100% - 20px); padding: 30px 18px; gap: 32px; }
  #leadForm { padding: 20px 15px; }
  .field.full { grid-column: auto; }
  .footer-main { gap: 32px; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}