@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/GeistMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
--bg:#0A0A0B;--bg-raised:#0F0F11;--surface:#141416;--surface-hover:#1A1A1D;--border:#232326;--border-strong:#34343A;
--t1:#EDEDEF;--t2:#A1A1AA;--t3:#8B8B94;--accent:#FFB224;--accent-fg:#1A1200;--accent-soft:#FFB22414;
--ok:#3DD68C;--warn:#F5C451;--danger:#FF6369;--info:#52A8FF;
--sans:Geist,Inter,ui-sans-serif,system-ui,sans-serif;--mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;
--ease:cubic-bezier(.25,1,.5,1);--r:10px;color-scheme:dark}
[data-theme=light]{--bg:#FAFAF9;--bg-raised:#F4F4F2;--surface:#fff;--surface-hover:#F0F0EE;--border:#E4E4E1;--border-strong:#CFCFCB;--t1:#111113;--t2:#52525B;--t3:#63636B;--accent:#B26B00;--accent-fg:#fff;--accent-soft:#B26B0014;--ok:#18794E;--warn:#946800;--danger:#CD2B31;--info:#0B62C4;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--t1);font:400 15px/24px var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" 1}
a{color:inherit;text-decoration:none}
a.u,.prose a{color:var(--t1);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
a.u:hover,.prose a:hover{text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.num,.mono,time{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-fg);padding:8px 12px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap-wide{max-width:1360px;margin:0 auto;padding:0 24px}
.label{font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
/* nav */
.nav{position:sticky;top:0;z-index:50;height:56px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav .wrap-wide{display:flex;align-items:center;height:56px;gap:24px}
.wm{font:600 15px/1 var(--mono);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:9px}
.wm i{width:6px;height:6px;background:var(--accent);display:inline-block;border-radius:1px;flex:none;margin:0 3px;box-shadow:0 0 0 2px var(--bg),0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.wm-t{white-space:nowrap}.wm-t b{color:var(--accent);font-weight:inherit}
.nav-links{display:flex;gap:4px;margin:0 auto}
.nav-links a{color:var(--t2);font-size:14px;padding:6px 10px;border-radius:6px;position:relative;transition:color .12s}
.nav-links a:hover{color:var(--t1)}
.nav-links a[aria-current=page]{color:var(--t1)}
.nav-links a[aria-current=page]::after{content:"";position:absolute;left:10px;right:10px;bottom:-13px;height:2px;background:var(--accent)}
.nav-r{display:flex;gap:8px;align-items:center}
.kbd{font:500 11px/1 var(--mono);border:1px solid var(--border-strong);border-radius:4px;padding:3px 5px;color:var(--t2)}
.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:6px;font:500 14px/1 var(--sans);border:1px solid var(--border-strong);color:var(--t1);background:transparent;cursor:pointer;transition:background .12s,border-color .12s,transform .12s;white-space:nowrap}
.btn:hover{background:var(--surface-hover)}
.btn.p{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.btn.p:hover{filter:brightness(1.06)}
.btn:active{transform:scale(.98)}
.btn.sm{height:30px;font-size:13px;padding:0 10px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
/* hero */
.hero{position:relative;border-bottom:1px solid var(--border);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--t1) 9%,transparent) 1px,transparent 1px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 20% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 90% at 20% 0%,#000 20%,transparent 75%);pointer-events:none}
.glow{position:absolute;left:-180px;top:-260px;width:1100px;height:900px;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 13%,transparent),transparent);pointer-events:none;animation:drift 20s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(20px,12px)}}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;padding:64px 0 48px;align-items:end}
.eyebrow{display:inline-flex;gap:10px;align-items:center;font:500 12px/1 var(--mono);color:var(--t2);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);padding:7px 10px;border-radius:999px}
h1.display{font:600 64px/68px var(--sans);letter-spacing:-.045em;margin:20px 0 18px;text-wrap:balance}
h1.display em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--accent)}
.lede{font-size:18px;line-height:28px;color:var(--t2);max-width:58ch;margin:0 0 28px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.verified{display:inline-flex;align-items:center;gap:8px;font:400 13px/20px var(--mono);color:var(--t2);margin-top:24px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent);flex:none}
.dot.warn{background:var(--warn)}
.dot.danger{background:var(--danger)}
.pulse{animation:pulse 1.2s var(--ease) 1}
@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}
/* changelog feed card */
.feed{border:1px solid var(--border);border-radius:var(--r);background:color-mix(in srgb,var(--surface) 85%,transparent);overflow:hidden}
.feed-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}
.feed ol{list-style:none;margin:0;padding:0}
.feed li{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;line-height:20px}
.feed li:last-child{border-bottom:0}
.feed time{color:var(--t3);font-size:12px}
.feed b{font-weight:550}
.feed .ft{padding:10px 16px;border-top:1px solid var(--border);font-size:13px;display:flex;justify-content:space-between;color:var(--t2)}
.diff-old{color:var(--t3);text-decoration:line-through;text-decoration-color:var(--danger)}
.diff-new{color:var(--t1);background:var(--accent-soft);padding:0 3px;border-radius:3px}
/* section */
.sec{padding:64px 0;border-bottom:1px solid var(--border)}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;flex-wrap:wrap}
h2{font:600 28px/34px var(--sans);letter-spacing:-.02em;margin:0}
h2+.sub,.sub{color:var(--t2);margin:6px 0 0;max-width:68ch}
h3{font:550 20px/28px var(--sans);letter-spacing:-.01em;margin:0}
h1.page{font:600 44px/48px var(--sans);letter-spacing:-.035em;margin:12px 0 12px;text-wrap:balance}
.crumbs{font:400 13px/20px var(--mono);color:var(--t3);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--t2)}
.crumbs a:hover{color:var(--t1)}
.page-head{position:relative;padding:48px 0 40px;border-bottom:1px solid var(--border);overflow:hidden}
.page-head .lede{margin-bottom:0}
/* toolbar */
.toolbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:12px}
.search{position:relative;flex:1 1 260px;max-width:340px}
.search input,.input{width:100%;height:36px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:6px;color:var(--t1);font:400 14px/1 var(--sans);padding:0 34px 0 34px;transition:border-color .15s}
.search input:focus,.input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.search svg{position:absolute;left:11px;top:11px;color:var(--t3)}
.search .kbd{position:absolute;right:8px;top:9px}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chipgroup{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.chipgroup>.label{margin-right:2px;color:var(--t3)}
.chip{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:6px;border:1px solid var(--border);color:var(--t2);background:transparent;font:500 13px/1 var(--sans);cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--border-strong);color:var(--t1)}
.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--t1)}
.chip .c{font:500 11px/1 var(--mono);color:var(--t3)}
.chip[disabled]{opacity:.4;cursor:default}
.filters{display:flex;flex-direction:column;gap:10px;padding:14px 0 16px}
.clear{font-size:13px;color:var(--accent);background:none;border:0;cursor:pointer;padding:4px}
/* table */
.tbl-wrap{border:1px solid var(--border);border-radius:var(--r);overflow:clip;background:var(--bg)}
table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:20px}
table.t caption{text-align:left;padding:0;caption-side:top}
.t thead th{position:sticky;top:56px;z-index:5;background:var(--bg-raised);border-bottom:1px solid var(--border);text-align:left;font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);padding:10px 12px;white-space:nowrap}
.t td,.t tbody th{padding:12px;border-bottom:1px solid var(--border);vertical-align:top;text-align:left;font-weight:400}
.t tbody tr.row{cursor:pointer;transition:background .12s}
.t tbody tr.row:hover{background:var(--surface-hover)}
.t tbody tr.first td,.t tbody tr.first th{border-top:1px solid var(--border-strong)}
.t tbody tr.first:first-child td,.t tbody tr.first:first-child th{border-top:0}
.t tr.sel td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
.toolcell{white-space:nowrap}
.tool{display:inline-flex;gap:8px;align-items:center;font:500 13px/20px var(--mono)}
.mono-chip{width:20px;height:20px;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface);display:inline-grid;place-items:center;font:600 11px/1 var(--mono);color:var(--t2);flex:none}
.tool.rep{visibility:hidden}
.plan{font-weight:550;color:var(--t1)}
.price{text-align:right!important;white-space:nowrap}
.price .n{font:500 15px/20px var(--mono);font-feature-settings:"tnum" 1,"zero" 1;color:var(--t1)}
.price .x{display:block;font:400 12px/16px var(--mono);color:var(--t3);white-space:normal;max-width:180px;margin-left:auto}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--t2);max-width:340px}
.tok{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;border:1px solid var(--border);font:500 12px/1 var(--mono);color:var(--t1);white-space:nowrap;background:var(--bg-raised)}
.ov{display:flex;gap:8px;color:var(--t2);max-width:300px}
.ov>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ov .ic{font-family:var(--mono);color:var(--t1);width:14px;flex:none;text-align:center}
.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;font:500 12px/1 var(--sans);white-space:nowrap;border:1px solid}
.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent)}
.pill.partial{color:var(--warn);border-style:dashed;border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:transparent}
.pill.stale{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}
.nc{display:inline-flex;align-items:center;gap:5px;color:var(--warn);font:500 12px/20px var(--mono)}
.nc::before{content:"◌";font-size:12px}
.chk{font:400 12px/20px var(--mono);color:var(--t2);white-space:nowrap}
.chk:hover{color:var(--t1)}
.mult{font:600 11px/1 var(--mono);color:var(--t1);border:1px solid var(--border-strong);border-radius:4px;padding:3px 5px;margin-left:6px;vertical-align:1px}
.ladder{display:flex;gap:2px;margin-top:8px}
.ladder i{width:10px;height:4px;border-radius:1px;background:var(--border-strong)}
.ladder i.on{background:var(--t2)}
.cb{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:2px 0 0}
.chev{color:var(--t3);transition:transform .22s var(--ease);display:inline-block}
tr.open .chev{transform:rotate(90deg)}
tr.exp td{padding:0;background:var(--bg-raised)}
tr.exp .in{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:20px 24px 20px 56px;animation:fade .22s var(--ease)}
tr.exp dl{margin:0;display:grid;grid-template-columns:90px 1fr;gap:8px 16px;font-size:13px}
tr.exp dt{color:var(--t3);font:500 11px/20px var(--sans);letter-spacing:.08em;text-transform:uppercase}
tr.exp dd{margin:0;color:var(--t1)}
@keyframes fade{from{opacity:0;transform:translateY(-4px)}}
.empty{padding:48px;text-align:center;color:var(--t2)}
.hidden{display:none!important}
/* compare tray */
.tray{position:fixed;left:50%;bottom:20px;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:all .26s var(--ease);z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:8px 8px 8px 16px;display:flex;gap:16px;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.5);font-size:14px}
.tray.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.cmp{margin-top:24px}
.cmp table td.diff{background:var(--accent-soft)}
.cmp .big{font:500 28px/32px var(--mono);letter-spacing:-.02em;font-feature-settings:"tnum" 1,"zero" 1}
/* answers */
.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.answer{padding:24px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
.answer:nth-child(2n){border-right:0}
.answer h3{font-size:16px;line-height:24px;margin-bottom:8px}
.answer p{margin:0 0 10px;color:var(--t2);max-width:68ch}
.meta{font:400 12px/18px var(--mono);color:var(--t3)!important}
.meta a{color:var(--t2)}
/* changelog page */
.tl{border-left:1px solid var(--border);margin-left:6px}
.tl-day{position:relative;padding:0 0 40px 32px}
.tl-day::before{content:"";position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.tl-day>time{font:500 13px/20px var(--mono);color:var(--t1)}
.entry{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);padding:16px 20px;margin-top:12px}
.entry-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.entry p{margin:4px 0;color:var(--t2)}
.diffrow{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;font:400 13px/20px var(--mono);margin-top:10px}
.diffrow .k{color:var(--t3)}
.callout{border:1px dashed var(--border-strong);border-radius:var(--r);padding:20px 24px;color:var(--t2);background:var(--bg-raised)}
.callout b{color:var(--t1)}
/* grid cards */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{border:1px solid var(--border);border-radius:var(--r);background:var(--bg);display:flex;flex-direction:column;transition:border-color .12s;overflow:hidden}
.card:hover{border-color:var(--border-strong)}
.tile{aspect-ratio:16/10;background:var(--surface);position:relative;display:flex;align-items:flex-end;padding:20px;border-bottom:1px solid var(--border);overflow:hidden;transition:transform .2s var(--ease)}
.tile::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--t1) 10%,transparent) 1px,transparent 1px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to top right,transparent 30%,#000);mask-image:linear-gradient(to top right,transparent 30%,#000)}
.tile span{position:relative;font:600 30px/34px var(--sans);letter-spacing:-.035em;color:var(--t1);text-wrap:balance}
.card:hover .tile{transform:translateY(-2px)}
.card-b{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-b .d{color:var(--t2);font-size:13px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-f{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--t3)}
.card-f a{color:var(--t2);white-space:nowrap}
.card-f a:hover{color:var(--t1)}
.tchip{font:500 11px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;display:inline-block}
.card.dashed{border-style:dashed;justify-content:center;align-items:flex-start;padding:24px;min-height:260px;background:transparent}
/* fixes */
.fixes{max-width:760px;margin:0 auto}
.bigsearch{position:relative;max-width:720px;margin:0 auto}
.bigsearch input{height:56px;font-size:16px;padding-left:46px;border-radius:10px}
.bigsearch svg{top:20px;left:16px}
.fix{border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;background:var(--bg);transition:background .12s}
.fix:hover{background:var(--bg-raised)}
.fix summary{list-style:none;cursor:pointer;padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 16px}
.fix summary::-webkit-details-marker{display:none}
.fix summary h3{font-size:17px;line-height:24px}
.fix .body{padding:0 24px 22px}
.fix .body p{margin:0 0 12px;color:var(--t2);max-width:68ch}
.fix .kv{display:grid;grid-template-columns:80px 1fr;gap:6px 16px;font-size:14px}
.fix .kv dt{font:500 11px/24px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.fix .kv dd{margin:0;color:var(--t1)}
code{font:400 .92em/1 var(--mono);background:var(--surface-hover);border:1px solid var(--border);padding:2px 5px;border-radius:4px}
.srcs{display:flex;gap:12px;flex-wrap:wrap;font:400 13px/20px var(--mono)}
.srcs a{color:var(--t2)}
.srcs a:hover{color:var(--t1)}
.note-ok{font-size:13px;color:var(--t1);border-left:2px solid var(--accent);padding-left:10px}
/* newsletter */
.news{background:var(--bg-raised);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0}
.news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.news form{display:flex;gap:8px}
.news .input{padding:0 12px;height:40px}
.news .btn{height:40px}
.fine{font-size:13px;color:var(--t3);margin-top:10px}
/* footer */
footer{padding:56px 0 40px;color:var(--t2);font-size:14px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.fgrid ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.fgrid a:hover{color:var(--t1)}
.fbot{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font:400 12px/18px var(--mono);color:var(--t3)}
.prose{max-width:68ch;color:var(--t2);font-size:15px;line-height:26px}
.prose h2{color:var(--t1);margin:48px 0 12px;font-size:22px;line-height:28px}
.prose strong{color:var(--t1);font-weight:550}
.prose li{margin:6px 0}
.two{display:grid;grid-template-columns:240px 1fr;gap:64px}
.toc{position:sticky;top:88px;align-self:start;display:grid;gap:6px;font-size:13px}
.toc a{color:var(--t2)}
.toc a:hover{color:var(--t1)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-top:28px}
.stat{padding:16px 20px;border-right:1px solid var(--border)}
.stat:last-child{border-right:0}
.stat .v{font:500 28px/32px var(--mono);letter-spacing:-.02em;font-feature-settings:"tnum" 1,"zero" 1;color:var(--t1)}
.stat .k{font-size:12px;color:var(--t3);margin-top:4px}
.links{display:flex;flex-wrap:wrap;gap:8px}
.lnk{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--t2)}
.lnk:hover{border-color:var(--border-strong);color:var(--t1)}
/* palette */
.pal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;z-index:90;padding-top:14vh}
.pal.on{display:block}
.pal-box{max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.pal input{width:100%;height:52px;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--t1);font:400 16px var(--sans);padding:0 18px}
.pal input:focus{outline:none}
.pal ul{list-style:none;margin:0;padding:6px;max-height:340px;overflow:auto}
.pal li a{display:flex;justify-content:space-between;padding:9px 12px;border-radius:6px;font-size:14px;color:var(--t2)}
.pal li a:hover,.pal li a.act{background:var(--surface-hover);color:var(--t1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
.price .n{display:block}
.t td.c-plan{min-width:150px}
.price .n{white-space:normal;max-width:170px;margin-left:auto}
.price{white-space:normal!important}
.clamp{max-width:280px}
.t td.c-ov{min-width:200px}
.t thead th:nth-child(9),.t td.c-chk{padding-right:4px}
.t td.c-chev{padding-left:4px;width:20px}
.clg{border:1px solid var(--border);border-radius:var(--r);margin-top:12px;overflow:hidden;background:var(--bg)}
.cle{display:grid;grid-template-columns:180px 1fr 260px 86px;gap:16px;align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px;line-height:20px}
.cle:last-child{border-bottom:0}
.cle:hover{background:var(--bg-raised)}
.cle .tchip{justify-self:start}
.cle .v{font:500 13px/20px var(--mono);color:var(--t1)}
.cle .s{display:block;font-family:var(--sans);font-weight:400;color:var(--t2)}
.cle .src a{font:400 12px/20px var(--mono);color:var(--t2);overflow-wrap:anywhere}
.cle .src a:hover{color:var(--t1)}
.cle .src{display:grid}
.cle time{font-size:12px;color:var(--t3);text-align:right}
.tl-day{padding-bottom:32px}
.hero.calm{border-bottom:0}
.calm-in{position:relative;padding:136px 24px 112px;text-align:center}
.hero.calm h1.display{font-size:72px;line-height:76px;max-width:900px;margin:0 auto 20px}
.hero.calm .lede{margin:0 auto 36px;max-width:52ch}
.hero.calm .ctas{justify-content:center}
.hero.calm .verified{margin-top:28px;color:var(--t3);font-size:12px}
.btn.lg{height:44px;padding:0 20px;font-size:15px}
.calm-sec{padding:72px 0}
.calm-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}
.calm-h h2{font-size:22px;line-height:28px}
.u.sm,.sm.u{font-size:14px;color:var(--t2)}
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.tc{background:var(--bg);padding:24px;display:flex;flex-direction:column;gap:28px;min-height:212px;transition:background .12s}
.tc:hover{background:var(--bg-raised)}
.tc-h{display:flex;align-items:center;gap:10px}
.tc-m{width:28px;height:28px;font-size:13px;border-radius:7px}
.tc-n{font:550 15px/20px var(--sans)}
.tc-ar{margin-left:auto;color:var(--t3);transition:transform .12s,color .12s}
.tc:hover .tc-ar{color:var(--accent);transform:translateX(2px)}
.tc-p{display:flex;flex-direction:column;gap:4px}
.tc-p .label{color:var(--t3)}
.tc-price{font:500 22px/28px var(--mono);letter-spacing:-.02em;font-feature-settings:"tnum" 1,"zero" 1}
.tc-plan{font-size:13px;color:var(--t3)}
.tc-f{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.tc-r{display:flex;gap:4px;flex-wrap:wrap}
.lc{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.lc li{display:grid;grid-template-columns:110px 150px 200px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px;align-items:baseline}
.lc time{font-size:12px;color:var(--t3)}
.lc-t{font-weight:550}
.lc-f{color:var(--t2)}
.lc-v{font:500 13px/20px var(--mono)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duo-c{border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:12px;transition:border-color .12s,background .12s}
.duo-c:hover{border-color:var(--border-strong);background:var(--bg-raised)}
.duo-c h3{font-size:18px;line-height:26px;max-width:32ch}
/* ---- inner pages v3 (home untouched) ---- */
.page-head{padding:88px 0 56px;border-bottom:0}
.page-head .glow{display:none}
.page-head h1.page{margin:20px 0 12px}
.page-head .lede{font-size:17px;line-height:26px;max-width:56ch}
.page-head .verified{margin-top:20px;font-size:12px;color:var(--t3)}
.page-head.center{text-align:center}
.page-head.center .lede{margin:0 auto 32px}
main>.sec,main>section.sec{border-bottom:0;padding:48px 0 64px}
.sec-h{margin-bottom:24px}
.sec-h h2{font-size:22px;line-height:28px}
.tabbar{position:sticky;top:56px;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;height:48px;align-items:center}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;font-size:14px;color:var(--t2);padding:6px 12px;border-radius:6px;transition:color .12s,background .12s}
.tabs a:hover{color:var(--t1);background:var(--surface)}
.tabs a[aria-current=page]{color:var(--t1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}
.tabs .tab-all{margin-left:auto;color:var(--t3)}
body:has(.tabbar) .t thead th{top:104px}
.qa{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.qa-i{border-bottom:1px solid var(--border)}
.qa-i:last-child{border-bottom:0}
.qa-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 24px;transition:background .12s}
.qa-i summary::-webkit-details-marker{display:none}
.qa-i summary:hover{background:var(--bg-raised)}
.qa-i summary h3{font-size:16px;line-height:24px}
.qa-i[open] .chev,.fix[open] .chev{transform:rotate(90deg)}
.qa-i>p{margin:0;padding:0 24px 12px;color:var(--t2);max-width:72ch}
.qa-i>p.meta{padding-bottom:20px}
.more{margin-top:12px}
.more summary{cursor:pointer;font-size:14px;color:var(--t2);list-style:none;padding:8px 0}
.more summary::-webkit-details-marker{display:none}
.more summary:hover{color:var(--t1)}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-c{border:1px solid var(--border);border-radius:12px;padding:24px}
.rel-c ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;font-size:14px}
.rel-c a{color:var(--t2)}
.rel-c a:hover{color:var(--t1)}
.rel-c .sub{font-size:14px;margin-top:12px}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.cc{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:14px;transition:background .12s}
.cc:hover{background:var(--bg-raised)}
.cc-m{display:flex;align-items:center;gap:8px}
.cc .vs{font:500 11px/1 var(--mono);color:var(--t3)}
.cc h3{font-size:17px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.pn a{border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:6px;font-size:15px;transition:border-color .12s,background .12s}
.pn a:hover{border-color:var(--border-strong);background:var(--bg-raised)}
.pn .nx{text-align:right;grid-column:2}
.fpanel{border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg-raised)}
.fpanel[hidden]{display:none}
.filters{padding:0 0 16px}
#ftog[aria-expanded=true]{border-color:var(--border-strong);color:var(--t1)}
.answer{padding:28px}
.tl{border-left:0;margin-left:0}
.tl-day{padding-left:0}
.tl-day::before{display:none}
.stats{margin-top:32px}
.prose h2{margin-top:56px}
.fix summary{padding:22px 24px}
@media (min-width:768px) and (max-width:1023px){.cc-own{grid-column:span 2!important}}
.cl-tabs{display:none}
.tl-day{scroll-margin-top:120px}
/* ---- v4 minimal inner pages ---- */
.page-head{padding:112px 0 64px}
.page-head h1.page{font-size:60px;line-height:64px;letter-spacing:-.045em;margin:28px 0 16px;max-width:18ch}
.page-head .lede{font-size:19px;line-height:30px;max-width:54ch;color:var(--t2)}
.eyebrow-t{font:500 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:28px 0 -12px}
.sec-t{font-size:28px;line-height:34px;letter-spacing:-.025em}
.sum{display:flex;gap:56px;flex-wrap:wrap;margin:36px 0 8px}
.sum>div{display:flex;flex-direction:column;gap:6px}
.sum .label{color:var(--t3)}
.sum b{font:500 18px/26px var(--sans);color:var(--t1)}
.plgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.plc{border:1px solid var(--border);border-radius:14px;background:var(--bg);transition:border-color .12s,background .12s}
.plc:hover{border-color:var(--border-strong)}
.plc[open]{background:var(--bg-raised);border-color:var(--border-strong);grid-column:1/-1}
.plc summary{list-style:none;cursor:pointer;padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.plc summary::-webkit-details-marker{display:none}
.plc-n{font:500 15px/20px var(--sans);color:var(--t2)}
.plc-p{font:500 30px/36px var(--mono);letter-spacing:-.03em;font-feature-settings:"tnum" 1,"zero" 1;color:var(--t1)}
.plc-d{margin:0;padding:0 28px 28px;display:grid;grid-template-columns:110px 1fr;gap:12px 24px;font-size:15px;line-height:24px;max-width:900px}
.plc-d dt{font:500 11px/24px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.plc-d dd{margin:0;color:var(--t1);overflow-wrap:anywhere}
.folds{border-top:1px solid var(--border)}
.fold{border-bottom:1px solid var(--border)}
.fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:26px 4px}
.fold summary::-webkit-details-marker{display:none}
.fold-t{font:500 20px/28px var(--sans);letter-spacing:-.015em}
.fold-n{font:500 13px/1 var(--mono);color:var(--t3)}
.fold-i{margin-left:auto;font:300 24px/1 var(--sans);color:var(--t3);transition:transform .2s var(--ease)}
.fold[open] .fold-i{transform:rotate(45deg)}
.fold summary:hover .fold-t{color:var(--accent)}
.fold-b{padding:0 0 36px}
.fq{padding:12px 0 18px;max-width:72ch}
.fq h3{font-size:16px;line-height:24px;margin-bottom:6px}
.fq p{margin:0;color:var(--t2)}
.viewbar{display:flex;align-items:center;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.viewbar .verified{margin:0;font-size:12px;color:var(--t3)}
.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;color:var(--t2);font:500 13px/1 var(--sans);height:30px;padding:0 14px;border-radius:6px;cursor:pointer}
.seg button[aria-selected=true]{background:var(--surface-hover);color:var(--t1)}
.catg{margin-bottom:64px}
.cat-h{font:500 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin:0 0 16px}
.cat-h span{opacity:.7;margin-left:6px}
.pclist{border-top:1px solid var(--border)}
.pc{display:grid;grid-template-columns:240px 1fr auto;gap:24px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--border);transition:background .12s}
.pc:hover{background:var(--bg-raised)}
.pc:hover .tc-ar{color:var(--accent);transform:translateX(2px)}
.pc-n{display:flex;align-items:center;gap:12px;font:550 16px/22px var(--sans)}
.pc-pl,.vs-pl{display:flex;flex-wrap:wrap;gap:6px}
.ppill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--t2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ppill b{font:500 12px/1 var(--mono);color:var(--t1);font-feature-settings:"tnum" 1,"zero" 1}
.pc-v{font:400 12px/1 var(--mono);color:var(--t3);display:flex;gap:12px;align-items:center;white-space:nowrap}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vs-c{border:1px solid var(--border);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:24px}
.vs-n{display:flex;align-items:center;gap:12px;font:550 22px/28px var(--sans)}
.vs-n:hover .tc-ar{color:var(--accent)}
.vs-d{margin:0;display:grid;grid-template-columns:90px 1fr;gap:8px 16px;font-size:15px}
.vs-d dt{font:500 11px/24px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.vs-d dd{margin:0}
.vs-x{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:var(--t3)}
.narrow{max-width:820px}
.tlbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.sel{position:relative}
.sel select{appearance:none;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--t1);font:500 14px var(--sans);height:40px;padding:0 40px 0 14px;border-radius:8px;cursor:pointer;max-width:80vw}
.sel span{position:absolute;right:14px;top:11px;color:var(--t3);pointer-events:none}
.tlist{list-style:none;margin:0 0 0 4px;padding:0;border-left:1px solid var(--border)}
.tli{position:relative;display:grid;grid-template-columns:100px 1fr 28px;gap:24px;padding:18px 0 18px 28px;align-items:baseline}
.tli::before{content:"";position:absolute;left:-4px;top:26px;width:7px;height:7px;border-radius:50%;background:var(--border-strong)}
.tli:hover::before{background:var(--accent)}
.tli time{font-size:12px;color:var(--t3)}
.tli-b{display:flex;flex-direction:column;gap:4px}
.tli-h{font-size:15px}
.tli-h span{color:var(--t2)}
.tli-v{font:500 14px/22px var(--mono);color:var(--t1)}
.tli-s{color:var(--t3);font-family:var(--mono)}
.tli-s:hover{color:var(--accent)}
.tab-cat{flex:none;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);padding:0 6px 0 14px;border-left:1px solid var(--border);margin-left:6px}
.tabs .tab-cat:first-child{border-left:0;margin-left:0;padding-left:0}
.tabs{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.cc h3{font-size:19px}
.cc{padding:36px 32px}
.fix summary h3{font-size:19px;line-height:28px;font-weight:500}
.fix{border-radius:14px}
.fixes{max-width:820px}
.fix .chips{display:none}
.fix[open] .chips{display:flex}
.tc-empty{pointer-events:none}
.tc-empty:hover{background:var(--bg)}
/* ---- compare builder ---- */
.cb-pick{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-raised)}
.cb-sel{display:flex;gap:8px;flex-wrap:wrap;flex:1;align-items:center;min-height:36px}
.cb-chip{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);font-size:14px}
.cb-chip b{font-weight:550}
.cb-pl{background:none;border:0;border-left:1px solid var(--border);padding:0 8px;height:22px;color:var(--t2);font:400 12px/1 var(--mono);cursor:pointer}
.cb-pl:hover{color:var(--t1)}
.cb-x{background:none;border:0;color:var(--t3);font-size:18px;cursor:pointer;width:24px;height:24px;border-radius:5px}
.cb-x:hover{color:var(--t1);background:var(--surface-hover)}
.cb-pop{position:absolute;top:44px;left:0;z-index:30;min-width:220px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:8px;display:grid;gap:2px;box-shadow:0 16px 48px rgba(0,0,0,.5)}
.cb-pop[hidden]{display:none}
.cb-pop label{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:6px;font-size:14px;cursor:pointer}
.cb-pop label:hover{background:var(--surface-hover)}
.cb-pop input{accent-color:var(--accent)}
.cb-panel{margin-top:12px;border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--bg)}
.cb-q{max-width:none;margin-bottom:20px}
.cb-q input{height:44px;font-size:15px}
.cb-q svg{top:15px}
.cb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 28px}
.cb-g[hidden]{display:none}
.cb-g .cat-h{display:block;margin-bottom:10px}
.cb-opts{display:flex;flex-wrap:wrap;gap:6px}
.cb-o{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 6px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--t2);font:500 13px/1 var(--sans);cursor:pointer;transition:all .12s}
.cb-o .mono-chip{width:22px;height:22px}
.cb-o .c{font:400 11px/1 var(--mono);color:var(--t3)}
.cb-o:hover{border-color:var(--border-strong);color:var(--t1)}
.cb-o[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--t1)}
.cb-o:disabled{opacity:.35;cursor:not-allowed}
.cb-o[hidden]{display:none}
.cb-bar{display:flex;justify-content:space-between;align-items:center;margin:40px 0 16px}
.tgl{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:var(--t2);cursor:pointer}
.tgl input{appearance:none;width:34px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s;margin:0}
.tgl input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--t1);transition:transform .15s var(--ease)}
.tgl input:checked{background:var(--accent)}
.tgl input:checked::after{transform:translateX(14px);background:var(--accent-fg)}
.cb-empty{margin-top:40px}
.cb-empty[hidden]{display:none}
.cx{border:1px solid var(--border);border-radius:14px}
.cx-r{display:grid;grid-template-columns:150px repeat(var(--n),minmax(0,1fr));border-bottom:1px solid var(--border)}
.cx-r:last-child{border-bottom:0}
.cx-l{padding:16px 20px;font:500 11px/20px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.cx-c{padding:16px 20px;border-left:1px solid var(--border);font-size:14px;line-height:22px;min-width:0}
.cx-h{position:sticky;top:56px;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px 14px 0 0}
.cx-t{display:flex;align-items:center;gap:10px;font:550 17px/24px var(--sans)}
.cx-t:hover{color:var(--accent)}
.cx.hl .d .cx-c{background:var(--accent-soft)}
.cx.hl .same{opacity:.45}
.cx-p .cx-c{display:flex;flex-direction:column;gap:12px;padding:16px}
.cx-plan{border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--bg)}
.cx-ph{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cx-pn{font-weight:550;font-size:15px}
.cx-pp{font:500 22px/28px var(--mono);letter-spacing:-.02em;margin:8px 0 14px;font-feature-settings:"tnum" 1,"zero" 1;overflow-wrap:anywhere}
.cx-plan dl{margin:0;display:grid;gap:2px}
.cx-plan dt{font:500 10px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-top:8px}
.cx-plan dd{margin:0;font-size:13px;line-height:20px;color:var(--t2);overflow-wrap:anywhere}
.cx-src{display:flex;flex-direction:column;gap:2px;font:400 12px/18px var(--mono)}
.cx-src a{color:var(--t2)}
.cx-src a:hover{color:var(--t1)}
.cx-src span{color:var(--t3)}
.cx-hint{display:none}
.cb-bar[hidden]{display:none}
/* ---- compare plans v2 ---- */
.cp-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.cp-tg{display:flex;gap:28px;flex-wrap:wrap}
.cp{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.cp th,.cp td{text-align:left;vertical-align:top;font-weight:400}
.cp-lh,.cp tbody th{width:190px}
.cp thead th{position:sticky;top:56px;z-index:12;background:var(--bg);padding:0 0 0 12px;border-bottom:1px solid var(--border)}
.cp thead th.cp-lh{padding:0}
.cp-chi{position:relative;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;padding:20px 18px 16px;background:var(--bg-raised)}
.cp-chi::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:14px 14px 0 0;background:var(--ac)}
.cp-tn{display:flex;align-items:center;gap:10px;font:550 15px/20px var(--sans)}
.cp-tn a:hover{color:var(--ac)}
.cp-tn .cb-x{margin-left:auto}
.mono-chip.ac{border-color:var(--ac);color:var(--ac);width:24px;height:24px;background:color-mix(in srgb,var(--ac) 10%,transparent)}
.cp-sel{margin-top:12px}
.cp-sel select{width:100%;height:36px;font-size:13px}
.cp-hp{font:500 26px/30px var(--mono);letter-spacing:-.03em;margin-top:14px;font-feature-settings:"tnum" 1,"zero" 1}
.cp-hp small{font-size:13px;color:var(--t3);letter-spacing:0}
.cp-hp .nc{font-size:13px}
.cp-add{width:150px;vertical-align:middle!important;padding-left:12px!important}
.cp thead .cp-add{text-align:center}
.cp tbody th{padding:22px 16px 22px 0;border-bottom:1px solid var(--border)}
.cp-l{display:block;font:550 15px/22px var(--sans);color:var(--t1)}
.cp-h{display:block;font-size:12px;line-height:18px;color:var(--t3);margin-top:4px}
.neq{font-family:var(--mono);color:var(--accent);margin-left:4px}
.ncmp{color:var(--t2);font-family:var(--mono);font-size:11px;line-height:16px}
.cp-c{position:relative;padding:0 0 0 12px!important;border-bottom:1px solid var(--border)}
.cp-cv{border-left:1px solid var(--border);border-right:1px solid var(--border);padding:22px 36px 22px 18px;min-height:100%;font-size:14px;line-height:22px;height:100%;transition:background .15s}
.cp-r:last-child .cp-cv{}
.cp-c.win .cp-cv{box-shadow:inset 2px 0 0 var(--ac)}
.star{position:absolute;right:10px;bottom:10px;font:600 11px/1 var(--sans);color:var(--t1);background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:999px;padding:4px 7px}
.mk{position:absolute;top:20px;right:10px;width:20px;height:20px;border-radius:50%;background:transparent;font:600 10px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0}
.mk-v{border:1.5px solid color-mix(in srgb,var(--ok) 70%,transparent);color:var(--ok)}
.mk-p{border:1.5px dashed var(--warn);color:var(--warn)}
.mk-n{border:1.5px dotted var(--t2);color:var(--t2)}
i.mk{position:static;display:inline-grid;font-style:normal;width:18px;height:18px;vertical-align:-4px}
.mk-pop{position:absolute;z-index:80;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;display:grid;gap:4px;font-size:13px;box-shadow:0 12px 40px rgba(0,0,0,.5);max-width:240px}
.mk-pop a{font-family:var(--mono);font-size:12px;color:var(--t1);overflow-wrap:anywhere}
.mk-pop span{font:400 12px var(--mono);color:var(--t3)}
.pv{font:500 22px/28px var(--mono);letter-spacing:-.02em;font-feature-settings:"tnum" 1,"zero" 1}
.pv small{font-size:12px;color:var(--t3);letter-spacing:0}
.pbar{display:block;height:6px;border-radius:3px;background:var(--border);margin:10px 0 8px;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--ac);border-radius:3px;opacity:.85}
.raw{display:block;font-size:12px;line-height:18px;color:var(--t3);margin-top:4px}
.al{display:inline-grid;place-items:center;width:22px;height:22px;font:700 12px/1 var(--sans);flex:none;margin-right:8px}
.alw{display:inline-flex;align-items:center;font-weight:550;font-size:15px}
.al-hard_stop.al{color:#F87171;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:color-mix(in srgb,#F87171 18%,transparent)}
.al-usage_billed.al{color:#FBBF24;border:1.5px solid #FBBF24;border-radius:50%}
.al-top_up.al{color:#60A5FA;border:1.5px solid #60A5FA;border-radius:5px}
.al-upgrade_only.al{color:#C4B5FD;border:1.5px solid #C4B5FD;border-radius:2px;transform:rotate(0)}
.al-slows_down.al{color:#5EEAD4;border:1.5px solid #5EEAD4;border-radius:50% 50% 4px 4px}
.al-not_confirmed.al{color:var(--t2);border:1.5px dashed var(--t3);border-radius:50%}
.alw.al-not_confirmed{color:var(--t2);font-weight:400}
.ov2{display:block;font-weight:500}
.unit{display:inline-block;margin-top:6px;font:500 11px/16px var(--mono);color:var(--t2);border:1px solid var(--border);border-radius:4px;padding:1px 6px}
.rtc{display:inline-flex;align-items:center;gap:8px;font-weight:550;font-size:15px}
.rtc b{font-weight:400;color:var(--t2);width:18px;text-align:center}
.mo{color:var(--t1)}
.bf{display:inline-block;font:500 12px/16px var(--sans);border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);color:var(--t1);background:color-mix(in srgb,var(--ac) 9%,transparent);border-radius:999px;padding:3px 9px;margin:0 4px 6px 0}
.dim{color:var(--t3)}
.cp-cv.small{font-size:13px;line-height:20px;color:var(--t2)}
.cp-cv.small a{color:var(--t1);font-family:var(--mono);font-size:12px}
.cp.hl .dc .cp-cv{background:color-mix(in srgb,var(--ac) 11%,transparent)}
.cp.hm .same{display:none}
.cp-dt th{padding:0!important;border-bottom:1px solid var(--border)}
.fold-btn{background:none;border:0;color:var(--t1);font:500 15px/1 var(--sans);padding:22px 0;cursor:pointer;display:flex;gap:10px}
.fold-btn:hover{color:var(--accent)}
.cp-empty{border:1px dashed var(--border-strong);border-radius:14px;padding:40px;text-align:center;color:var(--t2);margin-bottom:12px}
.cp-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px;font-size:13px;color:var(--t2);align-items:center}
.cp-legend span{display:inline-flex;align-items:center}
.cp-legend .al{width:18px;height:18px;font-size:10px}
.cp-legend .sep{width:1px;height:16px;background:var(--border)}
.cp-legend i.mk{margin-right:6px}
#cpPanel{margin-top:16px}
.cp.hl .dc .cp-cv{background:color-mix(in srgb,var(--ac) 13%,transparent);outline:1px solid color-mix(in srgb,var(--ac) 45%,transparent);outline-offset:-1px}
.cp.hl .cp-r:not(.dc) .cp-cv{}
/* ---- mobile pass v5 (desktop unchanged: everything below is inside max-width queries) ---- */
.cpm{display:none}
.qa-sec{padding-bottom:0}
.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.qa .answer{border-bottom:0}
.qa .answer:last-child{border-right:0}
.qa .answer h2{font:600 17px/24px var(--sans);margin:0 0 10px;letter-spacing:-.01em}
.qa .answer p{margin:0;color:var(--t2);font-size:15px;line-height:24px}
.qa .answer .meta{margin-top:12px;font-size:12px}
.rc-sec{padding-bottom:0}
.rc{display:flex;flex-wrap:wrap;gap:8px}
.rc-a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;font-size:14px;color:var(--t1);background:var(--bg)}
.rc-a span{color:var(--t3)}
.rc-a i{font-style:normal;color:var(--t3);margin-left:2px}
.rc-a:hover{background:var(--bg-raised);border-color:var(--border-2,#2A2A2F)}
/* ---- v6: logos, mobile menu, plans table, shipped, build section ---- */
.mono-chip.lg{background:#17171A;border-color:var(--border-strong);padding:0;overflow:hidden}
.mono-chip.lg img{width:62%;height:62%;object-fit:contain;display:block}
.mono-chip.lg.lt{background:#F4F4F5;border-color:#F4F4F5}
.mono-chip.ac.lg{border-color:var(--ac);background:#17171A}
.mono-chip.ac.lg.lt{background:#F4F4F5}
.mono-chip.xs{width:16px;height:16px;border-radius:4px;margin-right:6px;vertical-align:-3px}
.tabs a{display:inline-flex;align-items:center}
.mm-b{display:none}
.ic-only{width:36px;padding:0;justify-content:center}
.mm{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,#000 55%,transparent);opacity:0;transition:opacity .18s}
.mm.on{opacity:1}
.mm-in{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;transform:translateY(-8px);transition:transform .2s}
.mm.on .mm-in{transform:none}
.mm-top{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 16px;border-bottom:1px solid var(--border);flex:none}
.mm-l{list-style:none;margin:0;padding:8px 16px}
.mm-l a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:550 20px/1 var(--sans);letter-spacing:-.01em;color:var(--t1);border-bottom:1px solid var(--border)}
.mm-l a span{color:var(--t3);font-size:16px}
.mm-l a[aria-current=page]{color:var(--accent)}
.mm-tools{padding:20px 16px 8px}
.mm-tg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.mm-tg a{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--t2);min-width:0}
.mm-tg a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-f{display:flex;gap:8px;padding:16px;margin-top:auto;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border)}
.mm-f .btn{flex:1;justify-content:center;height:44px}
html.mm-on{overflow:hidden}
/* plans table */
.t.tg thead th{position:sticky;top:56px;z-index:3;background:var(--bg);box-shadow:inset 0 -1px 0 var(--border)}
@media (min-width:1024px){#v-table .tbl-wrap{overflow:visible}}
.t tr.grp th{text-align:left;padding:28px 12px 10px;font:500 12px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);background:var(--bg);border-bottom:1px solid var(--border)}
.t.tg tbody tr.row:hover>*{background:var(--bg-raised)}
.t .price,.t .price .n{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.t .c-ov .alw{display:flex;font-size:13px;white-space:nowrap}
.t .c-ov .ov-t{display:block;color:var(--t3);font-size:12px;line-height:17px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.t .toolcell .tool{display:inline-flex;align-items:center;gap:8px}
/* plan cards */
.pc-m{display:flex;flex-wrap:wrap;gap:8px 20px}
.pc-r{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.pc-r .label{margin-right:2px}
.pc-r .alw{font-size:13px;font-weight:500}
.vm{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;margin-right:6px;vertical-align:-3px}
.vm.ok{background:color-mix(in srgb,var(--ok,#3DD68C) 18%,transparent);color:var(--ok,#3DD68C)}
.vm.part{color:var(--accent)}
.bw-lbl{margin:0 0 24px}
.bw-t+.bw-t{margin-top:32px}
.bw-tn{display:flex;align-items:center;gap:10px;font:600 16px/24px var(--sans);margin:0 0 12px}
.bw-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bw-p{border:1px solid var(--border);border-radius:12px;padding:18px 20px;background:var(--bg);display:flex;flex-direction:column;gap:10px}
.bw-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.bw-n{font-weight:600;font-size:15px}
.bw-pr{font:500 14px var(--mono);color:var(--t2);font-variant-numeric:tabular-nums;text-align:right}
.bw-q{margin:0;font-size:14px;line-height:21px;color:var(--t1)}
.bw-q .label{display:block;margin-bottom:4px}
.bw-e{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.bw-e li{font-size:14px;line-height:21px;color:var(--t2);padding-left:18px;position:relative}
.bw-e li::before{content:"≈";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}
.bw-none{margin:0;font-size:14px;color:var(--t3)}
.bw-s{margin:auto 0 0;font:400 12px/18px var(--mono);color:var(--t3);overflow-wrap:anywhere}
/* shipped */
.sh-stats{display:flex;gap:40px;margin-top:32px;flex-wrap:wrap}
.sh-stats div{display:flex;flex-direction:column}
.sh-stats b{font:600 32px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sh-stats span{font-size:13px;color:var(--t2);margin-top:4px}
.sh-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.sh-lb{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:999px;font-size:14px;color:var(--t1);background:var(--bg)}
.sh-lb i{font-style:normal;color:var(--t3);font-family:var(--mono);font-size:12px}
.sh-how{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border);border-radius:12px;margin-bottom:40px}
.sh-how>div{padding:20px 22px}
.sh-how>div+div{border-left:1px solid var(--border)}
.sh-how p{margin:8px 0 0;font-size:14px;line-height:22px;color:var(--t2)}
.sh-fl{margin-bottom:24px}
.chip .mono-chip.xs{margin-right:4px}
.sh-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sh{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.sh:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.sh.hidden{display:none}
.sh-m{display:block;aspect-ratio:1200/630;background:var(--bg-raised);border-bottom:1px solid var(--border);overflow:hidden}
.sh-m img{width:100%;height:100%;object-fit:cover;display:block}
.sh-ph{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;padding:20px;background:radial-gradient(420px 220px at 90% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/24px 24px,var(--bg-raised)}
.sh-ph .mono-chip{width:40px;height:40px;border-radius:10px}
.sh-ph-n{font:600 22px/1.2 var(--sans);letter-spacing:-.02em;color:var(--t1)}
.sh-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.sh-b h3{margin:0;font:600 17px/24px var(--sans)}
.sh-b .d{margin:0;font-size:14px;line-height:22px;color:var(--t2)}
.sh-tl{display:flex;gap:6px;flex-wrap:wrap}
.tchip{display:inline-flex;align-items:center}
.sh-f{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;font-size:13px;color:var(--t3)}
.sh-f a{font-family:var(--mono);color:var(--t2)}
.tli-h .tn,.lc-t,.cle .tn{display:inline-flex;align-items:center}
@media (min-width:1024px){
.t.tg{width:100%;table-layout:fixed}
.t.tg th:nth-child(1){width:36px}.t.tg th:nth-child(2){width:150px}.t.tg th:nth-child(3){width:128px}.t.tg th:nth-child(4){width:144px}.t.tg th:nth-child(6){width:96px}.t.tg th:nth-child(7){width:172px}.t.tg th:nth-child(8){width:96px}.t.tg th:nth-child(9){width:104px}.t.tg th:nth-child(10){width:28px}
.t.tg tr.grp th{width:auto}
.t.tg .c-ov .ov-t{max-width:100%}.t.tg td,.t.tg th{overflow:hidden}
.t.tg .toolcell .tool{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:1024px){.t.tg .price .n{white-space:normal;overflow-wrap:anywhere}}
.bw-sec{scroll-margin-top:120px}
#bw-h{scroll-margin-top:130px}
/* v7: mobile text overlap fixes */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.nm{min-width:0}
.hf .fold-t{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.hf-t{font:550 18px/26px var(--sans)}
.hf-l{display:inline-flex;gap:4px}
.hf-l .mono-chip{width:20px;height:20px}
.hf summary{min-height:64px}
.hf .fold-b{padding:4px 0 32px}
.hf details[open] .fold-t,.hf[open] .fold-t{color:inherit}
.lc-fold{border-top:1px solid var(--border)}
.lc-fold .fold-t{font-size:16px;color:var(--t2)}
.fold-b{overflow:hidden}
/* fan mascots: decorative, never interactive */
.mascots{position:fixed;left:0;right:0;bottom:0;height:72px;z-index:30;pointer-events:none;overflow:hidden}
.mascots[hidden]{display:none}
.masc{position:absolute;bottom:6px;left:0;width:var(--ms,52px);height:var(--ms,52px);will-change:transform;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.masc *{pointer-events:none}
.masc .lid{transform-box:fill-box;transform-origin:center;transition:transform .08s}
.masc-t{position:fixed;left:12px;bottom:12px;z-index:31;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);color:var(--t2);font:500 12px/1 var(--sans);cursor:pointer;opacity:.75}
.masc-t:hover,.masc-t:focus-visible{opacity:1;color:var(--t1)}
html.mm-on .mascots,html.mm-on .masc-t{display:none}
@media print{.mascots,.masc-t{display:none}}
.mascots.inflow{position:relative;left:auto;right:auto;bottom:auto;height:64px;z-index:1;margin-top:-8px}
.mascots.inflow .masc{bottom:4px}
.mascots:not(.inflow) .masc{bottom:52px}
.mascots:not(.inflow){height:120px}
.masc-t.inflow{position:relative;left:auto;bottom:auto;display:flex;margin:-36px 16px 8px auto;width:max-content}
/* v8: table root-cause fix. Sticky headers only where the table is NOT inside a scroll container (sticky inside overflow:auto is offset by the page's top value and lands on top of rows). */
@media (min-width:1024px){
.tbl-wrap{overflow:visible}
.t{width:100%;table-layout:fixed}
.t thead th{position:sticky;top:56px;z-index:4;background:var(--bg);box-shadow:inset 0 -1px 0 var(--border)}
body:has(.tabbar) .t thead th{top:104px}
.t th:nth-child(1){width:36px}.t th:nth-child(2){width:150px}.t th:nth-child(3){width:128px}.t th:nth-child(4){width:144px}.t th:nth-child(6){width:96px}.t th:nth-child(7){width:172px}.t th:nth-child(8){width:96px}.t th:nth-child(9){width:104px}.t th:nth-child(10){width:28px}
.t tr.grp th,.t tr.exp td{width:auto}
.t td,.t tbody th{overflow:hidden;overflow-wrap:break-word}
.t td.c-plan,.t td.c-ov{min-width:0}
.t .price,.t .price .n{white-space:normal;overflow-wrap:break-word}
.t .c-ov .ov-t{max-width:100%}
.t .toolcell .tool{max-width:100%;overflow:hidden}
tr.exp .in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
tr.exp dl{grid-template-columns:90px minmax(0,1fr)}tr.exp dd{min-width:0;overflow-wrap:anywhere}
}
@media (min-width:1024px) and (max-width:1279px){.t th:nth-child(2){width:120px}.t th:nth-child(3){width:104px}.t th:nth-child(4){width:120px}.t th:nth-child(7){width:150px}.t th:nth-child(8){width:90px}.t th:nth-child(9){width:96px}.t td,.t tbody th{padding:12px 8px}tr.exp .in{padding:20px 20px 20px 44px;gap:24px}}
/* 768-1023: hamburger nav (the full link row + buttons don't fit) */
@media (min-width:768px) and (max-width:1023px){.tbl-wrap,#v-table .tbl-wrap{overflow-x:auto!important;max-width:100%}.srcs a,.srcs li{overflow-wrap:anywhere}}
main{min-width:0}
.srcs li{overflow-wrap:anywhere}
.fold,.folds,.fold-b,.wrap0,.tbl-wrap{min-width:0;max-width:100%}
.fold-b{overflow:visible}
.tbl-wrap{position:relative}
.sr{clip-path:inset(50%);white-space:nowrap}
.mascots:not(.inflow){height:200px}
@media (min-width:1024px){.t .toolcell .tool,.t.tg .toolcell .tool{white-space:normal!important;text-overflow:clip!important;align-items:flex-start;line-height:1.3}}
/* v9: dividers around the mascot strip. Lanes/slots are logic only, so nothing draws them. */
.news{border-bottom:0;position:relative}
.news::after{content:"";position:absolute;left:0;right:0;bottom:-48px;height:48px;background:linear-gradient(var(--bg-raised),transparent);pointer-events:none}
.mascots,.mascots.inflow{background:none;border:0;box-shadow:none;outline:0}
.mascots.inflow{margin-top:24px;height:72px;position:relative}
.mascots.inflow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent)}
.masc{filter:none}
.masc::after{content:"";position:absolute;left:18%;right:18%;bottom:-3px;height:6px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);z-index:-1}
.mascots.inflow .masc{bottom:6px}
.masc-t.inflow{margin:-52px 16px 0 auto;position:relative;z-index:2}
footer{border-top:0}
body:not(:has(.mascots.inflow:not([hidden]))) footer{position:relative}
body:not(:has(.mascots.inflow:not([hidden]))) footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent)}
/* ===== v10: use cases, cost, scores, models ===== */
.sc-hw{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.hart{flex:none;opacity:.95;margin-bottom:-8px}
.hart svg{display:block}
.sc-tabs{position:sticky;top:56px;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.sc-tl{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:24px}
.sc-tl::-webkit-scrollbar{display:none}
.sc-tl a{flex:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 12px;color:var(--t2);font:500 14px/1 var(--sans);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}
.sc-tl a span{font:500 11px/1 var(--mono);color:var(--t3)}
.sc-tl a:hover{color:var(--t1)}
.sc-tl a[aria-current=page]{color:var(--t1);border-bottom-color:var(--accent)}
.sc-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;border:1px solid var(--border-strong);font:500 11px/1 var(--mono);letter-spacing:.02em;color:var(--t2);white-space:nowrap;vertical-align:middle}
.sc-chip.st{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}
.sc-chip.fz{color:var(--info);border-color:color-mix(in srgb,var(--info) 45%,transparent)}
.sc-chip.pr{color:var(--warn);border-style:dashed;border-color:color-mix(in srgb,var(--warn) 55%,transparent)}
.sc-chip.vd,.sc-chip.hp,.sc-chip.na{color:var(--t2)}
.sc-mut,.uc-mut{color:var(--t3)}
.sc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sc-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--t1);text-decoration:none;transition:border-color .12s var(--ease),transform .12s var(--ease)}
.sc-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.sc-card.sc-card-e{border-style:dashed;background:transparent}
.sc-ch{display:flex;align-items:center;justify-content:space-between}
.sc-ch h2{font:600 20px/26px var(--sans);letter-spacing:-.015em;margin:0}
.sc-cw{font-size:14px;line-height:21px;color:var(--t2);margin:0}
.sc-cb{border-top:1px solid var(--border);padding-top:12px}
.sc-cbh{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;justify-content:space-between;font:500 12px/18px var(--mono);color:var(--t2);margin-bottom:8px}
.sc-cc{display:flex;gap:4px;flex-wrap:wrap}
.sc-cb ol{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:4px}
.sc-cb li{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:20px}
.sc-cb li span{color:var(--t1);min-width:0;overflow-wrap:anywhere}
.sc-cb li b{font:500 14px/20px var(--mono);font-variant-numeric:tabular-nums;color:var(--t1)}
.sc-none{font:500 16px/24px var(--mono);color:var(--t2);margin:0}
.sc-none.sm{font-size:13px;line-height:20px;color:var(--t3)}
.sc-sec{padding-top:32px}
.sc-how ul{margin:8px 0 12px}
.sc-how li{margin:4px 0;color:var(--t2)}
.sc-jump{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.sc-jump a{display:inline-flex;gap:8px;align-items:center;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--t2);font-size:14px;text-decoration:none}
.sc-jump a:hover{border-color:var(--border-strong);color:var(--t1)}
.sc-jump span{font:500 11px/1 var(--mono);color:var(--t3)}
.sc-b{margin-top:48px;scroll-margin-top:128px}
.sc-bh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 24px;flex-wrap:wrap;margin-bottom:12px}
.sc-bh h2{font:600 22px/28px var(--sans);letter-spacing:-.02em;margin:0 0 6px}
.sc-bm{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font:400 13px/19px var(--mono);color:var(--t3)}
.sc-bc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc-bc .u{font-size:13px;margin-left:6px}
.sc-notes{margin:0 0 16px;padding:12px 16px 12px 32px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);font-size:13px;line-height:20px;color:var(--t2)}
.sc-notes li{margin:2px 0}
.sc-tw{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.sc-t{width:100%;border-collapse:collapse;font-size:14px}
.sc-t th,.sc-t td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}
.sc-t thead th{font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);background:var(--bg-raised);white-space:nowrap}
.sc-t tbody tr:last-child>*{border-bottom:0}
.sc-t tbody tr:hover{background:var(--surface-hover)}
.sc-rk{width:56px;font:500 13px/1 var(--mono);color:var(--t2);font-variant-numeric:tabular-nums}
.sc-m{font-weight:400}
.sc-mn{display:block;color:var(--t1);font:500 14px/20px var(--mono)}
.sc-ml{color:var(--t1);text-decoration:none;border-bottom:1px solid var(--border-strong)}
.sc-ml:hover{border-color:var(--accent)}
.sc-org{display:block;font-size:12px;line-height:18px;color:var(--t3)}
.sc-v{white-space:nowrap;min-width:140px}
.sc-num{font:500 16px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--t1)}
.sc-num small{font-size:12px;color:var(--t2);margin-left:1px}
.sc-bar{display:block;width:96px;height:4px;border-radius:2px;background:var(--border);margin-top:7px;overflow:hidden}
.sc-bar i{display:block;height:100%;background:var(--t1);border-radius:2px}
.sc-x{font:400 12px/18px var(--mono);color:var(--t2);max-width:260px}
.sc-h,.sc-l{font-size:13px;color:var(--t2)}
.sc-d{font:400 12px/18px var(--mono);color:var(--t2);white-space:nowrap}
.sc-d .sc-chip{margin-left:4px}
.sc-s a{color:var(--t2);text-decoration:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px}
.sc-s a:hover{color:var(--accent);background:var(--surface-hover)}
.sc-cap{margin-top:10px}
.sc-empty{margin-top:28px;padding:40px 32px;border:1px dashed var(--border-strong);border-radius:12px;max-width:760px}
.sc-empty .sub{margin:12px 0 0}
.sc-empty .srcs{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}
/* models */
.mdl-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mdl-c{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--t1);text-decoration:none;transition:border-color .12s,transform .12s}
.mdl-c:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.mdl-n{font:600 16px/22px var(--sans)}
.mdl-o{font-size:13px;color:var(--t3)}
.mdl-cs{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.mdl-k{font:400 12px/18px var(--mono);color:var(--t3);margin-top:auto;padding-top:6px}
.mc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mc{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}
.mc.mc-e{border-style:dashed;background:transparent}
.mc ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}
.mc li+li{border-top:1px solid var(--border);padding-top:14px}
.mc-v{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mc-v b{font:500 28px/32px var(--mono);font-variant-numeric:tabular-nums}
.mc-v b small{font-size:15px;color:var(--t2)}
.mc-v span{font-size:13px;color:var(--t2);text-align:right}
.mc-m{margin:4px 0 0;font:400 12px/18px var(--mono);color:var(--t3);overflow-wrap:anywhere}
.mc-m a{color:var(--t2);text-decoration:none;margin-left:4px}
.mc-m a:hover{color:var(--accent)}
.mc .sc-none{margin-top:10px}
/* use cases */
.uc-sec{padding-top:24px}
.uc-bar{display:grid;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.uc-fl,.uc-fl2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.uc-fl2 .label{margin-right:4px}
.uc-sort{margin-left:auto}
.uc-shown{font-size:12px;color:var(--t3)}
.uc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.uc{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0;transition:border-color .12s var(--ease),transform .12s var(--ease)}
.uc:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.uc[hidden]{display:none}
.uc-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.uc-tool{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px 0 4px;border:1px solid var(--border);border-radius:6px;font:500 12px/1 var(--sans);color:var(--t1);text-decoration:none}
.uc-tool:hover{border-color:var(--border-strong)}
.uc-model{font:500 12px/22px var(--mono);color:var(--t2);padding:0 8px;border-radius:6px;background:var(--bg-raised);border:1px solid var(--border)}
.uc-model a{color:inherit;text-decoration:none}
.uc-model a:hover{color:var(--t1)}
.uc-flag{font:500 11px/20px var(--mono);color:var(--t2);padding:0 7px;border-radius:999px;border:1px solid var(--border-strong)}
.uc-flag.pr{color:var(--warn);border-style:dashed;border-color:color-mix(in srgb,var(--warn) 55%,transparent)}
.uc h3{font:600 17px/24px var(--sans);letter-spacing:-.01em;margin:0;color:var(--t1);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.uc-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;padding-top:14px;border-top:1px solid var(--border)}
.uc-meta dt{font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.uc-meta dd{margin:2px 0 0;font:400 13px/19px var(--mono);color:var(--t1);overflow-wrap:anywhere}
.uc-f{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;flex-wrap:wrap}
.uc-c{display:flex;gap:4px;flex-wrap:wrap}
.uc-src{font:500 13px/20px var(--sans);color:var(--t1);text-decoration:none;border-bottom:1px solid var(--border-strong)}
.uc-src:hover,.uc-src:focus-visible{color:var(--accent);border-color:var(--accent)}
.uc-prov{margin:-6px 0 0;font:400 11px/16px var(--mono);color:var(--t3)}
.uc-none{padding:28px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--t2)}
.uc-none p{margin:0 0 8px}
.uc-empty{padding:32px;text-align:center;color:var(--t2)}
/* cost */
.cost-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cost-w{display:flex;flex-direction:column;gap:10px;min-width:0}
.cost-t{display:inline-flex;align-items:center;gap:8px;font:600 15px/22px var(--sans);color:var(--t1);text-decoration:none}
.cost-t:hover{color:var(--accent)}
.cost{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);flex:1;min-width:0}
.cost.none{border-style:dashed;background:transparent}
.cost-h{display:flex;justify-content:space-between;align-items:center}
.cost-ap{font:500 11px/18px var(--mono);color:var(--accent);padding:0 7px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px}
.cost-r{margin:10px 0 2px;font:500 30px/36px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--t1)}
.cost-r.ins{font-size:20px;line-height:28px;color:var(--t2)}
.cost-n{margin:0;font:400 12px/18px var(--mono);color:var(--t3)}
.cost-note{margin:8px 0 0;font-size:13px;line-height:19px;color:var(--t2)}
.cost-l{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--border);display:grid;gap:8px}
.cost-l li{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font-size:13px;line-height:19px;color:var(--t2)}
.cost-l li.ex{color:var(--t3)}
.cost-l a{font:400 12px/19px var(--mono);color:var(--t2);text-decoration:none}
.cost-l a:hover{color:var(--accent)}
.cost-b{margin:12px 0 0;font:400 11px/16px var(--mono);color:var(--t3)}
.cost-one{max-width:560px}
.sc-tw{overflow-x:auto}
.sc-tw{position:relative}
/* v11: superseded rows, open weights, frozen boards */
html:not(.sc-showold) .sc-t tr.sup{display:none}
html.sc-owonly .sc-t tbody tr:not(.ow){display:none}
.sc-old{color:var(--t3);border-bottom:1px dotted var(--border-strong)}
.sc-chip.ow{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.sc-chip.li{color:var(--t2);max-width:200px;overflow:hidden;text-overflow:ellipsis}
.sc-l .sc-chip+.sc-chip{margin-left:4px}
.sc-ctl{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:24px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised)}
.sc-ctl .tgl{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--t2);cursor:pointer}
.sc-ctl .tgl .c{font:500 11px/1 var(--mono);color:var(--t3)}
.sc-ctl .meta{flex-basis:100%}
.sc-jump a .sc-chip{height:18px}
.sc-frz .fold summary{flex-wrap:wrap}
.sc-frz .fold-b .sc-b{margin-top:8px}
.uc-flag.camp{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent);border-style:solid}
.uc.camp{border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}
span.uc-tool{padding:0 8px;color:var(--t2)}
.tnote{margin-top:24px;max-width:760px;padding:16px 18px;border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:8px;background:var(--bg-raised)}
.tnote p{margin:6px 0 0;font-size:14px;line-height:22px;color:var(--t2)}
.tnote-p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sc-new{color:var(--accent)}
/* v12 latest-gen strip + deep guides */
.sc-lg{margin:0 0 16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-raised)}
.sc-lgl{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sc-lgc{display:flex;flex-direction:column;padding:6px 10px;border:1px solid var(--border-strong);border-radius:8px;text-decoration:none;color:var(--t1);min-width:0}
.sc-lgc:hover{border-color:var(--accent)}
.sc-lgc b{font:500 13px/18px var(--mono)}
.sc-lgc span{font-size:12px;color:var(--t3)}
.sc-lgo{margin:10px 0 0;font-size:13px;color:var(--t2)}
.dp-np{display:inline-block;font:500 11.5px/18px var(--mono);color:var(--warn);border:1px dashed color-mix(in srgb,var(--warn) 50%,transparent);border-radius:5px;padding:0 6px;white-space:nowrap}
.dp-why{display:block;font-size:12px;color:var(--t3);margin-top:2px}
.dp-h1{display:flex;align-items:center;gap:14px}
.dp-h1 img,.dp-h1 .tl{width:40px;height:40px;flex:none}
.dp-meta{font:400 12px/18px var(--mono);color:var(--t3);margin-top:12px}
.dp-jump{position:sticky;top:56px;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--border)}
.dp-jw{max-width:1120px;margin:0 auto;padding:8px 24px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.dp-jw::-webkit-scrollbar{display:none}
.dp-jw a{flex:none;font-size:13px;color:var(--t2);text-decoration:none;padding:5px 10px;border-radius:6px}
.dp-jw a:hover{color:var(--t1);background:var(--surface)}
.dp{padding-bottom:64px}
.dp-sec{padding:56px 0 0;scroll-margin-top:110px}
.dp-hd h2{font:600 24px/32px var(--sans);letter-spacing:-.01em;margin:0}
.dp-hd .sub{margin:6px 0 20px;max-width:720px}
.dp-src{margin:14px 0 0;font-size:12.5px;color:var(--t3);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.dp-src>span:first-child{font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.dp-ck{font-family:var(--mono)}
.dp-spot{display:grid;grid-template-columns:1fr 1.3fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.dp-spot>*{background:var(--bg-raised);padding:22px}
.dp-spot-n b{display:block;font:600 20px/28px var(--sans);margin:10px 0 8px}
.dp-spot-n p{color:var(--t2);margin:0 0 14px}
.dp-tag{font:600 11px/20px var(--mono);color:var(--accent-fg);background:var(--accent);border-radius:4px;padding:2px 7px}
.dp-kv{margin:0;display:grid;gap:14px}
.dp-kv.two{grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--r);padding:20px;background:var(--bg-raised);margin-top:16px}
.dp-kv dt{font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.dp-kv dd{margin:3px 0 0;color:var(--t1)}
.dp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dp-pc{border:1px solid var(--border);border-radius:var(--r);padding:18px;background:var(--bg-raised)}
.dp-pc h3{margin:0;font:500 13px/18px var(--sans);color:var(--t2)}
.dp-pr{font:600 26px/34px var(--mono);margin:4px 0 12px;color:var(--t1)}
.dp-pr small{font-size:13px;color:var(--t3);font-weight:400}
.dp-prt{font:500 14px/20px var(--sans);color:var(--t1);display:block}
.dp-pc dl{margin:0;display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}
.dp-pc dt{font:500 10.5px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.dp-pc dd{margin:2px 0 0;font-size:13.5px;line-height:20px;color:var(--t2)}
.dp-sec .folds,.dp-sec>.fold{margin-top:14px}
.dp-tw{position:relative;overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--bg)}
.dp-t{width:100%;border-collapse:collapse;font-size:13.5px;line-height:20px}
.dp-t th,.dp-t td{padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.dp-t tbody tr:last-child>*{border-bottom:0}
.dp-t thead th{background:var(--bg-raised);font:500 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);white-space:nowrap}
.dp-t tbody th{font-weight:500;color:var(--t1);position:sticky;left:0;background:var(--bg);min-width:120px}
.dp-t td{color:var(--t2)}
.dp-pt td{min-width:180px}
.dp-t.num td{font-family:var(--mono);white-space:nowrap}
.dp-mx td{text-align:center;vertical-align:middle}
.dp-mx thead th:not(:first-child){text-align:center}
.dp-c .dp-ct{display:block;font-size:11.5px;line-height:15px;color:var(--t3);margin-top:2px}
.dp-y{color:var(--ok);font-weight:700}
.dp-x{color:var(--t3)}
.dp-p{color:var(--warn)}
.dp-c.u .dp-np{font-size:10.5px}
.dp-key{font-size:12px;color:var(--t3);margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.dp-rg{border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;background:var(--bg-raised)}
.dp-rr{display:grid;grid-template-columns:120px 1fr 96px;gap:14px;align-items:center;padding:9px 0}
.dp-rm{font:500 13px/18px var(--mono)}
.dp-rv{font:500 13px/18px var(--mono);text-align:right;color:var(--t1)}
.dp-rt,.dp-rt0{position:relative;height:10px;border-radius:5px;background:var(--surface)}
.dp-rt i{position:absolute;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent),var(--accent))}
.dp-ax{padding-top:2px}
.dp-rt0{background:none;height:16px;border-top:1px dashed var(--border-strong);border-radius:0}
.dp-rt0 b{position:absolute;top:2px;transform:translateX(-50%);font:400 10.5px/12px var(--mono);color:var(--t3)}
.dp-rt0 b:first-child{transform:none}
.dp-notes{margin:14px 0 0;padding-left:18px;color:var(--t2);font-size:13.5px;line-height:21px}
.dp-notes li{margin:4px 0}
.dp-sp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dp-spc{border:1px solid var(--border);border-radius:var(--r);padding:18px;background:var(--bg-raised)}
.dp-spc h3{margin:0 0 12px;font:600 15px/20px var(--sans)}
.dp-spr{display:flex;justify-content:space-between;font-size:12.5px;color:var(--t3);margin-top:8px}
.dp-spr b{font:600 14px/18px var(--mono);color:var(--t1)}
.dp-bar{height:6px;border-radius:3px;background:var(--surface);margin-top:4px}
.dp-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}
.dp-bar.c i{background:var(--info)}
.dp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.dp-steps li{border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;background:var(--bg-raised);display:flex;gap:12px}
.dp-steps span{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);font:600 11px/20px var(--mono);text-align:center}
.dp-steps p{margin:0;font-size:13.5px;line-height:20px;color:var(--t2)}
.dp-sf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.dp-sf li{display:flex;gap:12px;border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;background:var(--bg-raised)}
.dp-ic{flex:none;width:34px;height:34px;padding:7px;border-radius:8px;background:var(--surface);color:var(--accent)}
.dp-sf b{display:block;font-weight:500;font-size:14px}
.dp-sf small{display:block;color:var(--t3);font-size:12px;line-height:16px}
.dp-sf p{margin:4px 0 0;font-size:13px;line-height:19px;color:var(--t2)}
.dp-tl{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--border-strong)}
.dp-tl li{position:relative;padding:0 0 18px}
.dp-tl li::before{content:"";position:absolute;left:-23px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.dp-tl time{font:500 12px/18px var(--mono);color:var(--t3)}
.dp-tl p{margin:2px 0 0;color:var(--t1);font-size:14px}
.fold .dp-tl{margin-top:4px}
.dp-faq{display:grid;gap:8px}
.dp-faq details{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-raised)}
.dp-faq summary{cursor:pointer;padding:14px 18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px}
.dp-faq summary::after{content:"+";color:var(--t3)}
.dp-faq details[open] summary::after{content:"–"}
.dp-faq summary::-webkit-details-marker{display:none}
.dp-faq details p{margin:0 18px 12px;color:var(--t2);font-size:14px}
.dp-faq .dp-fs{font-size:12px;color:var(--t3)}
.dp-reg{margin-top:40px;font-size:13px;color:var(--t2)}
.dp-x2{font-size:13.5px;color:var(--t2);margin:12px 0 0}
.dp-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--r);background:linear-gradient(135deg,var(--accent-soft),transparent 60%),var(--bg-raised);text-decoration:none;color:var(--t1)}
.dp-cta:hover{border-color:var(--accent)}
.dp-cta h2{margin:4px 0 6px;font:600 22px/28px var(--sans)}
.dp-cta p:not(.eyebrow-t){margin:0;color:var(--t2);font-size:14px}
.dp-go{font-size:26px;color:var(--accent)}
.dp-cl{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dp-cl a{font-size:12.5px;color:var(--t2);border:1px solid var(--border);border-radius:6px;padding:4px 9px;text-decoration:none}
.dp-cl a:hover{color:var(--t1);border-color:var(--border-strong)}
.dp-ey{margin:0;font:500 11px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.dp-jw{max-width:1200px;padding:8px 14px}
.dp-h1 .mono-chip{width:52px;height:52px;flex:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.dp-h1 .mono-chip img{width:30px;height:30px}
.uc-st{font-size:12.5px;line-height:17px;color:var(--t2);display:block}
.uc-dom{font-family:var(--mono);color:var(--t2)}
.cl-unc{display:flex;width:max-content;margin-bottom:4px;align-items:center;height:20px;padding:0 7px;border-radius:5px;border:1px dashed color-mix(in srgb,var(--warn) 55%,transparent);color:var(--warn);font:500 11px/1 var(--mono);white-space:nowrap}
.tnote.sunset{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));border-left:3px solid var(--danger)}
.tnote.sunset .label{color:var(--danger)}
.tnote .meta{font-size:12px;color:var(--t3);margin:6px 0 0}
.dp-win{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.dp-win>div{border:1px solid var(--border);border-radius:var(--r);padding:18px;background:var(--bg-raised)}
.dp-wl{font:500 11px/16px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.dp-win b{display:block;font:600 17px/24px var(--sans);margin:4px 0}
.dp-win p{margin:0;color:var(--t2);font-size:13.5px;line-height:20px}
.dp-mt td.n{font-family:var(--mono);white-space:nowrap}
.dp-mt code{font:500 12.5px/18px var(--mono);color:var(--t1)}
.dp-mt td{min-width:96px}
.xs-pool{display:flex;gap:14px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--r);background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--bg-raised);margin:18px 0 14px}
.xs-pool svg{flex:none;width:28px;height:28px;color:var(--accent)}
.xs-pool p{margin:4px 0 0;color:var(--t2);font-size:13.5px;line-height:20px}
.xs-pool .xs-l{color:var(--t3);font-size:12.5px}
.xs-t td.t{font-size:12.5px;line-height:17px;color:var(--t2);min-width:120px}
.xs-t th.xs-hi{color:var(--accent)}
.xs-t tr.xs-p td{font:600 13px/18px var(--mono);color:var(--t1)}
/* v12 tabbar: all-tools popover + arrow strip */
.tb-w{display:flex;align-items:center;gap:6px;height:48px}
.tb-all{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-raised);color:var(--t1);font:500 13px/1 var(--sans);cursor:pointer}
.tb-all:hover,.tb-all[aria-expanded=true]{border-color:var(--accent)}
.tb-n{font:500 11px/1 var(--mono);color:var(--t3)}
.tb-sw{position:relative;flex:1;min-width:0}
.tb-sw .tabs{height:48px}
.tb-sw.fl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}
.tb-sw.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.tb-sw.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.tb-ar{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--t1);font:400 18px/1 var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px}
.tb-ar:hover{border-color:var(--t3)}
.tb-ar[hidden]{display:none}
.tp{position:absolute;left:0;right:0;top:100%;z-index:60;padding:0 24px}
.tp[hidden]{display:none}
.tp-in{max-width:1152px;margin:8px auto 0;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.45);padding:16px;max-height:min(70vh,640px);overflow:auto}
.tp-h{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.tp-h .input{max-width:360px;padding:0 12px}
.tp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 20px}
.tp-c h3{margin:0 0 6px;font:500 10.5px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.tp-c ul{list-style:none;margin:0;padding:0}
.tp-c a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--t2);font-size:14px;text-decoration:none}
.tp-c a:hover,.tp-c a:focus-visible{background:var(--surface);color:var(--t1)}
.tp-c a[aria-current=page]{color:var(--t1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}
.tp-e{color:var(--t3);margin:8px}
/* v12 charts */
.ch-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;margin:0 0 14px}
.ch{margin:0;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-raised);padding:16px 16px 12px;min-width:0}
.ch figcaption b{display:block;font:600 14px/20px var(--sans)}
.ch figcaption span{display:block;font-size:12px;line-height:17px;color:var(--t3);margin-top:2px}
.ch-sc{overflow-x:auto;margin-top:10px;scrollbar-width:thin}
.ch-sc svg{display:block;max-width:100%;height:auto;min-width:520px}
.sk-g{stroke:var(--border);stroke-dasharray:3 4}
.sk-base{stroke:var(--border-strong)}
.sk-t{font:400 10px var(--mono);fill:var(--t3)}
.sk-v{font:600 11px var(--mono);fill:var(--t1);text-anchor:middle}
.sk-l{font:500 10.5px var(--mono);fill:var(--t2);text-anchor:middle}
.sk-m{font:700 8px var(--sans);fill:#fff;text-anchor:middle}
.sk-w{fill:rgba(255,255,255,.14)}
[data-theme=light] .sk-w{fill:rgba(255,255,255,.4)}
.sk-b rect:first-of-type{transition:opacity .15s}
.sk:hover .sk-b rect:first-of-type{opacity:.55}
.sk .sk-b:hover rect:first-of-type{opacity:1}
.ch-tb{margin-top:8px}
.ch-tb summary{cursor:pointer;font-size:12px;color:var(--t3)}
.ch-tb table{margin-top:6px;font-size:12.5px}
.ch-src{margin:8px 0 0;font-size:12px;color:var(--t3)}
.dn-w{display:flex;align-items:center;gap:16px;margin-top:12px}
.dn-w svg{flex:none}
.dn-c{font:700 18px var(--mono);fill:var(--t1);text-anchor:middle}
.dn-s{font:500 9.5px var(--sans);fill:var(--t3);text-anchor:middle}
.dn-l{border-collapse:collapse;font-size:12.5px;flex:1}
.dn-l th{font-weight:400;color:var(--t2);text-align:left;padding:2px 8px 2px 0;white-space:nowrap}
.dn-l td{font-family:var(--mono);color:var(--t1);text-align:right}
.dn-l i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:0}
.dn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.dn-cat h3{margin:0 0 8px;font:600 15px/20px var(--sans)}
.flyby{left:0;top:0;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:0 6px 18px rgba(0,0,0,.35);will-change:transform,opacity}
.mascots[hidden]~.flyby,.mascots[hidden] .flyby{display:none}
.xs-t{table-layout:fixed;min-width:760px}
.xs-t thead th:first-child,.xs-t tbody th{width:150px}
.dp-mt code{white-space:nowrap}
/* v13 open agents */
.oa-lg{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--c),0 0 0 3px var(--bg)}
.oa-lg img{width:100%;height:100%;object-fit:cover;display:block}
.oa-mono{background:var(--c);color:#0b0b0c;font-weight:700;font-family:var(--mono);letter-spacing:-.02em}
.oa-flags{list-style:none;margin:0 0 40px;padding:14px 18px;border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--r);background:var(--surface);display:grid;gap:6px;font-size:14px;color:var(--t2)}
.oa-flags b{color:var(--t1)}
.oa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.oa-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-top:3px solid var(--c);border-radius:var(--r);background:var(--bg-raised);color:var(--t1);text-decoration:none;min-width:0;transition:border-color .15s,transform .15s}
.oa-card:hover{border-color:var(--c);transform:translateY(-1px)}
.oa-ch{display:flex;gap:12px;align-items:center;min-width:0}
.oa-ch>div{min-width:0}
.oa-ch b{display:block;font-size:16px}
.oa-ch span:not(.oa-lg){display:block;font-size:12px;color:var(--t3);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oa-st b{font-size:22px;font-family:var(--mono)}
.oa-st span{color:var(--t3);font-size:12px;margin-left:6px}
.oa-cc{display:flex;flex-wrap:wrap;gap:6px}
.oa-chip{display:inline-block;font-size:11.5px;font-family:var(--mono);padding:2px 8px;border-radius:99px;border:1px solid var(--border-strong);color:var(--t2);line-height:1.5}
.oa-chip.ok{border-color:color-mix(in srgb,var(--ok) 50%,transparent);color:var(--ok)}
.oa-chip.warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent);color:var(--warn)}
.oa-cost{font-size:13px;color:var(--t2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oa-rel{font-size:12px;color:var(--t3);margin:auto 0 0;font-family:var(--mono)}
.oa-sky svg{display:block}
.oa-sky .sk-l{font-size:11px}
.oa-tb .oa-tn{display:inline-flex;gap:8px;align-items:center;color:var(--t1);text-decoration:none;white-space:nowrap}
.oa-tb .oa-tn i{width:10px;height:10px;border-radius:3px}
.oa-why{display:block;font-size:12.5px;color:var(--t3);margin-top:3px}
.oa-unv{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn);margin:4px 0}
.oa-folds .fold summary{gap:12px}
.oa-sm{margin-left:auto;color:var(--t3);font-size:12.5px;font-family:var(--mono);white-space:nowrap}
.oa-d h3{font-size:15px;margin:26px 0 8px}
.oa-d p{margin:0 0 6px;color:var(--t2)}
.oa-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0}
.oa-kv>div{padding:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);min-width:0}
.oa-kv dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);margin-bottom:4px}
.oa-kv dd{margin:0;overflow-wrap:anywhere}
.oa-src,.oa-s{font-size:12px;color:var(--t3)}
.oa-src{display:block}
.oa-inst{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.oa-inst code{display:block;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12.5px;overflow-x:auto;white-space:pre}
.oa-ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--t2)}
.oa-ul a{color:var(--t1)}
.oa-um{display:block;font-size:12px;color:var(--t3)}
.oa-t{font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--border-strong)}
.oa-t.pr{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.oa-camp{margin-top:10px;font-size:13px}
.oa-camp summary{cursor:pointer;color:var(--t3)}
.oa-none{color:var(--t3);font-size:14px}
.oa-note{font-size:13.5px;padding:10px 12px;border-left:3px solid var(--info);background:var(--surface);border-radius:6px}
.oa-links a{margin-right:2px}
.oa-more{margin-top:20px!important}
.oa-gone{margin-top:56px}
.oa-gone h2{font-size:20px;margin:0 0 14px}
.oa-gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.oa-g{display:flex;gap:12px;padding:14px;border:1px dashed var(--border-strong);border-radius:var(--r);opacity:.88;min-width:0}
.oa-g img{border-radius:7px;filter:grayscale(.7);flex:none}
.oa-g p{margin:6px 0 0;font-size:13px;color:var(--t2)}
.dp-h1{display:flex;align-items:center;gap:14px}
.oa-hs{font-weight:400;color:var(--t3);font-size:14px;margin-left:10px}
.oa-grid.sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.oa-inst li,.oa-ul li,.oa-d{min-width:0}
.oa-ul li{overflow-wrap:anywhere}
.oa-sec .dp-tw{overflow-x:auto;max-width:100%}
.oa-g>div{min-width:0;overflow-wrap:anywhere}
.oa-gl{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.oa-d details,.oa-d summary,.oa-d .dp-faq p{min-width:0;overflow-wrap:anywhere}
.oa-g img{filter:none;background:#fff}
/* v14 hermes hero + use-case cards */
.hx{position:relative;margin:0 0 48px;border-radius:18px;padding:1px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 25%,transparent) 45%,var(--border) 75%)}
.hx-in{border-radius:17px;padding:36px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),var(--bg-raised);display:grid;gap:28px}
.hx-id{display:flex;gap:18px;align-items:center}
.hx-id .oa-lg{border-radius:16px}
.hx-badge{display:inline-block;margin:0 0 6px;font-size:12px;font-family:var(--mono);color:var(--c);padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.hx h2{font-size:clamp(26px,3.4vw,40px);margin:0;letter-spacing:-.02em;line-height:1.1}
.hx-by{margin:6px 0 0;color:var(--t3);font-size:14px}
.hx-lede{margin:16px 0 0;font-size:17px;color:var(--t2);max-width:68ch}
.hx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.hx-stats>div{background:var(--bg-raised);padding:16px 18px;min-width:0}
.hx-stats dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.hx-stats dd{margin:6px 0 0;font-size:24px;font-family:var(--mono);font-weight:600;color:var(--t1)}
.hx-stats dd a{color:inherit}
.hx-stats dd span{display:block;font-size:12px;font-weight:400;color:var(--t3);font-family:var(--sans)}
.hx h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin:0 0 12px;font-weight:600}
.hx-feat ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hx-feat li{padding:14px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-weight:600;min-width:0}
.hx-feat li span{display:block;font-weight:400;font-size:13px;color:var(--t2);margin-top:4px}
.hx-cta{display:flex;flex-wrap:wrap;gap:10px}
.hx-note{margin:0;font-size:12.5px;color:var(--t3);border-top:1px solid var(--border);padding-top:14px}
.hx-home{margin:0 0 20px}
.hx-home .hx-in{padding:26px;gap:20px}
.hx-home .hx-lede{font-size:15px}
.hx-more{margin:0 0 40px}
.hx-xb{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
.hx-xb>div{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.hx-xb b{display:block;font-size:28px;font-family:var(--mono)}
.hx-xb span{font-size:13px;color:var(--t3)}
.oac-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.oac-f button{font:inherit;font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid var(--border-strong);background:transparent;color:var(--t2);cursor:pointer}
.oac-f button span{color:var(--t3);font-family:var(--mono);font-size:11.5px;margin-left:2px}
.oac-f button[aria-pressed="true"]{background:var(--t1);color:var(--bg);border-color:var(--t1)}
.oac-f button[aria-pressed="true"] span{color:var(--bg)}
.oac-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.oac-c{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--c) 70%,transparent),var(--border) 55%) border-box;min-width:0}
.oac-c[hidden]{display:none}
.oac-c header{display:flex;align-items:center;gap:10px;min-width:0}
.oac-av{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent)}
.oac-mono{display:inline-flex;align-items:center;justify-content:center;background:var(--c);color:#0b0b0c;font-weight:700}
.oac-who{min-width:0;flex:1}
.oac-who b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oac-who span{display:block;font-size:12.5px;color:var(--t3);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis}
.oac-ag{font-size:11.5px;color:var(--c);text-decoration:none;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:99px;padding:2px 8px;white-space:nowrap}
.oac-c blockquote{margin:0;font-size:15px;line-height:1.5;color:var(--t1);overflow-wrap:anywhere;flex:1}
.oac-c footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--t3)}
.oac-cat{font-size:11.5px;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--t1)}
.oac-src{margin-left:auto;color:var(--t1);font-weight:600;text-decoration:none;white-space:nowrap}
.oac-src:hover{text-decoration:underline}
.oac-n{margin:0;font-size:12px;color:var(--t3);overflow-wrap:anywhere}
.oac-more{margin-top:16px}
.hx-in>*,.hx-top,.hx-id>div{min-width:0}
.hx-id{flex-wrap:wrap}
.hx-top *{overflow-wrap:anywhere}
@media (min-width:901px){.oac-g.hx-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hx-g .oac-c{padding:14px}
/* ===== BUILD COST FROM USER REPORTS (costs.mjs, 2026-10-16) — separate block, not part of Open Agents ===== */
.cr-est{display:inline-flex;align-items:center;gap:6px;font:500 11px/18px var(--mono);letter-spacing:.02em;color:var(--accent);padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;white-space:nowrap}
.cr-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:28px}
.cr-note p{margin:0;font-size:14px;line-height:21px;color:var(--t2);max-width:80ch}
.cr-sum{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:48px}
.cr-sc{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--t2);min-width:0}
.cr-sc:hover{border-color:var(--border-strong)}
.cr-sc b{font:500 24px/30px var(--mono);font-variant-numeric:tabular-nums;color:var(--t1);letter-spacing:-.02em}
.cr-sc span:last-child{font:400 12px/18px var(--mono);color:var(--t3)}
.cr-h2{margin:56px 0 6px}
.cr-sub{margin:0 0 20px;max-width:72ch}
.cr-cat{margin:0 0 32px;border:1px solid var(--border);border-radius:14px;padding:6px 18px 10px;background:color-mix(in srgb,var(--surface) 55%,transparent)}
.cr-ch{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 2px}
.cr-ch h3{margin:0;font:600 16px/24px var(--sans);color:var(--t1)}
.cr-cn{font:400 12px/18px var(--mono);color:var(--t3)}
.cr-ax{position:relative;height:18px;margin:6px 0 0 calc(200px + 16px);margin-right:calc(230px + 24px + 32px)}
.cr-ax span{position:absolute;transform:translateX(-50%);font:400 10px/18px var(--mono);color:var(--t3)}
.cr-row{border-top:1px solid var(--border)}
.cr-row:first-of-type{border-top:0}
.cr-row>summary{list-style:none;display:grid;grid-template-columns:200px minmax(0,1fr) 230px 24px;gap:16px;align-items:center;padding:12px 0;cursor:pointer}
.cr-row>summary::-webkit-details-marker{display:none}
.cr-row>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.cr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-tn{display:inline-flex;align-items:center;gap:8px;font:600 14px/20px var(--sans);color:var(--t1);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.cr-tn:hover{color:var(--accent)}
.cr-n{font:400 12px/16px var(--mono);color:var(--t3)}
.cr-bar{position:relative;height:22px;border-radius:6px;background:linear-gradient(var(--border),var(--border)) center/100% 1px no-repeat}
.cr-tk{position:absolute;top:5px;bottom:5px;width:1px;background:var(--border)}
.cr-wh{position:absolute;top:10px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--accent) 55%,transparent)}
.cr-iq{position:absolute;top:4px;height:14px;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,transparent),color-mix(in srgb,var(--accent) 40%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}
.cr-md{position:absolute;top:1px;height:20px;width:2px;margin-left:-1px;border-radius:1px;background:var(--t1)}
.cr-dot{position:absolute;top:7px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--surface);border:1.5px solid var(--t2)}
.cr-row.ok .cr-dot{border-color:var(--t1);opacity:.75}
.cr-v{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0}
.cr-v b{font:500 17px/24px var(--mono);font-variant-numeric:tabular-nums;color:var(--t1)}
.cr-v small{font:400 11px/16px var(--mono);color:var(--t3)}
.cr-v.ins b{font:500 13px/20px var(--sans);color:var(--t2)}
.cr-i{font:400 18px/1 var(--mono);color:var(--t3);transition:transform .15s}
.cr-row[open] .cr-i{transform:rotate(45deg)}
.cr-b{padding:0 0 16px}
.cr-lbl{margin:0 0 10px;font:400 12px/20px var(--mono);color:var(--t3);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.cr-reps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cr-rep{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-width:0}
.cr-rep.ex{border-style:dashed;background:transparent}
.cr-rh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cr-rh b{font:500 16px/22px var(--mono);font-variant-numeric:tabular-nums;color:var(--t1)}
.cr-rs{font:400 11px/16px var(--mono);color:var(--t3)}
.cr-tag{font:500 10px/16px var(--mono);padding:0 6px;border-radius:999px;border:1px solid var(--border-strong);color:var(--t2)}
.cr-rw{margin:6px 0 2px;font-size:13px;line-height:19px;color:var(--t1)}
.cr-rq{margin:0;font-size:12px;line-height:18px;color:var(--t2);overflow-wrap:anywhere}
.cr-rm{display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin:8px 0 0;font:400 11px/16px var(--mono);color:var(--t3)}
.cr-rm a{color:var(--t2);text-decoration:none;overflow-wrap:anywhere}
.cr-rm a:hover{color:var(--accent)}
.cr-rc{margin:6px 0 0;font-size:11px;line-height:16px;color:var(--t3)}
.cr-card .cr-tl{display:grid;grid-template-columns:110px minmax(0,1fr) 170px;gap:12px;align-items:center;margin-top:12px}
.cr-card .cr-ax{margin:2px 182px 0 122px}
.cr-more{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}
.cr-more>summary{cursor:pointer;font:500 13px/20px var(--sans);color:var(--t2)}
.cr-more[open]>summary{margin-bottom:10px}
.cr-teaser{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
/* ===== END BUILD COST BLOCK ===== */
/* r15 */
.nav-links a.nav-hl{color:var(--bg);background:var(--accent);padding:4px 11px;border-radius:99px;font-weight:600}
.nav-links a.nav-hl:hover,.nav-links a.nav-hl[aria-current]{color:var(--bg);filter:brightness(1.08)}
.mm-hl{color:var(--accent)!important;font-weight:600}
.hl-b{margin-left:8px;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--accent);color:var(--bg);font-weight:600;vertical-align:middle}
.btn-uc{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.nl-alt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nl-alt .fine{flex-basis:100%;margin:4px 0 0}
/* r16 vs + picker */
.vs2-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vs2-h>span{min-width:0}
.vs2-ol{border-radius:10px}
.vs2-v{border-radius:18px;padding:28px;border:1px solid var(--border);background:radial-gradient(90% 120% at 0 0,color-mix(in srgb,#3E9BFF 10%,transparent),transparent 60%),radial-gradient(90% 120% at 100% 0,color-mix(in srgb,#F5A524 10%,transparent),transparent 60%),var(--bg-raised)}
.vs2-v h2{margin:0 0 6px;font-size:22px}
.vs2-who{color:var(--t2);margin:0 0 18px}
.vs2-vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vs2-vc{padding:16px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--c,var(--border-strong));min-width:0}
.vs2-vc h3{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.vs2-vn{margin:4px 0 10px;font-size:19px;font-weight:700;color:var(--c,var(--t1))}
.vs2-vc.dep h3{margin-bottom:10px}
.vs2-vc ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--t2);font-size:14px}
.vs2-lg{display:flex;gap:18px;font-size:13px;color:var(--t2);margin:0 0 10px}
.vs2-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.vs2-bars{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-raised)}
.vs2-br{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:center}
.vs2-bl{font-size:13px;color:var(--t2)}
.vs2-bt{display:grid;gap:6px;min-width:0}
.vs2-bx{position:relative;height:26px;border-radius:6px;background:var(--surface);overflow:hidden}
.vs2-bx i{position:absolute;inset:0 auto 0 0;border-radius:6px;opacity:.85;background-image:repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.12) 10px 12px)!important}
.vs2-bx span{position:relative;z-index:1;display:block;padding:0 10px;line-height:26px;font-size:12px;font-family:var(--mono);color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs2-bx.none span{color:var(--t3);text-shadow:none}
.vs2-pt{display:grid;grid-template-columns:1fr;gap:28px}
.vs2-t{min-width:0;border-top:3px solid var(--c);padding-top:12px}
.vs2-t h3{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.vs2-t td,.vs2-t th{font-size:13px}
.vs2-cost{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vs2-cost>div{padding:16px;border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--c);background:var(--surface)}
.vs2-cost b{display:block;font-size:22px;font-family:var(--mono);margin:6px 0 2px}
.vs2-cost span:not(.label){font-size:12.5px;color:var(--t3)}
.vs2-hg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.vs2-hc{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;border:1px solid transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,linear-gradient(120deg,#3E9BFF,var(--border) 45%,var(--border) 55%,#F5A524) border-box;color:var(--t1);text-decoration:none}
.vs2-hc:hover{transform:translateY(-1px)}
.vs2-hm{display:flex;align-items:center;gap:8px}
.vs2-hm img{border-radius:6px}
.vs2-hc>span:last-child{font-size:13px;color:var(--t2)}
.pp-hero{margin:14px 0 0;font-size:14px}
.pp-f{display:grid;gap:22px}
.pp-f fieldset{border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin:0;background:var(--bg-raised);min-width:0}
.pp-f legend{font-weight:600;font-size:17px;padding:0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pp-f legend .oa-why{display:inline;margin:0;font-weight:400}
.pp-n{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);font-size:13px;font-family:var(--mono)}
.pp-row,.pp-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pp-o{position:relative;cursor:pointer}
.pp-o input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pp-o span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;border:1px solid var(--border-strong);font-size:14px;color:var(--t2);transition:all .15s;background:var(--surface)}
.pp-o input:checked+span{border-color:var(--accent);color:var(--t1);background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:0 0 0 1px var(--accent)}
.pp-o input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pp-o:hover span{color:var(--t1)}
.pp-t span{padding:6px 12px 6px 6px;font-size:13px}
.pp-act{display:flex;gap:10px;flex-wrap:wrap}
.pp-out{margin-top:40px;scroll-margin-top:90px}
.pp-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}
.pp-c{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:16px;border:1px solid var(--border);background:var(--bg-raised);animation:ppIn .45s cubic-bezier(.2,.8,.2,1.2) both;min-width:0}
.pp-c.top{border:1px solid transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,linear-gradient(135deg,var(--accent),var(--border) 60%) border-box}
.pp-best{position:absolute;top:-11px;left:18px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--accent);color:var(--bg)}
.pp-c header{display:grid;grid-template-columns:1fr auto;gap:0 12px}
.pp-c header b{font-size:18px}
.pp-c header span{grid-row:2;color:var(--t3);font-size:14px}
.pp-c header strong{grid-row:1/3;grid-column:2;font-size:28px;font-family:var(--mono);align-self:center}
.pp-c header small{font-size:13px;color:var(--t3)}
.pp-why{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14px;color:var(--t2)}
.pp-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px}
.pp-dl dt{color:var(--t3)}
.pp-dl dd{margin:0;color:var(--t2);overflow-wrap:anywhere}
.pp-c footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12.5px;color:var(--t3)}
.pp-src{color:var(--t1)}
.pp-empty{padding:22px;border:1px dashed var(--border-strong);border-radius:16px}
@keyframes ppIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pp-c{animation:none}}
.masc.cheer .bod{animation:mCheer .7s ease-in-out 2;transform-origin:50% 90%}
.masc.hmm .bod{animation:mHmm .5s ease-in-out 2;transform-origin:50% 90%}
@keyframes mCheer{0%,100%{transform:none}35%{transform:translateY(-14px) rotate(-8deg) scale(1.06)}65%{transform:translateY(-6px) rotate(6deg)}}
@keyframes mHmm{0%,100%{transform:none}30%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}}
@media (prefers-reduced-motion:reduce){.masc.cheer .bod,.masc.hmm .bod{animation:none}}
.vs2-lms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vs2-lm{padding:14px 16px;border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--c);background:var(--surface);min-width:0}
.vs2-lm b{display:block;font-size:14px;margin-bottom:6px}
.vs2-lm span{font-size:13.5px;color:var(--t2);overflow-wrap:anywhere}
.vs2-lm small{color:var(--t3);font-family:var(--mono);font-size:11px}
/* r18 missing-tool CTA */
.calm-sec.miss-sec{padding-top:8px}
.miss{position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:20px;border:1px solid rgba(245,197,66,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(245,197,66,.14),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:0 10px 40px -20px rgba(245,197,66,.4);margin-top:28px}
.miss-t{flex:1 1 320px;min-width:0}
.miss-h{font-size:clamp(20px,2.4vw,26px);margin:0 0 6px;line-height:1.2}
.miss-s{margin:0;color:var(--muted,#a1a1aa);font-size:15px}
.miss-f{display:flex;gap:8px;flex:1 1 300px;max-width:440px;min-width:0}
.miss-f input[data-miss-i]{flex:1;min-width:0;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:inherit;font:inherit}
.miss-f input:focus-visible{outline:2px solid #F5C542;outline-offset:2px}
.miss-f .btn{white-space:nowrap}
.mc-peek{position:absolute;width:56px;height:35px;top:-34px;right:40px;pointer-events:none;animation:mcpeek 5s ease-in-out infinite}
@keyframes mcpeek{0%,100%{transform:translateY(6px)}40%,70%{transform:translateY(0)}}
.miss-l{margin:10px 0 0;font-size:13px;color:var(--muted,#a1a1aa)}
.miss-l a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.miss-l a:hover{color:#F5C542}
.miss-tc{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 18px;margin-top:22px;border-radius:14px;border:1px dashed rgba(245,197,66,.45);background:rgba(245,197,66,.06);color:inherit;text-decoration:none;font-size:13px;min-height:88px}
.miss-tc b{font-size:15px}
.miss-tc span{color:var(--muted,#a1a1aa)}
.miss-tc:hover{border-style:solid;background:rgba(245,197,66,.1)}
.miss-tc .mc-peek{width:40px;height:25px;top:-24px;right:18px}
html.no-mascots .mc-peek{display:none}
@media (prefers-reduced-motion:reduce){.mc-peek{animation:none}}
/* r19 feature strip */
.ft-sec{padding:8px 0 4px}
.ft-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.7fr);gap:10px}
.ft{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:inherit;text-decoration:none;min-width:0;transition:border-color .2s,background .2s}
.ft:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
.ft-k{font-weight:600;font-size:14px}
.ft-s{font-size:12.5px;color:var(--muted,#a1a1aa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-rw{border-color:rgba(124,92,255,.45);background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(124,92,255,.03))}
.ft-rw .ft-k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#B9A6FF}
.ft-rc{display:flex;align-items:center;gap:7px;min-width:0}
.ft-rc b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* r19 repo of the week */
.rw-head{position:relative;overflow:hidden}
.rw-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:8px}
.rw-hero .lede{max-width:56ch}
.rw-card{border-radius:20px;padding:24px;border:1px solid rgba(124,92,255,.4);background:radial-gradient(120% 120% at 100% 0%,rgba(124,92,255,.18),transparent 60%),rgba(255,255,255,.03);box-shadow:0 20px 60px -30px rgba(124,92,255,.6);min-width:0}
.rw-ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rw-fn{font-weight:700;font-size:18px;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.rw-fn:hover{text-decoration:underline}
.rw-lic{font-size:11px;padding:2px 8px;border-radius:99px;border:1px solid rgba(255,255,255,.18);margin-left:auto}
.rw-tg{color:var(--muted,#a1a1aa);margin:10px 0 18px}
.rw-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.rw-st div{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);min-width:0}
.rw-st dt{font-size:11px;color:var(--muted,#a1a1aa);text-transform:uppercase;letter-spacing:.06em}
.rw-st dd{margin:2px 0 0;font-size:20px;font-weight:700}
.rw-meta{font-size:12.5px;color:var(--muted,#a1a1aa);margin:14px 0}
.rw-lang i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3178C6;margin-right:5px}
.rw-ca{display:flex;gap:8px;flex-wrap:wrap}
.rw-code{position:relative;margin:12px 0;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);min-width:0}
.rw-code pre{margin:0;padding:12px 76px 12px 14px;overflow-x:auto;font-size:13px;line-height:1.55}
.rw-code code{white-space:pre-wrap;overflow-wrap:anywhere}
.rw-cl{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#a1a1aa);padding:8px 14px 0}
.rw-copy{position:absolute;top:8px;right:8px;font:inherit;font-size:12px;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:inherit;cursor:pointer}
.rw-copy:hover{background:rgba(255,255,255,.12)}
.rw-tr{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.rw-tr li{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:8px;min-width:0}
.rw-tr p{margin:0;flex:1}
.rw-tr a{font-size:12.5px;color:var(--muted,#a1a1aa)}
.rw-k{align-self:flex-start;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:99px;background:rgba(124,92,255,.18);color:#C9BBFF}
.k-caution .rw-k,.k-question .rw-k{background:rgba(245,165,36,.16);color:#F5C27A}
.rw-fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:18px}
.rw-fg div{padding:16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.rw-fg p{margin:6px 0 0;font-size:14px;color:var(--muted,#a1a1aa)}
.rw-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);margin:12px 0 20px}
.rw-tabs button{font:inherit;font-weight:600;padding:8px 18px;border-radius:9px;border:0;background:none;color:var(--muted,#a1a1aa);cursor:pointer}
.rw-tabs button[aria-selected=true]{background:#7C5CFF;color:#fff}
.rw-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:820px}
.rw-steps>li{counter-increment:s;position:relative;padding:18px 18px 14px 60px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.rw-steps>li:before{content:counter(s);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#7C5CFF;color:#fff;font-weight:700}
.rw-steps h3,.rw-adv h3{margin:0 0 6px;font-size:16px}
.rw-adv h3{margin-top:24px}
.rw-adv{max-width:820px}
.rw-see{font-size:13.5px;color:var(--muted,#a1a1aa)}
.rw-pre{margin-top:18px;max-width:820px;padding:16px 18px;border-radius:14px;background:rgba(62,155,255,.07);border:1px solid rgba(62,155,255,.25)}
.rw-pre ul{margin:8px 0 0;padding-left:18px}
.rw-g{padding-left:18px}
.rw-g li{margin:6px 0}
.rw-cau{max-width:820px;padding-left:18px}
.rw-cau li{margin:8px 0}
.rw-arc{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.rw-arc a{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}
.rw-arc a:hover{border-color:rgba(124,92,255,.5)}
.rw-arc .rw-w{font-size:12px;color:var(--muted,#a1a1aa)}
.rw-arc a>span:not(.rw-w){color:var(--muted,#a1a1aa);font-size:14px;min-width:0}
.rw-arc em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(124,92,255,.2);margin-left:auto}
.lede.sm{font-size:16px}
.rw-code pre code{background:none;border:0;padding:0;font-size:inherit;border-radius:0}
.rw-copy{height:auto;min-height:0;line-height:1.3;width:auto}
.ft-s{white-space:normal}
/* r19b premium feature cards */
.ft-sec{padding:12px 0 8px}
.fc-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.fc{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;color:inherit;text-decoration:none;min-width:0;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,color-mix(in srgb,var(--fc,#7C5CFF) 14%,transparent),rgba(255,255,255,.02) 55%);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .25s ease,border-color .25s,box-shadow .25s}
.fc:hover,.fc:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--fc,#7C5CFF) 55%,transparent);box-shadow:0 14px 34px -18px var(--fc,#7C5CFF),inset 0 1px 0 rgba(255,255,255,.08)}
.fc-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--fc);background:color-mix(in srgb,var(--fc) 16%,transparent);border:1px solid color-mix(in srgb,var(--fc) 35%,transparent);margin-bottom:6px}
.fc-t{font-weight:650;font-size:15px}
.fc-b{font-size:13px;line-height:1.4;color:var(--muted,#a1a1aa)}
.fc-rw{--fc:#7C5CFF;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:8px;align-items:center;background:radial-gradient(90% 160% at 100% 0%,rgba(124,92,255,.28),transparent 60%),linear-gradient(135deg,rgba(124,92,255,.12),rgba(255,255,255,.02));border-color:rgba(124,92,255,.4)}
.fc-rw>*{grid-column:1}
.fc-rw .fc-cta{grid-column:2;grid-row:1/span 5;align-self:center}
.fc-badge{justify-self:start;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:rgba(124,92,255,.22);color:#CFC2FF}
.fc-rw-n{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.15}
.fc-rw-p{font-size:15px}
.fc-rw-q{font-size:12.5px;color:var(--muted,#a1a1aa)}
.fc-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;background:#7C5CFF;color:#fff;font-weight:600;font-size:14px;white-space:nowrap}
.rw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.rw-chip{font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.fc{transition:none}.fc:hover{transform:none}}
/* r19b rotw header */
.rw-h1{font-size:clamp(34px,5vw,56px)}
.rw-plain{font-size:clamp(17px,1.8vw,20px);line-height:1.5;margin:12px 0 10px;max-width:52ch}
.rw-help{font-size:13.5px;color:var(--muted,#a1a1aa);display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.rw-q{position:relative;cursor:help;border-bottom:1px dashed currentColor;color:#CFC2FF}
.rw-q [role=tooltip]{position:absolute;left:0;top:calc(100% + 8px);width:min(260px,70vw);padding:10px 12px;border-radius:10px;background:#1b1830;border:1px solid rgba(124,92,255,.45);color:#eee;font-size:13px;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .15s;z-index:5;pointer-events:none}
.rw-q:hover [role=tooltip],.rw-q:focus [role=tooltip]{opacity:1;visibility:visible}
.rw-head .rw-ca{margin-top:18px}
.rw-trio-s{padding-top:8px}
.rw-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rw-trio>div{padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(124,92,255,.08),rgba(255,255,255,.015))}
.rw-trio h2{font-size:16px;margin:8px 0 6px}
.rw-trio p{margin:0;font-size:14px;color:var(--muted,#a1a1aa);line-height:1.5}
.rw-ti{font-size:22px}
/* r20 what's new */
.wn-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#30D158;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 0 rgba(48,209,88,.6);animation:wnp 2s infinite}
@keyframes wnp{70%{box-shadow:0 0 0 8px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
@media (prefers-reduced-motion:reduce){.wn-pulse{animation:none}}
.wn-fl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:22px}
.wn-fl button{font:inherit;font-size:13px;padding:6px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;cursor:pointer}
.wn-fl button[aria-pressed=true]{background:#EDEDEF;color:#0A0A0B;border-color:#EDEDEF}
.wn-fl .sel{margin-left:auto}
.wn-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.wn-lane{padding:20px;border-radius:18px;border:1px solid rgba(48,209,88,.22);background:linear-gradient(180deg,rgba(48,209,88,.05),rgba(255,255,255,.01) 40%);min-width:0}
.wn-news{border-color:rgba(124,92,255,.3);background:linear-gradient(180deg,rgba(124,92,255,.07),rgba(255,255,255,.01) 40%)}
.wn-lh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wn-lh h2{font-size:19px;margin:0}
.wn-ld{font-size:13px;color:var(--muted,#a1a1aa);margin:8px 0 14px}
.wn-quiet{padding:12px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.15);font-size:13.5px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px}
.wn-quiet span{color:var(--muted,#a1a1aa)}
.wn-quiet em{color:#F5A524;font-style:normal}
.wn-dh{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#a1a1aa);margin:16px 0 8px;font-weight:600}
.wn-dh time{font-weight:400}
.wn-l-ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wn-i{display:flex;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);min-width:0}
.wn-l{padding-top:2px}
.wn-b{min-width:0;flex:1}
.wn-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px}
.wn-k{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.08)}
.k-limits{background:rgba(245,165,36,.18);color:#F5C27A}
.k-pricing{background:rgba(48,209,88,.15);color:#7EE2A0}
.k-model{background:rgba(62,155,255,.18);color:#9CCBFF}
.k-agent{background:rgba(232,121,249,.16);color:#F0B0FA}
.k-launch{background:rgba(229,72,77,.16);color:#FF9DA0}
.wn-tb{font-size:11px;padding:2px 8px;border-radius:99px;white-space:nowrap}
.wn-tb.ok{background:rgba(48,209,88,.14);color:#7EE2A0;border:1px solid rgba(48,209,88,.3)}
.wn-tb.x{background:rgba(124,92,255,.14);color:#C9BBFF;border:1px solid rgba(124,92,255,.35)}
.wn-s{margin:6px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.wn-f{color:var(--muted,#a1a1aa)}
.wn-m{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted,#a1a1aa)}
.wn-m a{color:inherit}
.wn-more{margin-top:16px}
.wn-method{margin-top:28px}
.wn-method ol{padding-left:18px}
.wn-method li{margin:8px 0;font-size:14px}
.wh-sec{padding:4px 0 6px}
.wh{padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.wh-hd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wh-hd h2{font-size:15px;margin:0;display:flex;align-items:center}
.wh-u{font-size:11px;font-weight:500;color:#7EE2A0;margin-left:8px}
.wh-l{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wh-l a{display:flex;gap:9px;align-items:flex-start;padding:10px;border-radius:11px;background:rgba(255,255,255,.03);color:inherit;text-decoration:none;height:100%;box-sizing:border-box;min-width:0}
.wh-l a:hover{background:rgba(255,255,255,.06)}
.wh-t{font-size:13px;line-height:1.4;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* r21 rotw timeline */
.rwt{list-style:none;margin:20px 0 0;padding:0 0 0 28px;position:relative}
.rwt:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(#7C5CFF,rgba(124,92,255,.08))}
.rwt-i{position:relative;margin-bottom:14px}
.rwt-dot{position:absolute;left:-26px;top:20px;width:14px;height:14px;border-radius:50%;background:#16141f;border:2px solid rgba(124,92,255,.6)}
.rwt-i.now .rwt-dot{background:#7C5CFF;box-shadow:0 0 0 5px rgba(124,92,255,.2)}
.rwt-c{padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);min-width:0}
.rwt-i.now .rwt-c{border-color:rgba(124,92,255,.45);background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(255,255,255,.02))}
.rwt-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted,#a1a1aa)}
.rwt-w{text-transform:uppercase;letter-spacing:.07em;font-weight:600}
.rwt-now{padding:2px 8px;border-radius:99px;background:rgba(124,92,255,.25);color:#D6CCFF}
.rwt-c h3{margin:6px 0 4px;font-size:18px}
.rwt-c h3 a{color:inherit;text-decoration:none}
.rwt-c h3 a:hover{text-decoration:underline}
.rwt-c p{margin:0 0 10px;color:var(--muted,#a1a1aa);font-size:14.5px}
.rwt-m{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted,#a1a1aa)}
.rwt-m span{display:inline-flex;gap:6px;align-items:center}
.rwt-m svg{width:14px;height:14px}
.rw-arch-note{background:rgba(245,165,36,.1);border-bottom:1px solid rgba(245,165,36,.3);padding:10px 0;font-size:13.5px}
/* r21 whats new history */
.wn-hist{margin-top:18px;border-radius:14px;border:1px dashed rgba(255,255,255,.14);padding:4px 14px 10px}
.wn-hist>summary{cursor:pointer;padding:10px 0;font-weight:600;font-size:14px;list-style:none}
.wn-hist>summary::-webkit-details-marker{display:none}
.wn-hist>summary span{font-weight:400;color:var(--muted,#a1a1aa);font-size:12.5px;margin-left:6px}
.wn-hist .wn-i{opacity:.85}
.wn-tb.old{background:rgba(255,255,255,.06);color:#bbb;border:1px solid rgba(255,255,255,.15)}
.wn-wk{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#a1a1aa);margin:14px 0 8px;font-weight:600}
/* ---- R24 video & image models ---- */
.mhead .mchips,.mh .mchips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.mchips span{font:500 12.5px/1 var(--mono,ui-monospace,monospace);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#d8d8dc}
.mlg{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#16161a;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);flex:none;vertical-align:middle}
.mlg img{display:block}
.mlg.mono{font:700 11px/1 system-ui;color:var(--c)}
.mh1{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mh1 .mlg{width:46px;height:46px;border-radius:12px;font-size:20px}
.mtl{margin:6px 0 14px;flex-wrap:wrap}
.mch-t{font-size:15px;color:#bbb;margin:4px 0 10px;font-weight:600}
.mch{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#121215,#0c0c0e);padding:18px 14px 12px}
.mch-bars{display:grid;grid-template-columns:repeat(var(--n),minmax(44px,1fr));gap:6px;align-items:end;min-width:calc(var(--n)*50px);height:340px}
.mch-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.mch-b{width:100%;height:var(--h);background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));border-radius:8px 8px 3px 3px;position:relative;min-height:18px}
.mch-c:not(.top) .mch-b{background:#2a2a30}
.mch-s{position:absolute;top:7px;left:0;right:0;text-align:center;font:600 11px/1 var(--mono,ui-monospace,monospace);color:#fff}
.mch-c.top .mch-s{color:#0a0a0b;font-weight:700}
.mch-n{font-size:10.5px;line-height:1.2;color:#a9a9b0;text-align:center;height:3.7em;overflow:hidden;word-break:break-word}
.mch-c.top .mch-n{color:#eee}
.mch-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:12px;color:#8a8a92;margin:10px 2px}
.mch-cv{font-size:12.5px;color:#c9a84a;background:rgba(245,165,36,.07);border:1px solid rgba(245,165,36,.25);border-radius:10px;padding:10px 12px}
.msrc{color:#9db8ff;text-decoration:none;font-size:12.5px}
.msrc:hover{text-decoration:underline}
.mchk{font-size:12px;color:#7d7d86}
.mhook{margin-top:18px;border-left:3px solid #2EC4B6;padding:6px 0 6px 16px}
.mhook-k,.mcall-k{font:600 11px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#2EC4B6}
.msc{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0f0f12;padding:12px}
.msc svg{width:100%;height:auto;display:block}
.msc .ax{stroke:#333}
.msc .axl{fill:#888;font-size:11px}
.msc .tk{fill:#666;font-size:10px}
.msc .pl{fill:#ddd;font-size:11px}
.msc figcaption{font-size:12px;color:#888;margin-top:6px}
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mcard{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 12%,#121215),#0e0e10 60%);border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.06));color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}
.mcard:hover{transform:translateY(-2px);border-color:var(--c)}
.mcard-h{display:flex;gap:10px;align-items:center}
.mcard-h .mlg{width:34px;height:34px;border-radius:10px}
.mcard-h b{display:block;font-size:15px}
.mcard-h span{font-size:12px;color:#8a8a92}
.mcard-k{display:flex;flex-wrap:wrap;gap:6px}
.mkk{font:600 11.5px/1 var(--mono,monospace);padding:6px 8px;border-radius:7px}
.mkk.r{background:rgba(124,92,255,.15);color:#c4b5fd}
.mkk.p{background:rgba(16,163,127,.14);color:#6ee7b7}
.mcard-f{display:flex;flex-wrap:wrap;gap:5px}
.mcard-f span{font-size:11px;color:#a0a0a8;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 6px}
.mt{width:100%;border-collapse:collapse;font-size:13.5px}
.mt th,.mt td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
.mt th{font-size:11.5px;color:#888;text-transform:uppercase;letter-spacing:.04em}
.mt td .mlg{width:20px;height:20px;margin-right:4px}
.est,.ok-b{font:600 10.5px/1 var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:6px;vertical-align:middle;margin-left:6px;background:rgba(245,165,36,.15);color:#F5A524}
.ok-b{background:rgba(16,163,127,.15);color:#34d399}
.vr-o{color:#e5e5e7}
.vr-c{color:#c9a84a;font-size:12.5px}
.mcall{border-radius:16px;padding:18px 20px;background:linear-gradient(120deg,rgba(226,68,92,.12),rgba(46,196,182,.08));border:1px solid rgba(226,68,92,.3)}
.mcall .mcall-k{color:#E2445C}
.mcall-l{display:flex;flex-wrap:wrap;gap:14px}
.mdisc{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mdc{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111114;font-size:13.5px}
.mdc p{margin:6px 0}
.mdc.off{border-color:rgba(239,68,68,.35)}
.mdc.off b{text-decoration:line-through;text-decoration-color:#ef4444}
.mdc-b{display:inline-block;font:600 10.5px/1 var(--mono,monospace);text-transform:uppercase;padding:4px 7px;border-radius:6px;background:rgba(239,68,68,.15);color:#f87171;margin-right:8px}
.mdc-b.w{background:rgba(96,165,250,.15);color:#93c5fd}
.mlb,.mgap{font-size:13.5px;color:#bbb;padding-left:18px}
.mgap li{color:#999}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mfeat{padding-left:18px;font-size:14px;line-height:1.6}
.mwarn{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.3);font-size:14px;max-width:720px}
.mcalc{border-radius:18px;padding:20px;border:1px solid rgba(124,92,255,.35);background:linear-gradient(160deg,rgba(124,92,255,.12),#0e0e10)}
.mcalc-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;font-size:13.5px}
.mcalc-g label{display:flex;flex-direction:column;gap:8px}
.mcalc select{width:100%}
.mcalc-o{font-size:34px;font-weight:700;margin:14px 0 4px}
.mcalc-o b{color:#c4b5fd}
.mtool{font-size:14px}
.mh-sec{padding:8px 0 4px}
.mh-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mh{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:transform .15s,border-color .15s}
.mh:hover{transform:translateY(-2px)}
.mh-v{background:radial-gradient(120% 90% at 100% 0%,rgba(226,68,92,.28),transparent 60%),linear-gradient(160deg,#17121a,#0d0d10)}
.mh-v:hover{border-color:#E2445C}
.mh-i{background:radial-gradient(120% 90% at 100% 0%,rgba(66,133,244,.3),transparent 60%),linear-gradient(160deg,#10141c,#0d0d10)}
.mh-i:hover{border-color:#4285F4}
.mh-e{font:600 11px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#aaa}
.mh-t{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.mh-s{color:#bbb;font-size:14.5px}
.mh-c{font-weight:600;color:#fff;margin-top:4px}
@media (prefers-reduced-motion:reduce){.mcard,.mh{transition:none}.mcard:hover,.mh:hover{transform:none}}
.mtw{overflow-x:auto;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0e0e10}
.mtabs,.mtabs [role=tabpanel],.mch{min-width:0;max-width:100%}
.mkk{white-space:normal;overflow-wrap:anywhere}
.mh-sec{margin-bottom:14px}
.mch-hint{display:none;font-size:11.5px;color:#777;margin:0 0 6px}
@media (min-width:1024px) and (max-width:1279px){.nav-links{gap:0}.nav-links a{padding:6px 7px;font-size:13.5px}}
.mchips span{max-width:100%;overflow-wrap:anywhere;line-height:1.3}
.mh1{overflow-wrap:anywhere}
.mtw{display:block;width:100%;contain:inline-size}
/* ---- R25 mascots: 4-6 drifting, rotating ---- */
.mascots:not(.inflow){top:0;bottom:0;height:auto}
.mascots:not(.inflow) .masc{top:0;bottom:auto}
.masc{transition:opacity .45s ease}
.masc.out{opacity:0}
@media (prefers-reduced-motion:reduce){.masc{transition:none}}
/* ---- R25 coverage strip ---- */
.cov{padding:4px 0 14px}
.cov .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.cov-h{margin:0;font-size:15px;color:var(--t2)}
.cov-h b{color:var(--t1);font-size:20px;font-variant-numeric:tabular-nums}
.cov-x{color:var(--t3,#8a8a92)}
.cov-l{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cov-l a{display:inline-flex;gap:6px;align-items:baseline;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--t2);font-size:13px;text-decoration:none}
.cov-l a:hover{border-color:var(--border-strong);color:var(--t1)}
.cov-l b{color:var(--t1);font-variant-numeric:tabular-nums}
.cov-n{flex-basis:100%;margin:0;font-size:12px;color:var(--t3,#7d7d86)}
/* ---- R25b chart labels: full names, no clipping ---- */
.mch-bars{height:auto;align-items:start;grid-template-columns:repeat(var(--n),minmax(48px,1fr));min-width:calc(var(--n)*54px)}
.mch-c{justify-content:flex-start;height:auto}
.mch-bw{height:270px;width:100%;display:flex;align-items:flex-end}
.mch-n{height:auto;overflow:visible;font-size:10.5px;line-height:1.25;display:flex;flex-direction:column;align-items:center;gap:2px;word-break:normal;overflow-wrap:anywhere;hyphens:manual;max-width:100%}
.mch-n small{font-size:9.5px;color:#7d7d86;line-height:1.2}
.mch-c.top .mch-n small{color:#a9a9b0}
/* ---- R26 audio + decision models ---- */
.mh-a{background:radial-gradient(120% 90% at 100% 0%,rgba(232,121,249,.26),transparent 60%),linear-gradient(160deg,#17111a,#0d0d10)}
.mh-a:hover{border-color:#E879F9}
.mh-d{background:radial-gradient(120% 90% at 100% 0%,rgba(46,196,182,.26),transparent 60%),linear-gradient(160deg,#0f1716,#0d0d10)}
.mh-d:hover{border-color:#2EC4B6}
.dm-head .page{letter-spacing:-.03em}
.dm-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.dm-c{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111114}
.dm-c b{display:block;margin-bottom:6px}
.dm-c p{margin:0;color:#bbb;font-size:14px}
.dm-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin:8px 0}
.dm-col{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0f0f12;display:flex;flex-direction:column;gap:10px;min-width:0}
.dm-col.dm-on{border-color:rgba(46,196,182,.45);background:linear-gradient(160deg,rgba(46,196,182,.12),#0e0e10)}
.dm-k{font:600 11px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#aaa}
.dm-on .dm-k{color:#2EC4B6}
.dm-q{font-size:13.5px;color:#ddd;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere}
.dm-a{font-size:14px;padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}
.dm-a.prose{color:#999;font-style:italic;border:1px dashed rgba(255,255,255,.12)}
.dm-a.code{background:#07120f;border:1px solid rgba(46,196,182,.3);font-family:var(--mono,monospace);color:#cfe}
.dm-a.code b{color:#2EC4B6}
.dm-arrow{align-self:center;font:700 13px/1 var(--mono,monospace);color:#666}
.dm-flag{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;text-decoration:none;color:inherit;border:1px solid rgba(46,196,182,.35);background:radial-gradient(120% 120% at 100% 0%,rgba(46,196,182,.22),transparent 60%),#0e0e10}
.dm-fk{font:600 11px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#2EC4B6}
.dm-ft{font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:-.02em}
.dm-fs{color:#bbb;font-size:14px}
.dm-peers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.dm-p{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111114}
.dm-p p{margin:6px 0 0;font-size:13.5px;color:#aaa}
.dm-bench{display:grid;gap:12px}
.dm-b{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111114}
.dm-b.main{border-color:rgba(124,92,255,.4)}
.dm-b p{margin:6px 0}
.dm-warn{color:#e0c27a;font-size:13.5px}
.dm-x{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid rgba(46,196,182,.35);background:linear-gradient(120deg,rgba(46,196,182,.12),#0e0e10)}
.dm-x .mcall-k{color:#2EC4B6}
.dm-x span:last-child{color:#bbb;font-size:14px}
@media (min-width:1024px) and (max-width:1279px){.nav-r .btn[href="#newsletter"]{display:none}.nav-r [data-pal] .kbd,.nav-r [data-pal] span:not(.kbd){display:none}.nav-links a{padding:6px 6px;font-size:13px}}
@media (min-width:1280px) and (max-width:1439px){.nav-links a{padding:6px 7px;font-size:13.5px}}
/* ---- R28 timelines ---- */
.rwt-last,.rwt-ago{font:600 10.5px/1 var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:6px;background:rgba(148,163,184,.14);color:#cbd5e1}
.rwt-ago{background:rgba(255,255,255,.05);color:#999}
.rwt-i.last .rwt-dot{background:#94A3B8}
.fc-rw-w{display:flex;flex-direction:column;gap:8px}
.fc-rw-last{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--t2);text-decoration:none;font-size:14px}
.fc-rw-last:hover{border-color:var(--border-strong);color:var(--t1)}
.fc-rw-last b{color:var(--t1)}
.fc-rw-last>span:last-child{margin-left:auto}
.tl-head .page{letter-spacing:-.03em}
.tl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tl-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.06));background:linear-gradient(160deg,color-mix(in srgb,var(--c) 13%,#121215),#0e0e10 65%)}
.tl-card:hover{border-color:var(--c)}
.tl-card b{font-size:17px}
.tl-card>span{font-size:13.5px;color:#bbb}
.tl-cs{color:#ddd!important}
.tl-jump{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;font-size:13px}
.tl-jump div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tl-jump b{font-size:12px;color:#888;min-width:150px}
.tl-jump a,.tl-jump.sm a{padding:5px 9px;border-radius:999px;border:1px solid var(--border);color:var(--t2);text-decoration:none}
.tl-jump a:hover{color:var(--t1);border-color:var(--border-strong)}
.tl-jump.sm{flex-direction:row;flex-wrap:wrap;gap:6px}
.tl-b{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0f0f12;padding:18px;margin:0 0 14px;scroll-margin-top:90px;min-width:0}
.tl-bh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
.tl-bh h3{margin:0 0 4px;font-size:17px}
.tl-pill{font:600 10.5px/1 var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.06);color:#aaa;white-space:nowrap}
.tl-pill.on{background:rgba(124,92,255,.16);color:#c4b5fd}
.tl-mv{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;font-size:13.5px}
.tl-mv li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tl-mv .up>span:first-child{color:#34d399}
.tl-mv .down>span:first-child{color:#f87171}
.tl-mv .new>span:first-child{color:#93c5fd}
.tl-mv .left>span:first-child{color:#999}
.tl-mv.big{margin-bottom:28px}
.tl-up{color:#34d399;font-weight:600}
.tl-dn{color:#f87171;font-weight:600}
.tl-new{font:600 10.5px/1 var(--mono,monospace);color:#93c5fd;text-transform:uppercase}
.tl-sp path{stroke:#7d7d86}
.tl-sp circle{fill:#7d7d86}
.tl-sp.up path{stroke:#34d399}
.tl-sp.up circle{fill:#34d399}
.tl-sp.dn path{stroke:#f87171}
.tl-sp.dn circle{fill:#f87171}
.tl-sp0{color:#555}
.tl-t td:last-child{width:84px}
.tl-left{margin-top:10px}
.tl-left ul{font-size:13px;color:#aaa}
.tl-note{padding:14px 16px;border-radius:12px;border:1px solid rgba(16,163,127,.35);background:rgba(16,163,127,.07);font-size:14px;margin-bottom:18px}
.tl-ev{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid rgba(255,255,255,.08);display:grid;gap:10px}
.tl-ev li{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;font-size:13.5px}
.tl-ev li::before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:#2a2a30;border:2px solid #0A0A0B}
.tl-ev li:first-child::before{background:#7C5CFF}
.tl-ev time{font:500 12px/1.4 var(--mono,monospace);color:#999}
.tl-ev li[hidden]{display:none}
.tl-o{font:600 10px/1 var(--mono,monospace);text-transform:uppercase;padding:4px 6px;border-radius:5px;background:rgba(16,163,127,.14);color:#34d399;white-space:nowrap}
.tl-o.x{background:rgba(124,92,255,.14);color:#c4b5fd}
.tl-ev li .msrc{grid-column:3}
.tl-k{font:600 10px/1 var(--mono,monospace);text-transform:uppercase;padding:3px 6px;border-radius:5px;margin-right:4px;background:rgba(255,255,255,.07);color:#ccc}
.k-video{background:rgba(226,68,92,.16);color:#fda4af}
.k-image{background:rgba(66,133,244,.16);color:#93c5fd}
.k-audio{background:rgba(232,121,249,.16);color:#f0abfc}
.k-decision{background:rgba(46,196,182,.16);color:#5eead4}
.k-agent{background:rgba(245,165,36,.16);color:#fcd34d}
.k-retired{background:rgba(239,68,68,.16);color:#fca5a5}
.k-board{background:rgba(124,92,255,.16);color:#c4b5fd}
.tl-f{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.tl-fb{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--t2);font:500 13px/1 var(--sans);cursor:pointer}
.tl-fb[aria-pressed=true]{background:#7C5CFF;border-color:#7C5CFF;color:#fff}
.tl-m{margin-bottom:26px}
.tl-m[hidden]{display:none}
.tl-mh{font-size:15px;margin:0 0 12px;color:#ddd}
.tl-bars{display:flex;align-items:flex-end;gap:4px;height:140px;margin:0 0 28px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0f0f12;overflow-x:auto}
.tl-bar{flex:1 0 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;font-size:10px;color:#888}
.tl-bar i{display:block;width:70%;height:var(--h);min-height:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#F5A524,#9a6514)}
.tl-bar em{font-style:normal;font-size:9.5px}
.tl-link-s{padding-top:0}
.tl-link{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;border:1px solid rgba(124,92,255,.3);background:linear-gradient(120deg,rgba(124,92,255,.1),#0e0e10);color:inherit;text-decoration:none}
.tl-link:hover{border-color:#7C5CFF}
.tl-link>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}
.tl-link>span:nth-child(2) span{font-size:13px;color:#aaa}
.tl-li{font-size:22px;color:#c4b5fd}
/* ---- R29 mobile: base (hidden on desktop) ---- */
.cnav,.ms-b,.jumpc,.cx-hint,.btt,.mh-k{display:none}
.ni{width:28px;height:28px;border-radius:8px;background:#141416;display:inline-grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ni svg{display:block}
.btt{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:35;width:44px;height:44px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,#141416 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--t1);place-items:center;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.btt.on{opacity:1;transform:none;pointer-events:auto}
.btt svg{width:18px;height:18px}
html.mm-on .btt,body:has(.tray.on) .btt{display:none}
.uc-more{display:flex;justify-content:center;margin-top:20px}
.uc-more[hidden]{display:none}
.un-ru{margin:16px 0 20px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 8%,#0e0e10);max-width:72ch}
.un-ru-k{display:inline-block;font:600 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--warn);margin-bottom:6px}
.un-ru p{margin:0;font-size:14px;line-height:21px;color:var(--t1)}
.un-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.un-c{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:2px solid #34343A;background:#0f0f12;color:inherit;text-decoration:none;min-height:44px}
.un-c:hover{border-color:#4a4a52}.un-c b{font-size:15px;line-height:20px}
.un-k{font:600 11px/16px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.un-n{font:500 13px/18px var(--mono);color:var(--t2)}.un-n em{font-style:normal;color:#F5A524}
.un-t td{min-width:0}.un-t td .mchk{display:block;margin-top:2px}
.un-runs,.un-src{display:flex;flex-direction:column;gap:6px}.un-run .mchk{display:inline}
.un-v{display:block}
.masc-park{position:fixed;right:20px;bottom:16px;width:36px;height:36px;z-index:34;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.masc-park.on{opacity:1;transform:none}
.masc-park.hop .bod{animation:mHop .5s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 90%}
@keyframes mHop{0%,100%{transform:translateY(0)}40%{transform:translateY(-7px) scaleY(1.04)}70%{transform:translateY(0) scaleY(.96)}}
html.no-mascots .masc-park{display:none}
@media (prefers-reduced-motion:reduce){.masc-park{transition:none;transform:none}.masc-park.hop .bod{animation:none}}
.mh>.ni{display:none}
.k-uncensored{background:rgba(245,165,36,.14);color:#F5A524}
.wn-cr{color:var(--t3)}
/* R30: use-case timeline (months as groups) */
.uc-sr{position:relative;max-width:520px}
.uc-qi{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}
.uc-q{width:100%;height:44px;box-sizing:border-box;padding:0 14px 0 40px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--t1);font:400 15px/1 var(--sans)}
.uc-q::placeholder{color:var(--t3)}
.uc-q:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.uc-tl{display:grid;gap:16px}
.uc-m{border:1px solid var(--border);border-radius:16px;background:var(--bg-raised);padding:0 20px}
.uc-m-cur{border:0;background:none;padding:0}
.uc-mh,.uc-ms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:56px;margin:0;font:600 18px/1.2 var(--sans);letter-spacing:-.01em;color:var(--t1)}
.uc-mh{font-size:22px;margin-bottom:12px}
.uc-ms{cursor:pointer;list-style:none;padding:6px 0}
.uc-ms::-webkit-details-marker{display:none}
.uc-dot{color:var(--t3)}
.uc-mc{font:500 14px/1 var(--mono);color:var(--t2)}
.uc-hit .uc-mc{color:#F5A524}
.uc-miss{opacity:.55}
.uc-now{font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#F5A524;border:1px solid rgba(245,165,36,.4);border-radius:99px;padding:5px 9px}
.uc-chev{margin-left:auto;width:28px;height:28px;border-radius:8px;border:1px solid var(--border-strong);position:relative;flex:none}
.uc-chev::before{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border-right:1.6px solid var(--t2);border-bottom:1.6px solid var(--t2);transform:translate(-50%,-50%) rotate(45deg);transition:transform .15s}
details[open]>.uc-ms .uc-chev::before{transform:translate(-50%,-30%) rotate(-135deg)}
details.uc-m[open]{padding-bottom:20px}
details.uc-m>.uc-g{margin-top:8px}
.uc-mnone{color:var(--t3);font-size:14px;margin:0 0 8px}
.uc-m-und .uc-mt{color:var(--t2)}
/* R31: From the maker (/maker/) + footer maker line */
.mk-hh{display:flex;align-items:center;gap:16px;margin-top:8px}
.mk-hh h1{margin:0}
.mk-logo{width:72px;height:72px;border-radius:18px;border:1px solid var(--border);flex:none}
.mk-disc{margin-top:28px;max-width:760px;padding:16px 18px;border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:12px;background:var(--bg-raised)}
.mk-disc-k{display:block;font:600 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.mk-disc p{margin:0;color:var(--t2);font-size:15px;line-height:23px}
.mk-fg{display:grid;gap:20px}
.mk-f{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:28px 32px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(160deg,var(--surface),var(--bg-raised));overflow:hidden}
.mk-shot{justify-self:center;width:min(210px,100%);aspect-ratio:420/880;border-radius:28px;border:1px solid var(--border-strong);overflow:hidden;box-shadow:0 24px 60px -24px rgba(0,0,0,.6);background:var(--bg)}
.mk-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.mk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mk-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mk-c{display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color .15s}
.mk-c:hover,.mk-f:hover{border-color:var(--border-strong)}
.mk-ch{display:flex;align-items:center;gap:14px}
.mk-ch h3{margin:0;font-size:19px;line-height:24px;letter-spacing:-.015em}
.mk-f .mk-ch h3{font-size:26px;line-height:30px}
.mk-ic{border-radius:22%;border:1px solid var(--border);flex:none;background:var(--bg)}
.mk-k{margin:0 0 2px;font:500 12px/16px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--t3)}
.mk-n{color:var(--accent)}
.mk-tg{margin:14px 0 0;font-weight:600;color:var(--t1)}
.mk-tg.lg{font-size:22px;line-height:28px;letter-spacing:-.02em}
.mk-d{margin:8px 0 0;color:var(--t2)}
.mk-pl{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.mk-pl li{font:500 12px/20px var(--mono);padding:2px 8px;border:1px solid var(--border);border-radius:999px;color:var(--t2)}
.mk-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}
.mk-btn{height:44px;padding:0 16px}
.mk-st{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:end;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--bg-raised)}
.mk-st .sec-t{margin-top:0}
.mk-q{margin:8px 0 0;font-size:18px;line-height:28px;color:var(--t2);max-width:60ch}
.mk-st .mk-b{justify-content:flex-end;padding-top:0}
.mk-src{margin:16px 0 0;font-size:13px;line-height:19px;color:var(--t3)}
.fmk{margin:32px 0 0;font-size:13px;line-height:19px;color:var(--t3)}
.fmk a{display:inline-flex;align-items:center;min-height:44px;color:var(--t3)}
.fmk a:hover{color:var(--t1)}
.fmk b{font-weight:500;color:var(--t2)}
.fmk+.fbot{margin-top:4px}
/* ==== Responsive overrides, one block per breakpoint, widest first (R29 consolidation) ==== */
@media (max-width:1100px){
.ft-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-rw{grid-column:span 3;order:-1}
}
@media (max-width:1023px){
.mk-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-grid{grid-template-columns:1fr;gap:32px;padding:48px 0 36px}.grid3{grid-template-columns:repeat(2,1fr)}.answers{grid-template-columns:1fr}.answer{border-right:0}.two{grid-template-columns:1fr}.toc{display:none}
.tgrid{grid-template-columns:repeat(2,1fr)}
.rel,.cgrid{grid-template-columns:1fr 1fr}
.cl-tabs{display:block}
.plgrid{grid-template-columns:1fr 1fr}.pc{grid-template-columns:1fr auto}.pc-pl{grid-column:1/-1;grid-row:2}
.tc-empty{display:none}
.tc.odd-last{grid-column:span 2}
.sh-g{grid-template-columns:1fr 1fr}
.t thead th,.t.tg thead th,body:has(.tabbar) .t thead th{position:static!important;top:auto!important}
.nav-links{display:none}.mm-b{display:inline-flex}.nav-r{margin-left:auto}.nav-r .btn[href="#newsletter"]{display:none}
.fold-b{overflow-x:clip}.vs{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.vs>*{min-width:0}
.sc-cards{grid-template-columns:1fr 1fr}.sc-x{max-width:180px}
.mdl-g{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-g{grid-template-columns:1fr 1fr}
.uc-g{grid-template-columns:1fr 1fr}
.cost-g{grid-template-columns:1fr 1fr}
/* R29: tablet + phone */
.cnav{display:block;position:relative;z-index:24;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:transform .25s ease,top .25s ease}
.cnav-r{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.cnav-r::-webkit-scrollbar{display:none}
.cnav a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 8px;border-radius:12px;border:1px solid var(--border);color:var(--t2);font:500 13px/1 var(--sans);text-decoration:none;background:#0d0d0f}
.cnav a[aria-current=page]{border-color:#F5A524;color:var(--t1)}
.cnav a:last-child{margin-right:24px}
.ms-b{display:inline-flex}
.jumpc{display:block;border-bottom:1px solid var(--border);padding:10px 0 12px}
.jumpc-l{display:block;padding:0 16px 6px;font:600 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.jumpc-r{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.jumpc-r::-webkit-scrollbar{display:none}
.jumpc-r a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);color:var(--t2);font:500 13px/1 var(--sans);text-decoration:none;white-space:nowrap}
.jumpc-r a:last-child{margin-right:24px}
.btt{display:grid}
.dp-t thead th{position:static}
/* grouped mobile menu */
.mm-gh{margin:20px 0 8px;font:600 11px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.mm-gh:first-child{margin-top:8px}
.mm-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:0;padding:0}
.mm-g a{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#0f0f12;color:var(--t1);font:500 14px/18px var(--sans);text-decoration:none}
.mm-g a[aria-current=page]{border-color:#F5A524}
.mm-g a .hl-b{margin-left:auto}
.mm-tools{margin-top:20px;border:1px solid var(--border);border-radius:12px}
.mm-tools summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;cursor:pointer;list-style:none}
.mm-tools summary::-webkit-details-marker{display:none}
.mm-tools[open] summary .fold-i{transform:rotate(45deg)}
.mm-tools .mm-tg{padding:0 10px 12px}
.mm nav[aria-label=Mobile]{padding:8px 16px 16px}
.mm-in .mm-tools{margin:8px 16px 16px}
}
@media (max-width:1000px){
.fc-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
.ch-row{grid-template-columns:1fr}
.hx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-feat ul{grid-template-columns:1fr}
.vs2-vg,.vs2-pt{grid-template-columns:1fr}.vs2-br{grid-template-columns:1fr;gap:6px}
.rw-hero{grid-template-columns:1fr;gap:24px}
.wn-lanes{grid-template-columns:1fr}.wn-fl .sel{margin-left:0}
}
@media (max-width:899px){
.hart{display:none}
}
@media (max-width:800px){
.rw-trio{grid-template-columns:1fr}
.wh-l{grid-template-columns:1fr}
}
@media (max-width:767px){
.mk-f{grid-template-columns:1fr;padding:20px;gap:20px}.mk-shot{width:180px;border-radius:22px}.mk-f .mk-ch h3{font-size:22px;line-height:26px}.mk-tg.lg{font-size:19px;line-height:25px}.mk-g,.mk-g2{grid-template-columns:1fr}.mk-c{padding:18px}.mk-st{grid-template-columns:1fr;padding:20px}.mk-st .mk-b{justify-content:flex-start}.mk-q{font-size:16px;line-height:25px}.mk-btn{flex:1 1 140px;justify-content:center}.mk-logo{width:56px;height:56px;border-radius:14px}.fmk{margin-top:24px}
.uc-m{padding:0 14px;border-radius:14px}.uc-m-cur{padding:0}.uc-mh{font-size:20px;min-height:48px}.uc-ms{font-size:16px;min-height:52px}.uc-mc{font-size:13px}.uc-sr{max-width:none}

.wrap,.wrap-wide{padding:0 16px}
h1.display{font-size:42px;line-height:46px}h1.page{font-size:32px;line-height:36px}
.nav-links{display:none}.nav .wrap-wide{gap:12px}.nav-r{margin-left:auto}.nav-r .hide-m{display:none}
.sec{padding:48px 0}
.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}
.tbl-wrap{border:0;border-radius:0;overflow:visible}
table.t thead{display:none}
table.t,table.t tbody{display:block}
.t tbody tr.row{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px;background:var(--bg)}
.t tbody tr.row>*{padding:0;border:0!important}
.t tr.row .c-cb{grid-row:1;grid-column:1}
.t tr.row .toolcell{grid-row:1;grid-column:2}
.t tr.row .tool.rep{visibility:visible}
.t tr.row .price{grid-row:1/3;grid-column:3}
.t tr.row .c-plan{grid-row:2;grid-column:1/3}
.t tr.row .c-reset,.t tr.row .c-ov{grid-column:1/-1}
.t tr.row .c-inc{grid-column:1/-1}
.t tr.row .c-inc .clamp{-webkit-line-clamp:3;max-width:none}
.t tr.row .c-st{grid-column:1/3}.t tr.row .c-chk{grid-column:3;text-align:right}
.t tr.row .c-chev{display:none}
.t tr.row td::before{content:attr(data-l);display:block;font:500 10px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.t tr.row .c-cb::before,.t tr.row .toolcell::before,.t tr.row .price::before,.t tr.row .c-plan::before,.t tr.row .c-st::before,.t tr.row .c-chk::before,.t tr.row .c-inc::before{display:none}
.t tr.row .c-reset,.t tr.row .c-ov{display:flex;gap:8px;align-items:baseline}
.t tr.row .c-reset::before,.t tr.row .c-ov::before{width:64px;flex:none}
tr.exp{display:block;margin:-6px 0 10px}tr.exp td{display:block;border-radius:0 0 10px 10px;border:1px solid var(--border)}
tr.exp .in{grid-template-columns:1fr;padding:16px}
.grid3{grid-template-columns:1fr}
.news .wrap{grid-template-columns:1fr;gap:20px}
.fgrid{grid-template-columns:1fr 1fr}
.filters{gap:8px}.chipgroup{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.chip{flex:none}
.search{max-width:none}
.feed li{grid-template-columns:1fr;gap:2px}
.tray{left:16px;right:16px;transform:translateY(16px)}.tray.on{transform:none}
.cle{grid-template-columns:1fr auto;gap:4px 12px}.cle .v{grid-column:1/-1}.cle .src{grid-column:1}.cle time{grid-row:1;grid-column:2}
.chipgroup{justify-content:flex-start!important}.fix .kv{grid-template-columns:1fr}
.calm-in{padding:88px 16px 72px}.hero.calm h1.display{font-size:42px;line-height:46px}.calm-sec{padding:48px 0}
.tc{min-height:0;padding:20px;gap:20px}.tgrid{grid-template-columns:1fr}
.lc li{grid-template-columns:1fr auto;gap:2px 12px}.lc time{grid-column:2;grid-row:1;text-align:right}.lc-t{grid-row:1}.lc-f,.lc-v{grid-column:1/-1}.duo{grid-template-columns:1fr}.duo-c{padding:24px}
.tgrid{grid-template-columns:1fr 1fr}.tc-price{font-size:17px;line-height:22px}.tc-ar{display:none}
.hero.calm .verified{display:block;text-align:center}.hero.calm .verified .dot{display:inline-block;margin-right:6px;vertical-align:1px}.tc .tok{font-size:11px;padding:0 5px}
.page-head{padding:48px 0 32px}main>.sec{padding:32px 0 48px}.rel,.cgrid,.pn{grid-template-columns:1fr}.pn .nx{grid-column:1;text-align:left}
.tabs .tab-all{margin-left:0}body:has(.tabbar) .t thead th{top:104px}.qa-i summary{padding:16px}.qa-i>p{padding:0 16px 12px}.fpanel .chipgroup{flex-wrap:wrap}
.cc-own{grid-column:auto!important}
.page-head{padding:56px 0 40px}.page-head h1.page{font-size:40px;line-height:44px;margin:20px 0 12px}.page-head .lede{font-size:17px;line-height:26px}
.sum{gap:20px 32px;margin-top:24px}.plgrid,.vs{grid-template-columns:1fr}.plc summary{padding:22px}.plc-d{grid-template-columns:1fr;gap:2px;padding:0 22px 22px}.plc-d dd{margin-bottom:10px}
.pc{padding:20px 0}.pc-v{grid-column:2;grid-row:1}.vs-c{padding:24px}.tli{grid-template-columns:1fr 24px;gap:4px 12px;padding-left:20px}.tli time{grid-column:1}.tli-b{grid-column:1}.tli-s{grid-column:2;grid-row:1/3}.fold-t{font-size:18px}.viewbar{gap:12px;margin-bottom:32px}
.tc.odd-last{grid-column:span 2}
.cb-pick{padding:12px}.cb-list{grid-template-columns:1fr}.cb-panel{padding:16px}
.cx{border:0;border-radius:0;margin:0 -16px}
.cx-s{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px;scroll-padding:0 16px}
.cx-r{grid-template-columns:repeat(var(--n),82vw);width:max-content;border-bottom:0}
.cx-l{display:none}.cx-c{scroll-snap-align:start;border-left:0;padding:12px 16px 12px 0;border-top:1px solid var(--border)}
.cx-c[data-l]::before{content:attr(data-l);display:block;font:500 10px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.cx-h{position:static;background:none;backdrop-filter:none}.cx-h .cx-c{border-top:0}
.cx-p .cx-c{padding:12px 16px 12px 0}.cb-bar{margin-top:28px}
.cx-hint{display:block;font:400 12px/18px var(--mono);color:var(--t3);margin:0 0 12px}
.cb-sel{flex-basis:100%}.cb-chip{width:100%}.cb-chip b{flex:1}.cb-add{width:100%}.cb-add .btn{width:100%;justify-content:center}
.cp-s{overflow-x:auto;margin:0 -16px;scroll-snap-type:x mandatory;scroll-padding-left:108px}
.cp{width:auto;table-layout:auto}
.cp-lh,.cp tbody th{position:sticky;left:0;z-index:5;background:var(--bg);width:108px;min-width:108px;max-width:108px;padding-left:16px!important}
.cp thead th{position:static}.cp thead th.cp-lh{position:sticky;left:0;z-index:13}
.cp-ch,.cp-c{min-width:calc((100vw - 124px)/2);max-width:calc((100vw - 124px)/2);scroll-snap-align:start;padding-left:6px!important}
.cp-chi{padding:14px 10px 12px}.cp-tn{font-size:13px;gap:6px}.cp-tn .mono-chip{display:none}.cp-hp{font-size:18px;line-height:22px}
.cp-cv{padding:16px 26px 16px 10px;font-size:13px}.pv{font-size:17px}.alw,.rtc{font-size:13px}.al{margin-right:5px;width:18px;height:18px;font-size:10px}
.cp-l{font-size:13px;line-height:18px}.cp-h{font-size:11px;line-height:15px}.mk{top:14px;right:4px;width:18px;height:18px}.star{right:4px;bottom:6px;font-size:10px}
.cp-add{min-width:120px}.cp-dt th{position:sticky;left:0}
.cp-sel select{font-size:12px;padding:0 24px 0 8px;height:32px}.cp-sel span{right:8px;top:7px}
.cp thead th.cp-lh{top:auto}.cp tbody th{top:auto}
main{overflow-wrap:anywhere}
.vs>*,.rel>*,.cgrid>*,.plgrid>*,.duo>*,.pc>*{min-width:0}
.ppill{white-space:normal;height:auto;min-height:28px;padding:4px 10px;text-overflow:clip}
.srcs li,.srcs a{overflow-wrap:anywhere;word-break:break-word}
.t tbody tr.row{grid-template-columns:auto minmax(0,1fr) auto}
.t tbody tr.row>*{min-width:0}.t .price .n{max-width:46vw}
.meta,.verified,.fine,.crumbs,.cp-legend,.raw,.chk,.tli time,.pc-v,.cp-h,.ncmp,.unit,.cat-h,.label,.fbot,.tchip,.cx-hint{font-size:13px!important;line-height:19px!important}
.meta,.verified,.fine,.fbot,.cp-h{color:var(--t2)!important}
.hero.calm .verified{font-size:13px!important}
.toolcell{white-space:normal}.t tr.row .tool{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex}.t tr.row .price{max-width:44vw}
.cp-s{display:none}.cpm{display:flex;flex-direction:column;gap:16px}
.cpm-c{position:relative;border:1px solid var(--border);border-radius:14px;background:var(--bg);overflow:hidden}
.cpm-c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ac)}
.cpm-h{padding:18px 16px 14px;background:var(--bg-raised);border-bottom:1px solid var(--border)}
.cpm-h .cp-tn{font-size:16px}.cpm-h .cp-tn .mono-chip{display:inline-grid}
.cpm-sel{margin-top:12px}.cpm-sel select{width:100%;max-width:none;height:44px;font-size:15px;padding:0 40px 0 12px;text-overflow:clip}
.cpm-rows{margin:0}
.cpm-r{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);align-items:start}
.cpm-r dt{font:550 14px/20px var(--sans);color:var(--t1)}.cpm-r dt .ncmp{display:block;font:400 12px/16px var(--sans)!important;color:var(--t3)!important;margin-top:4px}
.cpm-r dd{margin:0;display:flex;gap:10px;justify-content:space-between;align-items:flex-start;min-width:0}
.cpm-v{min-width:0;font-size:15px;line-height:22px}.cpm-v .pv{font-size:20px}.cpm-v .pbar{width:100%}
.cpm-v .bf{font-size:13px}
.cpm-m{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.cpm-m .mk{position:static}.cpm-m .star{position:static;font-size:12px}
.cpm-r.win{box-shadow:inset 3px 0 0 var(--ac)}
.cp.hl~.cpm .cpm-r.dc,.hlm .cpm-r.dc{background:color-mix(in srgb,var(--ac) 13%,transparent)}
.hmm .cpm-r.same{display:none}
.cpm-d summary{list-style:none;cursor:pointer;padding:16px;font-weight:500;font-size:15px}.cpm-d summary::-webkit-details-marker{display:none}.cpm-d summary::after{content:" +";color:var(--t3)}
.cpm-d dl{margin:0;padding:0 16px 16px;display:grid;gap:4px}.cpm-d dt{font:500 12px/18px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-top:8px}.cpm-d dd{margin:0;font-size:14px;line-height:21px;color:var(--t2)}.cpm-d a{color:var(--t1);font-family:var(--mono);font-size:13px}
.cpm-add{width:100%;justify-content:center;height:48px}
.cp-top{flex-direction:column;align-items:flex-start}.cp-tg{flex-direction:column;gap:14px}.tgl{font-size:15px}
.cp-legend{font-size:13px}
.qa{grid-template-columns:1fr}.qa .answer{border-right:0}.qa .answer+.answer{border-top:1px solid var(--border)}
.rc-a{height:auto;min-height:40px;padding:8px 14px;white-space:normal}
.mm-b{display:inline-flex}.nav-r .btn[href="#newsletter"]{display:none}
.bw-g{grid-template-columns:1fr}.bw-s{font-size:13px}
.sh-g{grid-template-columns:1fr}.sh-how{grid-template-columns:1fr}.sh-how>div+div{border-left:0;border-top:1px solid var(--border)}.sh-stats{gap:24px}.sh-stats b{font-size:26px}.sh-f{flex-wrap:wrap}
.plc-p{font-size:22px!important;line-height:28px!important}.cp-tg .u,.cp-top .lnk,[data-copy]{margin-left:0!important;padding-left:0!important}
main{overflow-wrap:break-word}
.ppill{line-height:1.35!important;align-items:center}.ppill>span,.ppill b{line-height:1.35}
.vs-pl{gap:8px}.vs-d{grid-template-columns:auto minmax(0,1fr);row-gap:10px}.vs-d dd,.vs-d dt{line-height:1.4}
.bw-h{flex-wrap:wrap;row-gap:4px}.bw-n{flex:none;max-width:100%}.bw-pr{text-align:left;line-height:1.4}
h1.page{line-height:1.08}.vs-x{display:inline-block;margin:0 .1em}
.cpm-r{grid-template-columns:minmax(92px,32%) minmax(0,1fr)}
.cpm-r dt,.cpm-r dd,.cpm-v,.cpm-v *{line-height:1.45!important}
.cpm-r dt .ncmp{line-height:1.35!important}
.cpm-v .pv{line-height:1.15!important}
.cpm-v .alw,.cpm-v .rtc{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.cpm-v .bf{display:inline-flex;margin:0 6px 6px 0;line-height:1.3!important;white-space:normal}
.cpm-sel select{white-space:normal}
.lede,.sub,p{line-height:1.5}
.t tr.row .tool{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3}.t tr.row .price,.t tr.row .price .n{white-space:normal!important;overflow-wrap:break-word;text-align:right;line-height:1.3!important;max-width:46vw}.t tr.row .c-ov .ov-t{white-space:normal;max-width:100%}
.pc{grid-template-columns:minmax(0,1fr) auto}.pc-n{min-width:0}.pc-n>span:last-child,.pc-n{overflow-wrap:break-word}.t tr.row .price .x{display:block;white-space:normal;font-size:12px;line-height:1.3}.t tbody tr.row>.price{grid-column:3;min-width:0}
.hf-t{font-size:16px}
.mascots{height:52px}.masc-t .masc-tl{display:none}.masc-t{width:28px;padding:0;justify-content:center;left:10px;bottom:10px}
.mascots.inflow{height:48px}
.masc-t.inflow{width:28px;margin-right:12px}
.mascots.inflow{height:56px;margin-top:20px}.masc-t.inflow{margin-top:-44px}
.sc-cards{grid-template-columns:1fr}.sc-tabs{top:56px}
 .sc-tw{border:0;background:transparent;border-radius:0}.sc-t,.sc-t tbody{display:block}.sc-t thead{display:none}
 .sc-t tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:10px}
 .sc-t th,.sc-t td{padding:0;border:0}.sc-t tbody tr:last-child>*{border:0}
 .sc-rk{grid-row:1;grid-column:1;width:auto;padding-top:2px}.sc-m{grid-row:1;grid-column:2;min-width:0}.sc-mn{overflow-wrap:anywhere}.sc-s{grid-row:1;grid-column:3}
 .sc-v,.sc-x,.sc-h,.sc-l,.sc-d{grid-column:1/-1;min-width:0;max-width:none;white-space:normal}
 .sc-v{display:flex;align-items:center;gap:12px;margin-top:6px}.sc-bar{margin:0;flex:1;max-width:160px}
 .sc-x::before,.sc-h::before,.sc-l::before,.sc-d::before{content:attr(data-l) " · ";color:var(--t3);font:500 11px/18px var(--sans);letter-spacing:.06em;text-transform:uppercase}
 .sc-rk:has(.sc-mut){visibility:hidden;width:0}.sc-b{margin-top:40px}.sc-empty{padding:28px 20px}
.mdl-g{grid-template-columns:1fr 1fr}.mc-g{grid-template-columns:1fr}
.uc-g{grid-template-columns:1fr}.uc-sort{margin-left:0}.uc-fl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.uc-fl::-webkit-scrollbar{display:none}.uc-fl .chip{flex:none;min-height:36px}
.cost-g{grid-template-columns:1fr}
.uc-fl{margin:0;padding:0 24px 0 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.sc-l{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sc-l .sc-chip+.sc-chip{margin-left:0}
.dp-spot,.dp-kv.two,.dp-sp{grid-template-columns:1fr}.dp-rr{grid-template-columns:1fr auto;gap:4px 10px}.dp-rr .dp-rt,.dp-rr .dp-rt0{grid-column:1/-1;grid-row:2}.dp-ax>span{display:none}.dp-jw{padding:8px 16px}.dp-sec{padding-top:44px}.dp-t th,.dp-t td{padding:9px 10px}.dp-t tbody th{min-width:104px;max-width:130px}.dp-cta{padding:20px}.dp-cta h2{font-size:19px;line-height:25px}.dp-h1 img,.dp-h1 .tl{width:32px;height:32px}
.dp-jw{padding:8px 6px}
.dp-h1{flex-direction:column;align-items:flex-start;gap:12px}.dp-h1 .mono-chip{width:44px;height:44px}
.dp-win{grid-template-columns:1fr}
.tb-all span:not(.tb-n){display:none}.tb-all{padding:0 9px}.tb-ar{display:none!important}.tp{padding:0 8px}.tp-in{max-height:calc(100vh - 130px)}.tp-g{grid-template-columns:1fr 1fr;gap:12px}.tp-h{flex-direction:column;align-items:stretch}.tp-h .input{max-width:none}.tp-c a{font-size:13.5px;padding:7px 6px}
.flyby{width:24px;height:24px;border-radius:7px}
.xs-t tbody th{width:118px}.xs-t thead th:first-child{width:118px}
.cr-row>summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t i" "b b" "v v";gap:8px 12px}
 .cr-row>summary .cr-t{grid-area:t}.cr-row>summary .cr-bar{grid-area:b}.cr-row>summary .cr-v{grid-area:v;align-items:flex-start;text-align:left}.cr-row>summary .cr-i{grid-area:i}
 .cr-ax{margin:6px 0 0}.cr-cat{padding:4px 14px 8px}.cr-reps{grid-template-columns:1fr}.cr-note{flex-direction:column}
 .cr-card .cr-tl{grid-template-columns:1fr}.cr-card .cr-tl .cr-v{align-items:flex-start;text-align:left}.cr-card .cr-ax{margin:2px 0 0}
.mgrid,.mh-g,.mcalc-g{grid-template-columns:1fr}.mcards{grid-template-columns:1fr 1fr}.mcard{padding:12px}.mcard-h b{font-size:13.5px}.mch-bars{height:280px}.mh{padding:18px}
.mch-n{height:4.9em}.mch-bars{grid-template-columns:repeat(var(--n),56px)}.mch-hint{display:block}
.mt{font-size:12.5px}.mt th,.mt td{padding:7px 6px;overflow-wrap:anywhere}
.mch-bw{height:220px}.mch-n{height:auto}.mch-bars{grid-template-columns:repeat(var(--n),60px);min-width:0}
.dm-3,.dm-vs{grid-template-columns:1fr}.dm-arrow{justify-self:center}
.tl-ev li{grid-template-columns:64px minmax(0,1fr)}.tl-ev li .msrc,.tl-ev li .tl-o{grid-column:2;justify-self:start}.tl-jump b{min-width:0;flex-basis:100%}
/* ==== R29 mobile (<=767px). One block: tap targets, sticky, tables, type floor, spacing ==== */
html{scroll-padding-top:64px}
body{padding-bottom:env(safe-area-inset-bottom)}
.hero{overflow:clip}
/* tap targets: 44px for every block-level control; inline text links get a taller hit area without moving text */
a,button,select,summary,[role=tab],input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px}
select{height:44px}.cp-sel select{height:44px}
:is(p,td,dd,figcaption,small,blockquote) a:not(.btn):not(.chip),.lede a,.meta a,.u{padding-block:16px;margin-block:-16px}
.chip,.tchip-b,[data-uct],[data-ucc],[data-ucm],[data-f],[data-sort],[data-fix],[data-app]{min-height:44px}
nav.crumbs a,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
footer li a{display:inline-flex;align-items:center;min-height:44px}
/* sticky stack: header hides on scroll-down; the page's sub-nav (tool tabs, score tabs or section chips) takes its place. Never both. */
header.nav{transition:transform .25s ease}
html.nav-hid header.nav{transform:translateY(-100%)}
.tabbar,.sc-tabs{transition:top .25s ease,transform .25s ease}
html.nav-hid .tabbar,html.nav-hid .sc-tabs{top:0}
html.nav-back .tabbar,html.nav-back .sc-tabs{transform:translateY(-120%);visibility:hidden}
body:not(:has(.tabbar,.sc-tabs)) .cnav{position:sticky;top:56px}
html.nav-hid body:not(:has(.tabbar,.sc-tabs)) .cnav{top:0}
html.nav-back body:not(:has(.tabbar,.sc-tabs)) .cnav{transform:translateY(-120%);visibility:hidden}
/* tool tab bar */
.tabs a{min-height:44px;scroll-snap-align:start}
.tabs{scroll-snap-type:x proximity}
/* mascots toggle: 28px look, 44px hit area */
.masc-t,.masc-t.inflow{width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;position:relative}
.masc-t::before{content:"";position:absolute;inset:8px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-raised,#121215)}
.masc-t>span{position:relative}
body:has(.tray.on) .masc-t{display:none}
.tray{bottom:calc(16px + env(safe-area-inset-bottom))}
/* spacing */
.page-head,.page-head.xl{padding:24px 0 20px}
h1.page,.page-head h1.page{font-size:32px;line-height:36px;margin:8px 0 10px}
main>.sec,main>section.sec{padding:24px 0 32px}
.page-head .lede{font-size:16px;line-height:24px}
/* compare hero */
.vs2-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vs2-h .mono-chip{width:28px;height:28px;border-radius:8px}.vs2-h .mono-chip img{width:20px;height:20px}
/* card-stack tables (.cs): each row is a card, labels from data-l */
table.cs.cs,table.cs.cs tbody,table.cs.cs tr,table.cs.cs td,table.cs.cs tbody th{display:block;width:auto;min-width:0}
table.cs.cs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.cs.cs tr{border:2px solid #34343A;border-radius:14px;padding:10px 14px;margin:0 0 10px;background:#0f0f12}
table.cs.cs tr:last-child{margin-bottom:0}
table.cs.cs :is(td,th){display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border:0;text-align:right;font-size:14px;line-height:20px;min-width:0;max-width:none;position:static;background:none;box-shadow:none;overflow-wrap:anywhere;flex-wrap:wrap}
table.cs.cs :is(td,th)::before{content:attr(data-l);flex:none;max-width:46%;text-align:left;font:600 11px/18px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
table.cs.cs :is(td,th):first-child{display:block;text-align:left;font-weight:600;font-size:15px;line-height:21px;padding:2px 0 9px;margin-bottom:3px;border-bottom:1px solid var(--border)}
table.cs.cs :is(td,th):first-child::before{display:none}
table.cs.cs :is(td,th):empty{display:none}
table.cs.cs td>*{min-width:0}
table.cs.cs .un-runs,table.cs.cs .un-src{align-items:flex-end}
.mtw:has(>table.cs),.dp-tw:has(>table.cs){border:0;background:none;overflow:visible;border-radius:0}
/* pinned-column tables (.pin): keep the scroll, pin the first column, fade the edge, hint once */
.cx-hint{display:block;margin:0 0 8px;font:500 12px/16px var(--sans);color:var(--t3)}
.pin-w{overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.pin-w.end{-webkit-mask-image:none;mask-image:none}
table.pin :is(td,th):first-child{position:sticky;left:0;z-index:1;background:#0e0e10;box-shadow:1px 0 0 var(--border),8px 0 10px -8px rgba(0,0,0,.7)}
/* use cases: every filter row swipes, with a right-edge fade */
.uc-fl,.uc-fl2{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:0 24px 0 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.uc-fl2::-webkit-scrollbar{display:none}
.uc-fl .chip,.uc-fl2 .chip,.uc-fl2 .sel,.uc-fl2 .uc-shown,.uc-fl2 .label{flex:none}
/* home: one headline, one primary CTA, compact model cards */
.btn-uc,.pp-hero{display:none}
.hero.calm .calm-in{padding:40px 16px 32px}
.hero.calm h1.display{font-size:36px;line-height:40px}
.cov-l{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.cov-l li{flex:none}
.mh-g{grid-template-columns:1fr 1fr;gap:10px}
.mh,.mh.mh-v,.mh.mh-i,.mh.mh-a,.mh.mh-d{padding:14px;gap:6px;border:2px solid #34343A;min-height:0;display:flex;flex-direction:column}
.mh .mh-s,.mh .mchips,.mh .mh-c{display:none}
.mh .mh-e{font-size:11px;line-height:16px}
.mh .mh-t{font-size:16px;line-height:21px}
.mh-k{display:block;font:500 13px/18px var(--mono);color:var(--t2);margin-top:auto}
.mh-k b{display:block;font:600 14px/19px var(--sans);color:var(--t1)}
.mh-k em{font-style:normal;color:#F5A524;font-weight:600}
.mh>.ni{margin-bottom:4px}
.duo-sec{display:none}
.mh>.ni{display:inline-grid}
/* tap + type floor fixes from checkmobile.mjs */
a.msrc,a.u,a.oac-src,a.uc-tool,a.sc-ml,a.oac-ag,a.rc-a,.mch-f a,:is(p,li,td,dd,figcaption,small,blockquote,span,h3,h4,label,time)>a:not([class]){padding-block:16px;margin-block:-16px}
a.msrc,a.oac-src,a.uc-tool,a.sc-ml,a.oac-ag,a.u{font-size:13px}
a:not([class]),summary,summary[class],button:not([class]){font-size:max(13px,1em)}
a.rc-a,.uc-bar .chip,.uc-fl .chip,.uc-fl2 .chip{min-height:44px}
button.rw-copy{min-height:44px;min-width:44px;font-size:13px}
.mch-s{font-size:12px}
.ch-tb summary{font-size:13px}
.wn-i.wn-cap{display:none}
.wn-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:8px 0 4px;border:2px solid #34343A;border-radius:12px;background:#141416;color:var(--t1);font:500 13px/1 var(--sans);cursor:pointer}
.wn-more:active{border-color:#F5A524}
.pp-o>span{min-height:44px}
.tgl{min-height:44px;display:inline-flex;align-items:center}
header .btn.ic-only,.nav .mb,.nav [aria-label="Open menu"]{min-width:44px}
.pp-o{display:inline-flex}.pp-o>span{min-height:44px;box-sizing:border-box}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px}.crumbs a{display:inline-flex;align-items:center;min-width:44px}
.pp-o>input{height:100%;width:100%;top:0;left:0;min-height:0}
.eyebrow-t{margin:4px 0 8px}
.mm-g li>a{padding:8px 10px;margin-block:0}
.cov-l li>a{padding:0 12px;margin-block:0;min-height:44px;align-items:center}
.wh-l li>a{padding:10px;margin-block:0;min-height:44px}
/* R29 type floor (generated by floor.mjs): 12px text, 11px uppercase labels, 13px controls */
.chip .c{font-size:13px}
.mono-chip{font-size:13px}
.mult{font-size:12px}
.tchip{font-size:13px}
.cc .vs{font-size:12px}
.tab-cat{font-size:13px}
.cb-o .c{font-size:12px}
.cx-plan dt{font-size:11px}
.ncmp{font-size:12px}
.star{font-size:12px}
.mk{font-size:12px}
.unit{font-size:12px}
.cp-legend .al{font-size:12px}
.vm{font-size:12px}
.sc-tl a span{font-size:13px}
.sc-chip{font-size:13px}
.sc-jump span{font-size:12px}
.uc-flag{font-size:12px}
.uc-prov{font-size:12px}
.cost-ap{font-size:12px}
.cost-b{font-size:12px}
.sc-ctl .tgl .c{font-size:12px}
.dp-np{font-size:12px}
.dp-tag{font-size:12px}
.dp-pc dt{font-size:11px}
.dp-c .dp-ct{font-size:12px}
.dp-c.u .dp-np{font-size:13px}
.dp-rt0 b{font-size:12px}
.dp-steps span{font-size:12px}
.cl-unc{font-size:12px}
.tb-n{font-size:13px}
.tp-c h3{font-size:11px}
.sk-t{font-size:12px}
.sk-v{font-size:12px}
.sk-l{font-size:12px}
.sk-m{font-size:12px}
.dn-s{font-size:12px}
.oa-chip{font-size:13px}
.oa-sky .sk-l{font-size:12px}
.oa-unv{font-size:12px}
.oa-t{font-size:12px}
.oac-f button span{font-size:13px}
.oac-ag{font-size:12px}
.oac-cat{font-size:12px}
.cr-est{font-size:12px}
.cr-ax span{font-size:12px}
.cr-v small{font-size:12px}
.cr-rs{font-size:12px}
.cr-tag{font-size:12px}
.cr-rm{font-size:12px}
.cr-rc{font-size:12px}
.hl-b{font-size:12px}
.pp-best{font-size:12px}
.vs2-lm small{font-size:12px}
.rw-lic{font-size:12px}
.rw-cl{font-size:11px}
.rw-k{font-size:11px}
.rw-arc em{font-size:12px}
.wn-k{font-size:11px}
.wn-tb{font-size:12px}
.wh-u{font-size:12px}
.mlg.mono{font-size:12px}
.mch-n{font-size:12px}
.msc .axl{font-size:12px}
.msc .tk{font-size:12px}
.msc .pl{font-size:12px}
.mkk{font-size:12px}
.mcard-f span{font-size:12px}
.est,.ok-b{font-size:11px}
.mdc-b{font-size:11px}
.mch-hint{font-size:12px}
.mch-n small{font-size:12px}
.rwt-last,.rwt-ago{font-size:11px}
.tl-pill{font-size:11px}
.tl-new{font-size:11px}
.tl-o{font-size:11px}
.tl-k{font-size:11px}
.tl-bar{font-size:12px}
.tl-bar em{font-size:12px}
.t tr.row td::before{font-size:11px}
.tc .tok{font-size:12px}
.cx-c[data-l]::before{font-size:13px}
.al{font-size:12px}
.cp-h{font-size:12px}
}
@media (max-width:700px){
.vs2-lms{grid-template-columns:1fr}
.fc-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fc-row .fc:last-child{grid-column:span 2}.fc{padding:15px}.fc-rw{grid-template-columns:1fr;padding:20px}.fc-rw .fc-cta{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px}.rw-chip{white-space:normal}
}
@media (max-width:600px){
.oa-sm{display:none}.oa-hs{display:block;margin:2px 0 0}.oa-grid{grid-template-columns:1fr}
.oa-home .oa-grid{grid-template-columns:1fr 1fr;gap:10px}.oa-home .oa-cost,.oa-home .oa-rel,.oa-home .oa-cc,.oa-home .oa-ch span:not(.oa-lg){display:none}.oa-home .oa-card{padding:12px}.oa-home .oa-st b{font-size:18px}
.hx-in,.hx-home .hx-in{padding:20px;gap:18px}.hx-id{gap:14px}.hx-stats dd{font-size:19px}.hx-xb b{font-size:22px}
 .oac-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;overscroll-behavior-x:contain}
 .oac-g>.oac-c{flex:0 0 84%;scroll-snap-align:start}.oac-f{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.oac-f button{flex:none}
.hx-home .hx-feat{display:none}
.vs2-v{padding:18px}.vs2-cost{grid-template-columns:1fr}
.vs2-h>:not(span){display:none}
.pp-res{align-items:start}
.miss{padding:24px 18px}.miss-f{max-width:none;flex-basis:100%}.mc-peek{right:20px}
.ft-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ft-rw{grid-column:span 2}.ft{padding:12px 14px}
.rw-st{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-card{padding:18px}.rw-steps>li{padding:16px 14px 12px 52px}.rw-steps>li:before{left:12px}
}
@media (max-width:480px){
.dn-w{gap:12px}.dn-w svg{width:118px;height:118px}.ch{padding:14px 12px 10px}.dn-grid{grid-template-columns:1fr}
}
@media (max-width:479px){
.tgrid{grid-template-columns:1fr!important}
.tc.odd-last{grid-column:auto!important}
.tc{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h p" "f f";gap:12px 16px;padding:16px 18px;min-height:0}
.tc-h{grid-area:h;min-width:0}.tc-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.tc-ar{display:inline!important}
.tc-p{grid-area:p;align-items:flex-end;text-align:right;gap:2px}.tc-p .label{display:none}.tc-price{font-size:16px!important;line-height:20px!important}.tc-plan{font-size:13px}
.tc-f{grid-area:f;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.tc-ar{display:none!important}.tc{grid-template-columns:minmax(96px,1fr) auto}.tc-p{max-width:58vw}.tc-price{white-space:normal!important;overflow-wrap:break-word}.tc-n{white-space:normal}
.tc-empty{display:none!important}
/* R29: tool tab bar under 480px: no category labels, the all-tools button is an icon */
.tab-cat,.tb-all>span:not(.tb-n),.tb-all .tb-n,.tb-ar{display:none!important}
.tb-all{width:44px;min-width:44px;padding:0;justify-content:center}
}
@media (max-width:420px){
.mdl-g{grid-template-columns:1fr}
}
@media (max-width:400px){
.mcards{grid-template-columns:1fr}
}
/* 2026-10-24: owner-approved fix, /whats-new/ 360px overflow (old badge wraps) */
.wn-tb.old{white-space:normal}