.hero{position:relative;overflow:hidden;overflow:clip;max-width:100%;background:radial-gradient(var(--grain) .7px,var(--clear) 1px) 0 0/3px 3px,radial-gradient(var(--grain) .7px,var(--clear) 1px) 1px 2px/5px 5px,linear-gradient(160deg,var(--wash),var(--clear) 42%),linear-gradient(200deg,var(--wash),var(--clear) 38%),linear-gradient(180deg,var(--hero-top),var(--hero-bottom))}
.hero-copy{position:relative;z-index:2;text-align:center;padding-top:24px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:26px;margin:0;padding:3px 12px 3px 9px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hilite),0 4px 10px -6px var(--shadow-b);font-size:12.5px;font-weight:600;line-height:1.4;color:var(--ink-2)}
.eb-dot{width:8px;height:8px;border-radius:var(--r-dot);background:var(--success);box-shadow:0 0 0 3px var(--g-100);flex:none}
.eb-sep{width:1px;height:12px;background:var(--border);flex:none}
.eb-mono{font-family:var(--font-mono-cjk);font-size:12px;font-weight:500;color:var(--muted)}
.hero h1{margin:12px auto 10px;font-size:clamp(40px,4.6vw,66px);font-weight:900;line-height:1.06;letter-spacing:-.03em}
.hero h1 .kw{color:var(--accent)}
.sub{margin:0 auto;max-width:980px;font-size:19px;line-height:1.5;color:var(--muted)}
.sub strong{color:var(--text);font-weight:700}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.trust li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 11px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hilite);font-family:var(--font-mono-cjk);font-size:12.5px;font-weight:500;line-height:1.5;color:var(--ink-2)}
.trust svg{width:14px;height:14px;flex:none;color:var(--success)}
.walls{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:16px;row-gap:8px;margin:12px auto 0;text-align:left}
.wall-label{font-family:var(--font-mono-cjk);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--muted);text-align:right;line-height:22px;padding-right:16px;border-right:1px solid var(--border)}
.wall-row{display:flex;align-items:center;gap:24px;color:var(--ink-2);margin:0;padding:0;list-style:none}
.wall-row li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:22px;white-space:nowrap}
.wall-row svg{width:18px;height:18px;flex:none}
.wall-row.flags{gap:20px}
.flag{display:inline-flex;flex:none;width:21px;height:14px;border-radius:var(--r-flag);overflow:hidden;background:var(--panel);box-shadow:0 0 0 1px var(--n-300);color:var(--ink-2)}
.flag svg{width:21px;height:14px;display:block}
.flag.sq{width:14px}
.flag.sq svg{width:14px;height:14px}
.fi{fill:currentColor}.fp{fill:var(--panel)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.stage{position:relative;z-index:1;height:428px;margin:6px 0 0}
.scene{position:relative;width:92%;margin:24px auto 0;transform-origin:50% 0;transform:perspective(2400px) rotateX(18deg) rotateZ(-2deg)}
.win-under{position:absolute;inset:26px -14px -22px;border-radius:var(--r-under);background:linear-gradient(180deg,var(--panel-2),var(--hero-bottom));border:1px solid var(--border);box-shadow:0 34px 60px -24px var(--shadow-b),0 10px 24px -16px var(--shadow-b-soft)}
.win{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);height:440px;border-radius:var(--r-md);overflow:hidden;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--hilite-soft),0 50px 100px -30px var(--shadow-v),0 22px 44px -22px var(--shadow-v),0 2px 6px -2px var(--shadow-b-soft);font-size:12.5px;line-height:1.5}
.win-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;background:linear-gradient(180deg,var(--rail-2),var(--rail))}
.rail-logo{width:30px;height:30px;border-radius:var(--r-sm);flex:none}
.rail-sep{width:22px;height:1px;background:var(--rail-hi);margin:6px 0}
.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:46px;padding:6px 0 5px;border-radius:var(--r-sm);color:var(--rail-fg)}
.rail-btn svg{width:17px;height:17px}
.rail-btn small{font-size:9px;font-weight:600;letter-spacing:.02em;line-height:1}
.rail-btn.is-on{background:var(--rail-hi);color:var(--panel)}
.rail-btn.is-on::before{content:"";position:absolute;left:-5px;top:8px;bottom:8px;width:3px;border-radius:var(--r-sm);background:var(--v-200)}
.win-main{display:grid;grid-template-rows:40px minmax(0,1fr);min-width:0}
.win-bar{display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hilite)}
.dots{display:inline-flex;gap:7px;flex:none}
.dots i{width:10px;height:10px;border-radius:var(--r-dot);box-shadow:inset 0 0 0 1px var(--dot-ring),inset 0 1px 1px var(--hilite-soft)}
.d-r{background:var(--error)}.d-y{background:var(--warn)}.d-g{background:var(--success)}
.win-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}
.win-title em{font-style:normal;font-weight:500;color:var(--muted)}
.conn{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:2px 9px;border-radius:var(--r-pill);background:var(--g-100);color:var(--g-ink);font-size:11.5px;font-weight:700}
.conn i{width:6px;height:6px;border-radius:var(--r-dot);background:var(--success);box-shadow:0 0 0 2px var(--g-200);flex:none}
.win-tabs{display:inline-flex;gap:2px;margin-left:14px;padding:2px;border-radius:var(--r-sm);background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--border-soft)}
.win-tabs span{padding:3px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--muted)}
.win-tabs .is-on{background:var(--panel);color:var(--text);font-weight:700;box-shadow:0 1px 2px var(--shadow-b)}
.win-mode{font-family:var(--font-mono-cjk);font-size:11.5px;color:var(--muted);padding-left:12px;border-left:1px solid var(--border)}
.win-body{display:grid;grid-template-columns:244px minmax(0,1fr) 318px;grid-template-rows:232px 64px;grid-template-areas:"facts hex list" "tog plan dev";gap:12px;padding:14px 16px 0;background:linear-gradient(180deg,var(--panel-3),var(--panel-2) 140%);min-width:0}
.facts{grid-area:facts;display:grid;grid-template-rows:1fr 1fr;gap:10px}
.fact{display:flex;flex-direction:column;justify-content:space-between;padding:11px 14px 10px;border-radius:var(--r-md);border:1px solid;box-shadow:inset 0 1px 0 var(--hilite),inset 0 0 0 1px var(--hilite-soft),0 10px 18px -12px var(--shadow-v)}
.fact-v{background:linear-gradient(140deg,var(--v-50),var(--v-100) 55%,var(--v-200));border-color:var(--v-200);color:var(--v-ink)}
.fact-o{background:linear-gradient(140deg,var(--o-50),var(--o-100) 55%,var(--o-200));border-color:var(--o-200);color:var(--o-ink)}
.fact-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}
.fact-top svg{width:16px;height:16px}
.fact-mid{display:flex;align-items:baseline;gap:6px}
.fact-num{font-family:var(--font-display);font-size:38px;font-weight:900;letter-spacing:-.03em;line-height:1}
.fact-unit{font-size:15px;font-weight:700}
.fact-foot{font-family:var(--font-mono-cjk);font-size:11px;font-weight:500;opacity:.85}
.hexcard{grid-area:hex;display:flex;flex-direction:column;padding:11px 14px}
.cd-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}
.cd-title{font-size:13px;font-weight:700;color:var(--text)}
.cd-note{font-family:var(--font-mono-cjk);font-size:11px;color:var(--muted)}
.hex-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:0}
.hexmap{width:310px;height:186px;flex:none;display:block}
.hexmap use{stroke:var(--panel);stroke-width:3;stroke-linejoin:round}
.hx-g1{fill:var(--g-100)}.hx-g2{fill:var(--g-200)}.hx-g-on{fill:var(--g-300)}
.hx-o1{fill:var(--o-100)}.hx-o-on{fill:var(--o-300)}
.hx-n1{fill:var(--n-100)}.hx-n2{fill:var(--n-200)}.hx-n-on{fill:var(--n-300)}
.ht{font-family:var(--font-body);font-size:12px;font-weight:700;text-anchor:middle}
.ht-g{fill:var(--g-ink)}.ht-o{fill:var(--o-ink)}.ht-n{fill:var(--n-ink)}
.legend{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;padding:0;margin:0;list-style:none}
.legend li{display:grid;grid-template-columns:14px 1fr;column-gap:8px;align-items:center}
.legend b{font-size:12.5px;font-weight:700;color:var(--text)}
.legend small{grid-column:2;font-size:11px;color:var(--muted)}
.sw{width:13px;height:15px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.sw-g{background:var(--g-300)}.sw-o{background:var(--o-300)}.sw-n{background:var(--n-300)}
.listcard{grid-area:list;display:flex;flex-direction:column;padding:11px 14px}
.cd-chip{font-size:11px;font-weight:600;color:var(--muted);padding:2px 8px;border-radius:var(--r-sm);background:var(--panel-3);box-shadow:inset 0 0 0 1px var(--border-soft)}
.lines{flex:1;display:grid;grid-template-rows:repeat(4,1fr);margin-top:6px}
.ln{display:flex;flex-direction:column;justify-content:center;gap:7px;border-top:1px solid var(--border-soft)}
.ln:first-child{border-top:0}
.ln-top{display:flex;align-items:center;gap:7px}
.ln-top b{font-size:13px;font-weight:700;color:var(--text)}
.ln-top .tag:first-of-type{margin-left:auto}
.tag,.badge{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:2px 8px;border-radius:var(--r-sm);font-size:11px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.tag-g{background:var(--g-100);color:var(--g-ink)}
.tag-o{background:var(--o-100);color:var(--o-ink)}
.tag-n{background:var(--n-100);color:var(--n-ink)}
.tag-v,.badge{background:var(--v-50);color:var(--v-ink);box-shadow:inset 0 0 0 1px var(--v-100)}
.ln-bar{height:5px;border-radius:var(--r-flag)}
.ln-g .ln-bar{background:linear-gradient(90deg,var(--g-300),var(--g-200) 55%,var(--g-100))}
.ln-o .ln-bar{background:linear-gradient(90deg,var(--o-300),var(--o-200) 55%,var(--o-100))}
.ln-n .ln-bar{background:linear-gradient(90deg,var(--n-300),var(--n-200) 55%,var(--n-100))}
.togcard{grid-area:tog;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 12px}
.tog-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tog-label{font-size:12.5px;font-weight:700}
.tog-label em{font-style:normal;font-weight:600;color:var(--g-ink)}
.switch{position:relative;width:30px;height:17px;border-radius:var(--r-pill);background:var(--g-300);box-shadow:inset 0 1px 2px var(--shadow-b);flex:none}
.switch i{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:var(--r-dot);background:var(--panel);box-shadow:0 1px 2px var(--shadow-b)}
.pill-v{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;min-height:22px;padding:2px 9px;border-radius:var(--r-sm);background:var(--v-50);color:var(--v-ink);box-shadow:inset 0 0 0 1px var(--v-100);font-size:11.5px;font-weight:700}
.plancard{grid-area:plan;display:flex;align-items:center;gap:10px;padding:0 12px}
.plan-label{font-size:12.5px;font-weight:700;white-space:nowrap}
.prices{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.prices li{display:flex;flex-direction:column;justify-content:center;gap:1px;height:44px;padding:0 10px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--panel),var(--panel-3));box-shadow:inset 0 0 0 1px var(--border),inset 0 1px 0 var(--hilite)}
.prices b{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:-.01em}
.prices small{font-family:var(--font-mono-cjk);font-size:10.5px;color:var(--muted);white-space:nowrap}
.tag-forever{display:inline-flex;align-items:center;gap:5px;margin-left:auto;min-height:24px;padding:2px 9px;border-radius:var(--r-sm);background:var(--o-50);color:var(--o-ink);box-shadow:inset 0 0 0 1px var(--o-200);font-size:11.5px;font-weight:700}
.devcard{grid-area:dev;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(120deg,var(--panel),var(--n-100))}
.dev-stack{display:flex;flex:none}
.dev-stack i{display:grid;place-items:center;width:28px;height:28px;margin-left:-7px;border-radius:var(--r-dot);background:var(--panel);color:var(--ink-2);box-shadow:0 0 0 2px var(--panel),inset 0 0 0 1px var(--border)}
.dev-stack i:first-child{margin-left:0}
.dev-stack svg{width:14px;height:14px}
.dev-txt{display:flex;flex-direction:column;gap:1px}
.dev-txt b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.dev-txt small{font-size:11px;color:var(--muted)}
.float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:inset 0 1px 0 var(--hilite),0 18px 36px -14px var(--shadow-v);font-size:12px;font-weight:700}
.float svg{width:16px;height:16px;color:var(--g-ink)}
.float-email{right:-18px;top:-16px}
.float-refund{left:-20px;bottom:58px}
.float-pay{right:6px;bottom:35px}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel-2)}
[role="tab"]{min-height:44px;padding:10px 18px;border:1px solid var(--clear);border-radius:var(--r-sm);background:var(--clear);color:var(--ink-2);font-weight:600;line-height:1.5}
[role="tab"]:hover{background:var(--panel)}
[role="tab"][aria-selected="true"]{background:var(--panel);border-color:var(--border);color:var(--accent-dark);box-shadow:var(--shadow-card)}
[role="tabpanel"]{min-width:0;margin-top:20px}
.feature-band{position:relative;overflow-x:clip;background:linear-gradient(115deg,var(--violet-deep),var(--accent-dark) 60%,var(--cobalt));color:var(--on-accent)}
.feature-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,var(--clear) 24%,var(--rail-hi) 24.1%,var(--clear) 24.25%,var(--clear) 62%,var(--rail-hi) 62.1%,var(--clear) 62.25%)}
.feature-layout{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.feature-layout [role="tabpanel"]{grid-column:1;grid-row:1;margin:0;padding:24px;background:var(--panel);color:var(--text);border-radius:var(--r-md);box-shadow:0 24px 60px var(--shadow-v)}
.feature-layout [role="tablist"]{grid-column:2;flex-direction:column;align-items:stretch;border-color:var(--hilite-cta);background:var(--clear)}
.feature-layout [role="tab"]{text-align:left;color:var(--on-accent)}
.feature-layout [role="tab"]:hover{background:var(--rail-hi)}
.feature-layout [role="tab"][aria-selected="true"]{background:var(--panel);color:var(--accent-dark)}
.feature-facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.toc-tabs{display:flex;position:sticky;top:var(--toc-offset);z-index:20;gap:6px;overflow-x:auto;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 8px 22px -14px var(--shadow-b);overscroll-behavior-x:contain}
.toc-tabs.is-static{position:static}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;flex:none;padding:8px 14px;white-space:nowrap;border-radius:var(--r-sm);text-decoration:none;color:var(--ink-2);font-size:14px}
.toc-tabs a.is-current{background:var(--v-100);color:var(--accent-dark);font-weight:700;box-shadow:inset 0 0 0 1px var(--v-200)}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--anchor-offset)}
.faq-list{display:grid;gap:10px}
.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.faq-item summary{position:relative;list-style:none;padding:18px 48px 18px 20px;min-height:56px;font-weight:650;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:17px;color:var(--accent-dark);font-family:var(--font-mono);font-size:20px;line-height:1.3}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 20px 4px;color:var(--muted)}
.plan-card{position:relative;display:flex;flex-direction:column;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 20px 45px -24px var(--shadow-v-cta)}
.plan-best{align-self:flex-start;margin-bottom:16px;background:var(--o-100);color:var(--o-ink);border:1px solid var(--o-200);border-radius:var(--r-sm);padding:3px 9px;font-size:12px;font-weight:700}
.plan-cycle{font-family:var(--font-mono-cjk);font-size:13px;color:var(--muted)}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:14px 0}
.plan-price strong{font-family:var(--font-display);font-size:40px;font-weight:900;letter-spacing:-.02em}
.plan-price small{font-size:14px;color:var(--muted)}
.plan-specs{padding-left:20px;margin:8px 0 24px}
.plan-card .btn{margin-top:auto;width:100%}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel)}
.data-table,.route-table{width:100%;min-width:660px;font-size:14px}
.data-table caption,.route-table caption{text-align:left;padding:16px;font-weight:700;color:var(--text)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:14px 18px;border-bottom:1px solid var(--border-soft);word-break:keep-all}
.table-scroll th{white-space:nowrap;color:var(--text);background:var(--panel-2)}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:650}
.route-table .region-row th{background:var(--v-50);color:var(--v-ink)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.platform-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--panel-2);color:var(--ink-2);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--hilite)}
.platform-icon svg{width:26px;height:26px}
.platform-card h3{font-size:18px;margin:0}
.platform-card p{font-size:13px;color:var(--muted);margin:0}
.platform-card .btn{margin-top:auto;padding-inline:12px;max-width:100%;font-size:13px}
.client-orbit{position:relative;min-height:280px;max-width:660px;margin:0 auto 32px;overflow-x:clip}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;stroke:var(--border);stroke-width:1;fill:none}
.orbit-logo{position:absolute;left:calc(50% - 38px);top:calc(50% - 38px);width:76px;height:76px;border-radius:var(--r-md);box-shadow:0 16px 44px var(--shadow-v)}
.orbit-pill{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;min-height:32px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--v-50);color:var(--v-ink);font-family:var(--font-mono-cjk);font-size:12px;box-shadow:var(--shadow-card)}
.orbit-a{left:10%;top:18%}.orbit-b{right:8%;top:18%;background:var(--o-50);color:var(--o-ink)}
.orbit-c{left:3%;bottom:22%;background:var(--g-100);color:var(--g-ink)}
.orbit-d{right:4%;bottom:22%;background:var(--n-100);color:var(--n-ink)}
.article-card{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-mono-cjk);font-size:12px;color:var(--muted)}
.article-card h3{font-size:21px;margin:0;line-height:1.5}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{font-size:14px;color:var(--muted);margin:0}
.article-link{display:inline-flex;align-items:center;min-height:28px;margin-top:auto;color:var(--accent-dark);font-weight:650;font-size:14px}
.article-hero{position:relative;padding:32px 32px 32px 48px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(125deg,var(--v-50),var(--panel));box-shadow:var(--shadow-card)}
.article-hero::before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:5px;background:linear-gradient(180deg,var(--accent),var(--cobalt));border-radius:var(--r-pill)}
.article-hero h1{font-size:clamp(28px,3.2vw,44px)}
.callout{margin:24px 0;padding:18px 22px;border:1px solid var(--v-100);border-left:4px solid var(--accent);border-radius:var(--r-sm);background:var(--v-50);color:var(--v-ink);box-shadow:inset 0 1px 0 var(--hilite)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin:32px 0;padding:24px;border:1px solid var(--v-200);border-radius:var(--r-md);background:linear-gradient(120deg,var(--panel),var(--v-50));box-shadow:0 18px 42px -24px var(--shadow-v)}
.promo-copy{flex:1;min-width:200px}
.promo-copy strong{font-size:20px;font-weight:800}
.promo-copy p{font-size:14px;margin:8px 0 0;color:var(--muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{background:linear-gradient(110deg,var(--violet-deep),var(--accent-dark),var(--cobalt));color:var(--on-accent);overflow-x:clip}
.cta-band .lead{color:var(--on-accent-soft)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.cta-band h2{font-size:32px;margin-bottom:10px}
.float-cta{position:fixed;z-index:40;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:1px solid var(--v-200);border-radius:var(--r-md);background:var(--panel);color:var(--accent-dark);font-weight:750;font-size:14px;text-decoration:none;box-shadow:inset 0 1px 0 var(--hilite),0 12px 35px var(--shadow-v)}
.float-cta svg{width:18px;height:18px}
.float-cta:hover{background:var(--v-50)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.sample-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sample-stack{display:grid;gap:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.swatch{border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);overflow:hidden;font-family:var(--font-mono);font-size:11px}
.swatch-color{height:56px;box-shadow:inset 0 1px 0 var(--hilite-soft)}
.swatch code{display:block;background:var(--panel);padding:8px}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--panel)}.sw-panel2{background:var(--panel-2)}.sw-panel3{background:var(--panel-3)}
.sw-border{background:var(--border)}.sw-border-soft{background:var(--border-soft)}
.sw-accent{background:var(--accent)}.sw-accent-hi{background:var(--accent-hi)}.sw-accent-dark{background:var(--accent-dark)}.sw-deep{background:var(--violet-deep)}.sw-cobalt{background:var(--cobalt)}
.sw-text{background:var(--text)}.sw-ink{background:var(--ink-2)}.sw-muted{background:var(--muted)}
.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}
.sw-hero{background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom))}
.sw-violet{background:linear-gradient(90deg,var(--v-50),var(--v-100) 33%,var(--v-200) 66%,var(--v-ink))}
.sw-orange{background:linear-gradient(90deg,var(--o-50),var(--o-100) 25%,var(--o-200) 50%,var(--o-300) 75%,var(--o-ink))}
.sw-green{background:linear-gradient(90deg,var(--g-100),var(--g-200) 33%,var(--g-300) 66%,var(--g-ink))}
.sw-neutral{background:linear-gradient(90deg,var(--n-100),var(--n-200) 33%,var(--n-300) 66%,var(--n-ink))}
.sw-rail{background:linear-gradient(90deg,var(--rail),var(--rail-2) 50%,var(--rail-fg))}
.sw-highlight{background:linear-gradient(90deg,var(--hilite),var(--hilite-soft),var(--hilite-cta))}
.sw-shadows{background:linear-gradient(90deg,var(--shadow-v),var(--shadow-v-soft),var(--shadow-v-cta),var(--shadow-b),var(--shadow-b-soft))}
.sw-overlays{background:linear-gradient(90deg,var(--grain),var(--wash),var(--dot-ring),var(--veil))}
.sw-white{background:linear-gradient(90deg,var(--on-accent),var(--on-accent-soft))}
.sample-display{font-size:clamp(32px,4vw,54px);font-weight:900;letter-spacing:-.02em;line-height:1.2}
@media(max-width:1250px){
  .win-body{grid-template-columns:190px minmax(0,1fr) 265px;gap:10px;padding-inline:12px}
  .hex-body{gap:6px}
  .hexmap{width:250px;height:160px}
  .legend{gap:8px}
  .legend small{display:none}
  .plancard{gap:6px}
  .prices li{padding-inline:6px}
  .tag-forever{font-size:10px;padding-inline:6px}
}
@media(max-width:1000px){
  .win-body{grid-template-columns:160px minmax(0,1fr) 220px}
  .hex-body{flex-direction:column;justify-content:center;gap:0}
  .hexmap{height:158px;width:250px}
  .legend{flex-direction:row;gap:10px;flex:0}
  .legend b{font-size:10px}
  .legend li{grid-template-columns:10px auto;gap:4px}
  .sw{width:10px;height:12px}
  .plancard{flex-wrap:wrap;justify-content:center;padding:5px}
  .tag-forever{margin-left:0}
  .plan-label{display:none}
}
@media(max-width:768px){
  .hero h1{font-size:clamp(28px,6vw,40px);line-height:1.15;letter-spacing:-.02em}
  .hero-copy{padding-top:22px}
  .sub{font-size:17px}
  .walls{grid-template-columns:1fr;gap:6px}
  .wall-label{display:none}
  .wall-row,.wall-row.flags{flex-wrap:wrap;justify-content:center;gap:8px 16px}
  .wall-row li{font-size:12px}
  .stage{height:auto;margin-top:18px;padding-bottom:24px}
  .scene{transform:none;width:100%;margin-top:0}
  .win-under{inset:12px 0 -8px}
  .win{height:auto;grid-template-columns:40px minmax(0,1fr)}
  .win-rail{padding-top:12px}
  .rail-logo{width:26px;height:26px}
  .rail-btn{width:34px}
  .rail-btn small{font-size:7px}
  .win-bar{gap:8px;padding-inline:10px}
  .win-tabs,.win-mode{display:none}
  .win-title{font-size:11px}
  .win-title em{display:none}
  .conn{font-size:10px;padding-inline:6px;margin-left:auto}
  .dots{gap:4px}.dots i{width:7px;height:7px}
  .win-body{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"facts facts" "hex hex" "list list" "tog dev" "plan plan";padding:10px;gap:10px}
  .facts{grid-template-columns:1fr 1fr;grid-template-rows:110px}
  .fact{padding:10px}
  .fact-num{font-size:32px}.fact-unit{font-size:12px}.fact-foot{font-size:9px}
  .hexcard{padding:10px}
  .hexmap{width:min(100%,310px);height:auto;max-height:186px}
  .hex-body{min-height:200px}
  .legend{flex-wrap:wrap;justify-content:center}
  .listcard{min-height:240px}
  .togcard,.devcard{padding:10px;min-height:76px}
  .dev-stack{display:none}
  .tog-row{flex-wrap:wrap;gap:4px}
  .tog-label{font-size:10px}
  .dev-txt b{font-size:13px}
  .dev-txt small{font-size:10px}
  .plancard{padding:10px;min-height:70px}
  .prices{flex-wrap:wrap;justify-content:center}
  .float{position:relative;inset:auto;margin:14px 4px 0;padding:7px 9px;font-size:10px}
  .scene{text-align:center}
  .win{text-align:left}
  .feature-layout{grid-template-columns:1fr;gap:20px}
  .feature-layout [role="tablist"]{grid-column:1;grid-row:1;flex-direction:row}
  .feature-layout [role="tabpanel"]{grid-row:2}
  .feature-layout [role="tab"]{font-size:13px;padding:8px}
  .platform-card{padding:16px}
  .article-hero{padding:24px 20px 24px 36px}
  .article-hero::before{left:14px}
  .client-orbit{min-height:240px}
  .orbit-pill{font-size:10px;padding-inline:9px}
}
@media(max-width:640px){
  .scene{transform:none}
  .cta-row{gap:10px}
  .hero .btn{padding-inline:20px}
  .trust{gap:6px}
  .trust li{font-size:10px;padding-inline:7px}
  .feature-layout [role="tabpanel"]{padding:18px}
  .promo-copy{min-width:0;flex-basis:100%}
  .float-cta{right:16px}
}