:root{--ink:#05080d;--panel:#0b1018;--paper:#eef1f3;--blue:#2176ff;--cyan:#61dfff;--lime:#c8ff2e;--muted:#8c96a5;--line:rgba(255,255,255,.13);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f6f8fa;font-family:var(--sans);overflow-x:hidden}a{color:inherit}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-light{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(33,118,255,.13),transparent 66%)}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid var(--line);position:absolute;width:100%;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:3px}.brand img{width:34px;height:34px;object-fit:contain}.nav{display:flex;gap:38px}.nav a,.header-cta{font:11px var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:1px;color:#aab2be}.nav a:hover{color:#fff}.header-cta{padding:13px 18px;border:1px solid var(--line);color:#fff}.header-cta span{color:var(--cyan);margin-left:10px}.menu-toggle{display:none;background:0;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:6px}.hero{min-height:850px;padding:180px clamp(24px,8vw,126px) 100px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#102d58 0,transparent 31%),linear-gradient(140deg,#05080d,#08101a)}.hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy{position:relative;z-index:2}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:2px;color:#a5afbd}.pulse{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:10px;animation:pulse 2s infinite}.hero h1,.section-head h2,.method h2,.contact h2,.statement h2{font-size:clamp(52px,7vw,104px);line-height:.94;letter-spacing:-6px;margin:25px 0;font-weight:700}.hero h1 em,.section-head em,.method em,.contact em{font-weight:400;color:var(--cyan);font-style:normal}.hero-text{max-width:580px;color:#9ba5b3;line-height:1.8;font-size:16px}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:40px}.button{background:var(--blue);padding:18px 24px;text-decoration:none;font:11px var(--mono);text-transform:uppercase;letter-spacing:1px}.button span{margin-left:22px}.text-link{font:11px var(--mono);text-decoration:none;text-transform:uppercase}.text-link span{color:var(--cyan);margin-left:12px}.hero-stage{height:560px;position:relative;display:grid;place-items:center;perspective:900px}.logo-core{position:relative;width:190px;height:190px;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.logo-core img{width:155px;filter:drop-shadow(0 0 32px rgba(61,140,255,.65));z-index:2}.core-ring{position:absolute;inset:-24px;border:1px solid rgba(97,223,255,.28);transform:rotate(45deg);animation:ring 9s linear infinite}.orbit{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%}.orbit-a{width:390px;height:390px;animation:ring 14s linear infinite}.orbit-b{width:510px;height:230px;transform:rotate(-25deg);animation:orbit 11s linear infinite}.light-beam{position:absolute;width:150px;height:650px;background:linear-gradient(90deg,transparent,rgba(33,118,255,.13),transparent);transform:rotate(28deg);filter:blur(8px);animation:beam 5s ease-in-out infinite}.tech-tag{position:absolute;font:9px var(--mono);letter-spacing:2px;padding:8px 11px;border:1px solid var(--line);background:rgba(5,8,13,.65)}.tag-a{top:19%;left:9%}.tag-b{right:5%;top:50%}.tag-c{bottom:15%;left:22%}.scroll-cue{position:absolute;bottom:35px;left:8%;font:9px var(--mono);text-transform:uppercase;letter-spacing:2px;color:#778291}.scroll-cue span{display:inline-block;width:48px;height:1px;background:#68717e;margin-right:12px;vertical-align:middle}.marquee{overflow:hidden;background:var(--lime);color:#070a0d;padding:17px 0;transform:rotate(-1deg);width:102%;margin-left:-1%;position:relative;z-index:2}.marquee div{font-size:13px;font-weight:800;letter-spacing:1px;white-space:nowrap;animation:marquee 22s linear infinite}.marquee i{font-style:normal;margin:0 24px}.statement{padding:150px 8vw;max-width:1500px;margin:auto}.statement h2{font-size:clamp(42px,6vw,82px);max-width:1200px}.statement h2 span{color:var(--blue)}.statement>p:last-child{max-width:550px;margin-left:auto;color:var(--muted);line-height:1.8}.services,.portfolio{padding:130px clamp(24px,8vw,126px)}.services{background:var(--paper);color:#0b1015}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.section-head h2{font-size:clamp(48px,6vw,82px);margin-bottom:0}.services .section-head em{color:var(--blue)}.section-head>p{max-width:420px;line-height:1.7;color:#738090}.service-list{border-top:1px solid #cbd0d5}.service-item{display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;min-height:135px;border-bottom:1px solid #cbd0d5;transition:.35s;padding:0 20px}.service-item>span{font:11px var(--mono);color:#82909c}.service-item h3{font-size:28px;letter-spacing:-1px}.service-item p{color:#6d7984}.service-item b{font-size:22px;color:var(--blue);transition:.3s}.service-item:hover{background:#fff;padding-left:35px}.service-item:hover b{transform:rotate(45deg)}.portfolio{background:#070b11}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.project-featured{grid-column:1/-1}.project{text-decoration:none;display:block}.project-art{height:470px;position:relative;overflow:hidden;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .2s}.project-featured .project-art{height:610px}.project-index{position:absolute;right:24px;top:20px;font:10px var(--mono);color:rgba(255,255,255,.5)}.art-one{background:radial-gradient(circle at 70% 10%,#70d9ff,#1853c6 38%,#07162d 80%)}.browser{width:70%;height:70%;background:#f2f4f7;color:#101722;box-shadow:0 35px 70px #061127;transform:rotate(-5deg);padding:30px;display:block}.browser i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5bec9}.browser strong{display:block;font-size:clamp(50px,9vw,130px);letter-spacing:-8px;margin-top:60px}.browser small{font:11px var(--mono)}.art-two{background:radial-gradient(circle at 50% 45%,#efff76,#98ae07 38%,#313b02)}.phone{height:82%;aspect-ratio:.52;background:#101211;border:8px solid #222;border-radius:42px;box-shadow:0 30px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dfff35}.phone strong{font-size:54px;letter-spacing:-5px}.phone i{font:9px var(--mono);letter-spacing:3px}.phone b{width:100px;height:100px;border:1px solid #dfff35;border-radius:50%;margin-top:50px;box-shadow:inset 20px 0 0 #dfff35}.art-three{background:linear-gradient(125deg,#56331f,#c39a73 45%,#39271f)}.arch-card{width:75%;height:70%;padding:35px;background:linear-gradient(rgba(25,17,13,.15),rgba(25,17,13,.8)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 180L70 40l50 90 30-60 50 110' fill='none' stroke='%23e8d2bd' stroke-width='2'/%3E%3C/svg%3E");background-size:cover;display:flex;flex-direction:column;justify-content:space-between}.arch-card small{font:9px var(--mono)}.arch-card strong{font-size:30px}.project-info{display:flex;justify-content:space-between;align-items:end;padding-top:20px}.project-info p{font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px}.project-info h3{font-size:28px;margin:8px 0}.project-info>span{font:10px var(--mono);color:var(--cyan)}.method{padding:150px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#0c121b}.method h2{font-size:clamp(46px,5vw,72px);letter-spacing:-4px}.method-copy>p:last-child{color:var(--muted);line-height:1.8;max-width:420px}.steps article{padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr}.steps article span{font:9px var(--mono);color:var(--cyan)}.steps h3{margin:0;font-size:22px}.steps p{grid-column:2;color:var(--muted);margin-bottom:0}.contact{min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 24px}.contact-glow{position:absolute;width:850px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(33,118,255,.3),transparent 65%);filter:blur(15px);animation:glow 6s ease-in-out infinite}.contact>*:not(.contact-glow){position:relative}.contact h2{font-size:clamp(60px,9vw,125px);margin:25px 0 55px}.contact-link{border-bottom:1px solid #fff;text-decoration:none;padding:15px 5px;font:12px var(--mono);text-transform:uppercase;letter-spacing:2px}.contact-link span{color:var(--cyan);margin-left:70px}.contact-alt{font:11px var(--mono);color:var(--muted);margin-top:35px}footer{min-height:150px;padding:40px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;border-top:1px solid var(--line);gap:30px}footer p,footer small{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:1px}footer>div{display:flex;gap:20px}footer>div a{font:9px var(--mono);text-transform:uppercase;text-decoration:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}@keyframes float{50%{transform:translateY(-20px) rotate(2deg)}}@keyframes ring{to{transform:rotate(405deg)}}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes beam{50%{transform:rotate(18deg) translateX(90px);opacity:.5}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes glow{50%{transform:scale(1.2);opacity:.65}}
.team{padding:140px 0 140px 8vw;background:var(--paper);color:#0b1015;overflow:hidden}.team-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-right:8vw;margin-bottom:70px}.team-heading h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-5px;margin:20px 0 0}.team-heading h2 em{color:var(--blue);font-style:normal;font-weight:400}.team-heading>p:last-child{max-width:440px;color:#6d7984;line-height:1.7;justify-self:start;text-align:left}.team-track{display:flex;gap:28px;transition:transform .75s cubic-bezier(.2,.8,.2,1);will-change:transform}.team-card{display:grid;grid-template-columns:1.05fr .95fr;flex:0 0 min(76vw,980px);height:530px;background:#fff;box-shadow:0 25px 70px rgba(8,17,30,.1);opacity:.25;transform:scale(.9);transform-origin:left center;transition:opacity .6s,transform .6s}.team-card.is-active{opacity:1;transform:scale(1)}.team-card.is-next{opacity:.48;transform:scale(.92)}.member-photo{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3f8cff,#112a54 65%,#09121f);display:grid;place-items:center}.member-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(97,223,255,.2))}.member-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;position:relative;z-index:2}.member-photo>span{font-size:180px;font-weight:800;color:rgba(255,255,255,.14)}.member-info{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.member-info>p:first-child{font:9px var(--mono);color:var(--blue);letter-spacing:1px}.member-info h3{font-size:42px;letter-spacing:-2px;margin:15px 0}.member-info>p{color:#65717e;line-height:1.7}.member-info ul{list-style:none;padding:25px 0 0;margin-top:15px;border-top:1px solid #d8dde1}.member-info li{font:10px var(--mono);text-transform:uppercase;margin:10px 0}.team-controls{display:flex;align-items:center;gap:18px;margin-top:38px;padding-right:8vw}.team-controls button{width:48px;height:48px;border:1px solid #c5cbd1;background:transparent;font-size:20px;cursor:pointer;transition:.25s}.team-controls button:hover{background:var(--blue);border-color:var(--blue);color:#fff}.team-progress{height:1px;background:#ccd2d7;flex:1;max-width:330px;overflow:hidden}.team-progress span{display:block;width:0;height:100%;background:var(--blue)}.team-progress.is-running span{animation:teamTimer 10s linear forwards}.team-controls p{font:10px var(--mono);margin-right:auto}.team-controls p b{color:var(--blue)}@keyframes teamTimer{to{width:100%}}
@media(max-width:900px){.site-header{height:72px}.header-cta{display:none}.menu-toggle{display:block}.nav{position:absolute;top:72px;left:0;width:100%;background:#080d14;flex-direction:column;padding:30px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.3s}.nav.open{opacity:1;pointer-events:auto;transform:none}.hero{grid-template-columns:1fr;padding-top:130px;min-height:950px}.hero h1{letter-spacing:-4px}.hero-stage{height:380px}.orbit-a{width:300px;height:300px}.orbit-b{width:340px}.logo-core{width:140px;height:140px}.logo-core img{width:115px}.statement,.services,.portfolio,.method{padding:100px 24px}.section-head{display:block}.section-head>p{margin-top:30px}.section-head h2{letter-spacing:-4px}.service-item{grid-template-columns:45px 1fr 25px;padding:20px 5px}.service-item p{grid-column:2}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-art,.project-featured .project-art{height:430px}.browser{width:88%}.method{grid-template-columns:1fr}.method-copy{margin-bottom:50px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:560px){.hero{min-height:870px}.hero h1{font-size:51px;letter-spacing:-3px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stage{height:280px}.orbit-a{width:230px;height:230px}.orbit-b{width:280px}.tag-a,.tag-c{display:none}.statement h2,.section-head h2,.method h2{letter-spacing:-3px}.project-art,.project-featured .project-art{height:360px}.browser{height:65%;padding:20px}.browser strong{margin-top:55px;font-size:60px;letter-spacing:-5px}.service-item h3{font-size:21px}.service-item p{font-size:13px}.steps article{grid-template-columns:1fr}.steps h3,.steps p{grid-column:1;margin-top:12px}.contact{min-height:600px}.contact h2{letter-spacing:-4px}.contact-link span{margin-left:20px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>div{order:3}}
@media(max-width:900px){.team{padding:100px 0 100px 24px}.team-heading{display:block;padding-right:24px}.team-heading>p:last-child{margin-top:30px}.team-card{flex-basis:calc(100vw - 48px);height:500px;grid-template-columns:1fr 1fr}.team-controls{padding-right:24px}}
@media(max-width:560px){.team-heading h2{letter-spacing:-3px}.team-card{height:auto;min-height:650px;grid-template-columns:1fr;grid-template-rows:330px auto;opacity:0;transform:none}.team-card.is-active{opacity:1}.team-card.is-next{opacity:0;transform:none}.member-info{padding:30px 24px}.member-info h3{font-size:32px}.team-progress{max-width:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor-light{display:none}}