:root{
  --bg:#03050a;--panel:rgba(10,14,23,.72);--line:rgba(157,190,255,.17);
  --text:#f6f8ff;--muted:#8994aa;--blue:#20a3ff;--violet:#7456ff;
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(900px 600px at 72% 8%,rgba(22,92,255,.14),transparent 65%),radial-gradient(700px 500px at 15% 60%,rgba(102,54,255,.09),transparent 65%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(44,112,255,.025) 50%,transparent 66%)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-orb{position:fixed;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(31,141,255,.11),transparent 67%);transform:translate(-50%,-50%);filter:blur(8px)}
.site-nav{height:78px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;z-index:20}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 19px "Space Grotesk",sans-serif}.logo img{width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(50,130,255,.45))}
.site-nav nav{display:flex;gap:34px}.site-nav nav a{font-size:12px;color:#8f9bb0;text-decoration:none}.site-nav nav a:hover{color:#fff}
.nav-cta{color:#fff;text-decoration:none;border:1px solid #59657b;border-radius:999px;padding:10px 17px;font-size:12px;background:rgba(255,255,255,.025)}.nav-cta span{color:#58b4ff;margin-left:7px}
.hero{min-height:800px;width:min(var(--max),100%);margin:auto;position:relative;padding:180px 38px 85px;display:flex;align-items:flex-start;overflow:hidden}
.hero-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 72% 20%,rgba(102,155,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 83% 42%,rgba(119,92,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 62% 53%,rgba(255,255,255,.4) 0 1px,transparent 2px);background-size:310px 230px,430px 320px,240px 280px;opacity:.35}
.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow{margin:0;font:600 10px "Space Grotesk",sans-serif;letter-spacing:.22em;color:#55b5ff}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2b9eff;box-shadow:0 0 14px #2b9eff;margin-right:8px}
.hero h1{font:700 clamp(54px,7vw,92px)/.91 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:24px 0;color:#f6f8ff}.hero h1 em,.section-heading h2 span,.manifesto h2 span,.contact h2 em{font-style:normal;background:linear-gradient(100deg,#fff 0%,#27a7ff 43%,#7656ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{max-width:520px;color:#98a3b8;font-size:15px;line-height:1.7;margin:25px 0 0}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:999px;padding:14px 19px;font-size:12px;transition:.3s ease}.button-primary{color:#fff;border:1px solid #2d9cff;background:linear-gradient(100deg,rgba(25,133,255,.2),rgba(107,71,255,.18));box-shadow:0 0 30px rgba(24,125,255,.13)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(45,146,255,.28)}.button-ghost{color:#a9b3c5}.button span{color:#67b8ff;font-size:15px}
.hero-mark{position:absolute;right:18px;top:105px;width:540px;height:540px;display:grid;place-items:center}.hero-mark:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#426eff 0,#2b3fd0 28%,#171b65 48%,transparent 69%);filter:blur(7px);opacity:.7}.mark-ring{position:absolute;width:405px;height:405px;border-radius:50%;border:1px solid rgba(71,157,255,.48);box-shadow:0 0 80px rgba(45,107,255,.45),inset 0 0 60px rgba(82,104,255,.2)}.hero-mark img{width:280px;z-index:2;filter:drop-shadow(0 0 35px rgba(30,140,255,.9))}.mark-glow{position:absolute;bottom:35px;width:360px;height:70px;background:#2a7cff;filter:blur(55px);opacity:.25}
.hero-stats{position:absolute;right:30px;bottom:85px;display:flex;gap:28px;z-index:3}.hero-stats div{border-left:1px solid var(--line);padding-left:14px;min-width:95px}.hero-stats strong{font:600 21px "Space Grotesk"}.hero-stats span{display:block;color:#727e93;font-size:10px;margin-top:5px}.scroll-cue{position:absolute;bottom:35px;left:38px;color:#566278;text-decoration:none;text-transform:uppercase;font:9px "Space Grotesk";letter-spacing:.18em}.scroll-cue span{color:#4baeff;margin-left:8px}
.ticker{overflow:hidden;border-block:1px solid rgba(255,255,255,.09);white-space:nowrap}.ticker div{display:inline-block;padding:16px 0;color:#6d788d;font:600 10px "Space Grotesk";letter-spacing:.19em;animation:move 26s linear infinite}.ticker b{color:#3d9dff;margin:0 28px}@keyframes move{to{transform:translateX(-50%)}}
.section{width:min(var(--max),100%);margin:auto;padding:115px 38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}.section-heading h2{font:600 clamp(42px,5.5vw,68px)/.95 "Space Grotesk";letter-spacing:-.065em;margin:14px 0 0}.section-count{font:11px "Space Grotesk";color:#6e7b92}.section-count i{font-style:normal;color:#344055;margin:0 7px}
.featured-project{display:grid;grid-template-columns:1.35fr .9fr;gap:0;align-items:stretch}.project-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.visual-aura{position:absolute;width:72%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(37,129,255,.25),transparent 68%);filter:blur(30px)}.visual-card{position:relative;width:min(650px,100%);height:545px;border:1px solid rgba(102,166,255,.38);border-radius:26px;overflow:hidden;background:linear-gradient(150deg,rgba(17,26,42,.92),rgba(4,8,15,.9));box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 55px rgba(35,122,255,.11);transform:perspective(1100px) rotateY(3deg);transition:.5s}.visual-card:hover{transform:perspective(1100px) rotateY(0) translateY(-5px);box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 75px rgba(35,122,255,.18)}.visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(38,149,255,.15),transparent 35%,rgba(112,78,255,.09));pointer-events:none}.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;z-index:3;display:flex;justify-content:space-between;align-items:center}.visual-top{top:22px}.visual-top>span{font:600 11px "Space Grotesk";color:#c6d0df}.mini-play{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 13px;background:rgba(5,9,15,.55);backdrop-filter:blur(12px);color:#fff;font-size:10px;cursor:pointer}.mini-play b{color:#58b4ff;margin-left:7px}.product-stage{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,rgba(45,126,255,.28),transparent 34%),linear-gradient(160deg,#14243b 0,#07101b 48%,#03060b 100%)}.product-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,6,10,.85),transparent 38%,rgba(1,3,8,.08));z-index:1}.product-stage img{width:66%;height:82%;object-fit:cover;object-position:center;border-radius:12px;mix-blend-mode:screen;filter:saturate(.9) contrast(1.08) brightness(.9);opacity:.96;transform:scale(1.06);box-shadow:0 30px 60px rgba(0,0,0,.5)}.product-halo{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(71,144,255,.55),transparent 68%);filter:blur(35px)}.product-shadow{position:absolute;bottom:82px;width:55%;height:45px;border-radius:50%;background:#000;filter:blur(25px)}.visual-bottom{bottom:22px}.visual-bottom small{display:block;color:#59aaff;font:600 9px "Space Grotesk";letter-spacing:.16em}.visual-bottom strong{display:block;margin-top:5px;font:500 13px "Space Grotesk"}.round-play{width:48px;height:48px;border-radius:50%;border:1px solid #329fff;background:rgba(4,9,17,.7);color:#fff;cursor:pointer;box-shadow:0 0 22px rgba(35,143,255,.25)}
.project-story{border:1px solid var(--line);border-left:0;border-radius:0 26px 26px 0;background:linear-gradient(150deg,rgba(10,15,25,.74),rgba(5,8,14,.42));padding:62px 42px;display:flex;flex-direction:column;justify-content:center}.project-kicker{color:#53aeff;font:600 10px "Space Grotesk";letter-spacing:.17em}.project-story h3{font:600 clamp(47px,5vw,70px)/.88 "Space Grotesk";letter-spacing:-.065em;margin:18px 0 25px}.project-story h3 span{background:linear-gradient(100deg,#fff,#1ea4ff,#7657ff);-webkit-background-clip:text;color:transparent}.story-lead{color:#9aa5b8;line-height:1.7;font-size:14px}.story-points{margin:28px 0 30px;border-top:1px solid var(--line)}.story-points>div{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.point-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #277ed0;border-radius:50%;color:#54b4ff;flex:0 0 auto}.story-points strong{font-size:12px;font-weight:600}.story-points small{display:block;color:#6f7b90;font-size:10px;margin-top:4px}.watch{align-self:flex-start}
.project-meta{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.project-meta div{padding:19px 22px;border-right:1px solid var(--line)}.project-meta div:last-child{border:0}.project-meta span{display:block;color:#617088;font:9px "Space Grotesk";letter-spacing:.16em}.project-meta strong{display:block;margin-top:7px;font:500 13px "Space Grotesk"}
.transform-grid{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center}.transform-card{border:1px solid var(--line);border-radius:24px;background:rgba(9,13,21,.7);padding:16px;overflow:hidden}.transform-label{font:600 9px "Space Grotesk";letter-spacing:.16em;color:#78869e;padding:5px 4px 14px}.transform-label span{color:#42a9ff;margin-right:9px}.image-wrap,.video-wrap{height:440px;border-radius:15px;overflow:hidden;position:relative;background:#05080e}.image-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.06) brightness(.75);transition:.5s}.original-card:hover img{transform:scale(1.04);filter:saturate(.85) brightness(.9)}.video-wrap video{width:100%;height:100%;object-fit:cover}.video-wrap button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:1px solid #4bb0ff;background:rgba(2,6,12,.55);color:#fff;backdrop-filter:blur(10px);cursor:pointer}.transform-card>p{color:#707c91;font-size:11px;margin:14px 4px 2px}.transform-arrow{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(67,157,255,.4);color:#5bb6ff;box-shadow:0 0 25px rgba(38,132,255,.12);justify-self:center}
.manifesto{padding:145px 24px;text-align:center;position:relative;overflow:hidden;border-block:1px solid rgba(255,255,255,.06)}.manifesto:before{content:"";position:absolute;left:50%;top:50%;width:720px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(41,91,255,.16),transparent 68%);filter:blur(20px)}.manifesto-inner{position:relative;max-width:800px;margin:auto}.manifesto h2{font:600 clamp(54px,8vw,98px)/.9 "Space Grotesk";letter-spacing:-.075em;margin:23px 0}.manifesto h2 em{font-style:normal;color:#5d82ff}.manifesto-inner>p:last-child{max-width:510px;margin:28px auto 0;color:#858fa3;line-height:1.7;font-size:14px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.process-item{padding:30px 24px;min-height:225px;border-right:1px solid var(--line);position:relative}.process-item:last-child{border:0}.process-item>span{color:#43aaff;font:600 10px "Space Grotesk"}.process-item h3{font:500 25px "Space Grotesk";margin:48px 0 12px}.process-item p{color:#758096;font-size:12px;line-height:1.6;margin:0}
.contact{padding-top:70px;padding-bottom:90px}.contact-card{position:relative;overflow:hidden;border:1px solid rgba(71,151,255,.28);border-radius:28px;padding:55px 58px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,rgba(10,18,30,.92),rgba(7,8,18,.88));box-shadow:0 25px 100px rgba(0,0,0,.35)}.contact-card:after{content:"";position:absolute;right:-100px;bottom:-180px;width:500px;height:350px;background:radial-gradient(circle,rgba(64,78,255,.3),transparent 65%);filter:blur(20px)}.contact h2{font:600 clamp(42px,5.3vw,68px)/.95 "Space Grotesk";letter-spacing:-.065em;margin:16px 0}.contact-card>div>p:last-child{color:#7d889c;font-size:13px}.contact-email{position:relative;z-index:2;display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;border:1px solid rgba(83,155,255,.32);padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.025)}.mail-icon{width:38px;height:38px;border:1px solid #317fc8;border-radius:50%;display:grid;place-items:center;color:#5db6ff}.contact-email small{display:block;color:#65738a;font:9px "Space Grotesk";letter-spacing:.12em}.contact-email strong{display:block;margin-top:5px;font-size:13px}.contact-email>b{color:#58b4ff;margin-left:22px}
.footer{width:min(var(--max),100%);margin:auto;padding:25px 38px 35px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:20px;color:#566176;font-size:10px}.footer .logo{margin-right:auto}.footer .logo img{width:28px;height:28px}.footer .logo span{font-size:15px;color:#e7ebf5}
.video-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:25px}.video-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,3,8,.84);backdrop-filter:blur(18px)}.modal-shell{position:relative;z-index:2;width:min(1050px,100%);max-height:92vh;display:grid;grid-template-columns:.85fr 1fr;gap:32px;align-items:center;padding:28px;border:1px solid rgba(83,157,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(12,19,31,.96),rgba(3,7,13,.97));box-shadow:0 40px 120px rgba(0,0,0,.65)}.modal-shell video{width:100%;height:min(78vh,700px);object-fit:contain;background:#000;border-radius:15px}.modal-copy{padding:25px}.modal-copy h2{font:600 60px/.9 "Space Grotesk";letter-spacing:-.065em;margin:18px 0}.modal-copy h2 em{font-style:normal;background:linear-gradient(100deg,#fff,#2ca7ff,#7657ff);-webkit-background-clip:text;color:transparent}.modal-copy>p:last-child{color:#818da2;font-size:13px;line-height:1.7}.modal-close{position:absolute;right:14px;top:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff;font-size:24px;cursor:pointer}

@media (max-width:900px){
  .site-nav{width:calc(100% - 32px)}.site-nav nav{display:none}.hero{min-height:760px;padding:150px 24px 80px}.hero-mark{right:-130px;top:210px;opacity:.55;transform:scale(.82)}.hero-copy{max-width:650px}.hero h1{font-size:clamp(50px,11vw,78px)}.hero-stats{left:24px;right:auto;bottom:82px}.featured-project{grid-template-columns:1fr}.project-story{border-left:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;padding:44px 34px}.visual-card{transform:none}.project-meta{grid-template-columns:1fr}.project-meta div{border-right:0;border-bottom:1px solid var(--line)}.project-meta div:last-child{border-bottom:0}.transform-grid{grid-template-columns:1fr}.transform-arrow{margin:16px auto;transform:rotate(90deg)}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(2){border-right:0}.process-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-card{flex-direction:column;align-items:flex-start;gap:30px}.modal-shell{grid-template-columns:1fr;max-height:95vh;overflow:auto}.modal-copy{padding:10px}.modal-copy h2{font-size:48px}.modal-shell video{height:62vh}
}
@media (max-width:560px){
  .site-nav{height:68px}.logo span{font-size:17px}.nav-cta{padding:9px 13px}.hero{min-height:700px;padding:125px 20px 60px}.hero-mark{right:-205px;top:245px;transform:scale(.72);opacity:.42}.hero-sub{font-size:14px}.hero-actions{flex-wrap:wrap}.button{padding:13px 16px}.hero-stats{left:20px;bottom:68px;gap:16px}.hero-stats div{min-width:75px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:9px}.scroll-cue{left:20px;bottom:27px}.section{padding:82px 20px}.section-heading{align-items:flex-start;margin-bottom:30px}.section-heading h2{font-size:43px}.section-count{display:none}.project-visual{min-height:410px}.visual-card{height:405px;border-radius:19px}.visual-top,.visual-bottom{left:15px;right:15px}.mini-play{font-size:9px}.product-stage img{width:79%;height:76%}.project-story{padding:35px 22px}.project-story h3{font-size:53px}.story-lead{font-size:13px}.watch{width:100%}.transform-card{padding:12px;border-radius:18px}.image-wrap,.video-wrap{height:430px}.manifesto{padding:105px 20px}.manifesto h2{font-size:54px}.process-grid{grid-template-columns:1fr}.process-item{min-height:180px;border-right:0!important;border-bottom:1px solid var(--line)}.process-item:last-child{border-bottom:0}.process-item h3{margin-top:35px}.contact{padding-top:30px}.contact-card{padding:35px 24px;border-radius:22px}.contact h2{font-size:45px}.contact-email{width:100%;overflow:hidden}.contact-email strong{font-size:11px}.footer{padding:24px 20px;flex-wrap:wrap}.footer>span:last-child{width:100%}.modal-shell{padding:13px;border-radius:18px}.modal-shell video{height:58vh}.modal-copy h2{font-size:43px;margin:12px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button,.visual-card{transition:none}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}