:root{--ink:#050b18;--navy:#08172d;--blue:#136cff;--cyan:#50ddff;--sky:#bfeaff;--paper:#f3f7ff;--line:rgba(169,204,255,.24);--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f6f9ff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{position:fixed;z-index:30;inset:0 0 auto;min-height:84px;padding:14px clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(3,9,20,.9),rgba(3,9,20,.45));backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.18em}.brand img{filter:drop-shadow(0 0 14px rgba(49,185,255,.45))}.brand span{display:flex;flex-direction:column}.brand strong{font-size:13px}.brand small{font-size:8px;color:#8db7e9;margin-top:5px}.nav{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav a{opacity:.78;transition:.25s}.nav a:hover{opacity:1;color:var(--cyan)}.nav-cta{border:1px solid rgba(117,211,255,.55);border-radius:40px;padding:13px 19px;background:rgba(19,108,255,.14)}.menu-button{display:none;background:none;border:0;color:white;padding:10px}.menu-button span{display:block;width:25px;height:1px;background:#fff;margin:7px}
.hero{height:max(760px,100svh);position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,19,.96) 0%,rgba(2,9,20,.79) 38%,rgba(2,8,19,.12) 73%),linear-gradient(0deg,rgba(2,8,19,.78),transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(67,163,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(67,163,255,.07) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-content{position:relative;z-index:2;margin-left:clamp(24px,8vw,135px);max-width:840px;padding-top:70px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.26em;color:#66ddff}.eyebrow span{display:inline-block;width:34px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.hero h1,.section h2,.work-section h2,.lab h2,.manifesto h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;margin:.25em 0;line-height:.9}.hero h1{font-size:clamp(58px,7.6vw,128px);max-width:1000px}.hero h1 em,.section h2 em,.work-section h2 em,.lab h2 em,.manifesto h2 em,.contact h2 em{font-weight:400;color:var(--cyan)}.hero-copy{max-width:630px;color:#bdd0e8;font-size:clamp(16px,1.25vw,20px);line-height:1.7}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:34px}.button{border:0;border-radius:2px;padding:17px 24px;min-width:190px;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em;display:inline-flex;justify-content:space-between;gap:20px}.button-light{background:white;color:#061020}.button-blue{background:linear-gradient(90deg,#31cbff,#2875ff);color:white}.reel-button{border:0;background:none;color:#fff;font-weight:700;font-size:12px;letter-spacing:.08em}.play{display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.5);border-radius:50%;margin-right:12px}.hero-side{position:absolute;z-index:2;right:28px;top:50%;display:flex;gap:14px;align-items:center;transform:rotate(90deg) translateX(50%);transform-origin:right top;font-size:8px;letter-spacing:.25em}.hero-side i{width:52px;height:1px;background:#5bcbff}.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;letter-spacing:.25em;transform:translateX(-50%)}.scroll-cue b{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.marquee{background:#1a70ff;color:#fff;white-space:nowrap;overflow:hidden;padding:16px 0;font-size:11px;font-weight:800;letter-spacing:.2em}.marquee div{width:max-content;animation:scroll 24s linear infinite}.marquee i{color:#9cecff;margin:0 24px}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:clamp(90px,11vw,180px) clamp(24px,8vw,135px)}.intro{background:var(--paper);color:#071225;display:grid;grid-template-columns:180px 1fr;gap:40px}.intro-copy{max-width:1120px}.kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#1769e9;line-height:1.6}.intro h2{font-size:clamp(46px,6vw,92px)}.intro h2 em{color:#1769e9}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px;color:#4e5d70;line-height:1.8;font-size:15px}.work-section{padding:clamp(90px,10vw,155px) clamp(24px,5vw,82px);background:#050b18}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto 55px;max-width:1420px}.section-head h2{font-size:clamp(50px,6vw,92px)}.section-head>a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--cyan);padding-bottom:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1420px;margin:auto}.work-card{position:relative;aspect-ratio:.78;min-height:530px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,rgba(22,114,255,.45),transparent 35%),linear-gradient(145deg,#071932,#040811)}.work-violet{background:radial-gradient(circle at 50% 40%,rgba(145,44,255,.5),transparent 35%),linear-gradient(145deg,#151039,#070712)}.work-cyan{background:radial-gradient(circle at 50% 40%,rgba(20,222,255,.45),transparent 35%),linear-gradient(145deg,#072b3b,#040a13)}.work-number{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.2em;color:#8fb6de}.orb{position:absolute;width:72%;aspect-ratio:1;left:14%;top:17%;border:1px solid rgba(133,216,255,.32);border-radius:50%;display:grid;place-items:center}.orb:before,.orb:after{content:"";position:absolute;border:1px solid rgba(120,182,255,.18);border-radius:50%;inset:-12%}.orb:after{inset:14%}.orb span{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c6f5ff,#2387ff 35%,#092262 62%,transparent 65%);filter:drop-shadow(0 0 35px #1478ff);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) scale(1.05)}}.work-meta{position:absolute;inset:auto 22px 24px}.work-meta p{font-size:9px;letter-spacing:.2em;color:#64dfff;text-transform:uppercase}.work-meta h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:8px 0}.work-meta button{position:absolute;right:0;bottom:0;border:1px solid var(--line);background:rgba(0,0,0,.2);color:white;width:44px;height:44px;border-radius:50%}
.services{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#071225}.services-title h2{font-size:clamp(52px,5vw,82px)}.service-list article{border-top:1px solid var(--line);padding:28px 8px;display:grid;grid-template-columns:50px 1fr 30px;gap:22px;align-items:start}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{color:#57dcff;font-size:10px}.service-list h3{font-family:var(--serif);font-size:31px;font-weight:400;margin:0 0 8px}.service-list p{margin:0;color:#8ca3bf;line-height:1.65;font-size:14px}.service-list b{font-weight:400;font-size:20px}.lab{padding:clamp(90px,11vw,170px) clamp(24px,8vw,135px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:linear-gradient(145deg,#dff7ff,#edf3ff);color:#071225}.lab h2{font-size:clamp(54px,6vw,94px)}.lab h2 em{color:#186fee}.lab-copy>p:last-child{color:#526278;line-height:1.8;max-width:500px}.lab-console{background:#071328;color:#eaf5ff;border:1px solid #2d8cff;padding:26px;box-shadow:22px 25px 0 #176af0;position:relative}.console-top{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.15em;color:#75dcff;border-bottom:1px solid var(--line);padding-bottom:18px}.console-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55f5b8;box-shadow:0 0 12px #55f5b8}.lab-console label{display:block;margin:24px 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.lab-console textarea{width:100%;min-height:125px;resize:vertical;background:#0b1d38;border:1px solid #274b79;color:white;padding:18px;line-height:1.6}.console-options{display:flex;gap:9px;margin:13px 0 18px}.console-options span{font-size:8px;padding:7px 10px;border:1px solid #315073;color:#8fb6dd}.lab-console>button{width:100%;border:0;padding:17px;background:linear-gradient(90deg,#49dbff,#2778ff);color:white;font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.12em;display:flex;justify-content:space-between}.generated-frame{max-height:0;opacity:0;overflow:hidden;transition:.5s}.generated-frame.visible{max-height:310px;opacity:1;padding-top:18px}.generated-frame div{height:150px;background:radial-gradient(ellipse at 50% 100%,#fff,#52c4ff 15%,#1c5cba 30%,#06142b 70%);border:1px solid #3daef8}.generated-frame p{font-family:var(--serif);font-size:16px}.generated-frame small{font-size:8px;letter-spacing:.16em;color:#5be0ff}.process{background:#f7f9fe;color:#071225}.process .section-head{margin-left:0}.process h2{font-size:clamp(52px,6vw,88px)}.process h2 em{color:#1769e9}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd9e8}.process-grid article{padding:32px 28px 30px 0;border-right:1px solid #cdd9e8;min-height:250px}.process-grid article:not(:first-child){padding-left:28px}.process-grid span{color:#1769e9;font-size:10px}.process-grid h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:65px 0 12px}.process-grid p{color:#637185;line-height:1.7;font-size:13px}.manifesto{padding:clamp(100px,12vw,190px) 24px;text-align:center;background:radial-gradient(circle at 50% 45%,#0e3974,#050a15 55%);position:relative;overflow:hidden}.manifesto:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(94,194,255,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(56,151,255,.04),0 0 0 180px rgba(56,151,255,.025)}.manifesto>p{font-size:10px;letter-spacing:.3em;color:#63ddff}.manifesto h2{position:relative;font-size:clamp(50px,7vw,105px)}.manifesto-stats{position:relative;display:flex;justify-content:center;gap:8vw;margin-top:75px}.manifesto-stats span{display:flex;flex-direction:column;font-size:8px;letter-spacing:.19em;color:#8da5c3}.manifesto-stats strong{font-family:var(--serif);font-size:40px;color:white;margin-bottom:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#eff5ff;color:#071225}.contact h2{font-size:clamp(50px,6vw,90px)}.contact h2 em{color:#1769e9}.contact-copy>p:not(.section-label){color:#5c6d83;line-height:1.8;max-width:520px}.contact-copy>a{display:inline-block;margin-top:35px;color:#1769e9;font-weight:700}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact label{display:flex;flex-direction:column;gap:9px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.contact label:nth-child(n+3){grid-column:1/-1}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #aebed1;background:transparent;padding:12px 0;color:#071225;outline:none}.contact textarea{min-height:100px;resize:vertical}.contact .button{grid-column:1/-1}.thank-you{align-self:center;border:1px solid #a4c7ef;padding:60px}.thank-you span{font-size:40px;color:#1769e9}.thank-you h3{font-family:var(--serif);font-size:36px;margin:18px 0}.thank-you p{color:#637185}footer{padding:42px clamp(24px,5vw,82px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);background:#030812}footer>div{display:flex;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}footer>p{grid-column:1/-1;margin:0;color:#5f7899;font-size:9px}.footer-brand small{max-width:280px}.reel-dialog{border:1px solid #3a93ff;padding:0;background:#061127;color:white;width:min(780px,90vw);box-shadow:0 30px 120px #000;border-radius:0}.reel-dialog::backdrop{background:rgba(0,5,14,.85);backdrop-filter:blur(9px)}.reel-dialog>button{position:absolute;right:16px;top:12px;border:0;background:none;color:white;font-size:30px}.reel-dialog>p,.reel-dialog>h2,.reel-dialog>small{margin-left:30px;margin-right:30px}.reel-dialog>p{color:#5cddff;font-size:9px;letter-spacing:.2em}.reel-dialog h2{font-family:var(--serif);font-size:38px;margin-top:12px;margin-bottom:8px}.reel-dialog small{display:block;color:#9db0ca;margin-bottom:30px}.reel-visual{height:380px;display:grid;place-items:center;background:radial-gradient(circle,#247eff,#081b3b 40%,#030914);font-size:48px}.reel-visual span{display:grid;place-items:center;width:100px;height:100px;border:1px solid #86ddff;border-radius:50%;padding-left:8px}
@media(max-width:900px){.site-header{min-height:72px}.menu-button{display:block;z-index:2}.nav{display:none;position:absolute;inset:72px 0 auto;background:#061127;padding:28px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:820px}.hero-content{margin:0 24px;padding-top:50px}.hero h1{font-size:clamp(52px,15vw,78px)}.hero-overlay{background:linear-gradient(0deg,rgba(2,8,19,.98) 8%,rgba(2,8,19,.68) 65%,rgba(2,8,19,.15)),linear-gradient(90deg,rgba(2,8,19,.66),transparent)}.hero-image{object-position:66% center}.hero-copy{font-size:15px}.hero-side{display:none}.intro,.services,.lab,.contact{grid-template-columns:1fr}.intro{gap:28px}.intro-columns{grid-template-columns:1fr;gap:8px}.work-grid{grid-template-columns:1fr}.work-card{min-height:520px}.process-grid{grid-template-columns:1fr 1fr}.manifesto-stats{gap:28px;flex-wrap:wrap}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}footer{grid-template-columns:1fr}.lab-console{box-shadow:12px 14px 0 #176af0}.section-head{align-items:flex-start;gap:20px}.section-head>a{margin-top:25px}.scroll-cue{bottom:15px}}
@media(max-width:560px){.brand strong{font-size:11px}.brand img{width:42px;height:42px}.hero{min-height:780px}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:82px 22px}.work-section{padding:82px 16px}.work-card{min-height:470px}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid #cdd9e8;padding:28px 0!important;min-height:auto}.process-grid h3{margin:35px 0 10px}.manifesto-stats{display:grid;grid-template-columns:1fr}.section-head{display:block}.section-head>a{display:inline-block}.console-options{flex-wrap:wrap}.contact{gap:45px}footer>div{flex-wrap:wrap}.reel-visual{height:260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}