:root{color-scheme:dark;--bg:#08090c;--text:#f4f3f6;--muted:#b3b3c0;--line:#ffffff24;--cyan:#00b8ff;--purple:#b100ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
::selection{background:var(--purple);color:white}
.skip{position:fixed;top:-100px;left:20px;padding:14px;background:white;color:black;z-index:100}.skip:focus{top:10px}
.wrap{width:min(1280px,88%);margin:auto}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#08090ce8;backdrop-filter:blur(20px)}
.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:block;flex-shrink:0}.wordmark img{display:block;width:132px;height:auto}
nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a{color:var(--muted)}nav a:hover{color:white}
.motion{border:1px solid var(--line);color:var(--muted);background:none;border-radius:99px;padding:10px 14px;font-size:11px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;line-height:1.8;color:var(--muted)}
.gradient{background:linear-gradient(105deg,var(--cyan),#8588ff,var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}
.hero{position:relative;overflow:hidden;padding:105px 0 70px}
.hero-glow{position:absolute;inset:-30%;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 72% 35%,#59008d 0,transparent 36%),radial-gradient(ellipse at 28% 60%,#006881 0,transparent 35%);filter:blur(65px);animation:drift 14s ease-in-out infinite alternate}
.hero .wrap{position:relative}
.hero h1{font-size:clamp(64px,10.5vw,150px);line-height:.88;letter-spacing:-.075em;margin:30px 0 36px;font-weight:700}.hero h1 span{display:block}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.hero-bottom p{max-width:510px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-bottom p strong{font-weight:400;color:white}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;border-radius:99px;padding:17px 24px;background:var(--text);color:var(--bg);font-size:13px;font-weight:700;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px);background:#c3eaff}.button span{font-size:20px}
.hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.signal{height:124px;display:flex;align-items:center;gap:7px;overflow:hidden;margin:8px 0 20px;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}
.signal i{display:block;flex:1;min-width:5px;height:var(--h);border-radius:99px;background:linear-gradient(var(--cyan),var(--purple));animation:pulse 2.8s ease-in-out infinite alternate;animation-delay:var(--d)}
section{padding:100px 0}.intro{border-top:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}
h2{font-size:clamp(38px,5vw,70px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}
.copy{font-size:17px;line-height:1.8;color:var(--muted)}.copy p{margin:0 0 22px}.copy strong{font-weight:400;color:var(--text)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}.section-head h2{margin-bottom:0}.section-head p{max-width:330px;font-size:15px;line-height:1.7;color:var(--muted)}
.production{padding-top:35px}
.service{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:58px 0;border-top:1px solid var(--line)}
.service:nth-of-type(even){grid-template-columns:1.15fr .85fr}.service:nth-of-type(even) .service-copy{order:2}.service:nth-of-type(even) .video-bay{order:1}
.service-index{color:var(--cyan);font-size:11px;letter-spacing:2px}
.service h3{font-size:clamp(30px,3.6vw,49px);letter-spacing:-.05em;line-height:1.08;margin:18px 0}
.service .tagline{font-size:18px;color:var(--text);margin:0 0 18px;line-height:1.4}.service p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}
.video-bay{position:relative;aspect-ratio:16/9;border:1px solid #ffffff30;overflow:hidden;background:linear-gradient(145deg,#151321,#0a1520);border-radius:5px}
.bay-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.video-bay:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#08090cd4 0%,#08090c70 58%,#08090c30),linear-gradient(0deg,#08090cbb,transparent 30%,transparent 77%,#08090c99)}
.video-bay .bay-art{z-index:2;pointer-events:none}
.video-bay .bay-title{z-index:3;pointer-events:none;text-shadow:0 2px 18px #0008}
.video-bay .bay-top,.video-bay .bay-bottom{z-index:4;align-items:center;color:#e1e1ec}
.video-toggle{color:var(--text);border:1px solid #ffffff60;border-radius:99px;background:#08090c80;min-height:32px;padding:6px 12px;font-size:10px;letter-spacing:.5px;white-space:nowrap}
.video-toggle:hover{background:#08090ce0;border-color:var(--cyan)}
.bay-top,.bay-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#c1c1ce;z-index:2}.bay-top{top:22px}.bay-bottom{bottom:22px}
.bay-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bay-title{position:absolute;left:28px;right:28px;top:50%;transform:translateY(-50%);font-size:clamp(32px,5vw,70px);letter-spacing:-.06em;font-weight:700;line-height:1;color:#ffffffde;z-index:1}
.bay-title small{display:block;margin-top:16px;font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#c7c7d4}
.orbit{position:absolute;width:68%;aspect-ratio:1;border:1px solid #00b8ff80;border-radius:50%;right:-9%;box-shadow:0 0 65px #00b8ff20,inset 0 0 40px #b100ff22}.orbit:after{content:"";position:absolute;inset:20%;border:1px solid #b100ffb0;border-radius:50%}
.animation .bay-art:before{content:"";width:56%;aspect-ratio:1;transform:rotate(35deg);background:linear-gradient(135deg,#00b8ff40,#b100ff70);border-radius:26%;filter:blur(2px)}
.graphics .bay-art{background:repeating-linear-gradient(115deg,transparent 0 32px,#8c46ee24 32px 34px)}.graphics .bay-art:before{content:"";position:absolute;width:80%;height:24%;background:linear-gradient(90deg,transparent,#00b8ff45,#b100ff60);transform:rotate(-22deg)}
.podcast .bay-art:before{content:"";width:80%;height:35%;opacity:.5;background:repeating-linear-gradient(90deg,#00b8ff 0 3px,transparent 3px 12px);-webkit-mask-image:radial-gradient(ellipse,black,transparent 70%);mask-image:radial-gradient(ellipse,black,transparent 70%)}
.marketing{position:relative;background:linear-gradient(135deg,#111320,#0c0913);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marketing-list{list-style:none;padding:0;margin:22px 0 0}.marketing-list li{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:17px}.marketing-list li span{font-size:11px;color:var(--cyan)}
.connection{padding:90px 0}.connection-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.text-link{display:inline-block;margin-top:12px;padding-bottom:9px;border-bottom:1px solid var(--cyan);font-size:14px}.text-link:hover{color:var(--cyan)}
.closing{position:relative;overflow:hidden;padding:100px 0;text-align:center;border-top:1px solid var(--line)}.closing:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#7700ae35,transparent 65%)}
.closing .wrap{position:relative}.closing h2{max-width:940px;margin:25px auto 30px;font-size:clamp(42px,6.5vw,90px)}.closing p{max-width:550px;margin:0 auto 32px;line-height:1.8;color:var(--muted)}
footer{padding:30px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.js-motion .reveal.visible{opacity:1;transform:none}
@keyframes drift{to{transform:translate(6%,-3%) scale(1.1)}}@keyframes pulse{to{transform:scaleY(.48);opacity:.65}}
.motion-off *{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}.motion-off .reveal{opacity:1!important;transform:none!important}
@media(max-width:900px){nav{gap:18px}.hero{padding-top:75px}.hero-bottom,.two-col,.connection-inner{gap:40px}.service,.service:nth-of-type(even){gap:36px}}
@media(max-width:680px){
  .wrap{width:88%}.topbar{min-height:78px;gap:12px}.wordmark img{width:94px}
  nav{gap:12px}nav .desktop{display:none}.motion{font-size:10px;padding:9px 10px}
  .hero{padding:65px 0 45px}.hero h1{font-size:clamp(58px,14vw,90px);margin-top:24px}
  .hero-bottom,.two-col,.connection-inner,.service,.service:nth-of-type(even){grid-template-columns:1fr;gap:25px}
  .hero-bottom p{font-size:16px}.signal{height:90px}.hero-meta{margin-top:45px;font-size:10px}.hero-meta span:last-child{display:none}
  section{padding:65px 0}.section-head{display:block;margin-bottom:35px}.section-head p{max-width:none}.service{padding:38px 0}
  .service:nth-of-type(even) .service-copy,.service:nth-of-type(even) .video-bay{order:initial}
  .bay-title{font-size:clamp(30px,10vw,48px);left:20px}.bay-top,.bay-bottom{left:18px;right:18px;font-size:8px;letter-spacing:1px}
  .bay-title small{font-size:9px;margin-top:12px}.closing{padding:75px 0}.footer-inner{align-items:start;flex-direction:column;gap:16px}
  .video-bay .bay-top{top:12px}.video-bay .bay-bottom{bottom:8px}.video-toggle{min-height:38px;padding:6px 10px}
  .bay-title small{margin-top:8px;letter-spacing:1px}.bay-title{top:46%;font-size:clamp(26px,9vw,48px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}