:root{
  --verdigris:#2be6d4; --bone:#f4ead4; --ink:#160b09; --clay:#e46858; --clay-hot:#e46858;
  --panel:#1a1210; --panel-2:#120c0a; --line:rgba(240,223,203,.14);
  --muted:#c9b6a7; --dim:#9c8a7d; --gold:#f5cd6e;
  --mono:"American Typewriter","Courier New",monospace;
}
*{box-sizing:border-box}
html{background:#030001}
body{margin:0;min-height:100vh;color:var(--bone);font-family:var(--mono);
  background:
    radial-gradient(ellipse 75% 55% at 22% 8%, rgba(90,5,5,.18) 0%, rgba(35,2,2,.07) 55%, transparent 80%),
    linear-gradient(180deg,#030001 0%,#050002 55%,#020001 100%);}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:16px 18px 90px}

/* ---- toolbar ---- */
.bar{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #090706;border-radius:16px;
  background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:0 6px 0 #090706,0 0 0 1px rgba(43,230,212,.14)}
.brand{display:flex;align-items:center;gap:9px;font-weight:950;font-size:16px;letter-spacing:.01em}
.brand .lobster{filter:saturate(1.1)}
.spacer{flex:1}
.tabs{display:flex;gap:3px;background:rgba(0,0,0,.28);border-radius:999px;padding:4px}
.tabs span{font-size:13px;padding:5px 13px;border-radius:999px;color:var(--muted)}
.tabs span.on{background:rgba(43,230,212,.16);color:var(--verdigris);font-weight:700}
.chip{font-size:12px;padding:4px 10px;border-radius:999px}
.chip.free{background:rgba(43,230,212,.14);color:var(--verdigris)}
.chip.warn{background:rgba(245,205,110,.16);color:var(--gold);display:flex;align-items:center;gap:6px}
.btn{font-size:13px;padding:7px 14px;border-radius:999px;border:2px solid #090706;cursor:pointer;font-family:var(--mono);font-weight:900}
.btn.up{background:linear-gradient(180deg,#caa0ff,#a875ff);color:#1b1030}
.btn.go{background:var(--verdigris);color:#08110f}
.btn.ghost{background:rgba(0,0,0,.25);color:var(--bone);border-color:#090706}
.dots{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);cursor:pointer}
.avatar{width:30px;height:30px;border-radius:50%;background:rgba(43,230,212,.18);display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--verdigris)}

/* ---- panels / cards ---- */
.panel{border:1px solid #090706;border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-2));
  box-shadow:0 6px 0 #090706,0 0 0 1px rgba(43,230,212,.10);padding:16px}
.strip{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:10px 14px;margin:12px 0;
  border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18)}
.strip b{color:var(--bone);font-weight:700}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tier{border:1px solid var(--line);border-radius:16px;padding:15px;background:rgba(0,0,0,.2)}
.tier.feat{border:2px solid rgba(168,120,255,.6);background:rgba(168,120,255,.07);position:relative}
.tier h3{margin:0 0 3px;font-size:15px;display:flex;align-items:center;gap:7px}
.price{font-size:22px;font-weight:950;margin:2px 0 11px}
.price small{font-size:12px;color:var(--dim);font-weight:400}
.feat-badge{position:absolute;top:-10px;left:14px;font-size:11px;padding:3px 10px;border-radius:999px;background:#a875ff;color:#1b1030;font-weight:900}
.li{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin:5px 0}
.li i{color:var(--verdigris)}
.li.pro i{color:#c9a0ff}
.li .amt{margin-left:auto;color:var(--dim)}

/* ---- release list + pagination ---- */
.releases{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.rrow{display:flex;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line)}
.rrow:last-child{border-bottom:0}
.rrow .ver{font-weight:900;color:var(--verdigris);width:64px}
.rrow .ttl{flex:1;color:var(--bone)}
.rrow .when{color:var(--dim);width:50px;text-align:right;font-size:12px}
.tag{font-size:11px;padding:2px 8px;border-radius:999px}
.tag.stable{background:rgba(43,230,212,.14);color:var(--verdigris)}
.tag.patch{background:rgba(245,205,110,.16);color:var(--gold)}
.pager{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.seg{display:flex;gap:3px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg span{font-size:12px;padding:4px 9px;border-radius:7px;color:var(--muted);cursor:pointer}
.seg span.on{background:rgba(43,230,212,.16);color:var(--verdigris);font-weight:700}
.pages{display:flex;align-items:center;gap:5px}
.pg{min-width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:12px;color:var(--muted);cursor:pointer}
.pg.on{background:rgba(43,230,212,.14);color:var(--verdigris);font-weight:700}
.pg.nav{border:1px solid var(--line)}

/* ---- locked feature tiles ---- */
.locks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lock{border:1px solid var(--line);border-radius:14px;padding:13px;background:rgba(0,0,0,.22)}
.lock .top{display:flex;align-items:center;justify-content:space-between;color:#c9a0ff}
.lock h4{margin:8px 0 2px;font-size:13.5px;color:var(--bone)}
.lock p{margin:0;font-size:11.5px;color:var(--dim);line-height:1.45}

/* ---- the orb ---- */
.orbcircle{border-radius:50%;background:#000;display:grid;place-items:center;overflow:hidden;
  box-shadow:0 0 0 1px rgba(233,70,70,.35), inset 0 0 24px rgba(233,70,70,.12)}
.orbcircle canvas{width:100%;height:100%;display:block}

/* concept-1 docked button */
.dock{display:flex;justify-content:flex-end;margin-top:14px}
.askbtn{display:flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border-radius:999px;
  background:rgba(0,0,0,.3);border:1px solid rgba(233,70,70,.4);cursor:pointer}
.askbtn .oc{width:38px;height:38px}
.askbtn b{font-weight:800;font-size:13.5px}
.askbtn .lk{color:var(--dim);font-size:13px}

/* concept-2 premium teaser */
.teaser{display:flex;gap:14px;align-items:center;padding:15px;border-radius:16px;margin-top:14px;
  background:rgba(168,120,255,.10);border:1px solid rgba(168,120,255,.4)}
.teaser .oc{width:66px;height:66px;flex:0 0 auto}
.teaser .tx b{display:block;font-size:13.5px;color:#d9c2ff;margin-bottom:3px}
.teaser .tx span{font-size:12px;color:#bda6e6;line-height:1.5}

/* hero (concept 2) */
.hero{text-align:center;padding:30px 16px 22px}
.hero .kicker{font-size:12px;padding:4px 11px;border-radius:999px;background:rgba(43,230,212,.14);color:var(--verdigris)}
.hero h1{font-size:30px;font-weight:950;line-height:1.18;margin:14px 0 8px}
.hero p{font-size:14px;color:var(--muted);max-width:480px;margin:0 auto 18px;line-height:1.6}
.hero .cta{display:flex;gap:10px;justify-content:center}
.hero .cta .btn{font-size:14px;padding:10px 20px}

/* ---- demo control bar ---- */
.demobar{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;display:flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;background:rgba(12,10,9,.92);border:1px solid var(--line);
  box-shadow:0 10px 30px rgba(0,0,0,.6);z-index:50;backdrop-filter:blur(6px)}
.demobar .lbl{font-size:12px;color:var(--dim);padding:0 2px}
.demobar button{font-family:var(--mono);font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;
  border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--bone);cursor:pointer}
.demobar button.on{border-color:rgba(233,70,70,.6);color:#ff9b9b}
.demobar button[data-spk="clawdia"].on{border-color:rgba(255,255,255,.6);color:#fff}
.demobar .key{font-size:11px;color:var(--dim);margin-left:4px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle}
.dot.r{background:#e94646}.dot.w{background:#f4eaea}

h2.sec{font-size:14px;font-weight:800;margin:18px 2px 10px;color:var(--bone)}
.nav-demos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.nav-demos a{font-size:13px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.25)}

/* ===== live OpenClaw data band (black / red theme) ===== */
.vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.vcard{border:1px solid rgba(233,70,70,.30);border-radius:14px;padding:14px;background:linear-gradient(180deg,#1c100d,#120a09)}
.vcard .lab{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:7px;margin-bottom:6px}
.vcard .ver{font-size:22px;font-weight:950;margin:0 0 5px;font-family:var(--mono);color:var(--bone)}
.vcard .sub{font-size:12px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:9px;margin-top:11px}
.stat{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:linear-gradient(180deg,#1b0f0d,#0f0908)}
.stat .n{font-size:21px;font-weight:950;color:#ff8a7a}
.stat .l{font-size:11px;color:var(--dim);margin-top:2px;line-height:1.3}

/* redesigned pills — channel (stability) + change type */
.pill2{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.ch-stable{background:rgba(43,230,212,.16);color:var(--verdigris)}
.ch-beta{background:rgba(245,205,110,.18);color:var(--gold)}
.ch-alpha{background:rgba(233,70,70,.20);color:#ff9b8b}
.t-new{background:rgba(43,230,212,.12);color:var(--verdigris)}
.t-fix{background:rgba(240,223,203,.10);color:#e7d8c6}
.t-sec{background:rgba(233,70,70,.20);color:#ff9b8b}
.t-brk{background:rgba(233,70,70,.30);color:#ffd6cf;border:1px solid rgba(233,70,70,.55)}
.t-perf{background:rgba(245,205,110,.14);color:var(--gold)}
.dot7{width:7px;height:7px;border-radius:50%}

.rel{border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:linear-gradient(180deg,#160d0b,#100908);margin-bottom:9px}
.rel .rtop{display:flex;align-items:center;gap:10px}
.rel .v{font-family:var(--mono);font-weight:950;font-size:15px;color:var(--bone)}
.rel .date{margin-left:auto;font-size:12px;color:var(--dim)}
.rel .cnt{font-size:12px;color:var(--muted)}
.rel .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rel .cats{margin-top:9px;font-size:11.5px;color:var(--dim)}
.rel .cats b{color:var(--muted);font-weight:600}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 2px 0;font-size:11px;color:var(--dim);align-items:center}
.legend .pill2{cursor:default}

/* ===== v2 pills: stability owns COLOR (filled + glyph); change-type owns FORM (neutral chip) ===== */
/* Stability = filled ripeness ramp, green -> amber -> red, with a doneness glyph */
.stab{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;padding:4px 11px;border-radius:999px;letter-spacing:.04em}
.stab .g{font-size:10px;line-height:1}
.stab.stable{background:#155e44;color:#7ff0c4}
.stab.beta{background:#6b4f10;color:#ffd884}
.stab.alpha{background:#6f2020;color:#ff9c8c}

/* Change-type = neutral rounded-RECT chip (different shape than the stability pill) + a small dot */
.cz{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;
  background:rgba(240,223,203,.05);border:1px solid var(--line);color:#d7c9b8}
.cz .d{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.cz .c{color:var(--dim);font-weight:600}
.cz.muted{color:var(--dim);background:transparent;border-style:dashed}
.d-break{background:#ff5a4d}.d-sec{background:#f0913c}.d-new{background:#57d39b}.d-perf{background:#5aa6ff}.d-routine{background:#8d8076}

/* proportion bar — shows ALL categories at a glance; routine stays neutral so it never rainbows */
.cbar{display:flex;height:8px;border-radius:999px;overflow:hidden;margin:10px 0 0;background:rgba(0,0,0,.35)}
.cbar span{display:block;height:100%}
.s-break{background:#ff5a4d}.s-sec{background:#f0913c}.s-new{background:#57d39b}.s-perf{background:#5aa6ff}.s-fix{background:#6f655c}.s-other{background:#413a34}

.legend2{display:flex;flex-wrap:wrap;gap:18px;margin:10px 2px 4px;font-size:11.5px;color:var(--dim);align-items:center}
.legend2 .grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.legend2 .lt{color:var(--muted);font-weight:700}

/* ===== main-release grouping: betas/alphas collapsed behind a toggle ===== */
.subnote{font-size:12px;color:var(--dim);margin:2px 2px 10px}
.pretoggle{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-size:12px;color:var(--muted);cursor:pointer;
  background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-family:var(--mono);font-weight:700;user-select:none}
.pretoggle:hover{border-color:var(--dim)}
.pretoggle .chev{display:inline-block;transition:transform .15s ease;font-size:10px}
.pretoggle.open .chev{transform:rotate(90deg)}
.prewrap{display:none;margin-top:10px;border-top:1px solid var(--line);padding-top:6px}
.prewrap.open{display:block}
.prerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 2px;border-bottom:1px dashed var(--line)}
.prerow:last-child{border-bottom:0}
.prerow .pv{font-family:var(--mono);font-weight:800;font-size:13px;color:#d7c9b8;min-width:148px}
.prerow .pd{font-size:11px;color:var(--dim);margin-left:auto}
.prerow .pills{margin-top:0}
.stab.sm{font-size:10px;padding:2px 8px}

/* ===== proportion bar: always full width; Fixes + routine get visible colors ===== */
.cbar span{flex:0 0 auto}
.cbar .s-other{flex:1 1 0}            /* routine fills whatever's left — no empty end ever */
.s-fix{background:#c2a878}            /* Fixes = warm taupe, its own identity */
.s-other{background:#6b5f54}          /* routine = visible brown-gray, not gray-on-gray */
.d-fix{background:#c2a878}

/* elegant section divider — faded hairline with a subtle verdigris center */
.divider{height:1px;border:0;margin:30px 2px 6px;
  background:linear-gradient(90deg,transparent,rgba(240,223,203,.14) 16%,rgba(43,230,212,.30) 50%,rgba(240,223,203,.14) 84%,transparent)}

/* =================================================================
   REBUILD additions — preserved live features in the new theme
   ================================================================= */
.nav-links{display:flex;gap:3px;background:rgba(0,0,0,.28);border-radius:999px;padding:4px}
.nav-links a{font-size:13px;padding:5px 13px;border-radius:999px;color:var(--muted)}
.nav-links a.on{background:rgba(43,230,212,.16);color:var(--verdigris);font-weight:700}
.nav-links a:hover{color:var(--bone)}

.gen-note{font-size:12px;color:var(--dim);margin:10px 2px 0;text-align:center}

/* action button row (Check version / Timeline / Downloads / Workspace / Hire) */
.actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:16px}
.actions a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 15px;border-radius:999px;
  border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--bone);transition:border-color .12s,transform .12s}
.actions a:hover{border-color:var(--verdigris);transform:translateY(-1px)}
.actions a .ic{color:var(--verdigris)}

/* version checker */
.checker{margin-top:14px;padding:16px;border:1px solid rgba(245,205,110,.3);border-radius:16px;background:linear-gradient(180deg,#1a140a,#120c08)}
.checker h3{margin:0 0 4px;font-size:15px}
.checker p{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.55}
.checker .row{display:flex;gap:9px;flex-wrap:wrap}
.checker input{flex:1;min-width:200px;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:10px;color:var(--bone);
  font:600 14px var(--mono);padding:10px 12px;outline:none}
.checker input:focus{border-color:var(--gold)}
.checker .go{background:linear-gradient(180deg,#f5cd6e,#e0a93a);color:#241803;border:2px solid #090706;border-radius:10px;
  font:950 13px var(--mono);padding:0 18px;cursor:pointer}
.checker .hint{font-size:11px;color:var(--dim);margin-top:8px}
.result{margin-top:13px;padding:13px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);display:none}
.result.show{display:block}
.result .rl{display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:14px;padding:4px 11px;border-radius:999px;margin-bottom:9px}
.rl.low{background:rgba(87,211,154,.16);color:#7ff0c4}
.rl.med{background:rgba(245,205,110,.18);color:var(--gold)}
.rl.high{background:rgba(233,70,70,.20);color:#ff9c8c}
.result .rsum{font-size:13px;color:var(--muted);line-height:1.6}
.result .rsum b{color:var(--bone)}

/* search + filter */
.searchbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.searchbar input{flex:1;min-width:200px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:10px;color:var(--bone);
  font:600 13px var(--mono);padding:9px 12px;outline:none}
.searchbar input:focus{border-color:var(--verdigris)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.fchip{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.25);
  color:var(--muted);cursor:pointer;font-family:var(--mono)}
.fchip.on{border-color:var(--verdigris);color:var(--verdigris);background:rgba(43,230,212,.12)}
.muted-note{font-size:12px;color:var(--dim);margin:2px 0 12px}

/* catalog grids (capabilities / providers / models / policy) */
.colset{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:4px}
.catlist{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.2);overflow:hidden}
.catlist .ch{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--bone)}
.catlist .crow{display:flex;align-items:center;gap:10px;padding:7px 13px;border-bottom:1px solid var(--line);font-size:12.5px}
.catlist .crow:last-child{border-bottom:0}
.catlist .crow .nm{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catlist .crow .ct{color:var(--verdigris);font-weight:800;font-family:var(--mono)}
.catlist .crow .meter{height:5px;border-radius:999px;background:rgba(43,230,212,.35);flex:0 0 auto}

.policy .pol{padding:12px 13px;border-bottom:1px solid var(--line)}
.policy .pol:last-child{border-bottom:0}
.policy .pol .ph{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.policy .pol .pp{font-size:12px;font-weight:800;color:var(--gold)}
.policy .pol .pd{font-size:11px;color:var(--dim);margin-left:auto}
.policy .pol .pt{font-size:12.5px;color:var(--muted);line-height:1.55}

/* tabs (X panel posts/replies) */
.tabset{display:flex;gap:4px;margin-bottom:10px}
.tabset button{font:700 12px var(--mono);padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--muted);cursor:pointer}
.tabset button.on{border-color:var(--verdigris);color:var(--verdigris)}

/* footer */
.foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.foot a{font-size:12.5px;color:var(--muted)}
.foot a:hover{color:var(--verdigris)}
.foot .sep{color:var(--dim)}

/* native details elegance */
details.exp{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2);padding:0 14px;margin-top:10px}
details.exp>summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:700;list-style:none;display:flex;align-items:center;gap:8px}
details.exp>summary::-webkit-details-marker{display:none}
details.exp>summary .chev{display:inline-block;transition:transform .15s;font-size:10px;color:var(--dim)}
details.exp[open]>summary .chev{transform:rotate(90deg)}
details.exp .body{padding:0 0 14px}

/* downloads chart page */
.chartwrap{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.2);padding:18px 18px 14px;margin-top:12px;height:clamp(340px,46vh,480px)}
.chartwrap canvas{width:100%!important;height:100%!important}
.dlstats{margin-top:14px}
/* downloads key stats — two centred hero boxes + a compact list (verdigris/bone, no coral) */
.dlc{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:stretch}
.dlc-heroes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dlc-hero{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(43,230,212,.06),rgba(0,0,0,.28));
  padding:22px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dlc-hero .l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.dlc-hero .n{font-size:33px;font-weight:950;color:var(--verdigris);margin-top:9px;line-height:1;letter-spacing:-.01em}
.dlc-list{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.22);padding:4px 16px}
.dlc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(240,223,203,.1)}
.dlc-row:last-child{border-bottom:0}
.dlc-row .k{font-size:12.5px;color:var(--muted)}
.dlc-row .k .d{color:var(--dim);font-size:11px}
.dlc-row .v{font-size:16px;font-weight:900;color:var(--bone);white-space:nowrap;font-variant-numeric:tabular-nums}
.dlc-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);margin-top:9px}
.dlc-live b{color:var(--verdigris);font-weight:700}
.dlc-live .dot{width:7px;height:7px;border-radius:50%;background:#57d39b;box-shadow:0 0 7px #57d39b}
@media(max-width:720px){.dlc{grid-template-columns:1fr}}

/* timeline page */
.tlnav{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px}

/* ===== date-scaled horizontal timeline (tl2) ===== */
.tl2-legend{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:12px 2px 7px;font-size:11px;color:var(--muted)}
.tl2-lg{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tl2-sw{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}
.tl2-sw.sq{border-radius:2px}
.tl2-lglab{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}
.tl2-lg.ring .tl2-sw{box-shadow:0 0 0 2px rgba(43,230,212,.55)}
.tl2-lgsep{width:1px;height:14px;background:var(--line);margin:0 2px}
.tl2-hint{font-size:12px;color:var(--dim);margin:0 2px 14px;line-height:1.5;max-width:680px}

/* ===== vertical date-scaled timeline (tlv) ===== */
/* two-pane: a tight timeline column on the left + a persistent recap pane on the right */
body.timeline-page .wrap{max-width:1500px}
.tl-row{display:flex;gap:16px;align-items:flex-start;margin:6px 0 8px}
.tlv-detail{flex:1 1 0;min-width:0;align-self:stretch;height:76vh;min-height:440px;position:sticky;top:14px;
  border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:20px 22px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:rgba(240,223,203,.22) transparent}
.tld-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 11px;margin-bottom:12px}
.tld-title{font-family:var(--mono);font-weight:950;font-size:23px;color:var(--bone);margin:0 0 4px;line-height:1.1}
.tld-date{font-size:12.5px;color:var(--dim);margin-bottom:14px}
.tld-desc{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 14px}
.tld-row{font-size:12.5px;color:var(--muted);margin:9px 0;line-height:1.55}
.tld-row b{color:var(--dim);font-weight:700;margin-right:6px}
.tld-pills{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle}
.tld-src{display:inline-block;margin-top:10px;color:var(--verdigris);font-weight:800;font-size:13.5px;text-decoration:none}
.tld-src:hover{text-decoration:underline}

/* tight timeline column: static headers above + the scroller */
.tlv-col{display:flex;flex-direction:column;min-width:0;position:relative}
/* floating year indicator — updates as you scroll; one clean marker, never per-date */
.tlv-year{position:absolute;top:36px;right:16px;z-index:8;pointer-events:none;
  font-family:var(--mono);font-weight:950;font-size:13px;letter-spacing:.06em;color:var(--verdigris);
  background:rgba(12,10,9,.7);border:1px solid rgba(43,230,212,.35);border-radius:999px;padding:4px 12px;
  backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.4)}
.tlv-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 7px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tlv-head-l{color:var(--dim)}
.tlv-head-r{color:var(--verdigris)}
.tld-first{display:inline-block;font-size:12px;font-weight:800;color:var(--verdigris);background:rgba(43,230,212,.1);border:1px solid rgba(43,230,212,.4);border-radius:8px;padding:5px 10px;margin-bottom:12px}

/* a fixed-height internal scroller keeps the page normal-height; the canvas inside is the full date-scaled height */
.tlv-scroll{position:relative;height:76vh;min-height:440px;overflow-y:auto;overflow-x:hidden;
  border:1px solid var(--line);border-radius:14px;background:var(--panel-2);
  scrollbar-width:thin;scrollbar-color:rgba(240,223,203,.22) transparent}
.tlv-scroll::-webkit-scrollbar{width:10px}
.tlv-scroll::-webkit-scrollbar-track{background:transparent}
.tlv-scroll::-webkit-scrollbar-thumb{background:rgba(240,223,203,.2);border-radius:8px}
/* axis runs down the canvas at AX%; providers to the left, releases to the right */
.tlv-canvas{position:relative;--ax:34%;
  background:radial-gradient(80% 22% at var(--ax) 0,rgba(80,5,5,.16),transparent 70%),var(--panel-2)}
.tlv-axis{position:absolute;left:var(--ax);top:0;bottom:0;width:2px;transform:translateX(-1px);
  background:linear-gradient(180deg,transparent,rgba(240,223,203,.4) 3%,rgba(240,223,203,.4) 97%,transparent);pointer-events:none}

.tlv-grid{position:absolute;left:0;right:0;height:1px;background:rgba(240,223,203,.08);pointer-events:none}
.tlv-grid.yr{background:rgba(43,230,212,.2);height:2px}
.tlv-grid.wk{background:rgba(240,223,203,.035)}
.tlv-mlab{position:absolute;left:8px;font-size:10px;color:var(--dim);font-family:var(--mono);white-space:nowrap;pointer-events:none}
.tlv-mlab.yr{color:var(--verdigris);font-weight:800}
.tlv-mlab.wk{font-size:9px;color:rgba(156,138,125,.6)}

/* leader lines connecting an on-axis dot to its nudged label */
.tlv-conn{position:absolute;height:1px;background:rgba(240,223,203,.22);pointer-events:none;z-index:1}

/* provider model markers: tick ON the axis + label nudged into the left margin */
.tlv-ptick{position:absolute;left:var(--ax);width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:5;border:1px solid rgba(0,0,0,.45)}
.tlv-pin{position:absolute;left:var(--ax);transform:translate(calc(-100% - 20px),-50%);cursor:pointer;opacity:.9;transition:opacity .14s;z-index:3;white-space:nowrap}
.tlv-pin:hover{opacity:1}
.tlv-plab{font-size:11px;font-family:var(--mono);font-weight:700;text-shadow:0 1px 2px #000}

/* OpenClaw change/release markers — SQUARES so they never read as model dots (circles) */
.tlv-dot{position:absolute;left:var(--ax);width:8px;height:8px;border-radius:2px;transform:translate(-50%,-50%);cursor:pointer;opacity:.85;z-index:2;transition:transform .12s,opacity .12s}
.tlv-dot:hover{opacity:1;transform:translate(-50%,-50%) scale(1.6)}
.tlv-dot.maj{width:13px;height:13px;box-shadow:0 0 0 2px rgba(43,230,212,.45),0 0 10px rgba(43,230,212,.3);z-index:4}
.tlv-dot.maj:hover{transform:translate(-50%,-50%) scale(1.3)}
.tlv-dot.first{width:16px;height:16px;box-shadow:0 0 0 3px rgba(43,230,212,.7),0 0 16px rgba(43,230,212,.6);z-index:6}
.tlv-dot.chg{width:6px;height:6px;opacity:.62;z-index:1}
.tlv-dot.chg:hover{opacity:1;transform:translate(-50%,-50%) scale(1.9)}

/* major-release cards (right of axis) */
.tlv-card{position:absolute;left:var(--ax);transform:translate(20px,-50%);display:flex;align-items:center;gap:7px;
  background:rgba(20,13,11,.94);border:1px solid var(--line);border-radius:9px;
  padding:5px 10px;cursor:pointer;z-index:3;box-shadow:0 3px 0 #090706;transition:border-color .14s;white-space:nowrap}
.tlv-card:hover{border-color:var(--verdigris)}
.tlv-cdot{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.tlv-cv{font-family:var(--mono);font-weight:900;font-size:12px;color:var(--bone)}
.tlv-cd{font-size:10px;color:var(--dim);font-family:var(--mono)}
.tlv-card.first{background:rgba(43,230,212,.12);border-color:var(--verdigris);box-shadow:0 0 14px rgba(43,230,212,.35),0 3px 0 #090706;z-index:5}
.tlv-card.first .tlv-cv{color:var(--verdigris)}
.tlv-lobster{display:inline-flex;line-height:1;flex:0 0 auto}
.oc-ico{width:15px;height:15px;display:inline-block;flex:0 0 auto}
.tld-first{display:inline-flex;align-items:center;gap:7px}
.tld-first .oc-ico{width:17px;height:17px}
/* compact card for beta/alpha versions; emphasised card for majors */
.tlv-card.beta{padding:3px 8px;opacity:.82;box-shadow:0 2px 0 #090706}
.tlv-card.beta .tlv-cv{font-size:11px;font-weight:800;color:var(--muted)}
.tlv-card.beta .tlv-cd{display:none}
.tlv-card.beta .tlv-cdot{width:6px;height:6px}
.tlv-card.maj{border-color:rgba(43,230,212,.5);box-shadow:0 0 10px rgba(43,230,212,.25),0 3px 0 #090706}
.tld-pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;font-family:var(--mono);background:rgba(240,223,203,.08);color:var(--muted);border:1px solid var(--line)}
.tld-iss{color:var(--verdigris);font-weight:800;font-size:12.5px;text-decoration:none;margin-right:8px}
.tld-iss:hover{text-decoration:underline}

/* plain-English recap: grouped bullets + show-more */
.tld-recap{margin-top:4px}
.tld-recap-head{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin:4px 0 10px}
.tld-grp{margin-bottom:12px}
.tld-grp-cat{font-size:12px;font-weight:800;color:var(--verdigris);margin-bottom:5px}
.tld-grp-cat .n{display:inline-block;font-size:10px;color:var(--dim);background:rgba(240,223,203,.08);border-radius:999px;padding:1px 7px;margin-left:5px;font-weight:700}
.tld-bul{list-style:none;margin:0;padding:0}
.tld-bul li{position:relative;font-size:13px;color:var(--muted);line-height:1.5;padding:4px 0 4px 14px;border-bottom:1px dashed rgba(240,223,203,.07)}
.tld-bul li:last-child{border-bottom:0}
.tld-bul li::before{content:"›";position:absolute;left:0;top:4px;color:var(--dim)}
.tld-bt{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:5px;padding:0 5px;margin-right:6px;vertical-align:1.5px}
.tld-recap .hid{display:none}
.tld-recap.open .tld-grp.hid{display:block}
.tld-recap.open .tld-bul li.hid{display:list-item}
.tld-more{margin-top:10px;background:rgba(43,230,212,.1);border:1px solid rgba(43,230,212,.4);color:var(--verdigris);
  font-family:var(--mono);font-weight:800;font-size:12px;padding:7px 13px;border-radius:9px;cursor:pointer}
.tld-more:hover{background:rgba(43,230,212,.18)}
/* Gemini's Recap (official release notes) inside the timeline detail pane */
.tld-gem{margin-top:14px;border:1px solid rgba(168,120,255,.35);border-radius:11px;background:rgba(168,120,255,.06);overflow:hidden}
.tld-gem summary{list-style:none;cursor:pointer;padding:9px 13px;font:800 12px var(--mono);color:#c9a0ff;user-select:none}
.tld-gem summary::-webkit-details-marker{display:none}
.tld-gem summary .chev{display:inline-block;margin-right:7px;transition:transform .15s}
.tld-gem[open] summary .chev{transform:rotate(90deg)}
.tld-gem-body{padding:4px 14px 12px;font-size:12.5px;color:var(--muted);line-height:1.6;max-height:300px;overflow-y:auto}
.tld-gem-body ul{margin:6px 0;padding-left:18px}
.tld-gem-body li{margin:4px 0}
.tld-gem-body h1,.tld-gem-body h2,.tld-gem-body h3,.tld-gem-body h4{font-size:12.5px;color:var(--bone);margin:10px 0 4px}

/* selected milestone (scroll-spy / click) */
.tlv-dot.sel{box-shadow:0 0 0 3px rgba(43,230,212,.7),0 0 14px rgba(43,230,212,.5);z-index:7}
.tlv-dot.maj.sel{transform:translate(-50%,-50%) scale(1.25)}
.tlv-ptick.sel{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 0 3px rgba(43,230,212,.6),0 0 12px var(--pc)}
.tlv-pin.sel{opacity:1}
.tlv-pin.sel .tlv-plab{text-decoration:underline;filter:brightness(1.18)}
.tlv-card.sel{border-color:var(--verdigris);box-shadow:0 0 0 2px rgba(43,230,212,.55),0 3px 0 #090706}

@media(max-width:980px){
  .tl-row{flex-direction:column}
  .tlv-col{flex:1 1 auto!important;width:100%;max-width:100%}
  .tlv-scroll{height:60vh}
  .tlv-detail{position:static;height:auto;min-height:0;max-height:46vh;width:100%;align-self:auto}
}

/* detail modal */
.tl2-modal{position:fixed;inset:0;background:rgba(4,1,1,.66);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}
.tl2-modal[hidden]{display:none}
.tl2-mbox{position:relative;width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.tl2-mx{position:absolute;top:12px;right:14px;background:none;border:0;color:var(--dim);font-size:22px;line-height:1;cursor:pointer}
.tl2-mx:hover{color:var(--bone)}
.tl2-mtag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--pc,var(--verdigris));border:1px solid;border-radius:999px;padding:3px 10px;margin-bottom:10px}
.tl2-mtitle{font-family:var(--mono);font-weight:950;font-size:20px;color:var(--bone);margin-bottom:3px;line-height:1.1}
.tl2-mdate{font-size:12px;color:var(--dim);margin-bottom:12px}
.tl2-mdesc{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.tl2-mrow{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.5}
.tl2-mrow b{color:var(--dim);font-weight:700;margin-right:6px}
.tl2-msrc{display:inline-block;margin-top:6px;color:var(--verdigris);font-weight:800;font-size:13px;text-decoration:none}
.tl2-msrc:hover{text-decoration:underline}

/* ===== Ask Clawdia panel + free-tier email verify gate ===== */
.askpanel{margin-top:14px;border:1px solid rgba(168,120,255,.5);
  background:radial-gradient(120% 120% at 0% 0%, rgba(168,120,255,.15), rgba(168,120,255,.05) 60%, rgba(168,120,255,.03));
  box-shadow:0 6px 0 #090706,0 0 0 1px rgba(168,120,255,.2)}
.askhead{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.askhead .orbcircle{width:60px;height:60px;flex:0 0 auto}
.askhead b{display:block;font-size:15px;color:var(--bone)}
.askhead .sub{font-size:12.5px;color:var(--muted);line-height:1.5}
.askgate{border-top:1px solid var(--line);padding-top:14px}
.gate-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.gate-row input{flex:1;min-width:200px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:10px;color:var(--bone);font:600 14px var(--mono);padding:10px 12px;outline:none}
.gate-row input:focus{border-color:var(--verdigris)}
.gbtn{background:var(--verdigris);color:#08110f;border:2px solid #090706;border-radius:10px;font:950 13px var(--mono);padding:11px 16px;cursor:pointer;white-space:nowrap}
.gate-note{font-size:11.5px;color:var(--dim);margin-top:9px;line-height:1.5}
.gate-verified{display:flex;align-items:center;gap:8px;font-size:13px;color:#7ff0c4;margin-bottom:11px;flex-wrap:wrap}
.gate-quota{margin-left:auto;font-size:12px;font-weight:700;color:var(--gold)}
.gate-err{color:#ff9c8c;font-size:12px;margin-top:8px}
.gate-step{font-size:11px;color:var(--verdigris);font-weight:700;letter-spacing:.04em;margin-bottom:8px}

/* ===== big landing orb (no ring, no outer circle) + page headers ===== */
.bigorb{width:180px;height:180px;flex:0 0 auto;display:grid;place-items:center;background:#000;border-radius:50%;box-shadow:0 0 0 1px rgba(168,120,255,.25)}
.bigorb canvas{width:100%;height:100%;display:block}
.pagehead{padding:20px 2px 8px}
.pagehead h1{font-size:26px;font-weight:950;margin:0 0 6px}
.pagehead p{font-size:14px;color:var(--muted);margin:0;line-height:1.6;max-width:620px}

/* per-release source link */
.rel .rsrc{margin-top:9px;font-size:12px}
.rel .rsrc a{color:var(--verdigris)}
.rel .rsrc a:hover{text-decoration:underline}

/* Gemini's Recap (per-release expandable) */
.recap{margin-top:9px}
.recap>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#9fd0c4;
  background:rgba(43,230,212,.08);border:1px solid rgba(43,230,212,.22);border-radius:999px;padding:5px 11px}
.recap>summary::-webkit-details-marker{display:none}
.recap>summary .chev{font-size:9px;transition:transform .15s;color:var(--dim)}
.recap[open]>summary .chev{transform:rotate(90deg)}
.recap .rbody{padding:11px 2px 2px;font-size:12.5px;color:var(--muted);line-height:1.6}
.recap .rbody h4{margin:11px 0 5px;font-size:12px;color:var(--verdigris);font-weight:800;letter-spacing:.02em}
.recap .rbody ul{margin:0 0 8px;padding-left:18px}
.recap .rbody li{margin:3px 0}
.recap .rbody p{margin:0 0 8px}
.recap .rbody pre{background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:8px;padding:9px 11px;overflow-x:auto;font-size:11.5px;color:#cfe9e2;margin:0 0 8px;white-space:pre-wrap}
.recap .rbody code{background:rgba(43,230,212,.12);color:#bdeee4;padding:1px 5px;border-radius:5px;font-size:11.5px}
.recap .rbody strong{color:var(--bone);font-weight:700}
.recap .rbody a{color:var(--verdigris)}
.recap .rbody a:hover{text-decoration:underline}

/* ===== area pills + model pills (family-colored) + highlights digest + dual recaps ===== */
.pillrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}
.pillrow .plabel{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-right:2px}
/* area (category) = uniform neutral tag — distinct from colored change/model pills */
.area{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;background:rgba(240,223,203,.06);border:1px solid var(--line);color:#d2c2b1}
.area .an{color:var(--dim);font-weight:600}
/* model = pill colored by provider family */
.model{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;font-family:var(--mono);border:1px solid transparent}
.model.sm{font-size:10px;padding:1px 7px;margin-left:4px}
.f-claude{background:rgba(168,120,255,.16);color:#cbb0ff;border-color:rgba(168,120,255,.32)}
.f-openai{background:rgba(87,211,154,.14);color:#8ff0cb;border-color:rgba(87,211,154,.32)}
.f-google{background:rgba(90,166,255,.14);color:#a9ccff;border-color:rgba(90,166,255,.32)}
.f-xai{background:rgba(255,90,77,.14);color:#ff9b8b;border-color:rgba(255,90,77,.32)}
.f-zai{background:rgba(245,205,110,.14);color:var(--gold);border-color:rgba(245,205,110,.32)}
.f-moonshot{background:rgba(237,147,177,.14);color:#f1b6cd;border-color:rgba(237,147,177,.32)}
.f-deepseek{background:rgba(43,230,212,.12);color:var(--verdigris);border-color:rgba(43,230,212,.32)}
.f-qwen{background:rgba(240,145,60,.14);color:#ffb877;border-color:rgba(240,145,60,.32)}
.f-meta,.f-mistral,.f-local,.f-other{background:rgba(240,223,203,.06);color:var(--muted);border-color:var(--line)}
/* highlights digest — shown by default, the easy-to-digest summary */
.hldigest{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.hli{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.5}
.htag{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.03em;padding:2px 7px;border-radius:6px;margin-top:1px}
.hl-break{background:rgba(255,90,77,.18);color:#ffb1a6}
.hl-sec{background:rgba(240,145,60,.18);color:#ffc78f}
.hl-new{background:rgba(87,211,154,.16);color:#9ef0cf}
.htx{flex:1}
/* two recap expandables side by side; ClawWatch = gold accent, Gemini = verdigris */
.recaprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.recap.cw>summary{color:#e6cfa6;background:rgba(245,205,110,.08);border-color:rgba(245,205,110,.24)}

/* ===== Pinch support console + workspace scan + toast ===== */
.pinchwrap{max-width:760px;margin:0 auto}
.console{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.24);padding:14px;margin-top:6px}
.transcript{display:flex;flex-direction:column;gap:9px;min-height:80px;max-height:340px;overflow-y:auto;padding:4px}
.msg{max-width:86%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.5}
.msg.user{align-self:flex-end;background:rgba(43,230,212,.14);color:#dffbf6;border-bottom-right-radius:5px}
.msg.bot{align-self:flex-start;background:rgba(240,223,203,.06);border:1px solid var(--line);color:#ede0d2;border-bottom-left-radius:5px}
.composer2{display:flex;gap:8px;margin-top:11px;align-items:center}
.composer2 input{flex:1;min-width:120px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;color:var(--bone);font:600 14px var(--mono);padding:11px 13px;outline:none}
.composer2 input:focus{border-color:var(--verdigris)}
.composer2 input:disabled{opacity:.55}
.micbtn{position:relative;width:44px;height:44px;flex:0 0 auto;border-radius:999px;border:1px solid rgba(168,120,255,.4);background:rgba(168,120,255,.12);color:#c9a0ff;font-size:17px;cursor:pointer;display:grid;place-items:center}
.lockbadge{position:absolute;top:-6px;right:-7px;font-size:9px;font-weight:900;background:#a875ff;color:#1b1030;border-radius:999px;padding:1px 6px}
.sendbtn{flex:0 0 auto;background:var(--verdigris);color:#08110f;border:2px solid #090706;border-radius:12px;font:950 13px var(--mono);padding:11px 16px;cursor:pointer}
.sendbtn:disabled{opacity:.5;cursor:not-allowed}
.cmeta{margin-top:11px}
.cquota{font-size:12px;color:var(--muted)}
.cquota b{color:var(--bone)}
.scanbox{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.2);padding:15px;margin-top:6px}
.scanrow{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:11px}
.scanrow code{background:rgba(43,230,212,.1);color:#bdeee4;padding:1px 5px;border-radius:5px;font-size:11.5px}
.scanrow b{color:var(--bone)}
.si{flex:0 0 auto;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:900;margin-top:1px}
.si.ok{background:rgba(87,211,154,.16);color:#7ff0c4}
.si.warn{background:rgba(255,90,77,.18);color:#ffb1a6}
.scandrop{border:1.5px dashed var(--line);border-radius:14px;padding:22px;text-align:center;cursor:pointer;margin-top:4px;transition:border-color .15s}
.scandrop:hover{border-color:var(--verdigris)}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(12,10,9,.96);border:1px solid var(--line);color:var(--bone);padding:10px 16px;border-radius:999px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 10px 30px rgba(0,0,0,.55);max-width:90vw}
.toast.show{opacity:1}

.msg.typing{opacity:.5;font-style:italic}

/* ===== releases v2: calm cards — one quiet line each, everything on demand ===== */
.rel2{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.18);margin-bottom:10px;overflow:hidden;transition:border-color .15s,background .15s}
.rel2:hover{border-color:rgba(240,223,203,.3)}
.rel2.open{border-color:rgba(43,230,212,.42);background:rgba(0,0,0,.26)}
.rel2-face{display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;cursor:pointer;
  padding:15px 17px 13px;text-align:left;color:var(--bone);font-family:var(--mono)}
.rel2-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.rel2-dot.stable{background:#57d39b;box-shadow:0 0 7px rgba(87,211,154,.5)}
.rel2-dot.beta{background:#f5cd6e;box-shadow:0 0 7px rgba(245,205,110,.45)}
.rel2-v{font-size:16.5px;font-weight:950;letter-spacing:.01em;flex:0 0 auto}
.rel2-sum{flex:1;min-width:0;font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rel2-al{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--c);white-space:nowrap}
.rel2-al::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c);box-shadow:0 0 6px var(--c)}
.rel2-date{flex:0 0 auto;font-size:12px;color:var(--dim)}
.rel2-chev{flex:0 0 auto;color:var(--dim);transition:transform .18s;font-size:12px}
.rel2.open .rel2-chev{transform:rotate(180deg)}
.rel2-bar .cbar{height:3px;margin:0;border-radius:0;opacity:.8;border:0;background:rgba(240,223,203,.05)}
.rel2-body{display:none;padding:14px 17px 16px;border-top:1px solid rgba(240,223,203,.07)}
.rel2.open .rel2-body{display:block}
.rel2-load{display:block;margin:16px auto 6px;background:rgba(43,230,212,.1);border:1px solid rgba(43,230,212,.35);color:var(--verdigris);
  font:800 13px var(--mono);padding:10px 24px;border-radius:999px;cursor:pointer}
.rel2-load:hover{background:rgba(43,230,212,.18)}
.rel2-end{text-align:center;font-size:12px;color:var(--dim);margin:16px 0 6px}
.rel2-end a{color:var(--verdigris);font-weight:700}
@media(max-width:640px){.rel2-sum{display:none}}

/* ===== premium support page: two-column hero (big orb + chat) ===== */
.phero{margin-top:14px;padding:0;overflow:hidden}
.phero{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:0}
.phero-l{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:34px 24px;
  background:radial-gradient(70% 60% at 50% 40%,rgba(90,5,5,.18),transparent 70%);border-right:1px solid var(--line)}
.phero .bigorb{width:260px;height:260px}
.voicebtn{width:min(300px,100%);padding:13px 18px;border:0;border-radius:999px;cursor:pointer;
  font:950 14px var(--mono);color:#06201a;background:linear-gradient(90deg,#2be6d4,#7ef0a0);box-shadow:0 5px 18px rgba(43,230,212,.25)}
.voicebtn:hover{filter:brightness(1.05)}
.voicehint{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5;max-width:280px}
.phero-r{padding:24px;display:flex;flex-direction:column;min-width:0}
.phero-head{margin-bottom:12px}
.phero-eyebrow{font-size:12px;font-weight:800;color:var(--verdigris);letter-spacing:.03em}
.phero-title{font-size:22px;font-weight:950;margin:3px 0 0;color:var(--bone)}

.pconsole{display:flex;flex-direction:column;gap:11px;min-width:0}
.pchips{display:flex;flex-wrap:wrap;gap:7px}
.pchip{font:700 12px var(--mono);color:var(--muted);background:rgba(0,0,0,.28);border:1px solid var(--line);
  border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}
.pchip:hover{border-color:var(--verdigris);color:var(--bone)}
.paccess{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.22);padding:12px 13px}
.pacc-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}
.pacc-row:last-child{margin-bottom:0}
.pacc-step{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--verdigris)}
.pacc-row input{flex:1;min-width:160px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:10px;color:var(--bone);font:600 14px var(--mono);padding:10px 12px;outline:none}
.pacc-row input:focus{border-color:var(--verdigris)}
.pacc-ok{font-size:12.5px;color:#9ef0cf;line-height:1.5}
.pacc-ok b{color:var(--bone)}
.pacc-dot{color:#57d39b;font-weight:900;margin-right:3px}
.goPro{color:#c9a0ff;font-weight:800;text-decoration:none}
.goPro:hover{text-decoration:underline}
.ptx{display:flex;flex-direction:column;gap:9px;min-height:120px;max-height:300px;overflow-y:auto;padding:6px;
  border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.18)}
.pin{width:100%;resize:vertical;min-height:54px;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;
  color:var(--bone);font:600 14px var(--mono);padding:11px 13px;outline:none}
.pin:focus{border-color:var(--verdigris)}
.pin:disabled{opacity:.5}
.pdrawer-toggle{text-align:left;background:rgba(43,230,212,.08);border:1px solid rgba(43,230,212,.28);border-radius:10px;
  color:var(--verdigris);font:800 13px var(--mono);padding:10px 13px;cursor:pointer}
.pdrawer-toggle .chev{display:inline-block;transition:transform .15s;margin-right:6px}
.pdrawer-toggle.open .chev{transform:rotate(90deg)}
.pdrawer{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2);padding:13px}
.pdrawer[hidden]{display:none}
.pactions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.pscan-files{background:rgba(0,0,0,.3);border:1px dashed var(--line);border-radius:10px;color:var(--muted);font:600 12.5px var(--mono);padding:10px 12px;cursor:pointer}
.pscan-files::file-selector-button{background:rgba(43,230,212,.14);border:1px solid rgba(43,230,212,.4);color:var(--verdigris);border-radius:8px;font:800 12px var(--mono);padding:6px 12px;margin-right:10px;cursor:pointer}
.pscan-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.5;cursor:pointer}
.pscan-consent input{margin-top:2px;accent-color:#2be6d4}
.askbtn2{background:rgba(0,0,0,.28);border:1px solid var(--line);color:var(--bone);border-radius:12px;font:800 13px var(--mono);padding:11px 15px;cursor:pointer}
.askbtn2:hover{border-color:var(--verdigris)}
/* chat input row with a compact up-arrow send button (like a familiar composer) */
.pin-row{display:flex;gap:9px;align-items:flex-end}
.pin-row .pin{flex:1}
.send-arrow{width:46px;height:46px;flex:0 0 auto;border:0;border-radius:13px;cursor:pointer;color:#06201a;
  background:linear-gradient(135deg,#2be6d4,#7ef0a0);display:grid;place-items:center;box-shadow:0 4px 14px rgba(43,230,212,.25);transition:filter .12s}
.send-arrow:hover{filter:brightness(1.07)}
.send-arrow:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.send-arrow svg{width:20px;height:20px;display:block}

/* ===== pricing ===== */
.pricing{margin-top:16px;padding:26px 24px}
.pricing .kicker{display:inline-block;font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px;background:rgba(43,230,212,.12);color:var(--verdigris);border:1px solid rgba(43,230,212,.3)}
.bigh{font-size:38px;font-weight:950;line-height:1.04;margin:16px 0 0;color:var(--bone);letter-spacing:-.01em}
.pricing-note{font-size:13px;color:var(--muted);max-width:520px;line-height:1.6;margin:12px 0 0}
.ptiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.ptile{position:relative;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.22);padding:18px 16px;display:flex;flex-direction:column}
.ptile::before{content:"";position:absolute;top:0;left:14px;right:14px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#2be6d4,#e46858)}
.ptile-cap{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--verdigris);margin-bottom:5px}
.ptile-name{font-size:18px;font-weight:900;margin:0 0 4px;color:var(--bone)}
.ptile-price{font-size:30px;font-weight:950;color:var(--bone);line-height:1;margin-bottom:10px}
.ptile-price small{font-size:13px;font-weight:600;color:var(--dim)}
.ptile-desc{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 12px}
.ptile-feats{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}
.ptile-feats li{font-size:12px;color:var(--muted);line-height:1.45;padding-left:14px;position:relative}
.ptile-feats li::before{content:"•";position:absolute;left:2px;color:var(--verdigris)}
.ptile-btn{margin-top:auto;text-align:center;font:950 13px var(--mono);color:#06201a;background:linear-gradient(90deg,#2be6d4,#7ef0a0);border-radius:999px;padding:11px 14px;text-decoration:none}
.ptile-btn:hover{filter:brightness(1.05)}
.pricing-foot{font-size:12px;color:var(--dim);line-height:1.6;margin:18px 0 0;max-width:760px}

@media(max-width:860px){
  .phero{grid-template-columns:1fr}
  .phero-l{border-right:0;border-bottom:1px solid var(--line)}
  .ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bigh{font-size:30px}
}
@media(max-width:520px){.ptiles{grid-template-columns:1fr}}