:root{--bg:#000;--card:#0e0e0e;--card2:#151515;--ink:#e8e8e6;--muted:#92928f;--line:#242424;--sage:#74b58f;--slate:#8ea2d6;--amber:#c9a266;--brick:#c9716a;--violet:#a49bd2;--f:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--m:"JetBrains Mono",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.57 var(--f)}
a{color:inherit}a:hover{color:var(--sage)}
:focus-visible{outline:2px solid var(--slate);outline-offset:4px}
.wrap{max-width:1140px;margin:auto;padding-inline:20px}
.nav{border-bottom:1px solid var(--line);background:#000;position:sticky;top:0;z-index:10}
.nav .wrap{display:flex;align-items:center;gap:24px;min-height:64px}
.logo{font-size:18px;font-weight:800;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;margin-right:auto;display:flex;align-items:center;gap:9px}
.logo-mark{width:28px;height:28px;border-radius:8px;background:#161616;border:1px solid #303030;color:var(--sage);font:800 18px/26px var(--f);text-align:center}
.nav-links,.foot-links{display:flex;gap:20px;flex-wrap:wrap;font:500 12px/1.4 var(--m)}
.nav-links a,.foot-links a{text-decoration:none;color:var(--muted)}
.nav-links a[aria-current="page"],.nav-links a:hover,.foot-links a:hover{color:var(--sage)}
.eyebrow{font:600 11px/1.5 var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.hero{padding-block:70px 54px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-90px;top:-130px;width:530px;height:530px;background:radial-gradient(circle,#142019 0%,transparent 67%);pointer-events:none;opacity:.7}
.hero .wrap{position:relative;z-index:1}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(43px,7.4vw,90px);line-height:.98;letter-spacing:-.045em;font-weight:800;max-width:950px;margin:18px 0 22px}
h1 .soft{color:#82827e}
.lede{font-size:clamp(18px,2.1vw,23px);line-height:1.4;max-width:670px;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:1px solid #343434;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;background:#111}
.pill.primary{background:var(--ink);color:#000;border-color:var(--ink)}
.pill:hover{border-color:var(--sage)}
.rail{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.rail span{padding:7px 10px;border:1px solid var(--line);background:#0b0b0b;border-radius:8px;color:var(--muted);font:500 11px var(--m)}
.section{padding-block:62px;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:30px;align-items:end;margin-bottom:25px}
.section-head h2{font-size:clamp(30px,4vw,49px);line-height:1.05;letter-spacing:-.035em;margin-top:9px}
.section-head>p{color:var(--muted);font-size:15px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}
.card h3{font-size:22px;line-height:1.13;letter-spacing:-.02em;margin:13px 0}
.card p,.card li{color:var(--muted);font-size:15px;line-height:1.55}
.card a{color:var(--sage)}
.number{font:700 13px var(--m);color:var(--sage)}
.metric{font:700 clamp(33px,4vw,56px)/1 var(--m);letter-spacing:-.04em;color:var(--sage);display:block;margin:14px 0}
.amber{color:var(--amber)}.slate{color:var(--slate)}.violet{color:var(--violet)}.brick{color:var(--brick)}
.text{max-width:76ch;color:var(--muted)}
.text p+p,.text p+ul,.text ul+p{margin-top:17px}
.text strong{color:var(--ink)}
.text a{color:var(--slate)}
.text ul{padding-left:22px}
.text li+li{margin-top:7px}
.text h3{color:var(--ink);font-size:23px;margin:30px 0 10px}
.callout{border:1px solid #332a19;background:#17130c;border-radius:18px;padding:22px;color:var(--muted);max-width:76ch}
.callout strong{color:var(--amber)}
.record{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.record .stamp{font:700 12px var(--m);color:var(--sage)}
.record h3{font-size:25px;line-height:1.12;margin-bottom:10px}
.record p{color:var(--muted);max-width:74ch}
.record p+p{margin-top:10px}
.record a{color:var(--slate)}
.case-card{display:block;text-decoration:none;transition:transform .15s,border-color .15s}
.case-card:hover{transform:translateY(-3px);border-color:#536c5c;color:var(--ink)}
.case-card .status{font:600 11px var(--m);color:var(--sage);text-transform:uppercase;letter-spacing:.1em}
.case-card .by{font:500 12px/1.6 var(--m);color:var(--muted)}
.case-card .more{display:block;margin-top:20px;color:var(--sage);font:600 12px var(--m)}
.queue-list{display:grid;gap:10px}
.queue-item{display:grid;grid-template-columns:135px minmax(0,1fr) 180px;gap:16px;align-items:center;padding:17px 20px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.queue-item b{font-size:16px}.queue-item span,.queue-item small{font:500 12px/1.5 var(--m);color:var(--muted)}
.queue-item a{color:var(--slate)}
footer{padding-block:42px 55px}
footer p{color:var(--muted);font-size:13px;margin-bottom:18px}
@media(max-width:760px){.section-head{grid-template-columns:1fr;gap:12px}.grid,.grid.two{grid-template-columns:1fr}.queue-item{grid-template-columns:1fr;gap:4px}.record{grid-template-columns:1fr;gap:8px}.hero{padding-block:50px 45px}}
@media(max-width:500px){.wrap{padding-inline:16px}.nav .wrap{min-height:58px;gap:10px}.logo{font-size:15px}.logo-mark{width:25px;height:25px;font-size:16px;line-height:23px}.nav-links{gap:9px;font-size:10px}.nav-links a:nth-child(3){display:none}.hero:after{right:-280px}.card{padding:20px}.section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}