:root{--bg:#070c18;--bg2:#0b1120;--panel:#101a2b;--txt:#f6f9ff;--muted:#99a6bc;--line:rgba(190,219,242,.16);--cyan:#00d9ef;--cyan2:#88efff;--violet:#a63fff;--magenta:#ed2ac6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--txt);background:var(--bg);font:400 15px/1.6 'DM Sans',sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}::selection{color:#04121b;background:var(--cyan)}.container{width:min(1240px,calc(100% - 76px));margin:0 auto}.ambient-glow{position:absolute;pointer-events:none;filter:blur(150px);opacity:.18}.ambient-one{top:750px;left:-260px;width:700px;height:600px;background:#007dff}.ambient-two{top:1450px;right:-350px;width:800px;height:700px;background:#9a2fbc}
.header{position:absolute;z-index:50;top:0;left:0;width:100%;background:linear-gradient(180deg,#0b1020f0,#090e19a0 70%,transparent)}.header-inner{height:90px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-1.15px;font-weight:700;white-space:nowrap}.brand-dot{color:var(--cyan)}.brand-orb{display:inline-block;width:21px;height:21px;border:2px solid var(--cyan);border-radius:50%;position:relative;box-shadow:0 0 22px #00d9ef4f}.brand-orb:after{content:"";position:absolute;inset:5px;border:1.5px solid var(--cyan);border-radius:50%}.nav-links{display:flex;gap:31px;align-items:center;margin:auto;font-size:13px;color:#c0cad9}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;align-items:center;gap:7px;color:#62768e;border:1px solid #2b3b50;border-radius:7px;padding:7px 11px}.lang-option{background:none;border:none;color:#8fa0b5;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.6px;padding:1px 2px}.lang-option.active{color:var(--cyan)}.nav-cta{font-size:13px;color:#06111a;font-weight:700;padding:12px 19px;background:var(--cyan);border-radius:5px;white-space:nowrap;transition:background .2s,transform .2s}.nav-cta:hover{background:#81f3ff;transform:translateY(-2px)}.nav-cta span{margin-left:13px}.mobile-toggle{display:none;background:none;border:0;color:var(--txt);width:35px;padding:5px}.mobile-toggle span{display:block;height:2px;background:currentColor;margin:7px 0}
.hero{height:min(850px,100svh);min-height:710px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 54% 44%,#163d54 0%,#0a192a 31%,#070c18 67%)}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#44627a44 1px,transparent 1px),linear-gradient(90deg,#44627a44 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(180deg,#000,transparent 80%)}.hero-aura{position:absolute;left:50%;top:27%;width:630px;height:570px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#00b9e322 0%,transparent 65%);filter:blur(34px)}.hero-inner{position:relative;height:100%;padding-top:123px}.hero-kicker{display:flex;align-items:center;gap:10px;font:600 11px 'Space Grotesk';letter-spacing:2.4px;text-transform:uppercase;color:#a4b9c9}.live-dot{width:7px;height:7px;border-radius:100%;background:var(--cyan);box-shadow:0 0 17px var(--cyan)}.hero-stage{height:530px;position:relative;margin-top:-2px;isolation:isolate}.hero-wordmark{position:absolute;z-index:1;left:50%;width:100%;top:54px;transform:translateX(-50%);display:flex;justify-content:space-between;font:700 clamp(150px,22.2vw,330px)/.93 'Space Grotesk',sans-serif;letter-spacing:-.12em;white-space:nowrap;color:#e4ecf8;pointer-events:none}.hero-wordmark span:first-child{margin-left:-.045em}.hero-wordmark span:last-child{margin-right:.035em}.hero-robot{position:absolute;z-index:2;width:min(53vw,690px);height:auto;left:50%;bottom:-20px;transform:translateX(-50%);filter:drop-shadow(0 4px 55px #00bbff33);user-select:none;pointer-events:none}.hero-scan{position:absolute;z-index:3;left:17%;right:17%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#69ddff55,transparent)}.hero-bottom{position:absolute;z-index:4;bottom:54px;left:0;width:100%;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.hero-bottom>*{pointer-events:auto}.hero-left{width:282px}.hero-left .small-index{font:700 10px 'Space Grotesk';letter-spacing:3px;color:var(--cyan)}.hero-left p{font-size:15px;color:#d2deed;margin:14px 0 24px;line-height:1.6}.hero-buttons{display:flex;flex-direction:column;width:194px;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:45px;padding:10px 16px;border-radius:4px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#061017;box-shadow:0 8px 30px #00d9ef28}.button-primary:hover{background:#75f2ff}.button-outline{border:1px solid var(--cyan);color:var(--cyan);background:#07152388}.button-outline:hover{background:#00d9ef12}.hero-right{text-align:right;max-width:270px}.hero-right p{font-size:15px;line-height:1.55;color:#e1e8f2}.hero-line{width:70px;height:1px;background:var(--cyan);margin:25px 0 22px auto}.hero-right span{font:600 10px 'Space Grotesk';letter-spacing:2.5px;color:#91adc3}
.marquee-wrap{overflow:hidden;border-block:1px solid #263449;background:#0b1221}.marquee-track{width:max-content;display:flex;align-items:center;gap:42px;padding:22px 0;animation:scroll 40s linear infinite}.marquee-track span{font:600 11px 'Space Grotesk';letter-spacing:3px;color:#8295b4;white-space:nowrap}.marquee-track b{color:var(--cyan);font-size:21px;font-weight:400}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:128px 0;position:relative;overflow:hidden}.section-heading{position:relative;z-index:1;margin-bottom:64px}.section-heading.center{text-align:center}.section-heading h2{font-size:clamp(42px,5.2vw,70px);line-height:1.1;letter-spacing:-3.4px;font-weight:500;margin:18px 0 12px}.accent-dot{color:var(--cyan)}.section-heading p{color:var(--muted);font-size:14px}.section-label{display:flex;align-items:center;justify-content:center;gap:18px;font:600 10px 'Space Grotesk';letter-spacing:2.8px;color:var(--cyan)}.section-line{width:35px;height:1px;background:var(--cyan)}.section-halo{pointer-events:none;position:absolute;filter:blur(110px);opacity:.3}.work-halo{width:850px;height:500px;left:50%;top:270px;transform:translateX(-50%);background:radial-gradient(ellipse at 20% 50%,#0069db,transparent 50%),radial-gradient(ellipse at 85% 50%,#ba22c5,transparent 50%)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;position:relative;z-index:1}.work-card{min-width:0}.work-image{height:390px;position:relative;overflow:hidden;background:#17243e;border-radius:4px 46px 4px 46px;box-shadow:0 28px 80px #0007}.work-card:nth-child(2) .work-image{border-radius:4px}.work-card:nth-child(3) .work-image{border-radius:46px 4px 46px 4px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.work-card:hover .work-image img{transform:scale(1.08)}.work-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#070c1890)}.work-tag{position:absolute;top:20px;left:21px;border:1px solid #c5faff80;background:#0714217e;backdrop-filter:blur(10px);padding:7px 12px;font:600 9px 'Space Grotesk';letter-spacing:1.6px;color:#e8fbff}.work-link{position:absolute;right:19px;bottom:19px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:#07151e;font-size:23px;background:var(--cyan);transition:transform .2s}.work-link:hover{transform:rotate(45deg)}.work-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:23px}.work-category{font-size:10px;color:#9aacc1;letter-spacing:1.9px}.work-info h3{font-size:24px;line-height:1.22;letter-spacing:-.7px;font-weight:500;margin:7px 0}.work-arrow{font-size:26px;color:var(--cyan)}.work-summary{font-size:13px;color:#9caac1;line-height:1.65}.concept-note{text-align:center;color:#6e829f;font-size:11px;letter-spacing:.4px;margin:46px 0 0}
.about-section{padding-block:106px;background:#0b1323;border-block:1px solid #23334a}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-visual{min-height:530px;position:relative;background:radial-gradient(circle at center,#0f4254 0%,#132240 31%,#0a1324 67%);border:1px solid #274658;overflow:hidden}.about-rings{position:absolute;inset:0;display:grid;place-items:center}.about-rings:before,.about-rings:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #0fe5ef44;border-radius:50%;transform:rotate(-38deg) scaleY(.62)}.about-rings:after{width:315px;height:315px;transform:rotate(38deg) scaleX(.65);border-color:#b25efa77}.about-core{position:relative;z-index:2;width:205px;height:205px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 26%,#40d4df,#173c6c 55%,#100d31 83%);box-shadow:0 0 90px #00daef33,inset -20px -25px 60px #0008;border:1px solid #00ebfc75}.about-core span{font:700 51px 'Space Grotesk';letter-spacing:-3px}.about-core span span{color:var(--cyan)}.orbit-label{position:absolute;font:600 10px 'Space Grotesk';color:var(--cyan);letter-spacing:2px}.orbit-one{left:14%;top:30%}.orbit-two{right:10%;bottom:25%}.visual-corner{position:absolute;bottom:23px;left:27px;font:600 10px 'Space Grotesk';letter-spacing:2px;color:#8db9c9}.eyebrow{display:flex;gap:11px;align-items:center;font:600 11px 'Space Grotesk';letter-spacing:2.6px;color:var(--cyan)}.tiny-square{width:7px;height:7px;border:1.5px solid var(--cyan);transform:rotate(45deg)}.about-copy h2{font-size:clamp(47px,5.8vw,78px);letter-spacing:-4px;line-height:1.07;font-weight:500;margin:25px 0 29px}.about-copy h2 em{font-style:normal;color:var(--cyan)}.about-copy p{max-width:510px;font-size:15px;line-height:1.9;color:#a7b5cb;margin-bottom:30px}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--cyan);padding-bottom:12px;font-size:14px;font-weight:700}.text-link span:last-child{color:var(--cyan)}
.principles-section{background:radial-gradient(ellipse at 50% 75%,#07394370,transparent 55%),#07101c}.principles-section .section-heading{max-width:630px}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle{min-height:310px;border:1px solid #304259;background:#0c1726;padding:30px;transition:transform .2s,border-color .2s}.principle:hover{transform:translateY(-6px);border-color:var(--cyan)}.principle.featured{border-color:#00d9ef7e;box-shadow:0 0 42px #00c2ed21;background:linear-gradient(145deg,#103b4a,#102037)}.principle-icon{width:55px;height:55px;display:grid;place-items:center;color:var(--cyan);font-size:34px;border:1px solid #276e7a;border-radius:50%;margin-bottom:28px}.principle-num{font:600 10px 'Space Grotesk';letter-spacing:2px;color:#71d5e3}.principle h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:14px 0}.principle p{color:#a6b5c9;font-size:13px;line-height:1.75}
.services-section{background:radial-gradient(ellipse at 50% 72%,#103c6680,transparent 45%),radial-gradient(ellipse at 78% 90%,#63265d70,transparent 30%),#090e1d}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-card{min-height:370px;border-radius:45px 8px 45px 8px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #c7ffff30;box-shadow:inset 0 1px 1px #ffffff1a,0 25px 50px #0004}.service-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff38;border-radius:50%;top:-80px;right:-90px;box-shadow:0 0 0 42px #ffffff0e,0 0 0 85px #ffffff0a}.service-cyan{background:linear-gradient(145deg,#087e94,#084b64 53%,#0a253d)}.service-blue{background:linear-gradient(145deg,#1767bc,#25326d 55%,#121e3a);border-radius:8px 45px 8px 45px}.service-pink{background:linear-gradient(145deg,#ca158e,#77246c 54%,#251b4b)}.service-symbol{font-size:69px;line-height:1;color:#ddfdff}.service-code{font:600 11px 'Space Grotesk';letter-spacing:2px;color:#ddffff}.service-card h3{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:14px 0}.service-card p{color:#e3edfc;font-size:14px;line-height:1.75;max-width:300px;margin:0}
.contact-section{position:relative;overflow:hidden;background:#070e1c;border-top:1px solid #283950;padding:140px 0 150px}.contact-orb{position:absolute;width:900px;height:600px;top:-180px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#064a6b88,#42105f40 41%,transparent 66%);filter:blur(35px)}.contact-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.contact-inner h2{font-size:clamp(46px,6.5vw,88px);letter-spacing:-4.7px;font-weight:500;line-height:1.12;margin:28px 0}.contact-inner h2 em{font-style:normal;color:var(--cyan)}.contact-inner p{font-size:15px;color:#a9bdd0;max-width:490px}.contact-email{display:inline-flex;align-items:center;gap:26px;margin-top:38px;padding:17px 24px;background:var(--cyan);color:#07141e;border-radius:5px;font:700 clamp(16px,2.2vw,22px) 'Space Grotesk';transition:transform .2s,box-shadow .2s}.contact-email:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00d9ef2b}.contact-email span{font-size:25px}.footer{background:#050a13;border-top:1px solid #243449}.footer-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p{color:#7f91a6;font-size:12px;margin:0}.footer-brand{font-size:18px}.footer-brand .brand-orb{width:17px;height:17px}.footer-brand .brand-orb:after{inset:4px}.back-top{color:#b2dbe7;font-size:12px;white-space:nowrap}.back-top:hover{color:var(--cyan)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.nav-links{gap:18px}.header-actions{gap:14px}.container{width:min(100% - 52px,1240px)}.hero-wordmark{font-size:23vw;top:96px}.hero-robot{width:65vw}.hero-stage{height:510px}.about-grid{gap:50px}.work-image{height:340px}}
@media(max-width:850px){.header{background:#080e1bf2}.header-inner{height:77px}.nav-links{display:none;position:absolute;top:77px;left:0;right:0;background:#0b1424;border-bottom:1px solid var(--line);padding:24px 26px;flex-direction:column;align-items:stretch;gap:16px}.nav-links.open{display:flex}.nav-links a{padding:5px 0}.mobile-toggle{display:block}.nav-cta{display:none}.hero{height:820px;min-height:0}.hero-inner{padding-top:117px}.hero-stage{height:485px}.hero-wordmark{font-size:24vw;top:125px;letter-spacing:-.12em}.hero-robot{width:75vw;bottom:0}.hero-bottom{bottom:42px}.hero-left{width:240px}.hero-right{max-width:200px}.work-grid,.services-grid{gap:18px}.work-image{height:255px}.work-info h3{font-size:19px}.about-grid{grid-template-columns:1fr;gap:45px}.about-visual{max-width:640px;width:100%;margin:auto}.about-copy{max-width:670px;margin:auto}.section{padding:90px 0}.principles-grid{gap:12px}.principle{padding:22px}.services-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1;min-height:290px}.footer-inner{flex-wrap:wrap;padding:25px 0}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.header-inner{gap:13px}.brand{font-size:18px}.brand-orb{height:17px;width:17px}.brand-orb:after{inset:4px}.language{padding:7px 8px}.hero{height:760px}.hero-inner{padding-top:102px}.hero-kicker{font-size:9px;letter-spacing:1.5px}.hero-stage{height:390px}.hero-wordmark{font-size:25vw;top:100px;letter-spacing:-.12em}.hero-robot{width:105vw;max-width:none;left:49%;bottom:-22px}.hero-bottom{bottom:35px;align-items:start}.hero-left{width:100%}.hero-left p{font-size:13px;max-width:220px}.hero-right{display:none}.hero-buttons{width:190px}.section-heading h2{font-size:40px;letter-spacing:-2px}.section-heading p{font-size:13px}.work-grid,.principles-grid,.services-grid{grid-template-columns:1fr}.work-grid{gap:38px}.work-card{max-width:450px;width:100%;margin:auto}.work-image{height:360px}.work-info h3{font-size:23px}.section{padding:75px 0}.about-visual{min-height:380px}.about-rings:before{width:330px;height:330px}.about-rings:after{width:250px;height:250px}.about-core{width:145px;height:145px}.about-core span{font-size:38px}.about-copy h2{font-size:50px;letter-spacing:-2.7px}.principle{min-height:270px}.service-card,.service-card:last-child{grid-column:auto;min-height:320px}.contact-section{padding:100px 0}.contact-inner h2{font-size:44px;letter-spacing:-2px}.footer-inner{display:flex;flex-direction:column;align-items:start;gap:17px}}
@media(max-width:390px){.hero-stage{height:370px}.hero-robot{width:118vw}.hero-wordmark{top:116px}.hero-left p{max-width:200px}.work-image{height:315px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.nav-cta,.work-image img,.work-link,.principle,.contact-email{transition:none}}
/* Final hero proportions: large type stays within the viewport while the 3D figure crosses it. */
.hero-wordmark{font-size:clamp(112px,16.8vw,250px);top:65px;letter-spacing:-.105em}
.hero-robot{width:min(38vw,465px)}
@media(max-width:1120px){.hero-wordmark{font-size:17vw;top:96px}.hero-robot{width:min(47vw,460px)}}
@media(max-width:850px){.hero-wordmark{font-size:18.5vw;top:125px}.hero-robot{width:min(59vw,455px)}}
@media(max-width:620px){.hero-wordmark{font-size:19vw;top:100px;letter-spacing:-.10em}.hero-robot{width:90vw}}
@media(max-width:390px){.hero-wordmark{top:116px}.hero-robot{width:95vw}}
/* Keep all focus-area labels visible; the former infinite marquee clipped text at its edges. */
.marquee-track{width:min(1240px,calc(100% - 76px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;padding:23px 0;animation:none;transform:none}
.marquee-track span{flex:0 1 auto;white-space:nowrap;text-align:center;letter-spacing:2.1px;font-size:10px}
.marquee-track b{flex:0 0 auto}
@media(max-width:1050px){.marquee-track{width:calc(100% - 52px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px}.marquee-track b{display:none}.marquee-track span{white-space:normal}}
@media(max-width:620px){.marquee-track{width:calc(100% - 36px);gap:13px 18px;padding:18px 0}.marquee-track span{font-size:9px;letter-spacing:1.1px}}