:root {
  --night:#100f17;
  --night-soft:#1a1825;
  --ink:#171320;
  --muted:#6c6777;
  --line:#e8e4ed;
  --purple:#8735cc;
  --purple-dark:#54208a;
  --magenta:#d731bd;
  --gold:#ffd050;
  --gold-light:#ffe086;
  --shell:1240px;
}
* { box-sizing:border-box }
html { scroll-behavior:smooth; scroll-padding-top:76px }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased }
button,input,select { font:inherit }
button { cursor:pointer }
a { color:inherit; text-decoration:none }
img,svg { display:block; max-width:100% }
.shell { width:min(var(--shell),calc(100% - 64px)); margin:auto }
.skip-link { position:absolute; left:15px; top:-70px; z-index:100; padding:11px 16px; background:var(--gold); border-radius:9px; color:var(--ink) }
.skip-link:focus { top:10px }
:focus-visible { outline:3px solid var(--gold); outline-offset:3px }

.site-header { position:sticky; top:0; z-index:50; background:rgba(16,15,23,.97); color:#fff; border-bottom:1px solid #ffffff18; backdrop-filter:blur(16px) }
.nav { min-height:76px; display:flex; align-items:center; gap:34px }
.brand { display:inline-flex; align-items:center; flex:none }
.brand img { width:202px; height:auto }
.nav-links { display:flex; align-items:center; gap:26px; margin-left:auto }
.nav-links a { color:#d2cbdc; font-size:13px; font-weight:700; white-space:nowrap; transition:color .2s }
.nav-links a:hover { color:#fff }
.nav-actions { display:flex; align-items:center; gap:20px }
.language-switch { display:flex; align-items:center; gap:4px; color:#91889f }
.lang-button { border:0; background:none; color:#928a9e; padding:8px 2px; font-size:11px; font-weight:900 }
.lang-button.active { color:#fff }
.nav-cta { border-radius:11px; background:var(--gold); color:#1b1520; display:inline-flex; align-items:center; gap:18px; padding:12px 17px; font-size:12px; font-weight:900; white-space:nowrap }
.nav-cta:hover { background:var(--gold-light) }
.nav-cta span:last-child { font-size:19px; line-height:0 }
.menu-button { display:none; border:0; width:42px; height:42px; padding:9px; background:transparent }
.menu-button span { display:block; width:22px; height:2px; margin:5px auto; background:#fff }

.button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:56px; padding:16px 22px; border:0; border-radius:12px; font-weight:900; font-size:14px; white-space:nowrap; transition:transform .2s,background .2s,box-shadow .2s }
.button:hover { transform:translateY(-2px) }
.button-gold { color:#211920; background:var(--gold); box-shadow:0 14px 34px #ffd05026 }
.button-gold:hover { background:var(--gold-light); box-shadow:0 18px 39px #ffd05040 }
.button span:last-child { font-size:20px; line-height:0 }
.section-kicker { display:inline-block; color:#9c34ba; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase }
.kicker-light { color:#dcacf4 }
.section-header-row { display:flex; justify-content:space-between; align-items:end; gap:50px; margin:15px 0 38px }
.section-header-row h2,.about-copy h2,.apply-copy h2 { margin:0; font-size:clamp(40px,4.5vw,67px); line-height:1.06; letter-spacing:-.062em; font-weight:900 }
.section-header-row h2 em,.about-copy h2 em,.apply-copy h2 em { font-style:normal; color:var(--purple) }
.section-header-row p,.section-lede { max-width:430px; margin:0 0 5px; color:var(--muted); font-size:16px; line-height:1.65 }

.hero { position:relative; color:#fff; background:var(--night); min-height:690px; overflow:hidden }
.hero-background { position:absolute; inset:0; background:linear-gradient(90deg,#100f17 0%,#100f17e8 36%,#100f1770 75%),url("assets/route-map.svg") center 42%/cover no-repeat; opacity:.98 }
.hero:after { content:""; position:absolute; left:0; right:0; bottom:0; height:160px; background:linear-gradient(transparent,#100f17cc); pointer-events:none }
.hero-content { position:relative; z-index:2; min-height:690px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); align-items:center; gap:40px }
.hero-copy { padding:54px 0 70px }
.eyebrow { display:inline-flex; align-items:center; gap:11px; border:1px solid #cc9cf44d; border-radius:50px; padding:11px 16px; background:#b062e80c; color:#e4d4ed; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.13em }
.eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 14px var(--gold) }
.hero h1 { max-width:790px; margin:30px 0 23px; font-size:clamp(55px,5.7vw,83px); line-height:1.04; letter-spacing:-.064em; font-weight:900 }
.hero h1 span { color:transparent; background:linear-gradient(100deg,#ffe79b,#f1b1ff 55%,#aa74f3); background-clip:text }
.hero-lede { max-width:585px; margin:0; color:#d7cedd; font-size:18px; line-height:1.64 }
.hero-buttons { display:flex; align-items:center; gap:29px; margin-top:34px }
.text-link { display:inline-flex; align-items:center; gap:13px; color:#f0e8f4; font-size:14px; font-weight:800 }
.text-link span:last-child { font-size:21px }
.text-link:hover { color:var(--gold) }
.hero-facts { display:flex; align-items:stretch; width:max-content; max-width:100%; margin-top:54px; border:1px solid #ffffff2a; border-radius:17px; backdrop-filter:blur(8px); background:#18151b8c }
.hero-fact { width:150px; padding:17px 18px 15px; display:flex; flex-direction:column; gap:4px }
.hero-fact + .hero-fact { border-left:1px solid #ffffff22 }
.hero-fact strong { color:var(--gold); font-size:18px; letter-spacing:-.03em }
.hero-fact span { color:#d8ccdf; font-size:12px; font-weight:650 }
.hero-subnote { display:flex; align-items:center; gap:10px; margin-top:26px; color:#a89daf; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:800 }
.hero-subnote>span:first-child { color:#e2a8ff; font-size:16px }
.hero-graphic { position:relative; align-self:stretch; min-height:570px }
.orbit { position:absolute; border-radius:50%; border:1px solid #b66cf529; box-shadow:0 0 0 70px #7c39b706,0 0 0 140px #7c39b703 }
.orbit-one { width:490px; height:490px; right:-120px; top:62px }
.orbit-two { width:290px; height:290px; right:40px; top:165px; border-color:#ffd0502b }
.route-pin { position:absolute; display:grid; place-items:center; border-radius:50%; background:#282133; border:1px solid #d2a4f372; color:#fff; font-size:14px; font-weight:900; box-shadow:0 0 0 12px #d2a4f315,0 18px 40px #0007 }
.route-pin-one { width:48px; height:48px; top:27%; right:39% }
.route-pin-two { width:57px; height:57px; top:67%; right:12%; color:var(--gold); border-color:#ffd05091; box-shadow:0 0 0 15px #ffd05013,0 18px 40px #0007 }
.hero-graphic-card { position:absolute; bottom:14%; left:4%; width:min(330px,85%); display:flex; flex-direction:column; gap:9px; border:1px solid #ffffff35; border-radius:15px; padding:22px 23px; background:#211a2caf; backdrop-filter:blur(16px); box-shadow:0 20px 55px #0007 }
.hero-graphic-card>span { color:#c99eec; font-size:10px; font-weight:900; letter-spacing:.17em }
.hero-graphic-card strong { font-size:22px; line-height:1.2; letter-spacing:-.025em }
.hero-graphic-card i { position:absolute; top:18px; right:22px; color:var(--gold); font-size:20px; font-style:normal }
.hero-scroll { position:absolute; right:24px; bottom:30px; z-index:3; display:flex; align-items:center; gap:9px; transform:rotate(-90deg); color:#bbb2c2; font-size:9px; letter-spacing:.17em; font-weight:800 }
.hero-scroll span { height:1px; width:38px; background:#d5b2e2 }

.about-section { padding:118px 0; background:#fff }
.about-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:min(7vw,90px) }
.about-copy h2 { margin:18px 0 20px }
.about-copy h2 em { color:#9b39cc }
.section-lede { max-width:510px; margin-bottom:36px }
.benefit-list { display:grid; border-top:1px solid var(--line) }
.benefit-item { display:flex; gap:19px; align-items:flex-start; padding:23px 0; border-bottom:1px solid var(--line) }
.benefit-icon { width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:12px; background:#f4e8fc; color:#8b35b4; font-size:23px; font-weight:600 }
.benefit-item h3 { margin:0 0 6px; font-size:18px; letter-spacing:-.02em }
.benefit-item p { margin:0; max-width:400px; color:var(--muted); font-size:14px; line-height:1.55 }
.about-visual { position:relative; padding:0 0 50px 28px }
.about-visual:before { content:""; position:absolute; inset:28px 0 15px 54px; border-radius:28px; background:radial-gradient(circle at 60% 23%,#f1dcff,#cfb2ed 55%,#8d4ec0); transform:rotate(5deg) }
.about-photo { position:relative; aspect-ratio:1.3; max-height:650px; overflow:hidden; border-radius:25px; background:#f3f3f6; box-shadow:0 30px 70px #31124423 }
.about-photo img { width:100%; height:100%; object-fit:contain; object-position:center center }
.photo-corner { position:absolute; left:18px; top:18px; border-radius:9px; padding:10px 13px; color:#fff; background:#181021b9; backdrop-filter:blur(8px); font-size:10px; letter-spacing:.1em; font-weight:900 }
.about-photo-caption { position:absolute; right:-8px; bottom:10px; display:flex; align-items:center; gap:13px; width:min(345px,90%); padding:16px; border-radius:15px; background:#fff; box-shadow:0 20px 50px #2c17322e }
.caption-symbol { display:grid; place-items:center; flex:none; width:39px; height:39px; border-radius:10px; background:var(--gold); font-size:22px }
.about-photo-caption strong,.about-photo-caption span:last-child { display:block }
.about-photo-caption strong { font-size:13px }
.about-photo-caption div span { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.4 }

.calculator-section { padding:112px 0 120px; color:#fff; background:radial-gradient(circle at 73% 21%,#44245c 0%,transparent 35%),var(--night) }
.calculator-section .section-header-row h2 em { color:#dfb0ff }
.calculator-section .section-header-row p { color:#c4b8cd }
.calculator-layout { display:grid; grid-template-columns:1fr .9fr; gap:22px }
.calculator-panel { padding:36px 39px; border:1px solid #ffffff27; border-radius:23px; background:#1f1c29d9 }
.panel-eyebrow { color:#b99bca; font-size:10px; font-weight:900; letter-spacing:.17em }
.calculator-field { margin-top:24px }
.field-label,.range-label label { display:block; margin-bottom:12px; color:#eee6f1; font-size:13px; font-weight:800 }
.segmented-control { display:inline-flex; gap:5px; flex-wrap:wrap; padding:5px; border:1px solid #ffffff2a; border-radius:11px; background:#2a2434 }
.segmented-control button { border:0; border-radius:8px; padding:10px 16px; background:transparent; color:#c9bed0; font-size:12px; font-weight:800 }
.segmented-control button.active,.segmented-control button[aria-pressed=true] { color:#1d1525; background:var(--gold) }
.calculator-field small { display:block; margin-top:10px; color:#a99aaf; font-size:11px; line-height:1.45 }
.range-label { display:flex; justify-content:space-between; align-items:center }
.range-label label { margin:0 }
.range-label output { color:#fff; font-size:20px; font-weight:900 }
.range-field input[type=range] { width:100%; height:5px; margin:18px 0 8px; accent-color:var(--magenta); cursor:pointer }
.range-ends { display:flex; justify-content:space-between; color:#82768b; font-size:10px }
.number-field { display:flex; align-items:center; padding-right:15px; border:1px solid #ffffff3d; border-radius:10px; background:#26212f }
.number-field input { width:100%; min-width:0; padding:13px 15px; border:0; outline:0; background:transparent; color:#fff; font-size:17px; font-weight:850 }
.number-field span { color:#c3b8c7; font-size:12px; font-weight:850 }
.result-panel { display:flex; flex-direction:column; min-height:570px; padding:36px 39px; border:1px solid #be7fe776; border-radius:23px; background:radial-gradient(circle at 90% 0%,#963fe38a,transparent 47%),linear-gradient(140deg,#3b1a5e,#261435 70%); box-shadow:0 30px 70px #0004 }
.result-head { display:flex; align-items:center; justify-content:space-between }
.result-symbol { width:38px; height:38px; display:grid; place-items:center; border:1px solid #ffffff40; border-radius:50%; color:var(--gold); font-size:22px }
.result-panel h3 { margin:32px 0 27px; max-width:430px; font-size:clamp(30px,3vw,43px); line-height:1.17; letter-spacing:-.045em }
.result-values { border-top:1px solid #ffffff40; border-bottom:1px solid #ffffff40 }
.result-value { display:flex; flex-direction:column; gap:7px; padding:23px 0 }
.result-value + .result-value { border-top:1px solid #ffffff23 }
.result-value span { color:#d0bcdd; font-size:12px; font-weight:800 }
.result-value strong { color:#fff; font-size:clamp(27px,3vw,43px); letter-spacing:-.055em }
.result-value.primary strong { color:var(--gold) }
.calculation-note { margin:22px 0 24px; color:#cebcd7; font-size:12px; line-height:1.55 }
.result-panel .button { margin-top:auto; align-self:flex-start }

.scenarios-section { padding:112px 0 118px; background:#fff }
.scenarios-section .section-header-row h2 em { color:#9a42c5 }
.scenario-controls { display:flex; gap:14px; flex-wrap:wrap; margin:36px 0 28px }
.scenarios-section .segmented-control { background:#f5f0f8; border-color:#e9e0ee }
.scenarios-section .segmented-control button { color:#6b5b76 }
.scenarios-section .segmented-control button.active,.scenarios-section .segmented-control button[aria-pressed=true] { color:#211724 }
.scenarios-layout { display:grid; grid-template-columns:1fr .82fr; align-items:stretch; gap:20px }
.scenario-table { overflow:hidden; border:1px solid #e6dfeb; border-radius:20px; background:#fff; box-shadow:0 24px 60px #351a3f10 }
.scenario-table-head,.scenario-row { display:grid; grid-template-columns:95px 1fr 175px; align-items:center; gap:20px; padding:0 27px }
.scenario-table-head { min-height:62px; background:#f7f2fa; color:#85758d; text-transform:uppercase; font-size:10px; font-weight:900; letter-spacing:.09em }
.scenario-row { min-height:58px; border-top:1px solid #eee9f0 }
.scenario-row:hover { background:#faf8fc }
.row-orders { font-size:17px; font-weight:900; color:#30243b }
.progress-track { width:100%; height:7px; overflow:hidden; border-radius:999px; background:#eee4f2 }
.progress-track>i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#9437c2,#db6dd3) }
.row-value { text-align:right; color:#432551; font-size:14px; font-weight:900; white-space:nowrap }
.scenario-chart { min-height:465px; padding:30px 32px; border-radius:20px; background:radial-gradient(circle at 80% 10%,#703aa2,transparent 40%),linear-gradient(145deg,#25172e,#160f20); color:#fff; overflow:hidden }
.chart-top { display:flex; justify-content:space-between; align-items:center }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 16px var(--gold) }
.scenario-chart h3 { margin:20px 0 15px; font-size:25px; letter-spacing:-.035em }
.chart-bars { display:flex; align-items:end; justify-content:space-between; height:225px; gap:8px; padding:20px 4px 0; border-bottom:1px solid #ffffff3b; background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#ffffff16 55px,#ffffff16 56px) }
.chart-bar { display:flex; flex-direction:column; align-items:center; justify-content:end; gap:8px; height:100%; flex:1; color:#bcaac8; font-size:10px; font-weight:800 }
.chart-bar i { display:block; width:min(28px,80%); min-height:5px; border-radius:5px 5px 0 0; background:linear-gradient(0deg,#7134aa,#d36ada); transition:height .25s }
.chart-bar.active i { background:linear-gradient(0deg,#b37817,#ffd257) }
.chart-caption { display:flex; align-items:baseline; gap:7px; margin-top:21px; color:#c3b4cc; font-size:12px }
.chart-caption>span:first-child { color:var(--gold); font-size:20px; font-weight:900 }
.chart-caption strong { margin-left:auto; color:#fff; font-size:18px; white-space:nowrap }
.scenario-footnote { max-width:770px; color:#8c8292; font-size:11px; line-height:1.5; margin:18px 0 0 }

.steps-section { padding:111px 0 120px; background:radial-gradient(circle at 90% 80%,#45215f,transparent 32%),#15111e; color:#fff }
.steps-section .section-header-row h2 { color:#fff }
.steps-section .section-header-row p { color:#c9bbd1 }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:52px }
.step-card { position:relative; min-height:270px; padding:24px; border:1px solid #ffffff2e; border-radius:17px; background:#ffffff08; overflow:hidden }
.step-card:before { content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,var(--gold),#a65ed4) }
.step-index { display:block; color:var(--gold); font-size:43px; font-weight:900; letter-spacing:-.07em }
.step-rail { height:1px; background:#ffffff29; margin:21px 0 25px }
.step-card h3 { margin:0 0 10px; font-size:19px; letter-spacing:-.025em }
.step-card p { margin:0; color:#c5b9cc; font-size:13px; line-height:1.6 }

.faq-section { padding:115px 0 120px; background:#fbf9fc }
.faq-list { display:grid; grid-template-columns:1fr 1fr; column-gap:44px; border-top:1px solid #ddd3e3 }
.faq-list details { padding:21px 0; border-bottom:1px solid #ddd3e3 }
.faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; font-size:15px; font-weight:850; line-height:1.45 }
.faq-list summary::-webkit-details-marker { display:none }
.faq-list summary:after { content:"+"; flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eee2f4; color:#7427a0; font-size:20px; font-weight:500; line-height:1 }
.faq-list details[open] summary:after { content:"−" }
.faq-list details p { margin:15px 38px 0 0; color:var(--muted); font-size:13px; line-height:1.65 }

.apply-section { position:relative; padding:112px 0 115px; overflow:hidden; color:#fff; background:radial-gradient(circle at 13% 20%,#9135d1,transparent 37%),radial-gradient(circle at 100% 80%,#b327ad,transparent 38%),linear-gradient(125deg,#3b1668,#59218d) }
.apply-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:70px }
.apply-copy { position:relative }
.apply-copy h2 { margin:20px 0 25px; font-size:clamp(48px,5.1vw,74px) }
.apply-copy h2 em { color:var(--gold) }
.apply-copy>p { max-width:480px; margin:0; color:#eee0f6; font-size:18px; line-height:1.65 }
.apply-benefits { display:grid; gap:14px; margin-top:38px; font-size:14px; font-weight:750 }
.apply-benefits>span { display:flex; align-items:center; gap:12px }
.apply-benefits i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#ffffff30; color:var(--gold); font-size:15px; font-style:normal }
.apply-watermark { position:absolute; left:-70px; top:130px; z-index:-1; color:#ffffff09; font-size:600px; line-height:1; font-weight:900; pointer-events:none }
.lead-form { padding:33px 36px; border-radius:20px; background:#fff; color:var(--ink); box-shadow:0 30px 80px #25054455 }
.form-title { display:flex; justify-content:space-between; align-items:center; font-size:24px; font-weight:900; letter-spacing:-.04em }
.form-title span:last-child { color:#a02ebd; font-size:24px }
.form-intro { margin:8px 0 24px; color:var(--muted); font-size:13px; line-height:1.45 }
.lead-form>label:not(.consent-row) { display:block; margin:17px 0 7px; color:#5b4f62; font-size:12px; font-weight:850 }
.lead-form>input:not([type=checkbox]),.lead-form>select { display:block; width:100%; height:50px; padding:0 14px; border:1px solid #dcd3e1; border-radius:10px; outline:0; background:#fff; color:#291b32; font-size:14px }
.lead-form>input:focus,.lead-form>select:focus { border-color:#ae4bb9; box-shadow:0 0 0 3px #ae4bb920 }
.lead-form>input::placeholder { color:#a89cac }
.consent-row { display:flex; align-items:flex-start; gap:11px; margin:20px 0; cursor:pointer }
.consent-row input { flex:none; margin:2px 0 0; accent-color:#a539ba }
.consent-row span { color:#786e7c; font-size:11px; line-height:1.5 }
.form-submit { width:100% }
.form-status { margin:12px 0 0; font-size:12px; font-weight:750 }
.form-status.error { color:#b52b42 }
.form-status.success { color:#197950 }
.lead-form small { display:block; margin-top:12px; color:#97899f; font-size:10px; line-height:1.5 }
.honeypot { position:absolute; left:-9999px; opacity:0 }

.site-footer { padding:65px 0 0; background:#0e0d14; color:#d5cbdc }
.footer-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr 1fr; gap:40px; padding-bottom:63px }
.footer-brand img { width:202px }
.footer-brand-block p { max-width:245px; margin:20px 0 0; color:#aea3b8; font-size:13px; line-height:1.6 }
.footer-column { display:flex; flex-direction:column; gap:13px; align-items:start }
.footer-column h2 { margin:0 0 9px; color:#fff; font-size:13px }
.footer-column a:not(.button),.footer-column span,.footer-column p { color:#a99db4; font-size:12px; line-height:1.55 }
.footer-column a:hover { color:#fff }
.footer-column p { margin:0 }
.footer-column .button { margin-top:6px; font-size:12px; min-height:44px; padding:11px 14px }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:23px 0; border-top:1px solid #ffffff1b; color:#968ba0; font-size:11px }
.footer-bottom a:hover { color:#fff }

.floating-actions { position:fixed; z-index:40; right:19px; top:45%; display:grid; gap:10px }
.floating-actions a { width:42px; height:42px; display:grid; place-items:center; border:1px solid #a56bbd66; border-radius:50%; color:#fff; background:#251a32e8; backdrop-filter:blur(8px); box-shadow:0 8px 20px #0004; font-size:20px; font-weight:800 }
.floating-actions a:first-child { color:#241823; background:var(--gold); border-color:var(--gold) }
.floating-actions a:hover { transform:translateY(-2px) }

@media(max-width:1160px) {
  .nav { gap:16px }.nav-links { gap:14px }.nav-links a { font-size:12px }.nav-actions { gap:12px }
  .about-grid { gap:36px }.apply-grid { gap:45px }
}
@media(max-width:940px) {
  .shell { width:min(100% - 44px,760px) }
  .nav { min-height:70px }.nav-links { display:none; position:absolute; top:69px; left:0; right:0; padding:16px 24px 23px; background:#18131f; border-bottom:1px solid #ffffff25; box-shadow:0 18px 28px #0005 }.nav-links.open { display:grid; gap:0 }.nav-links a { padding:11px 0; font-size:14px }.menu-button { display:block }.nav-actions { margin-left:auto }
  .hero-content { min-height:0; display:block }.hero-copy { padding:82px 0 95px }.hero-graphic { display:none }.hero { min-height:0 }.hero-background { background-position:65% center }.hero-scroll { display:none }
  .about-section,.calculator-section,.scenarios-section,.steps-section,.faq-section,.apply-section { padding:82px 0 }
  .about-grid,.calculator-layout,.scenarios-layout,.apply-grid { grid-template-columns:1fr }
  .about-visual { max-width:640px; margin:30px auto 0 }.about-photo { aspect-ratio:1.25 }
  .section-header-row { display:block }.section-header-row p { max-width:650px; margin-top:22px }
  .result-panel { min-height:0 }.result-panel .button { margin-top:0 }
  .steps-grid { grid-template-columns:repeat(2,1fr) }
  .faq-list { grid-template-columns:1fr; gap:0 }
  .lead-form { max-width:640px }
  .footer-grid { grid-template-columns:repeat(2,1fr); gap:42px }
}
@media(max-width:600px) {
  .shell { width:calc(100% - 32px) }.nav { gap:7px }.brand img { width:153px }.nav-cta { display:none }.nav-actions { gap:9px }.lang-button { font-size:10px }.menu-button { width:35px; padding:5px }
  .hero-copy { padding:60px 0 72px }.hero h1 { font-size:clamp(43px,11.3vw,64px); margin:22px 0 19px }.hero-lede { font-size:15px }.hero-buttons { align-items:flex-start; flex-direction:column; gap:22px; margin-top:28px }.hero-facts { margin-top:39px; width:100% }.hero-fact { min-width:0; flex:1; padding:14px 9px }.hero-fact strong { font-size:16px }.hero-fact span { font-size:10px }.hero-subnote { margin-top:23px; font-size:9px }
  .section-header-row h2,.about-copy h2,.apply-copy h2 { font-size:clamp(36px,10vw,50px) }.section-header-row p,.section-lede,.apply-copy>p { font-size:14px }
  .about-section,.calculator-section,.scenarios-section,.steps-section,.faq-section,.apply-section { padding:67px 0 }
  .about-copy h2 { margin:14px 0 }.benefit-item { gap:14px; padding:19px 0 }.benefit-item h3 { font-size:16px }.benefit-item p { font-size:12px }.benefit-icon { width:36px; height:36px; font-size:19px }
  .about-visual { padding:0 0 29px 0; margin-top:21px }.about-visual:before { inset:18px 5px 15px 18px }.about-photo { aspect-ratio:1.25 }.about-photo-caption { right:-5px; bottom:0; width:90%; padding:11px }.about-photo-caption strong { font-size:11px }.about-photo-caption div span { font-size:10px }
  .calculator-panel,.result-panel { padding:25px 20px }.segmented-control { display:flex }.segmented-control button { flex:1; padding:10px 11px }.result-panel h3 { font-size:31px }.result-value strong { font-size:31px }
  .scenario-controls { margin:25px 0 19px }.scenario-controls .segmented-control { width:100% }.scenario-table-head,.scenario-row { grid-template-columns:53px 1fr 100px; gap:9px; padding:0 11px }.scenario-table-head { font-size:8px }.scenario-row { min-height:52px }.row-orders { font-size:14px }.row-value { font-size:10px }.scenario-chart { min-height:0; padding:25px 20px }.chart-caption strong { font-size:14px }
  .steps-grid { grid-template-columns:1fr; gap:11px; margin-top:33px }.step-card { min-height:0; padding:22px }.step-rail { margin:10px 0 17px }.faq-list summary { font-size:14px }
  .apply-benefits { font-size:12px }.lead-form { padding:25px 19px }.form-title { font-size:21px }
  .footer-grid { grid-template-columns:1fr 1fr; gap:35px 20px }.footer-brand-block { grid-column:1/-1 }.footer-action { grid-column:1/-1 }.footer-bottom { flex-wrap:wrap }.floating-actions { top:auto; bottom:18px; right:15px; gap:7px }.floating-actions a { width:38px; height:38px; font-size:17px }
}
@media(max-width:370px) { .brand img { width:137px }.hero h1 { font-size:41px }.footer-grid { grid-template-columns:1fr } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*:before,*:after { transition:none!important; animation:none!important } }