.case-study{--ink:oklch(17% .065 264);--navy:oklch(26.5% .076 264);--paper:oklch(100% 0 0);--wash:oklch(97.5% .006 210);--text:oklch(17% .065 264);--muted:oklch(42% .02 258);--line:oklch(17% .065 264/.12);--accent:oklch(58% .09 255);--teal:oklch(82% .1 255);--sans:"DM Sans","Helvetica Neue",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--ease:cubic-bezier(.23,1,.32,1);background:var(--paper);color:var(--text);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}.case-study *,.case-study :before,.case-study :after{box-sizing:border-box;margin:0}.case-study a{color:inherit}.case-study .wrap{max-width:1200px;margin:0 auto;padding:0 32px}.case-study .mono{font:500 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}.case-study .hero{color:var(--paper);background:radial-gradient(55% 75% at 12% 8%,oklch(80% .08 238/.42),oklch(60% .08 238/.16) 45%,#0000 75%),radial-gradient(50% 60% at 100% 100%,oklch(66% .08 238/.26),#0000 75%),oklch(66% .1 240);padding:24px 0 96px;position:relative;overflow:hidden}.case-study .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:64px;display:grid}.case-study .hero .kicker{color:var(--teal)}.case-study .hero-back-row{margin-bottom:20px}.case-study .hero-back{width:44px;height:44px;color:var(--teal);flex:none;justify-content:flex-start;align-items:center;text-decoration:none;display:inline-flex}.case-study .hero-back:hover{color:var(--paper)}.case-study .hero-back:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.case-study .hero h1{letter-spacing:-.03em;text-wrap:balance;margin-top:22px;font-size:clamp(36px,4.4vw,58px);font-weight:300;line-height:1.06}.case-study .hero .meta{color:oklch(100% 0 0/.72);margin-top:24px;font-size:16px}.case-study .hero .meta a{text-underline-offset:3px;text-decoration:underline}.case-study .chip{color:oklch(100% 0 0/.8);border:1px solid oklch(100% 0 0/.3);border-radius:3px;margin-top:22px;padding:7px 10px;font-size:11px;display:inline-block}.case-study .hero-screen .screen{height:520px;min-height:0;box-shadow:0 40px 80px -30px oklch(0% 0 0/.6)}.case-study .case-screen{background:0 0;padding:0}.case-study .case-screen .res{padding-bottom:36px}.case-study .figures{border-bottom:1px solid var(--line)}.case-study .figures-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-study .figure{border-left:1px solid var(--line);padding:44px 32px 40px}.case-study .figure:first-child{border-left:0;padding-left:0}.case-study .figure b{letter-spacing:-.03em;font-size:clamp(30px,3.2vw,44px);font-weight:300;line-height:1.1;display:block}.case-study .figure span{color:var(--muted);max-width:30ch;margin-top:10px;font-size:15px;display:block}.case-study .body{padding:96px 0 104px}.case-study .body-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:88px;display:grid}.case-study .rail{position:sticky;top:112px}.case-study .rail-card{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:28px;box-shadow:0 30px 60px -45px oklch(25% .082 264/.45)}.case-study .rail .k{color:var(--muted);font-size:11px}.case-study .company{letter-spacing:-.01em;margin-top:8px;font-size:22px;font-weight:400}.case-study .desc{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.case-study .rail hr{border:0;border-top:1px solid var(--line);margin:22px 0}.case-study .rail-big{letter-spacing:-.04em;margin-top:10px;font-size:48px;font-weight:300;line-height:1}.case-study .bars{gap:12px;margin-top:18px;display:grid}.case-study .bar-row{color:var(--muted);grid-template-columns:1fr auto;gap:6px 12px;font-size:12.5px;display:grid}.case-study .bar-row b{color:var(--text);font-weight:500}.case-study .track{background:oklch(17% .065 264/.08);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.case-study .fill{background:var(--accent);height:100%;display:block}.case-study .fill.before{background:oklch(17% .065 264/.3)}.case-study .src{text-underline-offset:3px;margin-top:8px;font-size:15px;text-decoration:underline;display:inline-block}.case-study .lede{letter-spacing:-.01em;font-size:clamp(22px,2.2vw,27px);font-weight:300;line-height:1.45}.case-study .chapter{border-top:1px solid var(--line);margin-top:64px;padding-top:28px}.case-study .label{color:var(--accent);gap:14px;display:flex}.case-study .label span{color:var(--muted)}.case-study .prose{color:var(--muted);margin-top:20px;font-size:18px;line-height:1.7}.case-study .prose p+p{margin-top:16px}.case-study .steps{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding:0;list-style:none;display:grid}.case-study .steps li{border:1px solid var(--line);background:var(--wash);border-radius:6px;padding:24px}.case-study .steps .n{color:var(--accent)}.case-study .steps strong{letter-spacing:-.01em;margin-top:14px;font-size:19px;font-weight:500;display:block}.case-study .steps p{color:var(--muted);margin-top:8px;font-size:15.5px;line-height:1.6}.case-study blockquote{border-left:2px solid var(--teal);margin-top:64px;padding-left:28px}.case-study blockquote p{letter-spacing:-.015em;font-size:clamp(24px,2.4vw,30px);font-weight:300;line-height:1.35}.case-study blockquote cite{color:var(--muted);margin-top:16px;font-size:11px;font-style:normal;display:block}.case-study .for-you{background:var(--ink);color:var(--paper);border-radius:6px;margin-top:56px;padding:28px 32px}.case-study .for-you .k{color:var(--teal)}.case-study .for-you p:last-child{color:oklch(100% 0 0/.86);margin-top:12px;font-size:18px;line-height:1.6}.case-study .caveat{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding-top:20px;font-size:13.5px;line-height:1.6}.case-study .caveat a{text-underline-offset:2px;text-decoration:underline}.case-study .cta{color:var(--paper);background:radial-gradient(50% 90% at 0 0,oklch(80% .08 238/.3),#0000 70%),oklch(66% .1 240);padding:96px 0}.case-study .cta-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:64px;display:grid}.case-study .cta .kicker{color:var(--teal)}.case-study .cta h2{letter-spacing:-.03em;margin-top:20px;font-size:clamp(34px,4vw,52px);font-weight:300;line-height:1.06}.case-study .cta-side p{color:oklch(100% 0 0/.75);max-width:40ch;font-size:17px}.case-study .btn{background:var(--paper);height:48px;color:var(--ink);letter-spacing:.04em;transition:transform .16s var(--ease);border-radius:4px;align-items:center;margin-top:24px;padding:0 24px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.case-study .btn:hover{transform:translateY(-1px)}.case-study .pager{grid-template-columns:1fr 1fr;gap:0;padding-top:0;padding-bottom:0;display:grid}.case-study .pager a{border-bottom:1px solid var(--line);padding:40px 32px 44px 0;text-decoration:none;transition:background .2s;display:block}.case-study .pager a+a{border-left:1px solid var(--line);text-align:right;padding:40px 0 44px 32px}.case-study .pager small{color:var(--accent);font-size:11px}.case-study .pager b{letter-spacing:-.02em;margin-top:12px;font-size:26px;font-weight:300;display:block}.case-study .pager span{color:var(--muted);margin-top:6px;font-size:14px;display:block}.case-study .pager a:hover b{color:var(--accent)}@media (width<=960px){.case-study .wrap{padding:0 20px}.case-study .hero{padding:24px 0 64px}.case-study .hero-grid,.case-study .body-grid,.case-study .cta-grid{grid-template-columns:1fr;gap:40px}.case-study .hero-screen .screen{height:clamp(500px,320px + 45vw,660px)}.case-study .figures-grid{grid-template-columns:1fr}.case-study .figure,.case-study .figure:first-child{border-left:0;border-top:1px solid var(--line);padding:28px 0}.case-study .figure:first-child{border-top:0}.case-study .rail{position:static}.case-study .body{padding:56px 0 72px}.case-study .steps,.case-study .pager{grid-template-columns:1fr}.case-study .pager a,.case-study .pager a+a{text-align:left;border-left:0;padding:28px 0}}