.case-page{--paper:oklch(97% 0 0);--card:oklch(100% 0 0);--ink:#040825;--ink-2:oklch(44% .025 258);--ink-3:oklch(56% .02 258);--line:oklch(22% 0 0/.12);--navy:oklch(25% .082 264);--navy-2:oklch(29% .085 264);--on-navy:oklch(100% 0 0);--on-navy-2:oklch(79% .03 258);--teal:oklch(82% .1 255);--teal-deep:oklch(42% .09 255);--mono:"DM Mono", ui-monospace, monospace;background:var(--paper);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font:400 19px/1.65 DM Sans,Helvetica Neue,system-ui,sans-serif}.case-page *,.case-page :before,.case-page :after{box-sizing:border-box;margin:0}.case-page a{color:inherit}.case-page .bar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:oklch(97% 0 0/.88);justify-content:space-between;align-items:center;padding:14px clamp(20px,4vw,40px);display:flex;position:sticky;top:0}.case-page .brand{letter-spacing:.12em;font-size:14px;font-weight:500;text-decoration:none}.case-page .back{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid oklch(22% 0 0/.3);padding:11px 14px;text-decoration:none;transition:background .15s,color .15s}.case-page .back:hover{background:var(--ink);color:var(--on-navy)}.case-page article{max-width:760px;margin:0 auto;padding:72px 20px 40px}.case-page .kicker{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep)}.case-page h1{text-wrap:balance;letter-spacing:-.03em;margin-top:20px;font-size:clamp(36px,5.6vw,56px);font-weight:300;line-height:1.06}.case-page .meta{color:var(--ink-3);margin-top:18px;font-size:16px}.case-page .panel{color:var(--on-navy);background:radial-gradient(90% 80% at 0 0,oklch(80% .08 238/.32),#0000 75%),oklch(66% .1 240);border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:32px 48px;margin-top:48px;padding:36px 40px 40px;display:grid}.case-page .panel-k{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.case-page .big{letter-spacing:-.04em;color:var(--on-navy);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:24px;font-size:clamp(60px,8vw,88px);font-weight:300;line-height:.95}.case-page .big small{letter-spacing:0;color:var(--on-navy-2);margin-right:6px;font-size:.28em}.case-page .cap{color:oklch(88% .03 258);margin-top:12px;font-size:17px;line-height:1.4}.case-page .bars{gap:16px;display:grid}.case-page .bar-row{font:400 13px/1 var(--mono);letter-spacing:.04em;color:var(--on-navy-2);grid-template-columns:1fr auto;row-gap:8px;display:grid}.case-page .bar-row b{color:var(--on-navy);font-variant-numeric:tabular-nums;font-weight:500}.case-page .track{background:oklch(100% 0 0/.1);border-radius:99px;grid-column:1/-1;height:10px;overflow:hidden}.case-page .fill{background:var(--teal);border-radius:99px;height:100%;display:block}.case-page .fill.before{background:oklch(79% .03 258/.5)}.case-page .card{border:1px solid var(--line);background:var(--card);border-radius:4px;margin-top:16px;overflow:hidden}.case-page .card-top{grid-template-columns:1fr 1fr;display:grid}.case-page .card-top>div{padding:22px 24px}.case-page .card-top>div+div{border-left:1px solid var(--line)}.case-page .k{font:400 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.case-page .company{letter-spacing:-.01em;margin-top:10px;font-size:22px;font-weight:500;line-height:1.2}.case-page .desc{color:var(--ink-2);margin-top:6px;font-size:14px;line-height:1.45}.case-page .src-v{margin-top:10px;font-size:16px}.case-page .stamp{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);background:var(--paper);margin-top:12px;padding:4px 8px;display:inline-block}.case-page .stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.case-page .stat{padding:22px 24px}.case-page .stat+.stat{border-left:1px solid var(--line)}.case-page .stat b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:300;line-height:1.1;display:block}.case-page .stat span{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.4;display:block}.case-page .lede{color:var(--ink-2);margin-top:56px;font-size:22px;line-height:1.55}.case-page h2{letter-spacing:-.02em;margin-top:64px;font-size:28px;font-weight:400;line-height:1.2}.case-page h2+.prose,.case-page h2+ol{margin-top:16px}.case-page .prose p+p{margin-top:18px}.case-page ol.steps{border-top:1px solid var(--line);padding:0;list-style:none}.case-page ol.steps li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:8px;padding:18px 0;display:grid}.case-page ol.steps .n{font:400 13px/1.9 var(--mono);color:var(--teal-deep)}.case-page ol.steps strong{font-weight:500}.case-page blockquote{border-left:2px solid var(--teal-deep);letter-spacing:-.01em;margin:56px 0 0;padding:4px 0 4px 24px;font-size:26px;font-weight:300;line-height:1.35}.case-page blockquote cite{font:400 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:12px;font-style:normal;display:block}.case-page .for-you{background:var(--card);border:1px solid var(--line);border-radius:4px;margin-top:64px;padding:32px}.case-page .for-you p:not(.kicker){margin-top:12px}.case-page .caveat{color:var(--ink-3);margin-top:40px;font-size:15px}.case-page .caveat a{color:var(--ink-2)}.case-page .cta-band{background:var(--navy);color:var(--on-navy);margin-top:72px}.case-page .cta-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;max-width:760px;margin:0 auto;padding:56px 20px;display:flex}.case-page .cta-in p{max-width:22ch;font-size:26px;font-weight:300;line-height:1.25}.case-page .btn{background:var(--on-navy);color:var(--ink);border-radius:4px;gap:10px;padding:16px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.case-page .btn:hover{background:var(--teal)}.case-page .pager{justify-content:space-between;gap:16px;max-width:760px;margin:0 auto;padding:32px 20px 64px;display:flex}.case-page .pager a{font-size:16px;text-decoration:none}.case-page .pager small{font:400 12px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:block}.case-page .pager a:last-child{text-align:right}@media (width<=640px){.case-page article{padding-top:48px}.case-page .panel{grid-template-columns:1fr;padding:28px 24px 30px}.case-page .card-top,.case-page .stats{grid-template-columns:1fr}.case-page .card-top>div+div,.case-page .stat+.stat{border-left:0;border-top:1px solid var(--line)}.case-page .lede{font-size:20px}.case-page .for-you{padding:24px}.case-page blockquote{font-size:22px}}