:root{color-scheme:dark;--bg:#0a1220;--surface:#101c2e;--surface2:#15253b;--text:#eef1f6;--muted:#a3b1c4;--line:#213249;--accent:#f2b134;--accent-ink:#1c1300;--accent-hi:#ffc455;--navy:#08101d;--navy2:#0f2037;--soft:#8fb0d4;--ok:#5cc28a;--warn:#e8915a;
--head:"Outfit","IBM Plex Sans",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a1220;--surface:#101c2e;--text:#eef1f6}}
:root[data-theme="dark"]{--bg:#0a1220;--surface:#101c2e;--text:#eef1f6}
html{height:100%;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--head);line-height:1.12;margin:0;letter-spacing:-.02em;font-weight:600}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:8px;font:600 15px var(--body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}
.btn-a{background:var(--accent);color:var(--accent-ink)}.btn-a:hover{background:var(--accent-hi)}
.btn-g{background:transparent;border-color:rgba(255,255,255,.24);color:#fff}.btn-g:hover{border-color:#fff}
.btn-s{padding:7px 13px;font-size:14px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.proto{background:#2a1e05;color:#f6d38a;font-size:13.5px;text-align:center;padding:6px 16px;border-bottom:1px solid #4a3608}
header.top{position:sticky;top:0;z-index:20;background:rgba(8,16,29,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;gap:24px;height:70px}
.logo{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none}
.logo svg.mark{width:42px;height:42px;flex:none;display:block}
.logo .wm b{display:block;font:600 26px/1 var(--head);letter-spacing:.06em;color:#fff}
.logo .wm small{display:block;font:600 10px/1 var(--body);letter-spacing:.2em;color:var(--soft);margin-top:6px}
.logo b{display:block;font:600 21px/1 var(--head);letter-spacing:-.02em;color:#fff}
.logo small{display:block;font:600 10.5px/1 var(--body);letter-spacing:.14em;color:var(--soft);margin-top:5px}
.nav a.l{color:#c9d8ea;text-decoration:none;font-size:15px}.nav a.l:hover,.nav a.l[aria-current]{color:#fff}
main{min-height:60vh}
/* home */
.hero{background:radial-gradient(760px 520px at 82% 10%,#14355a 0,transparent 70%),var(--navy);padding:64px 0 56px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(800px 420px at 30% 30%,#000 0,transparent 78%);mask-image:radial-gradient(800px 420px at 30% 30%,#000 0,transparent 78%)}
.hero>.wrap{position:relative}
.hlist{position:relative;height:360px;overflow:hidden;justify-self:end;width:100%;max-width:440px;opacity:.7;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.hlt{display:flex;flex-direction:column;gap:8px}
@media (prefers-reduced-motion:no-preference){.hlt{animation:hscroll 48s linear infinite}}
@keyframes hscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.hrow{display:grid;grid-template-columns:72px 1fr 74px 64px;align-items:center;gap:12px;padding:9px 14px;border:1px solid rgba(46,69,102,.55);border-radius:10px;background:rgba(16,28,46,.45);color:#5f7ea3}
.hrow svg{width:72px;height:28px;color:#5f7ea3}
.hn b{display:block;font:600 14px var(--head);color:#b9c8da}.hn small{font-size:11.5px;color:#6f84a0}
.hv{text-align:right;font:600 13.5px var(--body);color:#a7b8cc;font-variant-numeric:tabular-nums}.hv small{display:block;font-weight:400;font-size:10.5px;color:#6f84a0}
@media (max-width:1000px){.hlist{display:none}}
.hgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:72px;align-items:center}
.hviz{position:relative;margin:0}
.hviz{opacity:.9;justify-self:end;width:100%;max-width:440px}
.hcap{font-size:12px;color:var(--muted);margin-top:4px;text-align:center}
.hart{position:relative;display:block;width:100%;height:auto}
.lk{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){.lk{animation:lkp 4s ease-in-out infinite}}
@keyframes lkp{0%,100%{stroke-opacity:.5}50%{stroke-opacity:1}}
@keyframes scan{0%{transform:translateY(-70px)}100%{transform:translateY(420px)}}
.hchip{position:absolute;display:flex;flex-direction:column;gap:2px;background:rgba(15,32,55,.88);border:1px solid #2e5079;border-radius:10px;padding:8px 12px;font-size:12px;color:var(--muted);box-shadow:0 12px 30px rgba(0,0,0,.45);backdrop-filter:blur(4px)}
.hchip b{color:var(--text);font:600 15px var(--head)}
.hchip.c1{left:6%;top:12%;font:600 13px var(--head);color:#c9d8ea;background:transparent;border:1px solid #2e4566;box-shadow:none;padding:4px 10px;backdrop-filter:none}.hchip.c2{right:0;top:44%}.hchip.c3{right:6%;bottom:6%}
@media (max-width:1000px){.hgrid{grid-template-columns:1fr}.hviz{display:none}}
.hero h1{font-size:clamp(2rem,4vw,3rem);max-width:16em}
.hero p.lead{color:#b7c8dd;font-size:18px;margin:14px 0 28px;max-width:38em}
.sbox{display:flex;gap:10px;flex-wrap:wrap;max-width:860px}
.sbox input{flex:1 1 320px;min-width:0;font:500 18px var(--body);padding:15px 18px;border-radius:10px;border:1px solid #2e5079;background:#07101c;color:var(--text)}
.sbox input::placeholder{color:#6f84a0}
.sbox .btn{padding:15px 22px;font-size:16px}
.qlink{flex-basis:100%;order:3;text-align:left;background:none;border:0;padding:2px 0;margin-top:2px;font:500 16px var(--body);color:#dbe5f1;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(242,177,52,.7);cursor:pointer;width:max-content}
.qlink:hover{color:#fff;text-decoration-color:var(--accent)}
.more{margin-top:12px;font-size:14.5px;color:var(--soft)}
.more summary{cursor:pointer;display:inline-block}
.dims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:860px;margin-top:12px}
.dims label{font-size:13px;color:var(--muted);display:block}
.dims input{width:100%;margin-top:4px;font:500 15px var(--body);padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.browse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-top:38px;max-width:960px}
.browse h2{font-size:15px;font-family:var(--body);font-weight:600;color:var(--soft);letter-spacing:0;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:6px 13px;border:1px solid #2a4363;border-radius:999px;text-decoration:none;font-size:14.5px;color:#dbe5f1;background:rgba(16,28,46,.6)}
.chip:hover{border-color:var(--accent);color:#fff}
.chip span{color:var(--soft);margin-left:6px;font-size:13px}
section.blk{padding:52px 0}
.blk h2.t{font-size:1.5rem;margin-bottom:18px}
.pop{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.card:hover{border-color:#36597f}
.card b{font:600 18px var(--head);letter-spacing:-.01em}
.card span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.card em.who{display:block;font-style:normal;font-size:13.5px;color:#dbe5f1;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}
.card em.who.none{color:var(--muted)}
.card svg{display:block;width:100%;height:56px;margin-bottom:10px;color:var(--accent)}
/* generic page */
.page{padding:36px 0 72px}
.crumb{font-size:14px;color:var(--soft);margin-bottom:14px}
.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.ph h1{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.ph .sub{color:var(--muted);font-size:17px;margin-top:6px}
.flag{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:2px 11px;margin-left:10px;vertical-align:middle;font-family:var(--body);letter-spacing:0}
.flag.disc{background:rgba(232,145,90,.16);color:#f2b08a;border:1px solid rgba(232,145,90,.45)}
/* section page */
.sec{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;margin-top:22px;align-items:start}
.drawing{background:radial-gradient(420px 220px at 50% 30%,#14355a,transparent 78%),var(--navy);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--accent);position:relative;overflow:hidden}
.drawing::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.drawing svg{display:block;width:100%;height:auto;position:relative}
.drawing .cap{position:relative;font-size:12.5px;color:var(--soft);margin-top:8px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.tblw{overflow-x:auto}
table.props{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.props th,.props td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}
.props thead th{font-size:13px;color:var(--soft);font-weight:600;border-bottom:1px solid #2e4566}
.props tbody th{font-weight:500;color:var(--muted)}
.props td.n{white-space:nowrap}
.props tr.grp th{padding-top:18px;color:var(--text);font:600 14.5px var(--body);border-bottom:1px solid #2e4566}
h2.h{font-size:1.25rem;margin:38px 0 6px}
p.hint{color:var(--muted);font-size:14.5px;margin-bottom:14px}
.sups{display:grid;gap:12px}
.sup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;background:rgba(92,194,138,.13);border:2px solid rgba(92,194,138,.75);border-radius:12px;padding:18px 20px;align-items:center}
.sup b{font:600 20px var(--head)}
.sup b a{text-decoration:none}.sup b a:hover{text-decoration:underline}
.sup .loc{color:var(--muted);font-size:14px}
.sup .ph{font-size:17px;font-weight:600;white-space:nowrap;text-decoration:none;color:#fff}
.st{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;margin-top:4px}
.st i{width:9px;height:9px;border-radius:50%;flex:none}
.st.stock i{background:var(--ok)}.st.lead i{background:var(--accent)}.st.call i,.st.stale i{background:#7f8fa6}
.acc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.acc li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.acc li span:first-child{color:var(--muted)}
.acc li span:last-child{color:#c9d8ea}
.note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:12px 16px;font-size:15px;margin-top:16px}
.near{list-style:none;margin:0;padding:0}
.near li{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid var(--line)}
.near a{font:600 16px var(--head);text-decoration:none}.near a:hover{text-decoration:underline}
.near span{color:var(--muted);font-size:14.5px}
.mbar{display:none}
/* results */
.res{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}
.res li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.res svg{width:110px;height:40px;color:var(--accent)}
.res a.nm{font:600 17px var(--head);text-decoration:none}.res a.nm:hover{text-decoration:underline}
.res .m{color:var(--muted);font-size:14px}
/* compare */
.pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
select,input,textarea{font:inherit}
.pick select,.f select,.f input,.f textarea{width:100%;font:500 15.5px var(--body);padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
table.cmp{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}
.cmp th,.cmp td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th{font:600 17px var(--head)}
.cmp thead th a{text-decoration:none}
.cmp tbody th{color:var(--muted);font-weight:500;width:28%}
.cmp td small{display:block;color:var(--muted);font-size:13px}
/* forms */
.f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;max-width:720px;margin-top:20px}
.f .full{grid-column:1/-1}
.f label{display:block;font-size:14px;color:var(--muted);margin-bottom:5px}
.f input[readonly]{background:var(--surface2);color:#fff;font-weight:600}
.row2{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}
.err{color:#f2a18a;font-size:14px;margin-top:10px}
.done{background:var(--surface);border:1px solid #2e5079;border-radius:14px;padding:24px 26px;max-width:720px;margin-top:20px}
.done h2{font-size:1.4rem;margin-bottom:8px}
.done ul{margin:10px 0;padding-left:20px}
.sim{font-size:13.5px;color:#f6d38a;margin-top:12px}
/* admin */
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:22px 0 18px;flex-wrap:wrap}
.tabs a{padding:9px 14px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}
.tabs a[aria-current]{color:#fff;border-color:var(--accent)}
table.adm{width:100%;border-collapse:collapse;font-size:14.5px}
.adm th,.adm td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.adm thead th{color:var(--soft);font-weight:600;font-size:13px}
.adm td small{color:var(--muted);display:block}
.adm input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.adm select,.adm input[type=number]{font:500 14px var(--body);padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.adm input[type=number]{width:70px}
textarea.csv{width:100%;height:180px;margin-top:12px;font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;background:#07101c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}
.empty{color:var(--muted);padding:18px 0}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#0f2037;border:1px solid #2e5079;color:#fff;padding:10px 18px;border-radius:10px;font-size:14.5px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.5)}
/* spec sheet */
.sheet{background:#fff;color:#111;max-width:820px;margin:0 auto;padding:40px 44px;border-radius:6px;font-size:13.5px}
.sheet h1{font-size:28px;color:#000}
.sheet .sub{color:#444;font-size:14px;margin-top:4px}
.sheet .dw{color:#111;border:1px solid #ccc;border-radius:4px;padding:10px;margin:16px 0}
.sheet .dw svg{display:block;width:100%;height:auto}
.sheet table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sheet th,.sheet td{text-align:left;padding:5px 8px;border-bottom:1px solid #ddd}
.sheet thead th{border-bottom:1.5px solid #333;font-size:12px}
.sheet tbody th{font-weight:500;color:#333}
.sheet h3{font-size:15px;margin:16px 0 4px;color:#000}
.sheet .foot{margin-top:22px;padding-top:10px;border-top:1px solid #ccc;color:#666;font-size:11.5px}
.spon{position:relative;max-width:1000px;margin:18px auto 6px}
.spon a{display:block;text-decoration:none}
.spon img{display:block;width:100%;height:auto;border-radius:6px}
.sph{display:grid;place-items:center;aspect-ratio:728/90;border:1.5px dashed #36597f;border-radius:6px;color:var(--soft);font-weight:600;font-size:15px;text-align:center;line-height:1.3;padding:6px}
.sph small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
.spl{position:absolute;right:0;bottom:-18px;font-size:11.5px;color:var(--muted)}
.about{background:var(--surface);border-top:1px solid var(--line)}
.abg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.lede{color:#c9d8ea;font-size:17px;max-width:36em;margin-top:6px}
.pbl{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.pbl a{display:block;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.pbl a:hover b{color:var(--accent)}
.pbl b{display:block;font:600 17px var(--head)}.pbl span{color:var(--muted);font-size:15px}
.qcard{background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:26px 26px 28px}
.cfm{grid-template-columns:1fr 1fr;margin-top:14px}
.cinfo{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.cinfo b{font:600 17px var(--head)}.cinfo span{color:var(--muted)}.cinfo a{color:#dbe5f1}
.fci{display:flex;flex-direction:column;gap:2px;max-width:640px}.fci b{color:#dbe5f1}
.res li{grid-template-columns:110px minmax(0,1fr) auto}
.ra{display:flex;align-items:center;gap:14px}
.ck{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap}
.ck input,.units input{accent-color:var(--accent);width:16px;height:16px}
.thm{width:110px;height:56px;object-fit:contain;background:#fff;border-radius:4px}
.cbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;align-items:center;gap:10px;background:#0f2037;border:1px solid #2e5079;border-radius:12px;padding:8px 10px 8px 16px;box-shadow:0 12px 34px rgba(0,0,0,.5);max-width:calc(100% - 24px)}
.cbar span{font-size:14px;color:#dbe5f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flt{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:18px}
.frow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.frow label,.rng legend{font-size:13px;color:var(--muted);display:block}
.frow select{width:100%;margin-top:4px;font:500 15px var(--body);padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.flt .more{margin-top:12px}
.units{display:flex;gap:18px;margin:12px 0 4px;font-size:14px}.units label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.rng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;margin-top:8px}
.rng fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
.rng legend{grid-column:1/-1;margin-bottom:4px;padding:0}
.rng input{width:100%;font:500 14.5px var(--body);padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.rng span{font-size:13px;color:var(--muted)}
.drawing.real{background:#fff;padding:12px}.drawing.real::before{display:none}.drawing.real img{display:block;width:100%;height:auto}
.up{display:inline-block;font-size:13px;color:var(--accent);cursor:pointer;text-decoration:underline}
.lnk{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer}
.nl label{display:block;font-size:13.5px;color:#dbe5f1;font-weight:600;margin-bottom:6px}
.nl div{display:flex;gap:8px}
.nl input{font:500 14.5px var(--body);padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text);min-width:0;width:220px}
.flinks{display:block;width:100%;text-align:right}
.f select{appearance:auto}
.plans{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plans legend{font-size:14px;color:var(--muted);margin-bottom:6px;padding:0}
.f label.plan{margin:0;color:var(--text);display:flex;}
.plan{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;background:#07101c}
.plan:has(input:checked){border-color:var(--accent);background:rgba(242,177,52,.07)}
.f .plan input{accent-color:var(--accent);margin-top:4px;width:18px;height:18px;flex:none;padding:0}
.plan b{display:block;font:600 16px var(--head)}.plan em{font-style:normal;color:var(--muted);font-size:14px}
.sumry{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:15px}
.sumry .price{margin-bottom:6px}.sumry .price b{font:600 24px var(--head)}
.smp{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:#f6d38a;border:1px solid #6b5212;border-radius:999px;padding:1px 9px;vertical-align:middle}
.askb{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:36;display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:11px 18px 11px 14px;font:600 15px var(--body);cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.askb svg{width:20px;height:20px}
body.hasbar .askb{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.askp{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:37;width:min(400px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;background:var(--surface);border:1px solid #2e5079;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden}
.askp header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--navy2)}
.askp header b{font:600 16px var(--head)}
.askp header button{background:none;border:0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.askl{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:92%;padding:9px 12px;border-radius:12px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.msg p{margin:0 0 6px}.msg p:last-child{margin:0}.msg ul{margin:4px 0;padding-left:18px}
.msg a{color:var(--accent)}
.msg.bot{background:var(--bg);border:1px solid var(--line);align-self:flex-start}
.msg.me{background:rgba(242,177,52,.14);border:1px solid rgba(242,177,52,.35);align-self:flex-end}
.msg.sys{align-self:center;font-size:13px;color:#f6d38a;background:none;padding:2px}
.think{color:var(--muted);font-style:italic}
#askf{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
#askf textarea{flex:1;resize:none;font:500 14.5px var(--body);padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.askn{font-size:11.5px;color:var(--muted);padding:0 12px 10px;margin:0}
@media (max-width:640px){.askp{right:0;left:0;bottom:0;width:100%;height:calc(100% - 60px);border-radius:14px 14px 0 0}}
.askh{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px}
.askh b{font:600 16px var(--head)}.askh p{margin:0 0 6px;font-size:13.5px;color:var(--muted)}
.askh label{font-size:13px;color:var(--muted);margin-top:4px}
.askh input,.askh textarea{font:500 14.5px var(--body);padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text);resize:vertical}
.askh-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.askn .lnk{font-size:11.5px;color:var(--accent)}
@media print{.askb,.askp{display:none!important}}
.pickl{border:1px solid var(--line);border-radius:10px;background:#07101c;overflow:hidden}
.pickl input[type=search]{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 12px;font:500 15px var(--body);background:transparent;color:var(--text)}
.pkl{max-height:240px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 10px;padding:8px 10px}
.f label.pk{display:flex;gap:8px;align-items:baseline;color:var(--text);margin:0;padding:4px 2px;cursor:pointer;font-size:14.5px}
.f .pk input{width:16px;height:16px;flex:none;accent-color:var(--accent);padding:0}
.pk small{color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap}.pk.full{opacity:.8}.pk.full:has(input:checked){opacity:1}
.sup-page .shero,.ctr .shero{background:radial-gradient(700px 480px at 85% 30%,#14355a 0,transparent 70%),var(--navy);padding:56px 0 64px;position:relative;overflow:hidden}
.shero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(700px 420px at 20% 30%,#000 0,transparent 78%);mask-image:radial-gradient(700px 420px at 20% 30%,#000 0,transparent 78%)}
.shg{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.eyb{font-size:14px;color:var(--soft);margin-bottom:10px}
.shero h1{font-size:clamp(2rem,3.8vw,2.9rem);max-width:15em}
.shero .lead{color:#b7c8dd;font-size:18px;margin-top:16px;max-width:32em}
.mock{position:relative;margin:0 0 0 auto;width:100%;max-width:430px;background:#07101c;border:1px solid #2e5079;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.mbar2{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface)}
.mbar2 i{width:9px;height:9px;border-radius:50%;background:#2a3d57}.mbar2 span{margin-left:10px;font-size:12px;color:var(--muted)}
.mbody{padding:16px 18px 18px}
.mt{display:block;font:600 22px var(--head)}.ms{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.mprops{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 14px;font-size:12.5px;color:var(--muted)}.mprops b{color:var(--text);font-weight:600}
.mwho{font:600 13.5px var(--body);margin:0 0 8px}
.slot{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px 12px;margin-bottom:7px;font-size:14px}
.slot em{font-style:normal;font-size:11.5px;color:var(--muted)}
.slot.you{border:2px solid var(--accent);background:rgba(242,177,52,.1);font-weight:600}
.slot.you small{font-size:11.5px;color:var(--accent);font-weight:600}
.slot.open{border-style:dashed;background:transparent;color:var(--muted)}
.mreq{display:inline-block;margin-top:8px;background:var(--accent);color:var(--accent-ink);border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:600}
/* animated how-it-works */
.anim{position:relative;margin:0 0 0 auto;width:100%;max-width:440px;background:#07101c;border:1px solid #2e5079;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.5);overflow:hidden}
.stage{position:relative;height:330px;overflow:hidden}
.sc{position:absolute;inset:0;padding:18px 20px;opacity:0;transform:translateY(10px);transition:opacity 0.7s,transform 0.7s;pointer-events:none}
.anim[data-step="0"] .sc1,.anim[data-step="1"] .sc2,.anim[data-step="2"] .sc3,.anim[data-step="3"] .sc4{opacity:1;transform:none}
.slogo{display:block;font:600 19px var(--head);margin:36px 0 14px}
.asearch{display:flex;align-items:center;border:1px solid #2e5079;border-radius:9px;background:#0a1628;padding:4px 4px 4px 12px;font:500 16px var(--body)}
.asearch #atype{white-space:pre}.caret{width:2px;height:18px;background:var(--accent);margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.abtn{margin-left:auto;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:12.5px;border-radius:7px;padding:7px 11px}
.ares{margin-top:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px 12px;opacity:0}
.ares b{display:block;font:600 15px var(--head)}.ares span{font-size:12.5px;color:var(--muted)}
.anim.go[data-step="0"] .ares{animation:fadein 0.62s 2.48s both}
@keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sc2 .slot.you{position:relative}
.anim.go[data-step="1"] .slot.you{animation:glow 2.17s 0.78s both}
@keyframes glow{0%{box-shadow:0 0 0 0 rgba(242,177,52,.0)}40%{box-shadow:0 0 0 6px rgba(242,177,52,.25)}100%{box-shadow:0 0 0 0 rgba(242,177,52,0)}}
.stag{background:var(--accent);color:var(--accent-ink)!important;border-radius:999px;padding:2px 9px;font-size:11px!important;opacity:0}
.anim.go[data-step="1"] .stag{animation:fadein 0.62s 1.4s both}
.afld{display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:center;margin:9px 0;font-size:13px}
.afld em{font-style:normal;color:var(--muted)}
.fv{display:block;border:1px solid var(--line);background:#0a1628;border-radius:7px;padding:6px 9px;min-height:30px;color:var(--text);overflow:hidden;white-space:nowrap;clip-path:inset(0 100% 0 0)}
.anim.go[data-step="2"] .f1{animation:wipe 0.78s 0.46s both}.anim.go[data-step="2"] .f2{animation:wipe 0.62s 1.4s both}.anim.go[data-step="2"] .f3{animation:wipe 0.62s 2.17s both}.anim.go[data-step="2"] .f4{animation:wipe 0.93s 2.94s both}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
.ato{font-size:12px;color:var(--muted);margin-top:10px;opacity:0}.ato b{color:var(--accent)}
.anim.go[data-step="2"] .ato{animation:fadein 0.62s 4.81s both}
.inbox{margin-top:18px;background:#f4f6f9;border-radius:10px;overflow:hidden;color:#1a2433;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.ibh{display:block;font:600 13px var(--body);color:#5b6b80;padding:9px 12px;border-bottom:1px solid #dfe5ee}
.mail{display:flex;gap:10px;padding:11px 12px;border-bottom:1px solid #e8ecf2;font-size:12.5px}
.mail i{width:8px;height:8px;border-radius:50%;background:transparent;margin-top:5px;flex:none}
.mail b{display:block;font:600 14px var(--head);color:#0a1220}.mail span{color:#4a5a70}
.mail.new{background:#fff7e3;border-left:4px solid var(--accent);opacity:0}.mail.new i{background:var(--accent)}
.anim.go[data-step="3"] .mail.new{animation:drop 0.78s 1.71s both cubic-bezier(.2,1.3,.4,1)}
@keyframes drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.fly{position:absolute;width:34px;height:34px;left:40px;top:250px;opacity:0}
.anim.go[data-step="3"] .fly{animation:fly 1.71s 0.16s both ease-in}
@keyframes fly{0%{opacity:0;transform:translate(0,0) scale(.8)}15%{opacity:1}85%{opacity:1;transform:translate(150px,-170px) scale(1.1)}100%{opacity:0;transform:translate(160px,-180px) scale(.6)}}
.acur{position:absolute;left:0;top:0;width:22px;height:22px;transition:transform 1.55s cubic-bezier(.5,0,.3,1);transform:translate(300px,260px);z-index:3}
.acur svg{width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.anim[data-step="0"] .acur{transform:translate(360px,110px)}
.anim[data-step="1"] .acur{transform:translate(110px,292px);transition-delay:2.48s}
.anim[data-step="2"] .acur{transform:translate(95px,214px);transition-delay:4.03s}
.anim[data-step="3"] .acur{transform:translate(420px,340px)}
.rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.anim.go[data-step="0"] .rip{animation:rip 0.78s 2.02s}.anim.go[data-step="1"] .rip{animation:rip 0.78s 4.34s}.anim.go[data-step="2"] .rip{animation:rip 0.78s 5.58s}
@keyframes rip{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.8)}}
.anim.paused .sc *,.anim.paused .acur{animation-play-state:running}
.astart{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(7,16,28,.78);border:0;color:var(--text);cursor:pointer;font:inherit;backdrop-filter:blur(2px)}
.astart .apl{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .15s}
.astart .apl svg{width:28px;height:28px;margin-left:4px}
.astart:hover .apl{transform:scale(1.06)}
.astart b{font:600 18px var(--head);margin-top:8px}.astart small{color:var(--muted);font-size:13px}
.anim.idle .acur,.atitle.on~.acur{opacity:0}
.atitle{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;background:radial-gradient(320px 200px at 50% 45%,#14355a,transparent 75%),#07101c;opacity:0;pointer-events:none;transition:opacity .5s}
.atitle.on{opacity:1}
.atitle.inst{transition:none}
.anim.swap .sc,.anim.swap .acur{transition:none!important}
.atitle small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.atitle b{font:600 24px/1.25 var(--head);color:#fff;max-width:14em}
.atitle.on b{animation:tin .6s both}
@keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.acap{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line);background:var(--surface);font-size:14px;color:#dbe5f1;min-height:52px}
.anum{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:700 13px var(--head)}
.actl{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.adots{display:flex;gap:5px}.adots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#33496a;cursor:pointer}.adots button.on{background:var(--accent)}
#aplay{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;font-size:10px;width:26px;height:24px;cursor:pointer;padding:0}
@media (prefers-reduced-motion:reduce){.sc,.acur{transition:none}.anim .sc *{animation:none!important;opacity:1!important;clip-path:none!important}.acur,.fly{display:none}}
@media (max-width:900px){.anim{margin:24px auto 8px}}
@media (max-width:640px){.stage{height:320px}.acur{display:none}}
.callout{position:absolute;left:-132px;top:226px;width:112px;font-size:12.5px;color:#dbe5f1;line-height:1.35;text-align:right}
.callout b{display:block;color:var(--accent);font:600 15px var(--head)}
.callout::after{content:"";position:absolute;right:-20px;top:10px;width:16px;border-top:2px solid var(--accent)}
.ping{position:absolute;right:-14px;bottom:-22px;background:#0f2037;border:1px solid #2e5079;border-left:3px solid var(--accent);border-radius:10px;padding:9px 13px;box-shadow:0 14px 34px rgba(0,0,0,.5);font-size:12.5px;color:var(--muted)}
.ping b{display:block;color:var(--text);font-size:13.5px}
@media (prefers-reduced-motion:no-preference){.ping{animation:pingin .6s .5s both cubic-bezier(.2,1.3,.4,1)}@keyframes pingin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
.sbens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:16px;padding-bottom:16px}
.sbens article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 18px 22px}
.sbens h3{font-size:1.1rem;margin:16px 0 6px}.sbens article>p{color:var(--muted);font-size:15px}
.viz{height:150px;border-radius:10px;background:radial-gradient(260px 140px at 50% 0,#14355a,transparent 80%),var(--navy);border:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;justify-content:center;font-size:13px}
.v1 b{font:600 15px var(--head);margin-bottom:8px}
.v1 p{display:flex;align-items:center;gap:8px;margin:0 0 5px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.v1 p i{width:8px;height:8px;border-radius:50%;background:#5a6f8c}
.v1 p.y{border:1.5px solid var(--accent);background:rgba(242,177,52,.1);font-weight:600}.v1 p.y i{background:var(--accent)}
.v1 p.o{border-style:dashed;background:transparent;color:var(--muted)}.v1 p.o i{background:transparent;border:1px solid #5a6f8c}
.env{background:#f4f6f9;color:#1a2433;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 24px rgba(0,0,0,.35);border-top:4px solid var(--accent)}
.env .to{font-size:11.5px;color:#5b6b80}.env b{font:600 15px var(--head);color:#0a1220}.env span{font-size:12.5px}
.v3 .row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px;margin-bottom:10px;color:var(--muted)}
.sq{display:grid;grid-template-columns:repeat(15,1fr);gap:3px}.sq i{aspect-ratio:1;border-radius:2px;border:1px solid #2e4566}.sq i.on{background:var(--accent);border-color:var(--accent)}
.same{margin:4px 0 0;color:var(--accent);font-weight:600;font-size:13.5px}
.spr{padding-top:64px;padding-bottom:56px}.spr h2,.sech{font-size:1.5rem}
.getband{background:linear-gradient(180deg,#13253d,#0f1e33);border-top:1px solid #2e5079;border-bottom:1px solid #2e5079;padding:44px 0 52px}
.getband .f input,.getband .f select,.getband .pickl{background:#0a1628}.getband .sumry{background:#0a1628}.getband .plan{background:#0a1628}
.pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:720px;margin-top:16px}
.pcard{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;color:var(--text);font:inherit;cursor:pointer}
.pcard:hover{border-color:#36597f}
.pcard.sel{border:2px solid var(--accent);padding:21px 21px 19px}
.pcard.best{background:linear-gradient(180deg,rgba(242,177,52,.07),transparent 60%),var(--surface)}
.pcard .tag{position:absolute;top:-12px;right:18px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12.5px;border-radius:999px;padding:3px 12px}
.pl{font:600 15px var(--body);color:var(--soft)}
.pa{font:600 2.6rem/1.05 var(--head);letter-spacing:-.02em;margin:4px 0 6px}.pa small{font:400 16px var(--body);color:var(--muted);margin-left:2px}
.pi{color:#c9d8ea;font-size:15px;padding-left:20px;position:relative}.pi::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.pcard .smp{align-self:flex-start;margin:8px 0 0}
.steps2{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:0;max-width:980px}
.steps2 li{counter-increment:st;position:relative;padding-top:38px;font-size:14px}
.steps2 li::before{content:counter(st);position:absolute;top:0;left:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);border:1px solid var(--line);color:var(--accent);font:600 14px var(--head)}
.steps2 li:not(:last-child)::after{content:"";position:absolute;top:14px;left:36px;right:-6px;border-top:1px dashed #36597f}
.steps2 b{display:block;font:600 15px var(--head);margin-bottom:2px}.steps2 span{color:var(--muted)}
@media (max-width:1180px){.callout{position:static;width:auto;margin:0 18px 14px;text-align:left}.callout::after{display:none}}
@media (max-width:900px){.shg{grid-template-columns:1fr}.mock{margin:20px auto 30px}.callout{position:static;width:auto;margin:10px 18px 14px}.callout::after{display:none}.sbens{grid-template-columns:1fr}.steps2{grid-template-columns:1fr 1fr}.steps2 li::after{display:none}}
@media (max-width:640px){.pcards{grid-template-columns:1fr}.steps2{grid-template-columns:1fr}.ping{position:static;margin:0 14px 16px}}
.wlb{color:var(--accent);font-weight:600}
.scarce{margin-top:16px;display:inline-block;background:rgba(242,177,52,.1);border:1px solid rgba(242,177,52,.45);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:16px;color:#f1e3c2}
.scarce b{color:var(--accent)}
.demob{background:#2a1e05;color:#f6d38a;font-size:13.5px;text-align:center;padding:6px 16px;border-bottom:1px solid #4a3608}
.demock{display:flex;margin:14px 0 0;color:#f6d38a}
.fpb{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:18px}
.pbcard{display:flex;align-items:center;gap:22px;flex-wrap:wrap;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:16px 20px;max-width:640px}
.pbcard:hover{border-color:#36597f;border-left-color:var(--accent)}
.pbt{display:flex;flex-direction:column;gap:2px}.pbt small{font-size:12.5px;color:var(--soft)}.pbt b{font:600 20px var(--head);color:#fff}.pbt span{font-size:14px;color:var(--muted)}
.pbcard .btn{flex:none}
.fbot{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.fbot .fci{display:block;max-width:none}.fbot .flinks{width:auto;text-align:left}.fdis{flex-basis:100%;font-size:13px}
.sup.avail{text-decoration:none;border:2px dashed rgba(242,177,52,.7);background:rgba(242,177,52,.08);padding:14px 20px}.sup.avail b{font-size:17px}
.sup.avail:hover{border-color:var(--accent)}.sup.avail b{color:var(--accent)}
.cpts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cpts div{background:rgba(16,28,46,.7);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.cpts b{display:block;font:600 16px var(--head);margin-bottom:4px}.cpts span{color:var(--muted);font-size:14.5px}
@media (max-width:900px){.cpts{grid-template-columns:1fr}}
.cband{padding:34px 0 34px}.cvis{display:block;width:100%;max-width:220px;height:auto;margin:2px 0 14px}.cpts4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.cpts4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.cpts4{grid-template-columns:1fr}}
.anim.buy.go[data-step="3"] .mail.new:nth-child(3){animation-delay:2.6s}.anim.buy.go[data-step="3"] .mail.new:nth-child(4){animation-delay:3.5s}
@media (max-width:640px){#alf{grid-template-columns:1fr!important}}
.est{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-top:34px}
.eu{display:inline-flex;gap:14px;margin-left:10px}.eu label{display:inline-flex;gap:5px;align-items:center;cursor:pointer;color:var(--text)}.eu input{accent-color:var(--accent)}
.estg{display:grid;grid-template-columns:160px 160px minmax(0,1fr);gap:14px;align-items:start;margin-top:6px}
.estg label{font-size:13.5px;color:var(--muted)}.estg input{display:block;width:100%;margin-top:4px;font:500 16px var(--body);padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
.eout{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:62px}
.eout div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:14.5px}.eout span{color:var(--muted)}.eout b{font-variant-numeric:tabular-nums;text-align:right}
.estn{font-size:12.5px;color:var(--muted);margin-top:12px}
.conv{display:grid;gap:10px;max-width:720px;margin-top:22px}
.cv{display:grid;grid-template-columns:150px 1fr 20px 1fr;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.cl{font-size:14px;color:var(--muted)}.cv label{display:flex;align-items:center;gap:8px}.cv input{width:100%;min-width:0;font:500 16px var(--body);padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text);font-variant-numeric:tabular-nums}
.cv em{font-style:normal;font-size:13.5px;color:#c9d8ea;min-width:62px}.eq{color:var(--muted);text-align:center}
@media (max-width:700px){.estg{grid-template-columns:1fr 1fr}.eout{grid-column:1/-1}.cv{grid-template-columns:1fr 1fr}.cl{grid-column:1/-1}.eq{display:none}}
footer{padding:30px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:var(--navy)}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
footer a{color:#c9d8ea}
@media (max-width:900px){
 .sec{grid-template-columns:1fr}.drawing{order:-1}
 .browse{grid-template-columns:1fr;gap:22px}
 .dims{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav a.l.x{display:none}
 .pick{grid-template-columns:1fr}
 .frow{grid-template-columns:repeat(2,minmax(0,1fr))}.rng{grid-template-columns:repeat(2,minmax(0,1fr))}
 .abg{grid-template-columns:1fr;gap:28px}
}
@media (max-width:640px){
 .wrap{padding:0 16px}.nav{gap:14px}.logo b{font-size:18px}.logo svg.mark{width:36px;height:36px}.logo .wm b{font-size:22px}
 .nav a.l{font-size:14px}
 .hero{padding:40px 0 40px}
 .f,.cfm{grid-template-columns:1fr}.plans{grid-template-columns:1fr}
 .acc li{grid-template-columns:1fr;gap:0}
 .res li{grid-template-columns:1fr}.res svg,.res .thm{display:none}.ra{justify-content:space-between}.rng{grid-template-columns:1fr}.flinks{text-align:left}.nl input{width:100%}
 .sup{grid-template-columns:1fr}
 .acts .btn{flex:1 1 calc(50% - 10px)}
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(8,16,29,.96);border-top:1px solid var(--line)}
 .mbar .btn{flex:1}
 body.hasbar main{padding-bottom:76px}
 .sheet{padding:24px 18px}
}
@media print{
 :root{padding:0}
 body{background:#fff;color:#000}
 header.top,footer,.proto,.acts,.mbar,.noprint,.toast{display:none!important}
 .page{padding:0}
 .sheet{max-width:none;padding:0;border-radius:0}
 .drawing{background:#fff;border-color:#bbb;color:#000}.drawing::before{display:none}
 .props th,.props td{border-color:#ccc;color:#000}
 .sup,.note{background:#fff;color:#000;border-color:#bbb}
}

/* homepage additions */
.hero h1{max-width:19em}
.hsteps{list-style:none;counter-reset:hs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0}
.hsteps li{counter-increment:hs;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:54px 18px 18px;font-size:14.5px}
.hsteps li::before{content:counter(hs);position:absolute;top:16px;left:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);border:1px solid var(--line);color:var(--accent);font:600 14px var(--head)}
.hsteps b{display:block;font:600 16.5px var(--head);margin-bottom:4px}.hsteps span{color:var(--muted)}
.mfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.mfc{display:flex;flex-direction:column;gap:2px}.mfc b{font:600 16px var(--head)}.mfc span{color:var(--muted);font-size:13.5px}
.tls{padding:64px 0;background:linear-gradient(180deg,rgba(242,177,52,.10),rgba(242,177,52,.03));border-top:2px solid var(--accent);border-bottom:1px solid var(--line);text-align:center}
.tls .eyb{margin-bottom:8px}.tlh{font-size:clamp(1.7rem,3.2vw,2.3rem)}.tll{color:#b7c8dd;font-size:17px;margin:10px auto 30px;max-width:34em}
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}
.tool{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid #36597f;border-radius:14px;padding:26px 24px 24px;text-decoration:none;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .15s,border-color .15s}
.tool:hover{transform:translateY(-3px);border-color:var(--accent)}
.tool .cvis{max-width:240px;margin:0 0 12px}
.tool b{font:600 21px var(--head)}.tool span{color:var(--muted);font-size:15px;flex:1}.tool em{font-style:normal;align-self:flex-start;margin-top:10px}
.hsteps .cvis{max-width:200px;margin:0 0 14px}
.hgl .lede{color:#b7c8dd;font-size:17px;margin-top:14px;max-width:32em}.hgl .eyb{margin-bottom:10px}
/* waitlist notice on Get Listed */
.wlbox{border:2px dashed var(--accent);border-radius:12px;background:rgba(242,177,52,.08);padding:14px 16px;margin-top:10px}
.wlbox b{display:block;font:600 17px var(--head);color:var(--accent);margin-bottom:4px}.wlbox span{font-size:14.5px}
.plans.later{opacity:.55}
/* compare: type to pick */
.pk1{display:flex;flex-direction:column;gap:6px}
.pk1 input{width:100%;font:500 15.5px var(--body);padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#07101c;color:var(--text)}
/* request form opt-in, footer alerts and social links */
.f label.ck{display:flex;gap:9px;align-items:flex-start;color:var(--text);font-size:14.5px;cursor:pointer}.f label.ck input{width:auto;margin-top:3px}
.nl small{display:block;color:var(--muted);font-size:12.5px;margin:-3px 0 7px}
.fsoc{display:flex;gap:8px;flex-wrap:wrap}.fsoc a{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none;color:#dbe5f1}.fsoc a:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:860px){.hsteps{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{grid-template-columns:1fr}}
@media(max-width:520px){.hsteps{grid-template-columns:1fr}}
.okb{display:inline-block;background:rgba(72,187,120,.14);border:1px solid var(--ok);color:var(--ok);border-radius:999px;padding:3px 12px;font:600 13px var(--body);margin:0 0 12px}
.done .next{margin:14px 0 0;padding-left:20px}.done .next li{margin:6px 0}

/* blog */
.bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-top:26px}
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;display:block}
.bcard:hover{border-color:var(--accent)}
.bcard .pic{background:#fff;padding:14px}.bcard .pic svg{display:block;width:100%;height:auto}
.bcard .in{padding:16px 18px 20px}.bcard h3{font-size:19px}.bcard p{color:var(--muted);font-size:14.5px;margin-top:8px}
.bcard.soon{border-style:dashed;display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--muted);font-size:14.5px;padding:20px;text-align:center}
.bmeta{font-size:14px;color:var(--soft);margin-top:12px}
.barticle{max-width:46em}.barticle h1{max-width:none}
.barticle h2{font-size:24px;margin:34px 0 10px}
.barticle p{margin-top:14px;color:#dbe3ee;line-height:1.65}
.barticle ul{margin:12px 0 0;padding-left:22px;color:#dbe3ee}.barticle li{margin-top:6px}
.bfig{margin:26px 0 0;background:#fff;border-radius:12px;padding:18px 18px 12px}.bfig svg{display:block;width:100%;height:auto}
.bfig figcaption{color:#333;font-size:13.5px;margin-top:8px;text-align:center}
.btab{border-collapse:collapse;width:100%;margin-top:16px;font-size:15px}
.btab th,.btab td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.btab th{font:600 13px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.btab a{color:var(--accent)}
.bcta{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-top:34px}.bcta p{color:var(--muted);margin-top:6px}
.barticle p.bsrc{font-size:13.5px;color:var(--muted);margin-top:26px;border-top:1px solid var(--line);padding-top:14px}
/* legal */
.legal{max-width:46em}.legal h1{margin-bottom:6px}.legal h2{font-size:22px;margin:34px 0 4px;color:var(--accent)}.legal h3{font-size:17px;margin:22px 0 4px}
.legal p,.legal li{color:#dbe3ee;line-height:1.65}.legal p{margin-top:8px}.legal ul{margin:8px 0 0;padding-left:22px}.legal li{margin-top:5px}.legal a{color:var(--accent)}
.tsbox{margin:0 0 10px}.tsbox:empty{margin:0}
/* phone menu */
.mbtn{display:none;background:none;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;width:42px;height:42px;padding:0;align-items:center;justify-content:center;cursor:pointer}
.mnav{display:none}
@media (max-width:900px){
 .nav a.l{display:none}
 .mbtn{display:inline-flex}
 .mnav:not([hidden]){display:block;border-top:1px solid rgba(255,255,255,.08);padding:6px 16px 12px}
 .mnav a{display:block;padding:14px 4px;color:#e6edf7;text-decoration:none;font-size:17px;border-bottom:1px solid rgba(255,255,255,.07)}
 .mnav a:last-child{border-bottom:0}
}
@media print{.mnav,.mbtn{display:none!important}}