.hero.showcase{padding:96px 0}.hero.showcase .hero-inner{text-align:left;align-items:flex-start;max-width:900px;margin:0 auto}.hero.showcase h1{font:700 clamp(34px, 4.4vw, 58px)/1.06 var(--font-sans);letter-spacing:-.028em;margin:0 0 24px}.hero.showcase .res-copy p{max-width:720px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-tabs{flex-wrap:wrap;gap:10px;padding:0 0 36px;display:flex}.case-tab{appearance:none;cursor:pointer;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--fg-3);font:500 11px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;transition:color .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease), transform .14s var(--ease);padding:10px 15px}.case-tab:hover{color:var(--fg-0);border-color:var(--fg-4);transform:translateY(-1px)}.case-tab[aria-selected=true]{background:linear-gradient(135deg, var(--brand-orange), var(--brand-red));color:#000;border-color:#0000}.case-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:18px;margin:0;padding:0 0 120px;list-style:none;display:grid}.case-card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-lg);transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.case-card:hover,.case-card:focus-within{border-color:var(--fg-4);transform:translateY(-4px);box-shadow:0 20px 44px -20px #0000008c}.case-hit{z-index:3;appearance:none;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.case-hit:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-2px}.case-visual{aspect-ratio:16/10;background:var(--bg-0);border-bottom:1px solid var(--line-2);position:relative;overflow:hidden}.case-visual img{object-fit:cover;width:100%;height:100%;transition:transform .32s var(--ease);display:block}.case-card:hover .case-visual img{transform:scale(1.04)}.case-visual-ph{background:radial-gradient(120% 120% at 20% 0%, color-mix(in oklab, var(--brand-orange) 22%, transparent), transparent 60%), radial-gradient(100% 100% at 100% 100%, color-mix(in oklab, var(--brand-red) 20%, transparent), transparent 65%), var(--bg-0);place-items:center;display:grid;position:absolute;inset:0}.case-visual-ph .ph-grid{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.case-visual-ph .ph-mark{font:700 34px/1 var(--font-mono);letter-spacing:.04em;background:linear-gradient(135deg, var(--brand-orange), var(--brand-red));color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.case-kind{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-3);border-radius:var(--r-pill);font:500 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-orange);background:#0000009e;padding:6px 10px;position:absolute;top:10px;left:10px}.case-kind--static{-webkit-backdrop-filter:none;backdrop-filter:none;display:inline-block;position:static}.case-card-body{flex-direction:column;gap:12px;padding:16px;display:flex}.case-card h2{font:700 17px/1.25 var(--font-sans);letter-spacing:-.015em;margin:0}.case-metrics{flex-wrap:wrap;gap:8px;display:flex}.case-metric{background:var(--bg-0);border:1px solid var(--line-3);border-radius:var(--r-md,10px);flex:auto;min-width:88px;padding:9px 12px}.case-metric .m-value{font:700 14px/1.05 var(--font-mono);color:var(--fg-0);display:block}.case-metric .m-label{font:500 9px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);margin-top:5px;display:block}.case-reveal{transition:grid-template-rows .26s var(--ease);grid-template-rows:0fr;display:grid}.case-card:hover .case-reveal,.case-card:focus-within .case-reveal{grid-template-rows:1fr}.case-reveal-inner{opacity:0;transition:opacity .22s var(--ease) 40ms, transform .22s var(--ease) 40ms;flex-direction:column;gap:10px;display:flex;overflow:hidden;transform:translateY(6px)}.case-card:hover .case-reveal-inner,.case-card:focus-within .case-reveal-inner{opacity:1;transform:translateY(0)}.case-hook{font:400 13px/1.5 var(--font-sans);color:var(--fg-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.case-learn{border-radius:var(--r-pill);background:linear-gradient(135deg, var(--brand-orange), var(--brand-red));color:#000;font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;padding:10px 14px}.case-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:case-fade .18s var(--ease);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.case-modal{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-lg);width:min(680px,100%);max-height:min(86vh,900px);animation:case-pop .22s var(--ease);padding:30px;position:relative;overflow-y:auto}@keyframes case-fade{0%{opacity:0}to{opacity:1}}@keyframes case-pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.case-modal-close{z-index:5;appearance:none;cursor:pointer;color:#ffffffd9;width:34px;height:34px;transition:color .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease);background:#0000008c;border:1px solid #ffffff38;border-radius:50%;font-size:13px;position:absolute;top:16px;right:16px}.case-modal-close:hover{color:#fff;border-color:var(--brand-orange);background:#000000b8}.case-modal-banner{border-radius:var(--r-lg) var(--r-lg) 0 0;aspect-ratio:21/9;background:var(--bg-0);min-height:180px;margin:-30px -30px 24px;position:relative;overflow:hidden}.case-banner-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.case-modal-banner .case-visual-ph{inset:0}.case-modal-banner .case-visual-ph .ph-mark{font-size:44px}.case-banner-overlay{z-index:1;background:linear-gradient(#0000008c 0%,#0000002e 45%,#0000009e 100%);position:absolute;inset:0}.case-kind--banner{z-index:2;background:#0000009e;position:absolute;top:16px;left:16px}.case-banner-title{z-index:2;font:700 28px/1.12 var(--font-sans);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px #00000073;margin:0;position:absolute;bottom:16px;left:16px;right:60px}.case-modal-lead{padding-right:0}.case-modal-lead p{font:400 15px/1.6 var(--font-sans);color:var(--fg-2);margin:0}.case-modal-body{flex-direction:column;gap:22px;padding-top:24px;display:flex}.case-specs{flex-direction:column;gap:10px;margin:0;display:flex}.case-row{align-items:baseline;gap:12px;display:flex}.case-specs dt{font:500 11px/1.4 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-4);flex:0 0 96px}.case-specs dd{font:400 14.5px/1.55 var(--font-sans);color:var(--fg-1);margin:0}.case-result{border-radius:var(--r-md,12px);background:#22c55e14;border:1px solid #22c55e59;padding:16px}.case-result span{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#22c55e;margin-bottom:8px;display:block}.case-result p{font:400 15px/1.65 var(--font-sans);color:#4ade80;margin:0}.case-examples-block{flex-direction:column;gap:10px;display:flex}.case-examples-title{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4)}.case-examples{flex-wrap:wrap;gap:8px;display:flex}.case-examples a{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line-3);border-radius:var(--r-pill);transition:color .14s var(--ease), border-color .14s var(--ease);padding:9px 13px;text-decoration:none}.case-examples a:hover{color:var(--fg-0);border-color:var(--brand-orange)}.case-empty{border:1px dashed var(--line-3);border-radius:var(--r-lg);text-align:center;margin:0 0 120px;padding:56px 28px}.case-empty h2{font:700 22px/1.25 var(--font-sans);margin:0 0 10px}.case-empty p{font:400 15.5px/1.65 var(--font-sans);color:var(--fg-3);max-width:460px;margin:0 auto}@media (hover:none){.case-reveal{grid-template-rows:1fr}.case-reveal-inner{opacity:1;transform:none}}@media (width<=900px){.case-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding-bottom:80px}}@media (width<=640px){.hero.showcase{padding:64px 0 56px}.case-tabs{gap:8px;padding-bottom:24px}.case-tab{padding:9px 13px;font-size:10px}.case-grid{grid-template-columns:1fr;gap:14px}.case-card-body{gap:10px;padding:14px}.case-card h2{font-size:16px}.case-metric{min-width:0;padding:8px 11px}.case-metric .m-value{font-size:13px}.case-modal-backdrop{place-items:end stretch;padding:0}.case-modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:24px 18px 28px}.case-modal-banner{aspect-ratio:16/9;border-radius:20px 20px 0 0;min-height:160px;margin:-24px -18px 20px}.case-modal-banner .case-visual-ph .ph-mark{font-size:34px}.case-kind--banner{top:12px;left:12px}.case-banner-title{font-size:22px;bottom:12px;left:12px;right:50px}.case-specs .case-row{flex-direction:column;gap:4px}.case-specs dt{flex-basis:auto}}