:root{--navy:#080b18;--indigo-deep:#11112b;--indigo:#6366ff;--violet:#a855f7;--blue:#3987ff;--lavender:#c4b5fd;--white:#f5f5ff;--font-display:"Sora", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.nav-wrap{z-index:20;justify-content:center;padding:0 12px;display:flex;position:fixed;top:16px;left:0;right:0}.nav{-webkit-backdrop-filter:blur(14px);background:#11112b8c;border:1px solid #c4b5fd2e;border-radius:999px;align-items:center;gap:22px;padding:8px 10px 8px 18px;display:flex}.nav ul{gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--lavender);border-radius:999px;padding:6px 12px;font-size:.92rem;transition:background .25s,color .25s;display:block}.nav ul a:hover{color:var(--white);background:#6366ff38}.brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.nav-cta{background:linear-gradient(120deg, var(--indigo), var(--violet));border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600}@media (width<=720px){.nav ul{display:none}.nav{gap:16px}}.hero{isolation:isolate;align-items:center;min-height:100svh;padding:110px 24px 56px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--lx,72%) var(--ly,40%), #6366ff29, transparent 62%);position:absolute;inset:0}.hero-glow{z-index:-2;background:radial-gradient(900px 600px at 78% 45%, #6366ff47, transparent 65%), radial-gradient(700px 500px at 88% 70%, #a855f738, transparent 65%), radial-gradient(600px 400px at 10% 100%, #3987ff1f, transparent 70%), linear-gradient(180deg, var(--navy), var(--indigo-deep));position:absolute;inset:0}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;width:min(1240px,100%);margin:0 auto;display:grid}.label{color:var(--lavender);border:1px solid #c4b5fd4d;border-radius:999px;margin:0 0 18px;padding:6px 14px;font-size:.92rem;display:inline-block}h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(2.4rem,5.4vw,4.9rem);font-weight:700;line-height:1.04}.wm{vertical-align:top;padding-bottom:.12em;display:inline-block;overflow:hidden}.w{display:inline-block}.w.grad{background:linear-gradient(110deg, var(--lavender), var(--indigo) 45%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.sub{font-family:var(--font-display);color:var(--white);max-width:34ch;margin:0 0 12px;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:600}.desc{color:#b9b9de;max-width:52ch;margin:0 0 28px;font-size:1.05rem}.ctas{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.btn{cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:15px 26px;font-weight:600;display:inline-flex}.btn.primary{background:linear-gradient(120deg, var(--indigo), var(--violet));box-shadow:0 10px 40px -8px #6366ffb3}.btn.ghost{background:#11112b66;border:1px solid #c4b5fd66}.audience{color:var(--lavender);max-width:46ch;margin:0;font-size:.95rem}.mascot-wrap{aspect-ratio:480/520;justify-self:center;width:min(560px,100%);position:relative}.mascot-glow{filter:blur(30px);background:radial-gradient(closest-side,#6366ff8c,#a855f747 55%,#0000 75%);border-radius:50%;animation:7s ease-in-out infinite alternate breathe;position:absolute;inset:-12%}.mascot{width:100%;height:100%;position:relative;overflow:visible}.px{transform:translate(calc(var(--mx,0) * var(--d,0) * 1px), calc(var(--my,0) * var(--d,0) * .7px))}.float{transform-box:fill-box;transform-origin:50%;animation:bob var(--dur) ease-in-out var(--delay) infinite alternate}.spin{transform-box:fill-box;transform-origin:50%;animation:60s linear infinite spin}.head{transform-origin:240px 250px;transform:translate(calc(var(--mx,0) * 6px), calc(var(--my,0) * 4px)) rotate(calc(var(--mx,0) * 3deg))}.gaze{transform:translate(calc(var(--mx,0) * 5px), calc(var(--my,0) * 3px))}.eye{transform-box:fill-box;transform-origin:50%;animation:6s infinite blink}.core{animation:3.2s ease-in-out infinite alternate pulse}@keyframes bob{0%{transform:translateY(0) rotate(var(--r0,0deg))}to{transform:translateY(var(--amp,-8px)) rotate(var(--r1,0deg))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes pulse{0%{opacity:.65}to{opacity:1}}@keyframes breathe{0%{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@media (width<=960px){.hero{padding-top:100px}.hero-inner{text-align:left;grid-template-columns:1fr}.mascot-wrap{width:min(420px,92%);margin-top:8px}}@media (width<=640px){.hide-sm{display:none}.mascot-glow{filter:blur(20px)}.btn{justify-content:center;width:100%}}.pending{min-height:40vh;color:var(--lavender);background:var(--navy);border-top:1px solid #c4b5fd1f;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.px,.head,.gaze{transform:none}}.section{background:var(--navy);padding:clamp(72px,11vw,150px) 24px;position:relative}.wrap{width:min(1180px,100%);margin:0 auto}h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin:0 0 clamp(36px,6vw,72px);font-size:clamp(2rem,4.4vw,3.6rem);font-weight:700;line-height:1.08}h3{font-family:var(--font-display);margin:0 0 8px;font-weight:600}.svc-list{margin:0;padding:0;list-style:none}.svc{border-top:1px solid #c4b5fd29;grid-template-columns:110px 1fr 84px;align-items:center;gap:20px;padding:30px 0;transition:padding-left .4s;display:grid;position:relative}.svc:last-child{border-bottom:1px solid #c4b5fd29}.svc:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#6366ff24,#0000 70%);transition:opacity .4s;position:absolute;inset:0 -24px}.svc-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px #c4b5fd73;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;transition:-webkit-text-stroke-color .4s}.svc h3{font-size:clamp(1.25rem,2.4vw,1.9rem)}.svc p{color:#b9b9de;max-width:56ch;margin:0}.svc-orb{width:72px;height:72px;color:var(--white);background:radial-gradient(circle at 35% 30%,#a855f78c,#6366ff2e 70%);border:1px solid #c4b5fd4d;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:grid}.svc:hover,.svc:focus-within{padding-left:14px}.svc:hover:before{opacity:1}.svc:hover .svc-num{-webkit-text-stroke-color:var(--violet)}.svc:hover .svc-orb{transform:rotate(-10deg)scale(1.12);box-shadow:0 0 40px #a855f78c}.projects{background:linear-gradient(180deg, var(--navy), var(--indigo-deep) 50%, var(--navy))}.project{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(28px,5vw,72px);margin-bottom:clamp(72px,10vw,140px);display:grid}.project.flip{grid-template-columns:1fr 1.35fr}.project.flip .frame-stage{order:2}.project-info h3{font-size:clamp(1.5rem,2.8vw,2.3rem)}.project-info>p{color:#b9b9de;margin:0 0 20px}.frame-stage{perspective:1200px}.frame{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));background:var(--indigo-deep);border:1px solid #c4b5fd4d;border-radius:16px;transition:transform .25s ease-out;overflow:hidden;box-shadow:0 40px 90px -30px #6366ff99,0 0 0 1px #a855f71f}.frame-bar{background:#080b18b3;border-bottom:1px solid #c4b5fd26;align-items:center;gap:7px;padding:11px 14px;display:flex}.frame-bar i{background:var(--indigo);border-radius:50%;width:9px;height:9px}.frame-bar i:nth-child(2){background:var(--violet)}.frame-bar i:nth-child(3){background:var(--blue)}.frame-bar span{color:var(--lavender);margin-left:10px;font-size:.78rem}.frame-screen{aspect-ratio:1600/791;background:radial-gradient(circle at 70% 20%,#a855f759,#0000 55%),linear-gradient(160deg,#1a1b52,#0d0f26)}.frame-screen img{object-fit:cover;width:100%;height:100%;display:block}.wire{grid-template-rows:1.6fr .5fr 1fr;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;padding:8%;display:grid}.wire b{background:linear-gradient(120deg,#6366ff8c,#a855f773);border-radius:10px;grid-column:1/4}.wire u{background:#c4b5fd24;border-radius:8px;grid-row:3}.wire s{background:#c4b5fd38;border-radius:3px;grid-row:2;align-self:center;height:6px}.tech{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.tech li{color:var(--lavender);border:1px solid #c4b5fd4d;border-radius:999px;padding:4px 12px;font-size:.85rem}.soon{color:var(--lavender);padding:15px 0}.details{overflow:hidden}.details p{margin:16px 0 0}.muted{color:#8d8dbb;font-size:.92rem}.btn.ghost{font:inherit;color:inherit}.why{isolation:isolate;overflow:hidden}.why-glow{z-index:-1;pointer-events:none;background:radial-gradient(700px 420px at 85% 0,#6366ff33,#0000 70%),radial-gradient(600px 400px at 0 100%,#a855f724,#0000 70%);position:absolute;inset:0}.why-head{margin-bottom:clamp(40px,6vw,72px)}.why-head h2{max-width:20ch;margin-bottom:18px}.why-head p{color:#b9b9de;max-width:46ch;margin:0;font-size:1.1rem}.why-grid{grid-template-columns:repeat(3,1fr);gap:clamp(36px,5vw,56px) clamp(28px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.why-grid li{padding-top:28px;position:relative}.why-grid li:before{content:"";background:linear-gradient(90deg, var(--violet), #6366ff40 60%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.why-orb{width:48px;height:48px;margin-bottom:18px}.why-grid li:hover .why-orb{transform:rotate(-10deg)scale(1.1);box-shadow:0 0 30px #a855f780}.why-grid h3{font-size:1.2rem}.why-grid p{color:#b9b9de;max-width:34ch;margin:0}.svc-intro{color:#b9b9de;max-width:50ch;margin:-36px 0 22px;font-size:1.1rem}.sectors{flex-wrap:wrap;gap:10px;margin:0 0 clamp(36px,5vw,60px);padding:0;list-style:none;display:flex}.sectors li{color:var(--lavender);background:#6366ff14;border:1px solid #c4b5fd47;border-radius:999px;padding:7px 16px;font-size:.92rem}.wire-wed{place-items:center;height:100%;display:grid}.wire-wed div{background:#080b1873;border:1px solid #c4b5fd66;border-radius:10px;align-content:center;justify-items:center;gap:9px;width:42%;height:82%;padding:8% 6%;display:grid}.wire-wed i{background:#c4b5fd4d;border-radius:3px;width:70%;height:6px;display:block}.wire-wed b{background:linear-gradient(120deg, var(--indigo), var(--violet));border-radius:6px;width:44%;height:12px;display:block}.wire-wed em{background:repeating-conic-gradient(var(--white) 0 25%, transparent 0 50%) 0 0 / 11px 11px;opacity:.85;border-radius:4px;width:34px;height:34px;margin-top:6px}@media (width<=860px){.project,.project.flip{grid-template-columns:1fr}.project.flip .frame-stage{order:0}.why-grid{grid-template-columns:repeat(2,1fr)}.svc{grid-template-columns:56px 1fr}.svc-orb{display:none}}@media (prefers-reduced-motion:reduce){.frame{transform:none}}@media (width<=560px){.why-grid{grid-template-columns:1fr}.svc-intro{margin-top:-24px}}.nav ul a{isolation:isolate;position:relative}.nav-pill{z-index:-1;background:#6366ff4d;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c4b5fd59}.nav ul a[aria-current=true]{color:var(--white)}.menu-btn{color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:6px;display:none}.menu{z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b18f5;place-items:center;display:grid;position:fixed;inset:0}.menu ul{text-align:center;gap:14px;margin:0;padding:0;list-style:none;display:grid}.menu a{font-family:var(--font-display);font-size:clamp(2rem,9vw,3rem);font-weight:700}@media (width<=720px){.menu-btn{display:block}}.loader{z-index:100;background:radial-gradient(600px 400px at 50% 50%, #6366ff40, transparent 70%), var(--navy);place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loader-mark{font-family:var(--font-display);background:linear-gradient(120deg, var(--lavender), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700}.loader-bar{background:#c4b5fd33;border-radius:2px;width:140px;height:2px;overflow:hidden}.loader-bar i{transform-origin:0;background:linear-gradient(90deg, var(--indigo), var(--violet));height:100%;display:block}.cursor{z-index:90;pointer-events:none;opacity:0;border:1.5px solid #a855f7b3;border-radius:50%;width:36px;height:36px;transition:opacity .3s,width .25s,height .25s,margin .25s,background .25s;position:fixed;top:-18px;left:-18px}.cursor.on{opacity:1}.cursor.big{background:#6366ff2e;width:56px;height:56px;margin:-10px 0 0 -10px}.magnetic{transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block}@media (pointer:coarse){.cursor{display:none}}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(32px,6vw,90px);display:grid}.about-grid h2{max-width:none}.about-visual{aspect-ratio:1;place-items:center;width:100%;max-width:380px;margin:0 auto;display:grid;position:relative}.about-visual span{font-family:var(--font-display);background:linear-gradient(130deg, var(--lavender), var(--indigo) 50%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,14vw,8rem);font-weight:700}.ring{border:1px solid #c4b5fd4d;border-radius:50%;position:absolute}.ring.r1{background:radial-gradient(closest-side,#6366ff4d,#0000 75%);border-style:dashed;animation:50s linear infinite spin;inset:4%}.ring.r2{border-color:#a855f780;inset:18%;box-shadow:inset 0 0 60px #a855f740}.about-p{color:#c9c9e6;max-width:58ch;margin:0 0 16px;font-size:1.08rem}.badge{color:var(--lavender);background:#a855f71f;border:1px solid #a855f780;border-radius:999px;align-items:center;gap:10px;margin:12px 0 22px;padding:10px 18px;font-size:.95rem;display:inline-flex}.edu{color:#b9b9de;gap:12px;margin:0;padding:0;list-style:none;display:grid}.edu strong{color:var(--white);font-weight:600}.edu span{color:#8d8dbb;font-size:.92rem;display:block}.stack-grid{grid-template-columns:repeat(2,1fr);gap:clamp(32px,5vw,56px);display:grid}.stack-group h3{align-items:center;gap:14px;margin-bottom:18px;display:flex}.stack-group .why-orb{width:42px;height:42px;margin:0}.stack-group ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stack-group li{color:var(--white);animation:bob 5s ease-in-out var(--delay,0s) infinite alternate;--amp:-5px;background:#11112bb3;border:1px solid #c4b5fd4d;border-radius:999px;padding:8px 16px;font-size:.95rem}.contact{isolation:isolate;text-align:center;overflow:hidden}.contact-glow{z-index:-1;background:radial-gradient(800px 500px at 50% 35%,#6366ff4d,#0000 70%),radial-gradient(600px 400px at 50% 100%,#a855f733,#0000 70%);position:absolute;inset:0}.contact h2{max-width:16ch;margin:0 auto 22px;font-size:clamp(2.2rem,5.6vw,4.6rem)}.contact-text{color:#c9c9e6;max-width:52ch;margin:0 auto 34px;font-size:1.1rem}.btn.big{padding:20px 38px;font-size:1.1rem}.channels{flex-wrap:wrap;justify-content:center;gap:18px 44px;margin:clamp(48px,7vw,80px) 0 0;padding:0;list-style:none;display:flex}.channels a{text-align:left;align-items:center;gap:14px;display:flex}.channels small{color:var(--lavender);font-size:.8rem;display:block}.channels a:hover .why-orb{transform:rotate(-10deg)scale(1.1);box-shadow:0 0 30px #a855f780}.channels .why-orb{margin:0}.footer{color:#8d8dbb;border-top:1px solid #c4b5fd24;margin-top:clamp(56px,8vw,100px);padding-top:24px;font-size:.9rem}@media (width<=860px){.about-grid{grid-template-columns:1fr}.about-visual{max-width:240px}.stack-grid{grid-template-columns:1fr}}.highlights{color:#c9c9e6;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.highlights li{padding-left:22px;position:relative}.highlights li:before{content:"";background:var(--violet);width:8px;height:8px;box-shadow:0 0 10px var(--violet);border-radius:50%;position:absolute;top:.6em;left:0}.about-visual{aspect-ratio:900/975;width:100%;max-width:420px;margin:0 auto;display:block;position:relative}.arch{background:linear-gradient(165deg,#f5f5ff 0%,#c4b5fd 55%,#8f8bff 100%);border-radius:999px 999px 28px 28px;position:absolute;inset:17% 3% 0;box-shadow:0 30px 90px -20px #6366ffb3,0 0 0 1px #c4b5fd80}.arch:before{content:"";border-radius:inherit;border:1px dashed #6366ff73;position:absolute;inset:12px}.about-fig{--amp:-8px;animation:7s ease-in-out infinite alternate bob;position:absolute;inset:0}.about-fig img{object-fit:contain;filter:drop-shadow(0 0 22px #a855f780);width:100%;height:100%;display:block}@media (width<=860px){.about-visual{max-width:320px}}.about-grid h2{margin-bottom:28px}.about-visual{aspect-ratio:900/1040}.arch{inset:27% 0 0}.about-fig{aspect-ratio:900/975;inset:auto 8% 0}.about-fig img{filter:drop-shadow(0 0 12px #a855f759)}