@charset "UTF-8";
:root{
  --navy:#061a36;--deep:#06235a;--blue:#1868c0;--tech:#249ae6;--cyan:#2dc5f8;
  --ice:#cfdfeb;--white:#fff;--paper:#f6f9fc;--steel:#7c87a6;--ink:#071426;
  --line:rgba(124,135,166,.25);--ease:cubic-bezier(.2,.7,.2,1);--mx:50%;--my:30%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(45,197,248,.08),transparent 68%);mix-blend-mode:screen}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
::selection{background:var(--cyan);color:var(--navy)}
.skip{position:fixed;left:20px;top:-70px;background:var(--cyan);color:var(--navy);padding:10px 16px;z-index:1000;font-weight:700}.skip:focus{top:20px}
.scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:1001;box-shadow:0 0 18px var(--cyan)}
.section-shell,.hero-shell{width:min(1380px,calc(100% - 112px));margin-inline:auto}
.site-header{position:fixed;top:0;left:0;right:0;height:88px;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:44px;padding:0 max(56px,calc((100vw - 1380px)/2));color:#fff;border-bottom:1px solid rgba(207,223,235,.14);background:rgba(6,26,54,.72);backdrop-filter:blur(18px) saturate(140%);transition:height .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}
.site-header.scrolled{height:72px;background:rgba(6,26,54,.94);box-shadow:0 15px 45px rgba(3,13,31,.25)}
.brand{display:flex;flex-direction:column;line-height:1;white-space:nowrap}.brand-word{font-family:Michroma,"Arial Narrow",sans-serif;font-size:23px;font-weight:800;letter-spacing:.22em}.brand-word span{color:var(--cyan)}.brand small{margin-top:8px;color:#9ebbd2;font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
nav{justify-self:center;display:flex;align-items:center;gap:36px;font-size:13px;font-weight:650;letter-spacing:.04em}nav a{position:relative;color:#dfeaf3;transition:color .25s ease}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--cyan);transition:right .3s var(--ease)}nav a:hover{color:#fff}nav a:hover::after{right:0}
.header-cta{display:flex;align-items:center;gap:24px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:650}.header-cta span{color:var(--cyan);font-size:17px;transition:transform .25s ease}.header-cta:hover span{transform:translate(3px,-3px)}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:5px}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--navy);color:#fff;padding:156px 0 76px;isolation:isolate}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:55px;height:1px;background:linear-gradient(90deg,transparent,rgba(45,197,248,.38),transparent);z-index:-1}
.hero-ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(24,104,192,.22),transparent 30%),linear-gradient(150deg,#061a36 0%,#071f44 44%,#040f23 100%)}
.grid-plane{position:absolute;inset:0;background-image:linear-gradient(rgba(45,197,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,197,248,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 5%,#000 40%,transparent 95%);transform:perspective(650px) rotateX(58deg) scale(1.6) translateY(25%);transform-origin:center bottom;animation:gridDrift 16s linear infinite}
.beam{position:absolute;width:55vw;height:3px;filter:blur(.5px);background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.28;transform:rotate(-24deg)}.beam-one{top:26%;right:-18%;animation:beamMove 9s ease-in-out infinite}.beam-two{bottom:19%;left:-24%;animation:beamMove 12s ease-in-out -4s infinite}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:520px;height:520px;right:-170px;top:8%;border:1px solid rgba(45,197,248,.24);box-shadow:inset 0 0 100px rgba(45,197,248,.05),0 0 100px rgba(36,154,230,.08)}.orb-two{width:240px;height:240px;left:-120px;bottom:15%;background:rgba(24,104,192,.08);box-shadow:0 0 100px rgba(45,197,248,.14)}
.hero-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);gap:78px;align-items:center}
.kicker,.section-code{margin:0 0 28px;color:#7fbbe4;font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:11px}.kicker span{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.hero h1{font-family:Michroma,"Arial Narrow",sans-serif;font-size:clamp(48px,5vw,82px);line-height:1.08;letter-spacing:-.045em;margin:0 0 30px;font-weight:650}.hero h1 strong{font-weight:650;background:linear-gradient(90deg,#fff 0%,#9bdcff 55%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px rgba(45,197,248,.12)}
.hero-lead{max-width:650px;margin:0;color:#b8cadd;font-size:18px;line-height:1.75}
.hero-actions{display:flex;gap:14px;align-items:center;margin-top:38px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:0 22px;font-size:13px;font-weight:750;letter-spacing:.03em;transition:transform .3s var(--ease),background .3s ease,color .3s ease,box-shadow .3s ease}.button i{font-style:normal;font-size:20px}.button-primary{color:#fff;background:linear-gradient(100deg,var(--blue),var(--tech));box-shadow:0 13px 35px rgba(24,104,192,.28)}.button-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(45,197,248,.32)}.button-ghost{border:1px solid rgba(207,223,235,.22);color:#dfeaf3}.button-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(45,197,248,.55);transform:translateY(-3px)}
.hero-proof{display:flex;gap:32px;margin-top:54px;padding-top:24px;border-top:1px solid rgba(207,223,235,.15)}.hero-proof div{display:flex;gap:11px;align-items:flex-start}.hero-proof strong{color:var(--cyan);font:700 11px/1.4 monospace}.hero-proof span{color:#8fa9bd;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.12em}
.brand-stage{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}.logo-panel{position:relative;width:min(100%,520px);aspect-ratio:1.38;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 45px 110px rgba(0,0,0,.38),0 0 60px rgba(45,197,248,.16);overflow:hidden;transform-style:preserve-3d;transition:transform .3s var(--ease)}.logo-panel::before{content:"";position:absolute;inset:10px;border:1px solid rgba(24,104,192,.12);z-index:2;pointer-events:none}.logo-panel img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.logo-shine{position:absolute;inset:-30%;z-index:3;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.65) 49%,transparent 62%);transform:translateX(-60%);animation:shine 7s ease-in-out infinite;pointer-events:none}
.orbit{position:absolute;border:1px solid rgba(45,197,248,.22);border-radius:50%;pointer-events:none}.orbit::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.orbit-a{width:570px;height:570px;animation:rotate 20s linear infinite}.orbit-a::before{left:76px;top:65px}.orbit-b{width:470px;height:470px;border-style:dashed;animation:rotate 28s linear infinite reverse}.orbit-b::before{right:34px;bottom:90px;width:5px;height:5px}.orbit-c{width:650px;height:230px;transform:rotate(-18deg);border-color:rgba(36,154,230,.12)}
.stage-hud{position:absolute;left:0;right:0;z-index:5;display:flex;justify-content:space-between;color:#769bb8;font:600 9px/1 monospace;letter-spacing:.14em}.hud-top{top:18px}.hud-bottom{bottom:18px}.live-dot{color:#8ee6ff}.live-dot::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 2s ease-in-out infinite}
.floating-chip{position:absolute;z-index:6;padding:9px 12px;border:1px solid rgba(45,197,248,.27);background:rgba(6,26,54,.78);backdrop-filter:blur(10px);color:#bfefff;font:650 9px/1 monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.22)}.chip-one{top:17%;right:1%;animation:float 5s ease-in-out infinite}.chip-two{left:-2%;bottom:23%;animation:float 6s ease-in-out -2s infinite}.chip-three{right:-3%;bottom:12%;animation:float 5.5s ease-in-out -1s infinite}
.signal-strip{position:absolute;left:0;right:0;bottom:0;height:54px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(207,223,235,.1);background:rgba(4,15,35,.62)}.signal-track{width:max-content;display:flex;align-items:center;gap:34px;color:#6f93ae;font:700 10px/1 monospace;letter-spacing:.18em;animation:marquee 24s linear infinite}.signal-track b{color:var(--cyan);font-size:9px}
.section{position:relative;padding:120px 0}.section-intro{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,.75fr);column-gap:100px;align-items:end;margin-bottom:70px}.section-intro .section-code{grid-column:1/-1}.section-intro h2,.studio-heading h2,.contact-shell h2,.faq h2{margin:0;font-family:Michroma,"Arial Narrow",sans-serif;font-size:clamp(38px,4.5vw,67px);line-height:1.12;letter-spacing:-.045em;font-weight:650}.section-intro h2 em,.studio-heading h2 em,.contact-shell h2 em{font-style:normal;color:var(--tech)}.section-intro>p:last-child{max-width:540px;margin:0;color:#637387;font-size:17px;line-height:1.8}
.projects-section{background:var(--paper)}.project-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:610px;margin-bottom:30px;border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 80px rgba(6,35,90,.08);transform-style:preserve-3d}.project-dark{background:var(--navy);color:#fff}.project-light{background:#fff;color:var(--navy);grid-template-columns:.85fr 1.15fr}.project-visual{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:60px 38px 38px;background:linear-gradient(145deg,rgba(36,154,230,.16),rgba(6,35,90,.12));overflow:hidden}.project-light .project-visual{background:linear-gradient(145deg,#eaf4fb,#cfdfeb)}.project-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(45,197,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,197,248,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 80%)}.project-visual img{position:relative;display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 65px rgba(3,13,31,.36);transition:transform .7s var(--ease)}.project-card:hover .project-visual img{transform:scale(1.025) translateY(-4px)}.browser-bar{position:relative;z-index:3;display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;background:#e9f1f7;color:#60778a}.browser-bar span{width:6px;height:6px;border-radius:50%;background:#9bb2c4}.browser-bar span:first-child{background:var(--tech)}.browser-bar b{margin-left:8px;font:600 8px/1 monospace;letter-spacing:.08em}.visual-scan{position:absolute;z-index:4;left:38px;right:38px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);opacity:0;top:18%;transition:opacity .3s ease}.project-card:hover .visual-scan{opacity:.75;animation:scan 2.8s ease-in-out infinite}.project-content{display:flex;flex-direction:column;justify-content:center;padding:68px}.project-meta{display:flex;gap:9px;flex-wrap:wrap}.project-meta span{border:1px solid currentColor;padding:5px 8px;opacity:.62;font:700 9px/1 monospace;letter-spacing:.12em}.project-content h3{font-family:Michroma,"Arial Narrow",sans-serif;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.04em;margin:30px 0 22px}.project-content>p{margin:0;max-width:520px;color:#aebfd0;font-size:17px}.project-light .project-content>p{color:#65768a}.project-content ul{list-style:none;padding:0;margin:32px 0;display:flex;gap:8px;flex-wrap:wrap}.project-content li{padding:7px 10px;border:1px solid rgba(124,135,166,.28);font-size:11px}.project-content>a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid rgba(124,135,166,.32);font-size:13px;font-weight:750}.project-content>a span{font-size:20px;color:var(--cyan);transition:transform .25s ease}.project-content>a:hover span{transform:translate(4px,-4px)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.mini-project{min-height:260px;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;padding:28px;border:1px solid var(--line);background:#fff;transition:transform .35s var(--ease),background .35s ease,color .35s ease,box-shadow .35s ease}.mini-project:hover{transform:translateY(-7px);background:var(--deep);color:#fff;box-shadow:0 28px 60px rgba(6,35,90,.18)}.mini-number{color:var(--tech);font:700 11px/1 monospace}.mini-project p{margin:0;color:#7b8b9a;font:700 9px/1 monospace;letter-spacing:.12em}.mini-project h3{margin:30px 0 12px;font-family:Michroma,"Arial Narrow",sans-serif;font-size:25px;letter-spacing:-.04em}.mini-project div>span{color:#697a8b;font-size:14px}.mini-project:hover div>span{color:#b6c9d9}.mini-project i{font-style:normal;font-size:20px;color:var(--tech)}.fineprint{max-width:850px;margin:32px 0 0;color:#7e8d9b;font-size:12px}
.project-private{margin-top:auto;display:block;padding:18px 0;border-top:1px solid rgba(124,135,166,.32);color:var(--cyan);font-size:13px;font-weight:750;letter-spacing:.02em}.project-light .project-private{color:var(--blue)}
.mini-project{grid-template-columns:auto 1fr;cursor:default}.mini-project:hover{transform:none;background:#fff;color:var(--ink);box-shadow:none}.mini-project:hover div>span{color:#697a8b}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.services-section{background:var(--navy);color:#fff;overflow:hidden}.services-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 10%,rgba(45,197,248,.13),transparent 30%),linear-gradient(110deg,transparent 58%,rgba(24,104,192,.08));pointer-events:none}.section-intro.light>p:last-child{color:#9fb5c7}.service-stack{border-top:1px solid rgba(207,223,235,.16)}.service-card{position:relative;display:grid;grid-template-columns:70px 1fr 1fr 70px;gap:30px;align-items:center;min-height:175px;border-bottom:1px solid rgba(207,223,235,.16);transition:background .35s ease,padding .35s var(--ease)}.service-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(36,154,230,.16),transparent);transition:width .55s var(--ease)}.service-card:hover{padding-inline:24px;background:rgba(255,255,255,.025)}.service-card:hover::before{width:100%}.service-index{align-self:start;margin-top:52px;color:var(--cyan);font:700 11px/1 monospace}.service-card div,.service-card>p,.service-icon{position:relative}.service-card div p{margin:0 0 10px;color:#688ea9;font:700 9px/1 monospace;letter-spacing:.14em}.service-card h3{margin:0;font-family:Michroma,"Arial Narrow",sans-serif;font-size:clamp(23px,2.6vw,37px);line-height:1.22;letter-spacing:-.035em}.service-card>p{margin:0;color:#9fb5c7;font-size:15px;line-height:1.75}.service-icon{justify-self:end;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(45,197,248,.26);color:var(--cyan);font-size:22px;transition:transform .4s var(--ease),background .3s ease}.service-card:hover .service-icon{transform:rotate(45deg);background:rgba(45,197,248,.08)}
.systems-section{background:#fff;overflow:hidden}.system-glow{position:absolute;width:700px;height:700px;left:50%;top:58%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(45,197,248,.12),rgba(24,104,192,.04) 45%,transparent 70%);filter:blur(10px)}.system-orbit{position:relative;height:720px;max-width:1100px;margin:0 auto}.core-mark{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--deep),var(--navy));color:#fff;box-shadow:0 30px 80px rgba(6,35,90,.3),0 0 0 15px rgba(36,154,230,.05),0 0 0 30px rgba(36,154,230,.025)}.core-mark span{font-family:Michroma,sans-serif;font-size:56px;font-weight:800;line-height:1;background:linear-gradient(120deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.core-mark b{font-family:Michroma,sans-serif;font-size:18px;letter-spacing:.17em}.core-mark small{margin-top:11px;color:#7daac9;font:700 8px/1 monospace;letter-spacing:.14em}.system-node{position:absolute;z-index:6;width:230px;min-height:118px;padding:18px 20px;border:1px solid #d7e1e9;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 16px 45px rgba(6,35,90,.08);transition:transform .35s var(--ease),border-color .3s ease,box-shadow .3s ease}.system-node:hover{transform:translateY(-7px);border-color:var(--tech);box-shadow:0 25px 55px rgba(24,104,192,.16)}.system-node span{display:block;color:var(--tech);font:700 9px/1 monospace}.system-node strong{display:block;margin:11px 0 4px;font-family:Michroma,sans-serif;font-size:18px;letter-spacing:-.03em}.system-node small{color:#778797;font-size:11px}.node-1{left:5%;top:10%}.node-2{right:5%;top:10%}.node-3{left:0;top:43%}.node-4{right:0;top:43%}.node-5{left:12%;bottom:6%}.node-6{right:12%;bottom:6%}.orbit-line{position:absolute;left:50%;top:50%;border:1px solid rgba(36,154,230,.2);border-radius:50%;transform:translate(-50%,-50%)}.line-1{width:690px;height:450px;animation:spinFloat 16s linear infinite}.line-2{width:900px;height:610px;border-style:dashed;animation:spinFloat 28s linear infinite reverse}
.studio-section{background:var(--paper)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.studio-heading .section-code{margin-bottom:30px}.studio-copy{padding-top:60px}.studio-copy p{color:#657588}.studio-copy .studio-lead{color:var(--navy);font-size:26px;line-height:1.5;margin-top:0}.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:100px;background:var(--line);border:1px solid var(--line)}.process-line article{min-height:320px;padding:32px;background:#fff}.process-line article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e9f4fb;color:var(--blue);font:700 11px/1 monospace}.process-line article div{margin-top:88px}.process-line p{color:var(--tech);font:700 9px/1 monospace;letter-spacing:.14em}.process-line h3{font-family:Michroma,sans-serif;font-size:22px;line-height:1.35;letter-spacing:-.035em}.process-line small{display:block;color:#6d7d8c;font-size:14px;line-height:1.6}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;margin-top:120px;padding-top:90px;border-top:1px solid var(--line)}.faq h2{font-size:48px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:var(--tech);transition:transform .3s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 0 25px;color:#687989;max-width:720px}
.contact-section{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--deep),#0d4d99 72%,var(--tech));color:#fff;padding:120px 0}.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 70% 40%,#000,transparent 72%)}.contact-shell{position:relative}.contact-shell .section-code{color:#a9e8ff}.contact-shell h2{font-size:clamp(45px,6.3vw,92px);max-width:1100px}.contact-shell h2 em{color:#a9e8ff}.contact-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:55px}.contact-row p{margin:0;color:#c7dced;font-size:17px}.button-white{background:#fff;color:var(--deep);min-width:260px}.button-white:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.18)}.contact-card{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.contact-card div{padding:25px 24px;border-right:1px solid rgba(255,255,255,.22)}.contact-card div:first-child{padding-left:0}.contact-card div:last-child{border-right:0}.contact-card small{display:block;color:#90c8ed;font:700 9px/1 monospace;letter-spacing:.13em}.contact-card strong{display:block;margin-top:12px;font-size:14px}
footer{background:var(--navy);color:#fff}.footer-main{min-height:210px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:50px}.footer-brand .brand-word{font-size:28px}.footer-main>p{color:#9eb4c5;font-size:15px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:12px}.footer-links a:hover{color:var(--cyan)}.legal{border-top:1px solid rgba(207,223,235,.14)}.legal details{border-bottom:1px solid rgba(207,223,235,.14)}.legal summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:14px 0;color:#87a5ba;font-size:11px}.legal summary::-webkit-details-marker{display:none}.legal p{max-width:850px;color:#7892a5;font-size:12px}.footer-bottom{min-height:76px;display:flex;justify-content:space-between;align-items:center;color:#5f7c91;font:650 9px/1 monospace;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes gridDrift{to{background-position:70px 70px}}
@keyframes beamMove{0%,100%{opacity:.1;transform:rotate(-24deg) translateX(-8%)}50%{opacity:.38;transform:rotate(-24deg) translateX(9%)}}
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes spinFloat{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--cyan)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes shine{0%,25%{transform:translateX(-70%)}55%,100%{transform:translateX(70%)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes scan{0%,100%{top:18%}50%{top:82%}}
@media(max-width:1120px){
  .section-shell,.hero-shell{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero-shell{grid-template-columns:1fr .86fr;gap:40px}.hero h1{font-size:52px}.brand-stage{min-height:500px}.orbit-a{width:500px;height:500px}.orbit-c{width:560px}.project-content{padding:45px}.service-card{grid-template-columns:55px 1fr 1fr 55px}.system-orbit{transform:scale(.9);margin-inline:-5%}.studio-grid{gap:60px}
}
@media(max-width:860px){
  .site-header{height:76px;grid-template-columns:1fr auto auto;gap:18px}.site-header.scrolled{height:68px}.brand small{display:none}.brand-word{font-size:20px}.menu-toggle{display:block}.header-cta{font-size:0;gap:0}.header-cta span{font-size:22px}.site-header nav{position:absolute;left:20px;right:20px;top:70px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px;background:rgba(6,26,54,.98);border:1px solid rgba(45,197,248,.2);box-shadow:0 20px 50px rgba(0,0,0,.3);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease}.site-header nav.open{opacity:1;pointer-events:auto;transform:none}.site-header nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.site-header nav a::after{display:none}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-toggle span{transition:.25s ease}
  .hero{padding-top:125px}.hero-shell{grid-template-columns:1fr}.hero-copy{position:relative;z-index:8}.hero h1{font-size:clamp(41px,8vw,62px)}.hero-lead{max-width:720px}.brand-stage{min-height:540px;margin-top:20px}.logo-panel{width:min(88%,500px)}.orbit-a{width:520px;height:520px}.orbit-b{width:440px;height:440px}.orbit-c{width:620px}.section{padding:88px 0}.section-intro{grid-template-columns:1fr;gap:26px;margin-bottom:50px}.section-intro .section-code{grid-column:auto}.project-card,.project-light{grid-template-columns:1fr}.project-light .project-content{order:2}.project-visual{padding:55px 28px 28px}.project-content{min-height:430px}.project-grid{grid-template-columns:1fr}.mini-project{min-height:200px}.service-card{grid-template-columns:42px 1fr 50px;min-height:200px}.service-card>p{grid-column:2;max-width:620px;margin-top:-15px}.service-index{margin-top:47px}.service-icon{grid-column:3;grid-row:1}.system-orbit{height:auto;transform:none;margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.core-mark{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;margin:0 auto 25px;width:190px;height:190px}.system-node{position:relative;inset:auto;width:auto;min-height:120px}.orbit-line{display:none}.studio-grid{grid-template-columns:1fr;gap:25px}.studio-copy{padding-top:0}.process-line{grid-template-columns:1fr}.process-line article{min-height:auto}.process-line article div{margin-top:45px}.faq{grid-template-columns:1fr;gap:40px}.contact-card{grid-template-columns:1fr 1fr}.contact-card div:nth-child(2){border-right:0}.contact-card div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.22)}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;align-items:flex-start;flex-direction:row;padding-bottom:35px}.footer-main>p{text-align:right}
}
@media(max-width:560px){
  .section-shell,.hero-shell{width:calc(100% - 36px)}.site-header{padding-inline:18px}.hero{padding-top:112px}.kicker{font-size:9px}.hero h1{font-size:clamp(36px,10.5vw,49px);letter-spacing:-.055em}.hero-lead{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-proof{gap:14px;justify-content:space-between}.hero-proof div{display:block}.hero-proof span{display:block;margin-top:7px;font-size:9px}.brand-stage{min-height:430px}.logo-panel{width:94%}.orbit-a{width:410px;height:410px}.orbit-b{width:340px;height:340px}.orbit-c{width:440px}.stage-hud{font-size:7px}.chip-one{right:-2%}.chip-two{left:-3%}.chip-three{display:none}.section{padding:72px 0}.section-intro h2,.studio-heading h2,.contact-shell h2{font-size:clamp(34px,10vw,48px)}.section-intro>p:last-child{font-size:15px}.project-card{min-height:0}.project-visual{padding:45px 14px 18px}.browser-bar{height:25px}.project-content{padding:34px 24px;min-height:430px}.project-content h3{font-size:34px}.project-content>p{font-size:15px}.mini-project{grid-template-columns:auto 1fr;padding:22px}.mini-project i{position:absolute;right:20px;top:20px}.service-card{grid-template-columns:33px 1fr;padding:30px 0;gap:12px}.service-card:hover{padding-inline:12px}.service-index{margin-top:4px}.service-card h3{font-size:23px}.service-card>p{grid-column:2;margin:7px 0 0;font-size:14px}.service-icon{display:none}.system-orbit{grid-template-columns:1fr}.core-mark{grid-column:auto}.system-node strong{font-size:16px}.studio-copy .studio-lead{font-size:21px}.process-line{margin-top:65px}.faq{margin-top:75px;padding-top:60px}.faq h2{font-size:38px}.faq-list summary{font-size:14px}.contact-section{padding:80px 0}.contact-row{display:block;margin-top:35px}.contact-row .button{margin-top:28px}.contact-card{grid-template-columns:1fr;margin-top:55px}.contact-card div,.contact-card div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}.contact-card div:last-child{border-bottom:0}.footer-main{grid-template-columns:1fr;gap:22px;padding:45px 0}.footer-main>p{text-align:left;margin:0}.footer-links{grid-column:auto;flex-wrap:wrap;padding-bottom:0}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:9px;padding:20px 0}.signal-track{animation-duration:18s}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.visual-scan{display:none}body::before{display:none}}

/* A lighter technical canvas, with a complete manually selectable night view. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{grid-template-columns:auto 1fr auto auto;gap:25px;background:rgba(240,248,253,.82);border-bottom-color:rgba(20,86,142,.14);color:#0b2946}
.site-header.scrolled{background:rgba(247,251,254,.96);box-shadow:0 14px 40px rgba(20,64,105,.1)}
.brand small{color:#47728f}.site-header nav{gap:26px;font-size:14px}.site-header nav a{color:#244b68}.site-header nav a:hover{color:#0069b8}
.header-cta{border-bottom-color:#73a3c6;font-size:14px}.header-cta span{color:#087acb}
.header-tools{display:flex;align-items:center;gap:8px}.language-picker select,.theme-toggle{height:40px;border:1px solid #c3d8e7;background:rgba(255,255,255,.76);color:#0c3858;border-radius:4px;font:650 14px/1 Inter,"Segoe UI",sans-serif;cursor:pointer}
.language-picker select{width:107px;padding:0 8px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;white-space:nowrap}.theme-toggle span:first-child{font-size:18px}.language-picker select:hover,.theme-toggle:hover{border-color:#3999d4;background:#fff}
.menu-toggle span{background:#0b2946}
.hero{background:#eaf5fc;color:#092740}.hero-ambient{background:radial-gradient(circle at 69% 43%,rgba(44,172,225,.19),transparent 32%),linear-gradient(145deg,#f5fbff 0%,#e8f4fb 52%,#d8e9f4 100%)}
.hero::after{background:linear-gradient(90deg,transparent,rgba(19,109,174,.25),transparent)}
.grid-plane{background-image:linear-gradient(rgba(20,119,179,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(20,119,179,.11) 1px,transparent 1px)}
.beam{opacity:.17}.orb-one{border-color:rgba(28,128,185,.22)}.orb-two{background:rgba(24,104,192,.06)}
.kicker{color:#146aa7}.hero h1 strong{background:linear-gradient(90deg,#164477,#0872b8 65%,#00a4d9);-webkit-background-clip:text;background-clip:text;text-shadow:none}
.hero-lead{color:#385f79}.button-ghost{border-color:#a8c8da;color:#135782}.button-ghost:hover{background:#fff;border-color:#40a6d8}
.hero-proof{border-top-color:#b7d4e6}.hero-proof strong{color:#087bc4}.hero-proof span{color:#547b94}
.stage-hud{color:#477a9b}.live-dot{color:#086b9d}.floating-chip{background:rgba(243,250,254,.9);color:#156d9e;border-color:rgba(20,128,186,.32);box-shadow:0 12px 26px rgba(30,95,150,.12)}
.logo-panel{box-shadow:0 42px 90px rgba(29,101,154,.19),0 0 65px rgba(45,197,248,.14)}.orbit{border-color:rgba(27,134,190,.3)}
.signal-strip{background:rgba(227,242,250,.86);border-top-color:#c5e1ee}.signal-track{color:#5e88a2}.signal-track b{color:#168bc7}
.data-trace{position:absolute;z-index:0;width:21vw;height:1px;background:linear-gradient(90deg,transparent,#67bfe5,transparent);opacity:.5;transform:rotate(-22deg)}.data-trace::after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#168dc9;box-shadow:0 0 18px #168dc9;animation:packet 7s linear infinite}.trace-one{right:9%;top:16%}.trace-two{left:3%;bottom:24%;width:14vw;transform:rotate(18deg)}.trace-two::after{animation-delay:-3.4s}
.project-spain{background:#eaf5fb;color:#082d50}.project-spain .project-visual{background:linear-gradient(145deg,#e2f2fa,#c8e4f2)}.project-spain .project-content>p{color:#47677e}.project-spain .project-private{color:#0b75ad}
.services-section{background:#e8f3fa;color:#102f4c}.services-section::before{background:radial-gradient(circle at 92% 13%,rgba(45,197,248,.13),transparent 32%)}.section-intro.light>p:last-child{color:#456b83}.service-stack,.service-card{border-color:#bfd8e7}.service-card:hover{background:rgba(255,255,255,.55)}.service-card div p{color:#37799c}.service-card>p{color:#496b80}.service-index{color:#0872ae}.service-icon{color:#0879b8;border-color:#a8d2e6}
.legal summary{font-size:14px;color:#bbd3e1;font-weight:650}.legal p{font-size:14px;color:#b4cbd9;line-height:1.7}.privacy-copy{max-width:960px;padding:8px 0 28px}.privacy-copy h3{font-size:22px;margin:16px 0}.privacy-copy h4{font-size:16px;margin:24px 0 8px;color:#d3ebf8}.privacy-copy p{margin:0 0 10px}.privacy-copy .privacy-date{margin-top:24px;color:#89b5ce}
@keyframes packet{to{left:100%}}

html[data-theme="dark"]{color-scheme:dark;--paper:#081a2c;--ink:#e8f4fc;--line:rgba(107,163,194,.22)}
html[data-theme="dark"] body{background:#081a2c;color:#e8f4fc}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-header.scrolled{background:rgba(5,19,35,.9);color:#eaf7ff;border-bottom-color:rgba(139,194,223,.18);box-shadow:0 12px 40px rgba(0,0,0,.22)}
html[data-theme="dark"] .brand small{color:#91b7d0}html[data-theme="dark"] .site-header nav a{color:#c5deee}html[data-theme="dark"] .site-header nav a:hover{color:#fff}html[data-theme="dark"] .header-cta{border-bottom-color:#7aaac5}html[data-theme="dark"] .header-cta span{color:#55c6f2}
html[data-theme="dark"] .language-picker select,html[data-theme="dark"] .theme-toggle{background:#102d47;border-color:#3c6580;color:#e3f3fd}html[data-theme="dark"] .language-picker select:hover,html[data-theme="dark"] .theme-toggle:hover{background:#194361}
html[data-theme="dark"] .menu-toggle span{background:#e8f7ff}
html[data-theme="dark"] .hero{background:#06182b;color:#fff}html[data-theme="dark"] .hero-ambient{background:radial-gradient(circle at 70% 44%,rgba(25,107,176,.22),transparent 32%),linear-gradient(145deg,#071629,#0a2948 52%,#061a32)}
html[data-theme="dark"] .grid-plane{background-image:linear-gradient(rgba(45,197,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(45,197,248,.07) 1px,transparent 1px)}
html[data-theme="dark"] .kicker{color:#83c6ec}html[data-theme="dark"] .hero h1 strong{background:linear-gradient(90deg,#fff,#a8e2ff 58%,#49bde9);-webkit-background-clip:text;background-clip:text}html[data-theme="dark"] .hero-lead{color:#b8d1e2}html[data-theme="dark"] .button-ghost{color:#d7efff;border-color:#53738c}html[data-theme="dark"] .button-ghost:hover{background:#102d47}
html[data-theme="dark"] .hero-proof{border-top-color:#34546c}html[data-theme="dark"] .hero-proof strong{color:#54c5ee}html[data-theme="dark"] .hero-proof span{color:#a4c0d0}html[data-theme="dark"] .stage-hud{color:#8ab6d2}html[data-theme="dark"] .live-dot{color:#6ed1fa}html[data-theme="dark"] .floating-chip{background:rgba(5,26,46,.82);color:#b8e9ff;border-color:#327ba0;box-shadow:0 12px 28px rgba(0,0,0,.3)}
html[data-theme="dark"] .logo-panel{box-shadow:0 40px 100px rgba(0,0,0,.36),0 0 55px rgba(45,197,248,.13)}html[data-theme="dark"] .signal-strip{background:rgba(4,18,36,.7);border-color:#31536c}html[data-theme="dark"] .signal-track{color:#8cb1ca}
html[data-theme="dark"] .projects-section,html[data-theme="dark"] .studio-section{background:#081a2c}html[data-theme="dark"] .section-intro>p:last-child,html[data-theme="dark"] .studio-copy p,html[data-theme="dark"] .faq-list details p{color:#a8c2d3}html[data-theme="dark"] .studio-copy .studio-lead{color:#ecf8ff}html[data-theme="dark"] .section-code{color:#66bce5}
html[data-theme="dark"] .project-light,html[data-theme="dark"] .project-spain,html[data-theme="dark"] .mini-project,html[data-theme="dark"] .process-line article{background:#10283e;color:#e9f6fd}html[data-theme="dark"] .project-light .project-content>p,html[data-theme="dark"] .project-spain .project-content>p,html[data-theme="dark"] .mini-project div>span,html[data-theme="dark"] .mini-project:hover div>span,html[data-theme="dark"] .process-line small{color:#abc6d8}html[data-theme="dark"] .mini-project:hover{background:#10283e;color:#e9f6fd}html[data-theme="dark"] .project-light .project-private,html[data-theme="dark"] .project-spain .project-private{color:#63c9f4}html[data-theme="dark"] .fineprint{color:#a5c0d0}html[data-theme="dark"] .project-light .project-visual,html[data-theme="dark"] .project-spain .project-visual{background:linear-gradient(145deg,#173e59,#0e2e49)}
html[data-theme="dark"] .services-section{background:#0d2943;color:#eaf7ff}html[data-theme="dark"] .service-stack,html[data-theme="dark"] .service-card{border-color:#33546d}html[data-theme="dark"] .section-intro.light>p:last-child,html[data-theme="dark"] .service-card>p{color:#a9c5d5}html[data-theme="dark"] .service-card div p{color:#7bb7d7}html[data-theme="dark"] .service-index{color:#65cef5}html[data-theme="dark"] .service-icon{color:#6fd1fa;border-color:#3d6e8d}html[data-theme="dark"] .service-card:hover{background:rgba(255,255,255,.035)}
html[data-theme="dark"] .systems-section{background:#0a2035}html[data-theme="dark"] .system-node{background:rgba(16,42,64,.9);border-color:#365a72;color:#e9f6fd;box-shadow:0 16px 44px rgba(0,0,0,.18)}html[data-theme="dark"] .system-node small{color:#a9c3d3}html[data-theme="dark"] .process-line article>span{background:#1b4869;color:#9dddff}html[data-theme="dark"] .footer-main,html[data-theme="dark"] footer{background:#051629}

@media(max-width:1120px){.site-header{gap:14px}.site-header nav{gap:17px}.header-cta{font-size:12px}}
@media(max-width:860px){.site-header{grid-template-columns:1fr auto auto auto;gap:12px}.site-header .brand{grid-column:1}.header-tools{grid-column:2;grid-row:1}.menu-toggle{grid-column:3;grid-row:1}.header-cta{grid-column:4;grid-row:1}.site-header nav{background:#f4fbff;border-color:#b8d7e9;box-shadow:0 22px 45px rgba(20,64,105,.2)}.site-header nav a{border-color:#d2e5ef}html[data-theme="dark"] .site-header nav{background:#09243b;border-color:#365f77}html[data-theme="dark"] .site-header nav a{border-color:#31536b}}
@media(max-width:560px){.site-header{grid-template-columns:1fr auto auto;gap:7px}.header-cta{display:none}.language-picker select{width:85px;font-size:13px;padding-inline:3px}.theme-toggle{width:37px;padding:0}.theme-label{display:none}.header-tools{gap:5px}.brand-word{font-size:18px}.hero h1{font-size:clamp(35px,10vw,48px)}.data-trace{display:none}.project-content h3{overflow-wrap:anywhere}}