.hero-sec{padding:56px 0 40px;position:relative}
.hero-sec .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.hero-sec h1{margin:18px 0 22px}
.hero-sec .cta{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 26px}
.plat{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.plat small{font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.plat span.p{font-weight:600;font-size:13px;padding:6px 12px;border-radius:99px;background:var(--surface);border:var(--bw) solid var(--line)}
[data-theme="b"] .plat span.p{border-color:var(--ink)}
.stage{position:relative;height:640px}
.stage .arch{position:absolute;inset:30px 20px 0 40px;border-radius:300px 300px 28px 28px;background:linear-gradient(180deg,var(--accent2),var(--accent3) 92%)}
[data-theme="b"] .arch{border-radius:50%;inset:20px 10px 60px 30px;background:var(--accent2);border:var(--bw) solid var(--ink);box-shadow:var(--shadow)}
.stage .c1{position:absolute;left:-6px;top:70px;width:236px;transform:rotate(-3deg);z-index:2}
.stage .c2{position:absolute;right:-6px;top:14px;width:250px;transform:rotate(2.5deg)}
.stage .c3{position:absolute;left:34px;bottom:0;width:330px;z-index:1}
.stage .c4{position:absolute;right:0;bottom:70px}
.stage .sticker{right:-26px;top:-48px}
.mini-chart{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:12px}
.mini-chart i{flex:1;background:color-mix(in srgb,var(--accent) 28%,transparent);border-radius:4px 4px 0 0}
.mini-chart i.hi{background:var(--accent)}
@media(max-width:980px){.hero-sec .wrap{grid-template-columns:1fr}.stage{height:560px;max-width:520px;margin:20px auto 0}}

.three .card h3{margin:14px 0 8px}
.ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:var(--soft);border:var(--bw) solid transparent}
[data-theme="b"] .ico{background:var(--accent3);border-color:var(--ink)}
.three .card:nth-child(2) .ico{background:var(--soft2)}[data-theme="b"] .three .card:nth-child(2) .ico{background:var(--accent4)}
.three .card:nth-child(3) .ico{background:#EADFFF}[data-theme="b"] .three .card:nth-child(3) .ico{background:var(--accent2);color:#fff}

.steps{counter-reset:s}
.step{position:relative}
.step .n{font:var(--dw) 64px/1 var(--font-display);color:var(--accent);letter-spacing:var(--dls);opacity:.9}
.step h3{margin:6px 0 8px}
.step .vis{margin-top:22px;border-radius:var(--radius-sm);background:var(--bg2);padding:18px;min-height:150px;display:grid;gap:8px;align-content:center}
[data-theme="b"] .step .vis{border:var(--bw) solid var(--ink)}
.cn{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:12px;padding:8px 12px;font-size:13.5px;font-weight:600;border:var(--bw) solid var(--line)}
[data-theme="b"] .cn{border-color:var(--ink)}
.cn .dot{margin-right:8px}.cn em{font-style:normal;color:var(--good);font-size:12px}

.show{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.tabs{display:grid;gap:10px}
.tab{text-align:left;font:inherit;background:transparent;border:var(--bw) solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;cursor:pointer;color:var(--ink);display:grid;gap:2px}
[data-theme="b"] .tab{border-color:var(--ink)}
.tab b{font-family:var(--font-display);font-weight:var(--dw);font-size:19px;letter-spacing:-.01em}
.tab span{font-size:14px;color:var(--muted)}
.tab.on{background:var(--surface);box-shadow:var(--shadow-sm);border-color:var(--accent)}
[data-theme="b"] .tab.on{background:var(--accent);color:#fff;border-color:var(--ink)}
[data-theme="b"] .tab.on span{color:#fff}
.panel{display:none}.panel.on{display:block}
.pg{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;min-height:470px}
.pg .ph{display:flex;justify-content:space-between;font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.pg h3,.pg h4{font-family:var(--font-display);font-weight:var(--dw);font-size:28px;letter-spacing:var(--dls);line-height:1.08;margin-bottom:18px}
.heat{display:grid;grid-template-columns:34px repeat(12,1fr);gap:4px;font:500 10px var(--font-mono);color:var(--muted)}
.heat i{aspect-ratio:1;border-radius:5px;background:var(--accent);display:block}
.heat span{align-self:center}
.move{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px 0;border-top:var(--bw) solid var(--line)}
.move:first-of-type{border-top:0}
.move .num{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 20px var(--font-display);border:var(--bw) solid var(--ink)}
[data-theme="a"] .move .num{border-color:var(--accent)}
.move b{display:block;font-size:17px}.move small{color:var(--muted);font-size:13.5px}
.stack{display:flex;gap:14px}.stack .receipt-wrap{flex:1}
.stack .receipt{padding:14px 14px 22px;font-size:11.5px}
.stack .receipt .rname{font-size:19px}
@media(max-width:980px){.show{grid-template-columns:1fr}.stack{flex-direction:column}}

table.vs{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
[data-theme="b"] table.vs{border-color:var(--ink)}
.vs th,.vs td{padding:18px 22px;text-align:left;border-bottom:var(--bw) solid var(--line);vertical-align:top}
[data-theme="b"] .vs th,[data-theme="b"] .vs td{border-color:color-mix(in srgb,var(--ink) 20%,transparent)}
.vs tr:last-child td{border-bottom:0}
.vs thead th{font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--bg2) 55%,var(--surface))}
.vs th.us,.vs td.us{background:var(--soft);font-weight:600}
[data-theme="b"] .vs th.us,[data-theme="b"] .vs td.us{background:var(--accent3)}
.vs .y{color:var(--good);font-weight:800}.vs .n{color:var(--muted)}
.vs td:first-child{font-weight:600}
@media(max-width:700px){.vs th,.vs td{padding:12px;font-size:13px}}

.quote{display:grid;gap:16px;align-content:space-between}
.quote p{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.3;letter-spacing:-.01em}
.who{display:flex;gap:12px;align-items:center;font-size:14px}.who small{display:block;color:var(--muted)}
.ph-note{font:500 11px var(--font-mono);color:var(--muted);letter-spacing:.06em;margin-top:18px}

.trust{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lock{display:grid;gap:14px}
.lock .li{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--radius-sm);padding:16px 18px}
[data-theme="b"] .lock .li{border-color:var(--ink);box-shadow:var(--shadow-sm)}
.lock .li b{display:block}.lock .li span{font-size:14px;color:var(--muted)}
.lock .li i{font-style:normal;font-size:22px}
@media(max-width:900px){.trust{grid-template-columns:1fr}}
.cta-band{background:var(--accent);color:var(--accent-ink);border-radius:calc(var(--radius) + 8px);padding:72px 40px;text-align:center;position:relative;overflow:hidden;border:var(--bw) solid var(--ink)}
[data-theme="a"] .cta-band{background:linear-gradient(135deg,#B0245F,#7C1B49);border-color:transparent}
.cta-band .display em{color:var(--accent3);background:none;padding:0}
.cta-band .btn{margin-top:28px;background:var(--surface);color:var(--ink);border-color:var(--ink)}
.toggle-bill{display:inline-flex;background:var(--surface);border:var(--bw) solid var(--line);border-radius:99px;padding:4px;margin-top:6px}
[data-theme="b"] .toggle-bill{border-color:var(--ink)}
.toggle-bill button{font:600 13px var(--font-body);border:0;background:transparent;padding:8px 16px;border-radius:99px;cursor:pointer;color:var(--muted)}
.toggle-bill .on{background:var(--ink);color:var(--bg)}
.price4{grid-template-columns:repeat(4,1fr)}@media(max-width:1040px){.price4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.price4{grid-template-columns:1fr}}
.price .amt{font-size:46px}
.badge-top{position:absolute;top:-14px;left:28px}

/* production refinements */
.plat{gap:0}
.plat small{margin-right:14px}
.plat span.p{border:0;background:transparent;border-radius:0;padding:0 14px;font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-left:1px solid var(--line)}
.plat span.p:first-of-type{border-left:0;padding-left:0}
.stage .eg{position:absolute;left:34px;bottom:-26px;font:500 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.stage .c4{bottom:78px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}
.price3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.price3{grid-template-columns:1fr}}
footer .fl{display:flex;gap:22px;flex-wrap:wrap}footer .fl a{text-decoration:none;color:var(--muted)}footer .fl a:hover{color:var(--ink)}

/* round 2 production refinements */
.plat{flex-wrap:wrap;row-gap:8px}
.plat span.p{padding:0 11px;font-size:11px}
.stage .c4{bottom:24px;right:6px;background:var(--paper);z-index:3}
.ico,.three .card:nth-child(2) .ico,.three .card:nth-child(3) .ico{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:3px;font:500 13px var(--font-mono);letter-spacing:.06em;width:46px;height:46px}
.lock .li i{font:500 10px var(--font-mono);font-style:normal;border:1px solid var(--accent);color:var(--accent);padding:3px 6px;border-radius:2px;letter-spacing:.08em;margin-top:2px}
.plat small{flex-basis:100%;margin:0 0 8px}
@media(max-width:700px){
.stage{height:auto!important;display:grid;gap:18px;max-width:400px;margin:10px auto 0!important}
.stage .arch{display:none}
.stage .c1,.stage .c2,.stage .c3,.stage .c4,.stage .eg{position:static!important;transform:none!important;width:auto!important}
.stage .c4{justify-self:start;margin-top:-6px}
.stage .eg{margin-top:-6px}
.stage .c1{max-width:300px}
}