@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#06111f;--paper:#f4fbff;--blue:#00bfff;--violet:#8068ff;--muted:#7791a2;--line:rgba(122,226,255,.2)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'DM Sans',sans-serif;background:var(--ink);color:#effbff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:.94}.case-shell{overflow:hidden}.case-nav{position:relative;z-index:5;max-width:88rem;margin:auto;padding:1.25rem clamp(1.25rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:600}.accent{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:.65rem}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.pill:hover{border-color:var(--blue);transform:translateY(-2px)}.pill.primary{background:linear-gradient(135deg,var(--blue),var(--violet));border-color:transparent;color:#fff}.case-hero{position:relative;max-width:88rem;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,4vw,3.5rem) 3rem}.case-hero::before{content:"";position:absolute;width:45rem;height:45rem;right:-20rem;top:-22rem;border-radius:50%;background:radial-gradient(circle,rgba(0,191,255,.22),transparent 67%);pointer-events:none}.case-kicker{color:#8ee8ff;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.5rem}.case-hero h1{font-size:clamp(4rem,10vw,9.5rem);max-width:76rem}.case-hero h1 em{color:var(--blue);font-weight:400}.case-lead{max-width:50rem;margin-top:2rem;color:#b9d0dc;font-size:clamp(1rem,2vw,1.25rem)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:4rem;background:var(--line);border:1px solid var(--line)}.case-meta div{padding:1.2rem;background:rgba(6,17,31,.92)}.case-meta span{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.case-meta strong{display:block;margin-top:.35rem;font-weight:500}.case-visual{max-width:88rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,3.5rem)}.browser-frame{position:relative;padding-top:2rem;border:1px solid var(--line);background:#0b1c2b;box-shadow:0 40px 120px rgba(0,0,0,.35)}.browser-frame::before{content:"●  ●  ●";position:absolute;top:.45rem;left:1rem;color:#537084;font-size:.65rem;letter-spacing:.25rem}.browser-frame img{width:100%;aspect-ratio:16/9;object-fit:cover}.case-content{max-width:80rem;margin:0 auto;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,3.5rem)}.case-intro{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(2rem,8vw,8rem);align-items:start}.section-label{color:#8ee8ff;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}.case-copy h2{font-size:clamp(3rem,6vw,5.8rem)}.case-copy>p{margin-top:1.5rem;color:#b9d0dc;max-width:49rem}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;background:var(--line);border:1px solid var(--line)}.case-card{padding:2rem;background:#081827}.case-card span{font-family:'Instrument Serif',serif;font-size:2.8rem;color:var(--blue)}.case-card h3{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:600;margin:.8rem 0}.case-card p{color:#91adbc;font-size:.9rem}.feature-band{margin-top:5rem;padding:clamp(2rem,5vw,4rem);border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(128,104,255,.16),transparent 34rem),rgba(255,255,255,.025)}.feature-band h2{font-size:clamp(2.8rem,5vw,5rem);max-width:58rem}.feature-band p{margin-top:1.25rem;color:#b9d0dc;max-width:52rem}.quote{position:relative;margin-top:5rem;padding:clamp(2.2rem,6vw,5.5rem);background:var(--paper);color:var(--ink)}.quote::before{content:"“";position:absolute;right:4%;top:-1.5rem;font-family:'Instrument Serif',serif;color:rgba(0,191,255,.28);font-size:12rem;line-height:1}.quote blockquote{position:relative;font-family:'Instrument Serif',serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;max-width:66rem}.quote cite{display:block;margin-top:2rem;color:#547083;font-style:normal;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.case-footer{max-width:88rem;margin:0 auto 3rem;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,4vw,3.5rem);display:flex;justify-content:space-between;gap:2rem;align-items:end;border-top:1px solid var(--line)}.case-footer h2{font-size:clamp(3rem,7vw,6.5rem);max-width:48rem}.case-footer p{color:#9ab5c4;margin-top:1rem}.case-footer-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media(max-width:760px){.case-nav{align-items:flex-start}.nav-actions .pill:not(.primary){display:none}.case-meta{grid-template-columns:1fr 1fr}.case-intro{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.case-footer{display:block}.case-footer-actions{justify-content:flex-start;margin-top:2rem}.browser-frame{padding-top:1.65rem}.quote::before{font-size:7rem}}
@media(prefers-reduced-motion:no-preference){.browser-frame img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s}.browser-frame:hover img{transform:scale(1.015);filter:saturate(1.08)}}