@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&family=Roboto:wght@100;700&display=swap");
:root{--bg:#020408;--panel:rgba(10,16,26,.76);--line:rgba(255,255,255,.12);--muted:#a7b3c4;--text:#f7fbff;--accent:var(--case-accent,#55ddff);--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--display:Archivo,Inter,ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020408}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(900px 620px at 86% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 64%),linear-gradient(180deg,#020408,#07111c 42%,#020408);overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.case-noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.case-noise:after{content:"M";position:fixed;right:-12vw;top:12vh;font-family:var(--display);font-size:70vw;font-weight:900;letter-spacing:-.14em;line-height:.7;color:rgba(255,255,255,.025)}.case-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:linear-gradient(180deg,rgba(2,4,8,.86),rgba(2,4,8,.38));border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px)}.case-brand{font-family:var(--display);font-size:clamp(22px,2vw,30px);letter-spacing:-.055em}.case-brand span{font-weight:260}.case-brand b{font-weight:800}.case-brand em{font-style:normal;color:var(--accent);font-weight:800;font-size:.78em}.case-header nav{display:flex;gap:24px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aab5c4}.case-header nav a:hover{color:#fff}.case-cta{padding:12px 16px;border-radius:999px;background:var(--accent);color:#031018!important;font-weight:800}.case-hero{position:relative;min-height:100vh;padding:138px clamp(22px,5.5vw,88px) 70px;display:flex;align-items:flex-end}.case-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#020408}.case-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.94),rgba(2,4,8,.55) 48%,rgba(2,4,8,.14)),linear-gradient(180deg,rgba(2,4,8,.35),rgba(2,4,8,.82))}.case-hero-bg img,.case-hero-bg video{width:100%;height:100%;object-fit:cover;opacity:.66;filter:saturate(1.07) contrast(1.08)}.case-hero-copy{position:relative;z-index:2;max-width:1040px}.case-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 20px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.case-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 24px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:280;letter-spacing:-.07em;line-height:.94}h1{font-size:clamp(58px,8vw,118px);max-width:1040px;margin-bottom:26px}h2{font-size:clamp(32px,3.8vw,64px);margin-bottom:20px}.case-lede{font-size:clamp(18px,1.55vw,24px);line-height:1.55;color:#c8d4e3;max-width:790px}.case-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.case-meta span{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(6,12,20,.65);padding:14px 16px;min-width:150px;backdrop-filter:blur(10px);font-family:var(--mono);font-size:11px;color:#e5edf7}.case-meta b{display:block;color:#8090a3;text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin-bottom:5px}.case-section{position:relative;z-index:2;padding-left:clamp(22px,5.5vw,88px);padding-right:clamp(22px,5.5vw,88px)}.signal-map{padding-top:90px;padding-bottom:80px;display:grid;grid-template-columns:1fr 84px 1fr 84px 1fr;gap:16px;align-items:stretch}.map-card{border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(12,20,32,.86),rgba(12,20,32,.45));min-height:260px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 90px rgba(0,0,0,.26)}.map-card.core{border-color:color-mix(in srgb,var(--accent) 56%,white 0%);box-shadow:0 0 72px color-mix(in srgb,var(--accent) 16%,transparent),0 24px 90px rgba(0,0,0,.28)}.map-card span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.map-card h2{font-size:clamp(26px,2.6vw,40px);line-height:1.03;margin:0}.map-arrow{height:2px;background:linear-gradient(90deg,var(--accent),transparent);align-self:center;position:relative}.map-arrow:after{content:"";position:absolute;right:0;top:50%;width:11px;height:11px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:translateY(-50%) rotate(45deg)}.case-content{padding-top:60px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.case-content article{border-top:1px solid var(--line);padding-top:30px}.case-content p{font-size:18px;line-height:1.65;color:#c8d3e0}.case-asset{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:42px;align-items:center}.asset-frame{border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;background:#07111b;box-shadow:0 40px 140px rgba(0,0,0,.46);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.asset-frame img,.asset-frame video{width:100%;height:clamp(320px,48vw,640px);object-fit:cover;background:#020408}.asset-frame.is-video{border-color:color-mix(in srgb,var(--accent) 30%,white 0%);box-shadow:0 40px 140px rgba(0,0,0,.46),0 0 70px color-mix(in srgb,var(--accent) 10%,transparent)}.asset-copy p:not(.case-eyebrow){font-size:18px;line-height:1.6;color:#bac7d7}.stack-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.stack-chips span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:999px;padding:12px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#e4eef8}.case-products{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:44px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.case-products p:not(.case-eyebrow){font-size:18px;color:#b8c5d5}.product-links{display:grid;gap:12px}.product-links a{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.035);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.product-links a:after{content:"↗";color:var(--accent)}.product-links a:hover{border-color:var(--accent);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 16%,transparent)}.case-nav{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.case-nav a{border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px;background:rgba(255,255,255,.035);font-family:var(--display);font-size:24px;letter-spacing:-.04em}.case-nav a span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7f8ea1;margin-bottom:8px}.case-nav a:hover{border-color:var(--accent)}.case-footer{position:relative;z-index:2;display:flex;gap:20px;justify-content:space-between;padding:30px clamp(22px,5.5vw,88px);border-top:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#99a7b8}@media(max-width:1080px){.signal-map,.case-content,.case-asset,.case-products,.case-nav{grid-template-columns:1fr}.map-arrow{height:42px;width:2px;margin:0 auto;background:linear-gradient(180deg,var(--accent),transparent)}.map-arrow:after{right:50%;top:auto;bottom:0;transform:translateX(50%) rotate(135deg)}.case-header nav a:not(.case-cta){display:none}.case-asset .asset-frame{transform:none}.case-footer{flex-direction:column}.case-meta span{flex:1}}@media(max-width:700px){.case-header{height:70px}.case-hero{padding-top:110px}.case-meta{display:grid}.case-content p{font-size:16px}.case-nav a{font-size:20px}}
.case-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.case-reveal.is-visible{opacity:1;transform:translateY(0)}.asset-frame.case-reveal{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(24px)}.asset-frame.case-reveal.is-visible{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(0)}@media(max-width:1080px){.asset-frame.case-reveal,.asset-frame.case-reveal.is-visible{transform:none}}
@media(max-width:520px){.case-header{padding:0 20px}.case-header nav{display:none}.case-brand{font-size:22px}}

/* Shared header and brand */
.brand{font-family:Roboto, Arial, sans-serif;letter-spacing:0;gap:0;color:#fff}
.brand .brand-media,.brand .brand-chrome{display:inline;font-size:1em;line-height:1;color:#fff;letter-spacing:0}
.brand .brand-media{font-weight:700}
.brand .brand-chrome{font-weight:100}
.case-brand{font-family:Roboto, Arial, sans-serif;font-size:clamp(22px,2.2vw,31px);letter-spacing:0;color:#fff}
.case-header{height:82px;padding:0 clamp(20px,4vw,64px)}
.case-header .main-nav{display:flex;align-items:center;gap:26px;font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aab5c4}
.case-header .main-nav a{transition:.2s ease;color:#9ba7b8}
.case-header .main-nav a:hover{color:#fff}
.case-header .nav-cta{padding:12px 16px;border-radius:999px;background:#55ddff;color:#061018!important;font-weight:700;box-shadow:0 0 26px rgba(85,221,255,.24)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;position:relative}
.menu-toggle span{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.25s}
.menu-toggle span:first-child{top:16px}
.menu-toggle span:last-child{top:24px}
.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg);top:20px}
.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg);top:20px}
@media(max-width:1080px){.case-header .main-nav a{display:inline-flex}}

/* Brighter case heroes */
.case-hero-bg:after{background:linear-gradient(90deg,rgba(2,4,8,.78),rgba(2,4,8,.38) 48%,rgba(2,4,8,.08)),linear-gradient(180deg,rgba(2,4,8,.18),rgba(2,4,8,.66))}
.case-hero-bg img,.case-hero-bg video{opacity:.82;filter:saturate(1.08) contrast(1.06) brightness(1.08)}
.case-meta a{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(6,12,20,.65);padding:14px 16px;min-width:150px;backdrop-filter:blur(10px);font-family:var(--mono);font-size:11px;color:#e5edf7}
.case-meta a:hover{border-color:var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent) 18%,transparent)}
@media(max-width:1080px){.case-meta a{flex:1}}

/* Case image gallery */
.case-gallery{padding-top:80px;padding-bottom:90px;display:grid;grid-template-columns:minmax(300px,480px) minmax(0,1fr);gap:44px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.case-gallery-copy p:not(.case-eyebrow){font-size:18px;line-height:1.6;color:#bac7d7}
.case-gallery-slider{position:relative;min-height:clamp(360px,50vw,680px);border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;background:#07111b;box-shadow:0 40px 140px rgba(0,0,0,.46),0 0 70px color-mix(in srgb,var(--accent) 10%,transparent)}
.case-gallery-canvas,.case-gallery-fallback,.case-gallery-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-gallery-canvas{display:none;z-index:2}
.case-gallery-fallback{z-index:1;transition:opacity .22s ease}
.case-gallery-video{z-index:2;opacity:0;pointer-events:none;transition:opacity .22s ease;background:#020408;filter:none}
.case-gallery-video.is-active{opacity:1}
.case-gallery-slider.is-video-active .case-gallery-fallback{opacity:0}
.gallery-live-badge,.gallery-audio-control{position:absolute;z-index:4;top:18px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.gallery-live-badge{left:18px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#ff2d35;color:#fff;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 28px rgba(255,45,53,.45)}
.gallery-live-badge i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}
.gallery-audio-control{left:96px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,8,14,.72);color:#fff;padding:8px 12px;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(12px);cursor:pointer}
.gallery-audio-control:hover,.gallery-audio-control.is-on{border-color:var(--accent);color:#041018;background:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)}
.case-gallery-slider.is-video-active .gallery-live-badge,.case-gallery-slider.is-video-active .gallery-audio-control{opacity:1;pointer-events:auto;transform:translateY(0)}
.gallery-wipe{position:absolute;top:0;bottom:0;left:0;width:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,3,.95) 92%,#20D7F2);box-shadow:6px 0 30px rgba(32,215,242,.55)}
.case-gallery-images{display:none}
.gallery-control{position:absolute;z-index:4;top:50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:rgba(4,8,14,.62);color:#fff;font-size:0;line-height:1;transform:translateY(-50%);backdrop-filter:blur(14px);cursor:pointer;padding:0}
.gallery-control:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border:solid currentColor;border-width:0 0 3px 3px;display:block}
.gallery-control.prev:before{transform:translate(-50%,-50%) rotate(45deg)}
.gallery-control.next:before{transform:translate(-50%,-50%) rotate(-135deg)}
.gallery-control:hover{border-color:var(--accent);box-shadow:0 0 34px color-mix(in srgb,var(--accent) 20%,transparent)}
.gallery-control.prev{left:18px}
.gallery-control.next{right:18px}
.gallery-pagination{position:absolute;z-index:5;left:50%;bottom:18px;display:flex;align-items:stretch;gap:8px;transform:translateX(-50%)}
.gallery-dots{display:flex;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,8,14,.58);backdrop-filter:blur(12px)}
.gallery-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.42);cursor:pointer}
.gallery-dots button.is-active{background:var(--accent);box-shadow:0 0 18px var(--accent)}
.gallery-play-toggle{position:static;width:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:grid;place-items:center;background:rgba(4,8,14,.62);color:#fff;backdrop-filter:blur(14px);cursor:pointer;padding:0}
.gallery-play-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 18%,transparent)}
.gallery-play-toggle span{position:relative;display:block;width:13px;height:14px}
.gallery-play-toggle[data-state="pause"] span:before,.gallery-play-toggle[data-state="pause"] span:after{content:"";position:absolute;top:1px;bottom:1px;width:4px;border-radius:1px;background:currentColor}
.gallery-play-toggle[data-state="pause"] span:before{left:1px}
.gallery-play-toggle[data-state="pause"] span:after{right:1px}
.gallery-play-toggle[data-state="play"] span{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}
.footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:34px clamp(22px,5.5vw,88px);border-top:1px solid rgba(255,255,255,.12);color:#8794a6;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(2,4,8,.72)}
.footer a{color:#dce7f3}
.footer a:hover{color:#55ddff}

@media(max-width:1080px){.case-gallery{grid-template-columns:1fr}.case-gallery-slider{min-height:56vw}}
@media(max-width:860px){
  .case-header{height:72px}
  .case-header .menu-toggle{display:block}
  .case-header .main-nav{position:absolute;right:18px;top:76px;display:none;flex-direction:column;align-items:flex-start;gap:0;width:min(340px,calc(100vw - 36px));border:1px solid var(--line);border-radius:24px;background:rgba(3,8,14,.94);padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.42)}
  .case-header .main-nav.open{display:flex}
  .case-header .main-nav a{display:block;width:100%;padding:14px;border-radius:14px}
  .case-header .nav-cta{margin-top:6px;text-align:center}
}
@media(max-width:700px){.case-gallery-slider{min-height:330px}.gallery-control{width:40px;height:40px;font-size:0}.gallery-control:before{width:10px;height:10px}.case-header .main-nav.open{display:flex}.case-header nav{display:none}.case-header nav.open{display:flex}}
@media(max-width:860px){.footer{flex-direction:column}}
@media(max-width:1080px){.case-header nav.main-nav a{display:inline-flex}}
@media(max-width:860px){.case-header nav.main-nav a{display:block}}