.casehero,.articlehero{padding-bottom:70px}.back{display:block;color:var(--muted);margin-bottom:42px}.metric{margin-top:36px;border-left:6px solid var(--accent);padding:18px 22px;font:700 clamp(1.4rem,3vw,2.4rem) Unbounded;max-width:850px;background:#fff}.story{display:grid;grid-template-columns:240px minmax(0,790px);gap:80px;align-items:start}.story aside{position:sticky;top:100px}.story aside p{color:var(--muted);font-size:.85rem;line-height:1.5}.content .intro{font-size:1.25rem;color:var(--ink)}.content h3{font:700 1.15rem Unbounded;margin-top:30px}.content ul{padding-left:20px;display:grid;gap:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}.filters button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:9px 14px;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.content-card{display:flex;flex-direction:column;min-height:330px;transition:transform .2s,box-shadow .2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #17191f14}.content-card .tag{font:600 .75rem Unbounded;text-transform:uppercase;color:var(--muted)}.content-card h2{font-size:1.25rem;margin:20px 0 12px}.content-card p{color:var(--muted);line-height:1.55}.content-card strong{margin-top:auto;font-size:1.05rem}.content-card .arrow{margin-top:auto;padding-top:24px;font-weight:700}.casegrid,.bloggrid{grid-template-columns:repeat(3,1fr)}[hidden]{display:none!important}@media(max-width:850px){.casegrid,.bloggrid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr;gap:32px}.story aside{position:static}}@media(max-width:580px){.casegrid,.bloggrid{grid-template-columns:1fr}.content-card{min-height:280px}.metric{font-size:1.35rem}.back{margin-bottom:30px}}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:9px 12px;font:600 .72rem Manrope;cursor:pointer;transition:.2s}.theme-toggle:hover{border-color:var(--ink)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:60px;align-items:center}.hero-layout>:not(.hero-art){grid-column:1}.hero-layout>.hero-art{grid-column:2;grid-row:1/8}.hero-art{margin:0;position:relative;border-radius:28px;overflow:hidden;aspect-ratio:1.38/1;background:#111;border:1px solid var(--line);box-shadow:14px 14px 0 var(--acid)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 50%,#d7ff5226)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-art figcaption{position:absolute;left:14px;bottom:14px;z-index:1;background:#101116;color:#fff;border-radius:99px;padding:8px 11px;font:500 .65rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase}.content-card{position:relative;overflow:hidden}.content-card:before{content:"";display:block;height:7px;margin:-25px -25px 22px;background:linear-gradient(90deg,var(--violet),var(--acid))}.casegrid .content-card:nth-child(3n+2):before{background:linear-gradient(90deg,var(--acid),var(--cyan))}.casegrid .content-card:nth-child(3n):before,.bloggrid .content-card:nth-child(2n):before{background:linear-gradient(90deg,var(--cyan),var(--violet))}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.content-card:nth-child(3n+2){transition-delay:.06s}.content-card:nth-child(3n){transition-delay:.12s}
:root[data-theme="dark"]{--ink:#f7f7f2;--paper:#111216;--muted:#c7c9d1;--line:#555862;--white:#1b1c22;--accent:#d7ff52;color-scheme:dark}:root[data-theme="dark"] .nav{background:#111216f2}:root[data-theme="dark"] .card,:root[data-theme="dark"] .notice,:root[data-theme="dark"] .metric{background:#1b1c22}:root[data-theme="dark"] .lead{color:#dedfe4}:root[data-theme="dark"] .btn{background:#d7ff52;color:#101116;border-color:#d7ff52}:root[data-theme="dark"] footer{background:#07080a}:root[data-theme="dark"] .filters button{border-color:#858894}:root[data-theme="dark"] .filters button.active,:root[data-theme="dark"] .fit-picker button.active{background:#d7ff52;color:#101116;border-color:#d7ff52}
@media(max-width:950px){.hero-layout{grid-template-columns:1fr;gap:36px}.hero-layout>.hero-art{grid-column:1;grid-row:auto;max-width:720px}.theme-toggle span{display:none}}@media(max-width:580px){.hero-art{border-radius:20px;box-shadow:8px 8px 0 var(--acid)}.theme-toggle{margin-left:auto}.navin>.btn{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.content-card{transition:none}}
.proof-section{padding:54px 0 0}.case-body{padding-top:70px}.case-proof{margin:0;border-radius:28px;overflow:hidden;background:#0b0c0f;border:1px solid var(--line);position:relative}.case-proof img{display:block;width:100%;max-height:720px;object-fit:contain}.case-proof figcaption{position:absolute;left:16px;bottom:16px;background:#101116e8;color:#fff;border:1px solid #ffffff35;border-radius:999px;padding:8px 12px;font:500 .68rem "IBM Plex Mono";letter-spacing:.04em}.case-nav,.article-toc{display:grid;gap:7px;margin:22px 0}.case-nav a,.article-toc a{font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 0}.case-nav a:hover,.article-toc a:hover{color:var(--ink)}.case-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.case-brief>div{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:8px}.case-brief small{color:var(--muted)}.case-brief strong{font-size:.9rem}.result-callout,.key-answer{border-left:6px solid var(--acid);background:var(--white);padding:22px 24px;border-radius:0 16px 16px 0}.result-callout strong{font:700 clamp(1.4rem,3vw,2.2rem) Unbounded}.key-answer{margin:0 0 42px}.key-answer>strong{font:700 .78rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase}.key-answer p{margin:10px 0 0!important}.metric-table{display:grid;margin:24px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.metric-table>div{display:grid;grid-template-columns:.34fr 1fr;gap:20px;padding:13px 16px;border-bottom:1px solid var(--line)}.metric-table>div:first-child{background:var(--ink);color:var(--paper)}.metric-table>div:last-child{border:0}.checklist{list-style:none;padding:0!important}.checklist li{position:relative;padding:14px 14px 14px 48px;border:1px solid var(--line);border-radius:12px}.checklist li:before{content:"✓";position:absolute;left:15px;top:12px;width:22px;height:22px;background:var(--acid);color:#101116;border-radius:50%;display:grid;place-items:center;font-weight:900}.article-faq details{border-top:1px solid var(--line);padding:17px 0}.article-faq details:last-child{border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;font-weight:800}.article-faq p{margin-bottom:0}.content>p,.content>ul{font-size:1.05rem;line-height:1.78}.content h2{scroll-margin-top:110px}.notice{background:var(--acid)!important;color:#101116!important}.notice p{color:#101116!important}.notice .btn{background:#101116!important;color:#fff!important;border-color:#101116!important}:root[data-theme="dark"] .notice{background:var(--acid)!important}:root[data-theme="dark"] .result-callout,:root[data-theme="dark"] .key-answer{background:#191a20}:root[data-theme="dark"] .metric-table>div:first-child{background:var(--acid);color:#101116}
@media(max-width:700px){.case-proof{border-radius:18px}.case-proof figcaption{position:static;border-radius:0;font-size:.6rem}.case-brief{grid-template-columns:1fr}.metric-table>div{grid-template-columns:1fr;gap:5px}.proof-section{padding-top:28px}.case-body{padding-top:50px}}
.case-card{padding-top:190px}.case-card:before{position:absolute;z-index:2;top:0;left:0;right:0;margin:0;height:7px}.card-visual{position:absolute;inset:0 0 auto;width:100%;height:168px;object-fit:cover;filter:grayscale(1) contrast(1.15);opacity:.7;border-bottom:1px solid var(--line);transition:filter .25s,opacity .25s,transform .35s}.case-card:after{content:"";position:absolute;z-index:1;inset:0 0 auto;height:168px;background:linear-gradient(to top,var(--white),transparent 65%);pointer-events:none}.case-card:hover .card-visual{filter:grayscale(.15) contrast(1.05);opacity:1;transform:scale(1.025)}.blog-card{padding-right:92px}.card-icon{position:absolute;right:22px;top:24px;width:52px;height:52px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:400 2rem/1 Unbounded;color:var(--violet);opacity:.9}.blog-card:nth-child(3n+2) .card-icon{color:#aacc35}.blog-card:nth-child(3n) .card-icon{color:#43cdd0}:root[data-theme="dark"] .content p,:root[data-theme="dark"] .content li{color:#d0d2d8}:root[data-theme="dark"] .content strong{color:#f7f7f2}:root[data-theme="dark"] .card p{color:#c7c9d1}:root[data-theme="dark"] .case-card:after{background:linear-gradient(to top,#1b1c22,transparent 65%)}
@media(max-width:580px){.case-card{padding-top:175px}.card-visual,.case-card:after{height:152px}.blog-card{padding-right:72px}.card-icon{right:16px;width:42px;height:42px;font-size:1.5rem}}
.inner-menu{display:none;margin-left:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:42px;height:42px;border-radius:50%;font-size:1.25rem;cursor:pointer}@media(max-width:850px){.inner-menu{display:grid;place-items:center}.navin>.btn{margin-left:0}.navin .links.mobile-open{display:flex;position:fixed;top:76px;left:0;right:0;background:var(--paper);color:var(--ink);padding:14px 20px 22px;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 20px 35px #0003}.navin .links.mobile-open a{padding:14px 4px;border-bottom:1px solid var(--line)}.navin .links.mobile-open a:last-child{border:0}}@media(max-width:580px){.navin>.btn{display:none}.navin .links.mobile-open{top:66px}.theme-toggle{margin-left:auto}}