:root {
  color-scheme: dark;
  --bg: #0b0f14;
  --panel: #111823;
  --panel2: #0f1620;
  --text: #e8eef6;
  --muted: #9fb0c3;
  --line: #1f2b3a;
  --accent: #3ddc97;
  --accent2: #6aa8ff;
  --warn: #f5c26b;
  --danger: #ff7b72;
  --on-accent: #06110d;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0f14;
  --panel: #111823;
  --panel2: #0f1620;
  --text: #e8eef6;
  --muted: #9fb0c3;
  --line: #1f2b3a;
  --accent: #3ddc97;
  --accent2: #6aa8ff;
  --warn: #f5c26b;
  --danger: #ff7b72;
  --on-accent: #06110d;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
  --bg: #f6f8fb;
  --panel: #ffffff;
  --panel2: #f1f4f9;
  --text: #0f1722;
  --muted: #4b5b6e;
  --line: #dfe6ef;
  --accent: #0d875d;
  --accent2: #2b67d6;
  --warn: #915d00;
  --danger: #c0362c;
  --on-accent: #ffffff;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f8fb;
  --panel: #ffffff;
  --panel2: #f1f4f9;
  --text: #0f1722;
  --muted: #4b5b6e;
  --line: #dfe6ef;
  --accent: #0d875d;
  --accent2: #2b67d6;
  --warn: #915d00;
  --danger: #c0362c;
  --on-accent: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  }
}
html, body {
  background: var(--bg);
  color: var(--text);
}

/* ASX trading hours (round 5): a fixed timetable on the session clock's 24-hour band, Sydney time. */
.asx-pre{left:29.1667%;width:12.5%}
.asx-regular{left:41.6667%;width:25%}
.asx-after{left:67.4306%;width:11.7361%}
.asx-auction{left:66.6667%;width:.7639%;min-width:3px}
.sw-auction{background:var(--warn)}
.clock-ticks .asx-t7{left:29.1667%}
.clock-ticks .asx-t10{left:41.6667%}
.clock-ticks .asx-t19{left:79.1667%}
/* Live engine proof (round 6). */
#proof-verify{scroll-margin-top:88px}
.proof-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
.proof-top .sub{margin-bottom:0}
.proof-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;font-size:13px;font-weight:650;color:var(--muted)}
.chip.proof-chip{color:var(--accent2-ink);border-color:color-mix(in srgb,var(--accent2) 45%,var(--line))}
.proof-badge{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px 8px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent-ink)}
.proof-badge:hover{text-decoration:none;filter:brightness(1.05)}
.proof-badge svg{flex:none}
.proof-badge b{display:block;font-size:15px;line-height:1.2}
.proof-badge small{display:block;font-size:12px;font-weight:600;line-height:1.3}
.proof-badge code{font-size:12px;color:inherit;background:none;border:0;padding:0}
.proof-panel{background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 44px 90px -56px color-mix(in srgb,var(--accent) 55%,transparent),0 1px 0 color-mix(in srgb,var(--text) 5%,transparent) inset}
.proof-lead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:24px 24px 20px}
.proof-total{min-width:0}
.proof-big{margin:0;font-size:clamp(40px,6vw,64px);line-height:1;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}
.proof-what{margin:10px 0 0;font-size:15px;color:var(--muted)}
.proof-tag{display:block;margin-top:8px;font-size:12px;font-weight:650;color:var(--accent2-ink)}
.spark{margin:0;min-width:0}
.spark-svg{display:block;width:100%;height:auto;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.spark-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.spark-area{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:none}
.spark.go .spark-line{stroke-dasharray:1;animation:sparkdraw 1.8s cubic-bezier(.45,0,.25,1) both}
.spark.go .spark-area{animation:sparkfade 1.8s ease-out both}
@keyframes sparkdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sparkfade{from{opacity:0}to{opacity:1}}
.spark-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.spark figcaption{margin-top:6px;font-size:12.5px;color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.proof-tile{min-width:0;padding:18px 20px 16px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.proof-tile:nth-child(3n+1){border-left:0}
.proof-tile:nth-child(-n+3){border-top:0}
.proof-tile dt{font-size:13px;font-weight:650;color:var(--muted)}
.proof-tile dd{margin:6px 0 0}
.proof-value{display:block;font-size:clamp(22px,2.4vw,28px);line-height:1.15;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums;color:var(--text)}
.proof-value small{font-size:.5em;font-weight:700;letter-spacing:0;margin-left:2px;color:var(--muted)}
.proof-detail{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.tier-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.tier-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;font-size:13px;color:var(--muted)}
.tier-count{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.tier-bar{grid-column:1 / -1;display:block;width:100%;height:6px}
.tier-track{fill:var(--panel2);stroke:var(--line);stroke-width:.5}
.tier-fill{fill:var(--accent)}
.proof-foot{margin:0;padding:12px 20px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.proof-note{margin-top:16px}
.proof-note p + p{margin-top:8px}
.proof-hash code{font-size:12px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere;word-break:break-all}
.motion-paused .spark.go .spark-line,.motion-paused .spark.go .spark-area{animation:none}
@media (max-width:960px){.proof-lead{grid-template-columns:1fr;gap:20px}}
@media (max-width:860px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-tile:nth-child(n){border-left:1px solid var(--line);border-top:1px solid var(--line)}.proof-tile:nth-child(odd){border-left:0}.proof-tile:nth-child(-n+2){border-top:0}}
@media (max-width:560px){.proof-top{flex-direction:column;gap:14px}.proof-lead{padding:18px 14px 16px}.proof-grid{grid-template-columns:1fr}.proof-tile:nth-child(n){border-left:0;border-top:1px solid var(--line)}.proof-tile:first-child{border-top:0}.proof-tile{padding:16px 14px 14px}.proof-foot{padding:12px 14px 14px}}
@media (prefers-reduced-motion:reduce){.spark.go .spark-line,.spark.go .spark-area{animation:none}}
/* Logo slot (SITEBRAND R1): the header's logo files, shown by theme. New class names only. */
.logo .brand-logo{display:inline-flex;align-items:center;flex:none;line-height:0}
.logo .brand-logo img{display:block;height:36px;width:auto;max-width:none}
.logo .brand-logo .brand-light{display:none}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .logo .brand-logo .brand-light{display:block}
  :root:not([data-theme="dark"]) .logo .brand-logo .brand-dark{display:none}
}
:root[data-theme="light"] .logo .brand-logo .brand-light{display:block}
:root[data-theme="light"] .logo .brand-logo .brand-dark{display:none}
/* Hero lockup (SITEBRAND R1.1): the brand above the home page's headline, shown by theme. New class names. */
.hero-brand{margin:0 0 20px;line-height:0}
.hero-brand img{display:block;height:clamp(44px,9vw,64px);width:auto;max-width:none}
.hero-brand .brand-light{display:none}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .hero-brand .brand-light{display:block}
  :root:not([data-theme="dark"]) .hero-brand .brand-dark{display:none}
}
:root[data-theme="light"] .hero-brand .brand-light{display:block}
:root[data-theme="light"] .hero-brand .brand-dark{display:none}
/* site-generation: sitev3. render.py publishes only when app.css, app.js and render.py agree. */
/* Layout and components. Colours come from tokens.css, generated from site.config.json. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:8px;z-index:50;transform:translateY(-150%);background:var(--panel);color:var(--text);padding:8px 12px;border-radius:10px;border:1px solid var(--line)}
.skip:focus{transform:none}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
h1,h2,h3{line-height:1.2}
h1[tabindex="-1"]:focus{outline:none}

header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;color:var(--text);min-width:0}
.logo:hover{text-decoration:none}
.logo .mark{width:28px;height:28px;border-radius:8px;background:conic-gradient(from 200deg,var(--accent),var(--accent2),var(--accent));display:grid;place-items:center;flex:none;color:#06110d}
.logo .mark svg{width:16px;height:16px;display:block}
.logo small{color:var(--muted);font-weight:500;font-size:12px}
.desk{display:flex;gap:18px;align-items:center;margin-left:8px}
.desk a{color:var(--muted);font-size:15px}
.desk a:hover,.desk a[aria-current="page"]{color:var(--text);text-decoration:none}
.desk a[aria-current="page"]{font-weight:700}
.actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.mob{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.btn.primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;filter:none}
.theme{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;min-width:44px;min-height:44px;padding:0;cursor:pointer;font:inherit;line-height:0}
.theme svg{display:none}
.theme .icon-sun{display:block}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .theme .icon-sun{display:none}
  :root:not([data-theme="dark"]) .theme .icon-moon{display:block}
}
:root[data-theme="light"] .theme .icon-sun{display:none}
:root[data-theme="light"] .theme .icon-moon{display:block}
:root[data-theme="dark"] .theme .icon-sun{display:block}
:root[data-theme="dark"] .theme .icon-moon{display:none}
.banner{background:color-mix(in srgb,var(--warn) 14%,transparent);border-bottom:1px solid var(--line);font-size:14px}
.banner .wrap{padding:10px 20px;display:flex;gap:10px;align-items:flex-start}
.dot{width:8px;height:8px;border-radius:50%;background:var(--warn);flex:none;margin-top:8px}
.draft-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));border-radius:999px;padding:2px 8px;margin-bottom:10px}

.hero{padding:64px 0 28px}
.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:0 0 16px;letter-spacing:-.4px;max-width:16em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:68ch;margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.cta.spaced{margin-top:16px}
.price-grid{margin-top:18px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius,16px);padding:18px}
.stat b{display:block;font-size:22px;line-height:1.25}
.stat span{color:var(--muted);font-size:14px}

section{padding:56px 0;border-top:1px solid var(--line)}
section h2{font-size:clamp(26px,3.2vw,36px);margin:0 0 8px;letter-spacing:-.3px}
.sub{color:var(--muted);margin:0 0 28px;max-width:70ch}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.card + .card{margin-top:0}
.prose{max-width:74ch}
.prose p,.prose li{color:var(--muted)}
.prose h2{margin-top:1.6em}
.prose h3{margin:1.2em 0 .3em;font-size:18px}
.note{font-size:14px;color:var(--muted)}
.callout{border:1px solid color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--panel));border-radius:12px;padding:12px 14px;color:var(--text)}
.callout p{margin:0;color:var(--text)}
.rank{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:14px}
.rank i{font-style:normal;font-size:12px;text-align:center;padding:4px 0;border-radius:8px;border:1px solid var(--line);color:var(--text);background:color-mix(in srgb,var(--text) 10%,var(--panel2))}
.rank i:nth-child(1){background:color-mix(in srgb,var(--text) 8%,var(--panel2))}
.rank i:nth-child(2){background:color-mix(in srgb,var(--text) 14%,var(--panel2))}
.rank i:nth-child(3){background:color-mix(in srgb,var(--text) 20%,var(--panel2))}
.rank i:nth-child(4){background:color-mix(in srgb,var(--text) 28%,var(--panel2))}
.rank i:nth-child(5){background:color-mix(in srgb,var(--text) 36%,var(--panel2))}
.rank i:nth-child(6){background:color-mix(in srgb,var(--text) 44%,var(--panel2))}
.rank i:nth-child(7){background:color-mix(in srgb,var(--text) 52%,var(--panel2));color:var(--bg)}
.rank i:nth-child(8){background:color-mix(in srgb,var(--text) 62%,var(--panel2));color:var(--bg)}
.rank i:nth-child(9){background:color-mix(in srgb,var(--text) 72%,var(--panel2));color:var(--bg)}
.rank i:nth-child(10){background:color-mix(in srgb,var(--text) 84%,var(--panel2));color:var(--bg)}
.important{margin-top:22px;padding-top:8px;border-top:1px solid var(--line)}
.important h2{font-size:18px;margin:18px 0 8px;letter-spacing:0}
.important h3{font-size:15px;margin:14px 0 4px}
.important p{margin:0 0 8px}
.price{display:flex;flex-direction:column;gap:4px}
.price h2{margin:8px 0 0;font-size:20px}
.price .amt{font-size:32px;font-weight:800;margin:8px 0 0}
.price .amt small{font-size:15px;color:var(--muted);font-weight:500}
.price ul{list-style:none;padding:0;margin:14px 0 18px}
.price li{padding:5px 0 5px 22px;position:relative;color:var(--muted);font-size:15px}
.price li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.price.featured{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.chip.off{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
pre,code{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
pre{margin:0 0 16px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px;overflow:auto;color:var(--text)}
.api-block + .api-block{margin-top:18px}
details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center}
details p{color:var(--muted);margin:8px 0 0}
label{display:block;font-size:14px;color:var(--muted);margin:12px 0 4px}
input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit}
input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--danger)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin-top:14px}
.check{cursor:pointer}.check input{width:22px;height:22px;min-width:22px;flex:0 0 22px;padding:0;margin:1px 0 0;border-radius:4px;accent-color:var(--accent);cursor:pointer}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-alert{min-height:1.4em;color:var(--danger);font-size:14px;margin-top:10px}
.form-card{max-width:560px}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:14px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;padding:0;list-style:none}
.foot-links a{color:var(--muted)}
.foot-links a:hover{color:var(--text)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}

@media (max-width:860px){
  .desk{display:none}
  .mob{display:block;width:100%}
  .mob summary{min-height:44px;color:var(--text);font-weight:650}
  .mob nav{display:flex;flex-direction:column;gap:4px;padding:4px 0 8px}
  .mob nav a{color:var(--text);padding:8px 0;min-height:44px;display:flex;align-items:center}
  .grid3,.grid4,.stats{grid-template-columns:1fr 1fr}
  .grid2{grid-template-columns:1fr}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .grid3,.grid4,.stats{grid-template-columns:1fr}
  .logo small{display:none}
  .hero{padding-top:36px}
}
.year-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.year-row{display:grid;grid-template-columns:3.4em minmax(0,1fr) auto;gap:10px;align-items:center}
.year-row .yr,.year-row .amt{font-variant-numeric:tabular-nums}
.year-row .amt small{display:block;color:var(--muted);font-size:12px;font-weight:500}
.bal-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.bal-switch .bal{flex:0 1 auto;min-height:44px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-weight:650;font-size:14px;line-height:1.2;cursor:pointer;white-space:nowrap}
.bal-switch .bal[aria-pressed="true"]{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.results-card{margin-bottom:16px}
.results-card h3{margin:18px 0 8px}
.bal-reason{margin:0;color:var(--text)}
.year-row .yr{font-weight:700}
.year-row .amt{min-width:9.2em;text-align:right}
.year-row.loss .amt{color:var(--danger)}
.year-row .track{display:grid;grid-template-columns:repeat(40,minmax(0,1fr));height:14px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.year-row .fill{display:block;height:100%;background:var(--accent);border-radius:7px}
.year-row .fill.down{background:var(--danger)}
.fill.s1{grid-column:1 / span 1}
.fill.s2{grid-column:1 / span 2}
.fill.s3{grid-column:1 / span 3}
.fill.s4{grid-column:1 / span 4}
.fill.s5{grid-column:1 / span 5}
.fill.s6{grid-column:1 / span 6}
.fill.s7{grid-column:1 / span 7}
.fill.s8{grid-column:1 / span 8}
.fill.s9{grid-column:1 / span 9}
.fill.s10{grid-column:1 / span 10}
.fill.s11{grid-column:1 / span 11}
.fill.s12{grid-column:1 / span 12}
.fill.s13{grid-column:1 / span 13}
.fill.s14{grid-column:1 / span 14}
.fill.s15{grid-column:1 / span 15}
.fill.s16{grid-column:1 / span 16}
.fill.s17{grid-column:1 / span 17}
.fill.s18{grid-column:1 / span 18}
.fill.s19{grid-column:1 / span 19}
.fill.s20{grid-column:1 / span 20}
.fill.s21{grid-column:1 / span 21}
.fill.s22{grid-column:1 / span 22}
.fill.s23{grid-column:1 / span 23}
.fill.s24{grid-column:1 / span 24}
.fill.s25{grid-column:1 / span 25}
.fill.s26{grid-column:1 / span 26}
.fill.s27{grid-column:1 / span 27}
.fill.s28{grid-column:1 / span 28}
.fill.s29{grid-column:1 / span 29}
.fill.s30{grid-column:1 / span 30}
.fill.s31{grid-column:1 / span 31}
.fill.s32{grid-column:1 / span 32}
.fill.s33{grid-column:1 / span 33}
.fill.s34{grid-column:1 / span 34}
.fill.s35{grid-column:1 / span 35}
.fill.s36{grid-column:1 / span 36}
.fill.s37{grid-column:1 / span 37}
.fill.s38{grid-column:1 / span 38}
.fill.s39{grid-column:1 / span 39}
.fill.s40{grid-column:1 / span 40}
@media (max-width:560px){
  .year-row{grid-template-columns:3.2em minmax(0,1fr);row-gap:2px}
  .year-row .amt{grid-column:2;text-align:left;min-width:0}
}
#main, section[id], #important, #founding{scroll-margin-top:88px}
mark.ph{background:color-mix(in srgb,var(--warn) 28%,transparent);color:var(--text);padding:0 .2em;border-radius:4px;font-weight:650}
.review{margin:0 0 18px;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--panel));border-radius:12px;padding:12px 14px}
.review .chip{margin-right:8px}
.founding{margin-top:28px;padding-top:8px;border-top:1px solid var(--line)}
.founding h2 .chip{margin-left:8px;vertical-align:middle}
.founding ul,.callout ul{margin:8px 0 16px;padding-left:1.2em}
.founding li,.callout li{margin:4px 0;color:var(--muted)}
pre,.table-wrap{max-width:100%}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@media (max-width:420px){
  .bal-switch{gap:6px}
  .bal-switch .bal{padding:8px 10px;font-size:13px}
}
@media (max-width:390px){
  .logo{font-size:15px}
  .actions{gap:6px}
  .actions .btn{padding-left:10px;padding-right:10px}
}
.fwd-empty{margin-bottom:16px}
.fwd-empty .fwd-start{font-size:clamp(18px,2.4vw,22px);color:var(--text);margin:0 0 8px}
.fwd-empty p + p{margin-top:8px}
#forward-record .table-wrap td:nth-child(4),#forward-record .table-wrap td:nth-child(5){font-variant-numeric:tabular-nums;white-space:nowrap}
.fwd-how{margin:12px 0 0;background:var(--panel2)}
.fwd-how summary{font-size:15px}

/* ---- Site v3: hero board, engine sections, developer and trust blocks ---- */
/* Text colours for small labels on tinted fills. Mixed toward the text colour so they keep contrast in both themes. */
:root{--accent-ink:color-mix(in srgb,var(--accent) 68%,var(--text));--accent2-ink:color-mix(in srgb,var(--accent2) 72%,var(--text));--warn-ink:color-mix(in srgb,var(--warn) 80%,var(--text));--danger-ink:color-mix(in srgb,var(--danger) 80%,var(--text))}
#status{scroll-margin-top:88px}

.hero-bg{position:relative;isolation:isolate;overflow:hidden}
.hero-bg::before{content:"";position:absolute;inset:-10% -5% 0;z-index:-1;pointer-events:none;background:radial-gradient(38% 46% at 80% 34%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 72%),radial-gradient(34% 42% at 14% 8%,color-mix(in srgb,var(--accent2) 13%,transparent),transparent 72%)}
.hero-bg::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 6%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(65% 60% at 70% 35%,#000,transparent 78%);mask-image:radial-gradient(65% 60% at 70% 35%,#000,transparent 78%)}
.hero-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:center;padding-bottom:44px}
.hero-split h1{font-size:clamp(32px,4.1vw,52px);max-width:13em}
.hero-split .lead{max-width:56ch}
.ai-line{display:flex;gap:12px;align-items:flex-start;margin:0 0 26px;max-width:58ch;color:var(--text);font-size:16px}
.chip.ai{flex:none;color:var(--on-accent);background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent;margin-top:2px}

.board{margin:0;min-width:0;background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 44px 90px -56px color-mix(in srgb,var(--accent) 55%,transparent),0 1px 0 color-mix(in srgb,var(--text) 5%,transparent) inset}
.board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 10px}
.board-title{margin:0;display:flex;align-items:center;gap:9px;font-size:17px;font-weight:750}
.board-sub{margin:2px 0 0 18px;font-size:13px;color:var(--muted)}
.rec{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;animation:rec 2.4s ease-out infinite}
@keyframes rec{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}70%,100%{box-shadow:0 0 0 10px transparent}}
.board-ctl{min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:650;cursor:pointer;flex:none}
.board-ctl[aria-pressed="true"]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.board-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px}
.board-tabs button{min-height:36px;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font:inherit;font-size:13px;font-weight:650;cursor:pointer;font-variant-numeric:tabular-nums}
.board-tabs button[aria-pressed="true"]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 13%,var(--panel2))}
.board-meta{margin:0;padding:10px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.board-table{font-size:15px;font-variant-numeric:tabular-nums}
.board-table th{padding:8px 18px;font-size:12px;font-weight:650;color:var(--muted)}
.board-table td{padding:8px 18px;vertical-align:middle;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.board-table .rk{width:3.2em;color:var(--muted)}
.board-table .tk{font-weight:750;letter-spacing:.4px;color:var(--text)}
.chg{display:inline-flex;align-items:center;gap:3px;min-width:2.6em;justify-content:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.chg.up{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.chg.down{color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 13%,transparent)}
.chg.new{color:var(--accent2-ink);background:color-mix(in srgb,var(--accent2) 15%,transparent)}
.chg.same{color:var(--muted)}
.sealed-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent-ink)}
.sealed-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.board-table tr.row-wait{opacity:0}
.board-table tr.row-in{animation:rowin .45s ease-out both}
.board-table tr.row-in td{animation:rowflash 1.3s ease-out both}
@keyframes rowin{from{opacity:0}to{opacity:1}}
@keyframes rowflash{from{background:color-mix(in srgb,var(--accent) 18%,transparent)}to{background:transparent}}
.board-foot{display:grid;gap:4px;padding:12px 18px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.board-foot p{margin:0}
.hashline code{font-size:12px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;white-space:nowrap;transition:box-shadow .4s,border-color .4s}
.hashline code[data-hash]{display:inline-block;min-width:14.5ch}
.board-panel.sealed-now .hashline code[data-hash]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
.board-cap{margin:0;padding:0 18px 16px;font-size:12.5px;color:var(--muted)}

.spec-wrap{padding:4px 0 56px}
.spec-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.spec-strip li{display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 18px;border-left:1px solid var(--line)}
.spec-strip li:first-child{border-left:0}
.spec-strip b{font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.6px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.spec-strip b small{font-size:.5em;font-weight:700;letter-spacing:0;margin-left:3px;color:var(--muted)}
.spec-strip li > span{font-size:13px;line-height:1.4;color:var(--muted)}

.pipe{position:relative;margin:6px 0 34px}
.pipe::before{content:"";position:absolute;left:15px;right:calc((100% - 80px) / 5 - 15px);top:14px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.55}
.pipe-flow{position:absolute;left:15px;right:calc((100% - 80px) / 5 - 15px);top:12px;height:6px;overflow:hidden;pointer-events:none}
.pipe-flow i{position:absolute;top:0;left:-72px;width:72px;height:6px;border-radius:6px;opacity:0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.pipe.go .pipe-flow i{animation:flow 2.4s cubic-bezier(.45,0,.25,1) 3 both}
.pipe.go .pipe-flow i:nth-child(2){animation-delay:.55s}
.pipe.go .pipe-flow i:nth-child(3){animation-delay:1.1s}
@keyframes flow{0%{left:-72px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
.pipeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;counter-reset:pipe}
.pipe-step{position:relative;min-width:0;padding-top:46px;counter-increment:pipe}
.pipe-node{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--accent);font-size:13px;font-weight:800;color:var(--text)}
.pipe-node::before{content:counter(pipe)}
.pipe.go .pipe-node{animation:node 2.4s ease-in-out 3}
.pipe.go .pipe-step:nth-child(2) .pipe-node{animation-delay:.35s}
.pipe.go .pipe-step:nth-child(3) .pipe-node{animation-delay:.7s}
.pipe.go .pipe-step:nth-child(4) .pipe-node{animation-delay:1.05s}
.pipe.go .pipe-step:nth-child(5) .pipe-node{animation-delay:1.4s}
@keyframes node{0%,100%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 22%,transparent)}}
.pipe-step b{display:block;font-size:18px;margin-bottom:4px}
.pipe-step .pipe-desc{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.pipe-step em{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:999px;font-style:normal;font-size:13px;font-weight:750;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}

.clock{margin:0 0 22px}
.clock-now{margin:0 0 14px;min-height:1.5em;font-size:clamp(17px,2vw,21px);font-weight:650;color:var(--text)}
.clock-band{position:relative;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.seg{position:absolute;top:0;bottom:0;opacity:.82}
.seg-a{left:0;width:16.6667%;border-radius:11px 0 0 11px}
.seg-pre{left:16.6667%;width:22.9167%}
.seg-regular{left:39.5833%;width:27.0833%}
.seg-after{left:66.6667%;width:16.6667%}
.seg-b{left:83.3333%;width:16.6667%;border-radius:0 11px 11px 0}
.seg-overnight,.sw-overnight{background:color-mix(in srgb,var(--accent2) 42%,var(--panel2))}
.seg-pre,.sw-pre{background:color-mix(in srgb,var(--accent) 30%,var(--panel2))}
.seg-regular,.sw-regular{background:color-mix(in srgb,var(--accent) 64%,var(--panel2))}
.seg-after,.sw-after{background:color-mix(in srgb,var(--warn) 42%,var(--panel2))}
.seg.now{opacity:1;box-shadow:inset 0 0 0 2px var(--text)}
.clock-needle{position:absolute;top:-7px;bottom:-7px;left:calc(var(--t,0) * 100%);width:2px;margin-left:-1px;border-radius:2px;background:var(--text)}
.clock-needle::before{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--text)}
.clock-ticks{position:relative;height:22px;margin-top:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.clock-ticks span{position:absolute;top:0;transform:translateX(-50%)}
.clock-ticks .t0{left:0;transform:none}
.clock-ticks .t4{left:16.6667%}
.clock-ticks .t9{left:39.5833%}
.clock-ticks .t16{left:66.6667%}
.clock-ticks .t20{left:83.3333%}
.clock-ticks .t24{left:auto;right:0;transform:none}
.sess-grid .card h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.swatch{width:12px;height:12px;border-radius:4px;flex:none}
.sess-card .when{margin:0 0 8px;font-size:14px;font-weight:650;color:var(--text)}
.sess-card.now{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
.now-chip{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:750;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent)}

.depth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.depth-block{min-width:0;padding:18px 18px 20px;background:var(--panel)}
.depth-block h3{margin:0;font-size:16px}
.depth-block .cad{margin:4px 0 12px;font-size:13px;font-weight:650;color:var(--accent2)}
.depth-block ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.depth-block li{position:relative;padding-left:14px;font-size:14px;line-height:1.45;color:var(--muted)}
.depth-block li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:color-mix(in srgb,var(--accent) 75%,var(--panel))}

.models .card h3{display:flex;align-items:center;gap:8px}
.model-ai{border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,var(--accent),var(--accent2)) border-box}
.block-title{margin:34px 0 14px;font-size:20px}
.ladder,.lifecycle{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ladder{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:ladder}
.lifecycle{grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:life;margin-top:24px}
.ladder li,.lifecycle li{position:relative;min-width:0;padding-top:26px;border-top:2px solid color-mix(in srgb,var(--accent) 55%,var(--line))}
.ladder li{counter-increment:ladder}
.lifecycle li{counter-increment:life}
.ladder li::before,.lifecycle li::before{position:absolute;top:-14px;left:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--accent);font-size:12px;font-weight:800;color:var(--text)}
.ladder li::before{content:counter(ladder)}
.lifecycle li::before{content:counter(life)}
.ladder b,.lifecycle b{display:block;margin-bottom:4px}
.ladder span,.lifecycle span{display:block;font-size:14px;color:var(--muted)}

.live .card p + p{margin-top:8px}
.status-list{display:grid;gap:10px;margin:10px 0 14px;padding:0;list-style:none}
.status-list li{display:flex;align-items:baseline;gap:12px;font-size:15px;color:var(--muted)}
.st{flex:none;min-width:5.2em;padding:3px 10px;border-radius:999px;border:1px solid;text-align:center;font-size:12px;font-weight:750}
.st-valid{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.st-reduce{color:var(--warn-ink);border-color:color-mix(in srgb,var(--warn) 50%,var(--line));background:color-mix(in srgb,var(--warn) 12%,var(--panel))}
.st-cancel{color:var(--danger-ink);border-color:color-mix(in srgb,var(--danger) 50%,var(--line));background:color-mix(in srgb,var(--danger) 12%,var(--panel))}
.inputs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.inputs li{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:13px;color:var(--text)}
.limits th[scope="row"]{font-weight:650;color:var(--text);white-space:nowrap}
.limits td{color:var(--muted)}
#picks .sub{margin-bottom:18px}

.dev{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}
.dev-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.dev-list li{padding-left:16px;border-left:2px solid color-mix(in srgb,var(--accent) 50%,var(--line))}
.dev-list b{display:block;color:var(--text)}
.dev-list span{display:block;font-size:15px;color:var(--muted)}
.code-tabs{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel2)}
.code-bar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line);background:var(--panel)}
.code-bar[hidden]{display:none}
.tablist{display:flex;flex-wrap:wrap;gap:4px}
.tablist button{min-height:40px;padding:6px 14px;border-radius:10px;border:1px solid transparent;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.tablist button[aria-selected="true"]{color:var(--text);background:var(--panel2);border-color:var(--line)}
.copy{margin-left:auto;min-height:40px;padding:6px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.code-panel + .code-panel{border-top:1px solid var(--line)}
.tabs-on .code-panel + .code-panel{border-top:0}
.panel-label{margin:0;padding:12px 18px 0;font-size:13px;font-weight:700;color:var(--muted)}
.tabs-on .panel-label{display:none}
.code-tabs pre{margin:0;padding:18px;border:0;border-radius:0;background:transparent}
.code-panel:focus-visible{outline-offset:-3px}
.prose .code-tabs{margin:12px 0 18px}

.compare th[scope="col"]{font-size:13px;font-weight:650;color:var(--muted)}
.compare th[scope="row"]{width:18%;font-weight:650;color:var(--text)}
.compare td.us{color:var(--text);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.compare td.them{color:var(--muted)}
.compare thead th:nth-child(2){color:var(--text)}
.tick{display:inline-block;margin-right:8px;font-weight:800;color:var(--accent-ink)}

.secure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.secure li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.secure svg{width:26px;height:26px;color:var(--accent-ink)}
.secure b{display:block;margin-bottom:4px;color:var(--text)}
.secure span{font-size:15px;color:var(--muted)}

.closing{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start}
.status-tease h2{font-size:22px;letter-spacing:0;margin:0 0 8px}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.legend li{padding:3px 10px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:700}
.lg-live{color:var(--accent-ink)}
.lg-shadow{color:var(--accent2-ink)}
.lg-coming{color:var(--warn-ink)}
.page-head{padding:56px 0 8px}
.page-head h1{font-size:clamp(32px,4.4vw,48px);margin:0 0 12px;letter-spacing:-.4px}
.page-head .sub{max-width:72ch}

.motion-paused .rec,.motion-paused .pipe-flow i,.motion-paused .pipe-node{animation-play-state:paused}

@media (max-width:1100px){
  .spec-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .spec-strip li:nth-child(3n+1){border-left:0}
  .spec-strip li:nth-child(n+4){border-top:1px solid var(--line)}
  .depth{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .hero-split{grid-template-columns:1fr;gap:32px}
  .dev{grid-template-columns:1fr}
  .closing{grid-template-columns:1fr}
  .ladder{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
}
@media (max-width:860px){
  .pipe::before{left:14px;right:auto;top:15px;bottom:15px;width:2px;height:auto;background:linear-gradient(180deg,var(--accent),var(--accent2))}
  .pipe-flow{left:12px;right:auto;top:15px;bottom:15px;width:6px;height:auto}
  .pipe-flow i{left:0;top:-56px;width:6px;height:56px;background:linear-gradient(180deg,transparent,var(--accent),transparent)}
  .pipe.go .pipe-flow i{animation-name:flowv}
  .pipeline{grid-template-columns:1fr;gap:18px}
  .pipe-step{padding:2px 0 0 48px}
  .lifecycle{grid-template-columns:1fr;gap:0;margin-top:8px}
  .lifecycle li{padding:0 0 20px 34px;border-top:0;border-left:2px solid color-mix(in srgb,var(--accent) 55%,var(--line));margin-left:12px}
  .lifecycle li:last-child{border-left-color:transparent}
  .lifecycle li::before{top:0;left:-14px}
  .secure{grid-template-columns:1fr 1fr}
  .sess-grid{grid-template-columns:1fr 1fr}
}
@keyframes flowv{0%{top:-56px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@media (max-width:640px){
  .compare thead{display:none}
  .compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:auto}
  .compare tr{padding:12px 14px;border-top:1px solid var(--line)}
  .compare tbody tr:first-child{border-top:0}
  .compare th[scope="row"]{width:auto;padding:0 0 6px;border:0}
  .compare td{padding:6px 10px;border:0;border-radius:8px}
  .compare td::before{content:attr(data-label);display:block;font-size:12px;font-weight:650;color:var(--muted)}
  .limits thead{display:none}
  .limits,.limits tbody,.limits tr,.limits th,.limits td{display:block;width:auto}
  .limits tr{padding:12px 14px;border-top:1px solid var(--line)}
  .limits tbody tr:first-child{border-top:0}
  .limits th[scope="row"]{padding:0 0 6px;border:0;white-space:normal}
  .limits td{padding:3px 0;border:0}
  .limits td::before{content:attr(data-label);display:block;font-size:12px;font-weight:650;color:var(--muted)}
  .limits td{color:var(--text)}
}
@media (max-width:560px){
  .hero-split{padding-bottom:28px}
  .spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-strip li:nth-child(n){border-left:1px solid var(--line)}
  .spec-strip li:nth-child(odd){border-left:0}
  .spec-strip li:nth-child(n+3){border-top:1px solid var(--line)}
  .spec-strip li{padding:16px 14px}
  .depth{grid-template-columns:1fr}
  .ladder{grid-template-columns:1fr}
  .secure{grid-template-columns:1fr}
  .sess-grid{grid-template-columns:1fr}
  .board-head,.board-tabs,.board-meta,.board-foot{padding-left:14px;padding-right:14px}
  .board-cap{padding:0 14px 14px}
  .board-table th,.board-table td{padding-left:10px;padding-right:10px}
  .board-table th:first-child,.board-table td:first-child{padding-left:14px}
  .ai-line{font-size:15px}
  .clock-ticks .t0,.clock-ticks .t24{display:none}
}
@media (prefers-reduced-motion:reduce){
  .rec,.pipe.go .pipe-flow i,.pipe.go .pipe-node,.board-table tr.row-in,.board-table tr.row-in td{animation:none}
  .pipe-flow{display:none}
  .board-table tr.row-wait{opacity:1}
  .hashline code{transition:none}
}