:root{--bg:#ECEFF1;--ink:#101C26;--muted:#44515C;--rule:#C9D1D7;--accent:#17405F;--alt:#7B8893;--card:#fff;--on-accent:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0E141A;--ink:#E8EEF2;--muted:#9AA7B1;--rule:#26323C;--accent:#7FB2DB;--alt:#5C6B77;--card:#141C23;--on-accent:#0E141A}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:72px 24px 96px;display:grid;grid-template-columns:360px 1fr;gap:96px}
.side{position:sticky;top:48px;align-self:start;display:flex;flex-direction:column;gap:28px}
h1{font:700 64px/0.98 "Inter Tight",Inter,sans-serif;letter-spacing:-.03em;margin:0}
.lede{font-size:19px;line-height:1.5;margin:0}
.mono{font:400 13px/1.6 "Geist Mono",ui-monospace,monospace;color:var(--muted)}
.contact{display:flex;flex-direction:column;gap:2px}.contact a{text-decoration:none}.contact a:hover{text-decoration:underline}
.btns{display:flex;flex-direction:column;gap:12px}
.btn{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;text-decoration:none;border:1px solid var(--rule);background:var(--card);color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn span{font:400 13px "Geist Mono",monospace;opacity:.8}.btn:hover{border-color:var(--accent)}
.label{font:400 13px/1 "Geist Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
section{margin-bottom:72px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stat b{display:block;font:700 44px/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em;color:var(--accent);margin-bottom:8px}
.stat p{margin:0;font-size:16px;line-height:1.5}
.row{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:22px 0;border-top:1px solid var(--rule)}
.row:last-of-type{border-bottom:1px solid var(--rule)}
.row.with-img{grid-template-columns:120px 1fr 240px}
.row .k{font:400 13px/24px "Geist Mono",monospace;color:var(--muted)}
.row h3{font:600 22px/1.25 "Inter Tight",sans-serif;margin:0 0 4px;letter-spacing:-.01em}
.row h3 a{text-decoration:none}.row h3 a:hover{text-decoration:underline}
.row p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.row img{width:240px;height:150px;object-fit:cover;border:1px solid var(--rule);display:block}
.more{display:flex;justify-content:space-between;gap:24px;padding-top:16px;color:var(--muted);font-size:16px}
.more a{color:var(--accent);font-weight:600;white-space:nowrap}
footer{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
/* case study */
.prose{max-width:720px}.prose p{font-size:19px;line-height:1.6;margin:0 0 18px}.prose p.label{font-size:13px;line-height:1;margin:0 0 16px}.prose p.note{font-size:15px;line-height:1.45;margin:8px 0 0}
.chart{margin:28px 0 8px}.chart h4{font:600 16px/1.4 Inter,sans-serif;margin:0 0 16px}
.bars{display:flex;align-items:flex-end;gap:48px;height:240px;border-bottom:1px solid var(--ink)}
.bar{width:120px;display:flex;flex-direction:column;gap:8px}
.bar b{font:700 28px/1.1 "Inter Tight",sans-serif}.bar i{display:block;background:var(--accent);border-radius:4px 4px 0 0}
.bar:hover i{opacity:.85}
.xl{display:flex;gap:48px;margin-top:8px}.xl span{width:120px}
.hbar{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:16px;margin:0 0 10px}
.hbar div{display:flex;align-items:center;gap:14px}.hbar i{display:block;height:28px;background:var(--accent);border-radius:0 4px 4px 0}.hbar i.alt{background:var(--alt)}
.hbar b{font:700 24px/1 "Inter Tight",sans-serif}
.note{font-size:15px;color:var(--muted);margin:8px 0 0}
.big{display:flex;align-items:baseline;gap:20px;margin:8px 0 24px}.big b{font:700 56px/1 "Inter Tight",sans-serif;letter-spacing:-.03em;color:var(--accent)}.big span{font-size:17px;max-width:420px}
.title44{font:700 44px/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em;margin:0}
@media (max-width:960px){.wrap>*{min-width:0}
.wrap{grid-template-columns:minmax(0,1fr);gap:48px;padding:40px 20px 64px}.side{position:static}
h1{font-size:48px}.stats{grid-template-columns:1fr;gap:28px}
.row,.row.with-img{grid-template-columns:1fr;gap:10px}.row img{width:100%;height:auto;aspect-ratio:16/10}
.row .k{order:-1}.more{flex-direction:column;gap:8px}
.bars,.xl{gap:12px}.bar,.xl span{flex:1;width:auto;min-width:0}.xl span{font-size:11px}.bar i{width:100%}
.hbar{grid-template-columns:minmax(0,1fr)}.title44{font-size:36px}.big{flex-direction:column;gap:8px}}