:root{--bg:#07090b;--ink:#f4f7f8;--muted:#8f9ba5;--cyan:#16d5f5;--cyan2:#00a8d4;--line:rgba(255,255,255,.1);--panel:#0c1115;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit}::selection{background:var(--cyan);color:#001014}
.progress{position:fixed;z-index:1000;top:0;left:0;height:2px;width:0;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.cursor,.cursor-dot{position:fixed;z-index:1001;pointer-events:none;transform:translate(-50%,-50%)}.cursor{width:18px;height:18px;border:1px solid var(--cyan);border-radius:50%;transition:width .25s,height .25s,background .25s}.cursor-dot{width:4px;height:4px;background:var(--cyan);border-radius:50%}.cursor.is-hover{width:72px;height:72px;background:rgba(22,213,245,.07)}
.loader{position:fixed;inset:0;background:#07090b;z-index:2000;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.loader.hide{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-logo{width:170px;height:auto;display:block;margin:auto;animation:pulseLogo 1.6s ease-in-out infinite}.loader-line{height:1px;width:170px;background:rgba(255,255,255,.12);margin:24px auto 12px;overflow:hidden}.loader-line i{display:block;height:100%;width:35%;background:var(--cyan);animation:loaderLine 1.2s infinite}.loader-label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#6f7c84}
header{position:fixed;z-index:900;top:16px;left:50%;width:min(1260px,calc(100% - 32px));transform:translateX(-50%)}.nav{height:78px;border:1px solid rgba(255,255,255,.12);background:rgba(7,10,13,.78);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;padding:7px 12px 7px 9px;box-shadow:0 20px 65px rgba(0,0,0,.35)}.logo-box{width:148px;height:64px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.logo-box img{width:144px;height:auto;max-height:60px;object-fit:contain;display:block}.nav-links{display:flex;gap:32px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#c9d1d5}.nav-links a{position:relative;padding:9px 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--cyan);transition:.3s}.nav-links a:hover:after{width:100%}.nav-cta{padding:14px 19px;border:1px solid var(--cyan);font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:.3s}.nav-cta:hover{background:var(--cyan);color:#001014}.menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:10px}
.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:145px 24px 90px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:76px 76px;opacity:.3;mask-image:linear-gradient(#000 30%,transparent 92%)}.hero-noise{position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(22,213,245,.14),transparent 28%),radial-gradient(circle at 15% 75%,rgba(0,168,212,.08),transparent 25%)}.hero-layout{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:45px;align-items:center;position:relative;z-index:3}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--cyan);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}.eyebrow i{width:44px;height:1px;background:var(--cyan)}h1{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(60px,8.7vw,142px);line-height:.82;letter-spacing:-.08em;font-weight:600;margin:0}.outline{color:transparent;-webkit-text-stroke:1px rgba(244,247,248,.68)}.hero-copy{display:flex;gap:22px;align-items:flex-end;margin-top:36px}.hero-copy p{max-width:470px;color:var(--muted);line-height:1.75;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:15px 21px;border:1px solid var(--line);font-size:11px;letter-spacing:.13em;text-transform:uppercase;transition:.35s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--cyan);transform:translateX(-102%);transition:.35s;z-index:-1}.btn:hover{border-color:var(--cyan);transform:translateY(-3px);color:#001014}.btn:hover:before{transform:none}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#001014}.btn.primary:before{background:#8ef2ff}.hero-stage{height:500px;display:grid;place-items:center;position:relative}.hero-ring{position:absolute;width:440px;height:440px;border:1px solid rgba(22,213,245,.16);border-radius:50%;animation:spin 25s linear infinite}.hero-ring:before,.hero-ring:after{content:"";position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 28px var(--cyan)}.hero-ring:before{width:8px;height:8px;top:15%;left:11%}.hero-ring:after{width:4px;height:4px;right:10%;bottom:17%}.hero-ring.two{width:320px;height:320px;border-color:rgba(255,255,255,.08);animation-direction:reverse;animation-duration:18s}.hero-card{width:300px;aspect-ratio:405/440;background:#080a0c;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 80px rgba(22,213,245,.08);transform:rotate(2deg);animation:cardFloat 5s ease-in-out infinite;overflow:hidden}.hero-card img{width:91%;height:auto;display:block}.orb{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan);animation:orbMove 7s ease-in-out infinite}.orb.a{top:15%;right:25%}.orb.b{bottom:12%;left:8%;animation-delay:-2s}.orb.c{top:45%;right:4%;animation-delay:-4s}
.scroll-mark{position:absolute;bottom:28px;left:24px;color:#627079;font-size:10px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0e11}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{font-family:"Space Grotesk";font-size:29px;text-transform:uppercase;padding:20px 30px;color:#cbd3d7;white-space:nowrap}.marquee b{font-weight:400;color:var(--cyan);margin-left:26px}
section{padding:130px 24px}.container{width:min(var(--max),100%);margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:58px}.kicker{color:var(--cyan);font-size:10px;letter-spacing:.21em;text-transform:uppercase}.section-head h2{font-family:"Space Grotesk";font-size:clamp(46px,6vw,84px);line-height:.88;letter-spacing:-.065em;margin:11px 0 0}.section-head p{max-width:410px;color:var(--muted);line-height:1.75}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.big-copy{font-family:"Space Grotesk";font-size:clamp(36px,4.7vw,68px);line-height:1.01;letter-spacing:-.06em;margin:0}.big-copy em{font-style:normal;color:var(--cyan)}.stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px}.stat{background:var(--bg);padding:29px}.stat strong{font-family:"Space Grotesk";font-size:45px}.stat small{display:block;color:var(--muted);margin-top:6px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{min-height:325px;background:var(--bg);padding:35px 31px;position:relative;overflow:hidden;transition:.5s}.service:before{content:"";position:absolute;width:280px;height:280px;right:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(22,213,245,.2),transparent 68%);transition:.6s}.service:hover{background:#0c1216;transform:translateY(-7px)}.service:hover:before{transform:scale(1.5)}.num{font-size:10px;color:#66737b;letter-spacing:.16em}.service-arrow{position:absolute;right:28px;top:27px;color:var(--cyan);font-size:24px;transition:.4s}.service:hover .service-arrow{transform:translate(5px,-5px)}.service h3{font-family:"Space Grotesk";font-size:32px;line-height:.98;letter-spacing:-.04em;margin:80px 0 16px}.service p{color:var(--muted);line-height:1.65;max-width:350px}
.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.project{min-height:410px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0b1115}.project.small{min-height:280px}.project.tall{grid-row:span 2;min-height:590px}.project:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent 0 50%,rgba(22,213,245,.23),transparent 67%);animation:spin 11s linear infinite}.project:after{content:"";position:absolute;inset:20%;border:1px solid rgba(22,213,245,.18);transform:rotate(18deg);transition:.6s}.project:hover:after{transform:rotate(0) scale(1.08);border-color:rgba(22,213,245,.38)}.project-info{position:absolute;z-index:2;left:26px;right:26px;bottom:23px}.project-tag{color:var(--cyan);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.project h3{font-family:"Space Grotesk";font-size:35px;margin:7px 0}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--bg);padding:30px;min-height:230px;transition:.35s}.step:hover{background:#0c1216}.step strong{font-family:"Space Grotesk";font-size:45px;color:var(--cyan);font-weight:500}.step h3{margin:34px 0 9px;font-size:20px}.step p{color:var(--muted);line-height:1.6;font-size:14px}
.contact-box{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#0c1115,#080b0e);padding:72px}.contact-box:before,.contact-box:after{content:"";position:absolute;border:1px solid rgba(22,213,245,.16);border-radius:50%;pointer-events:none}.contact-box:before{width:600px;height:600px;right:-250px;top:-320px}.contact-box:after{width:370px;height:370px;right:-130px;top:-200px}.contact-box h2{font-family:"Space Grotesk";font-size:clamp(54px,8vw,108px);line-height:.84;letter-spacing:-.075em;margin:0;max-width:900px}.contact-box h2 span{color:var(--cyan)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:55px}.contact-bottom p{max-width:430px;color:var(--muted);line-height:1.7}
footer{border-top:1px solid var(--line);padding:28px 24px;color:#68757d;font-size:11px}.footer-in{width:min(var(--max),100%);margin:auto;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardFloat{50%{transform:rotate(-2deg) translateY(-14px)}}@keyframes orbMove{50%{transform:translate(40px,-30px) scale(1.4)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes loaderLine{to{transform:translateX(300%)}}@keyframes pulseLogo{50%{transform:scale(1.035)}}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr}.hero-stage{position:absolute;right:-150px;top:160px;opacity:.38;z-index:-1}.nav-links{gap:18px}.nav-cta{display:none}}
@media(max-width:760px){header{top:9px;width:calc(100% - 18px)}.nav{height:70px}.logo-box{width:132px;height:58px}.logo-box img{width:130px;max-height:55px}.nav-links{display:none}.menu{display:block}.hero{padding:130px 18px 85px}.hero h1{font-size:58px}.hero-copy{flex-direction:column;align-items:flex-start}.hero-stage{right:-190px;top:210px}.section-head,.contact-bottom{flex-direction:column;align-items:flex-start}.about-grid,.services,.process,.work-grid{grid-template-columns:1fr}.project.tall{grid-row:auto;min-height:310px}.project,.project.small{min-height:310px}.contact-box{padding:44px 26px}section{padding:90px 18px}.scroll-mark{display:none}.footer-in{flex-direction:column}.cursor,.cursor-dot{display:none}}