@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#f0f4ff;--muted:#9daac2;--accent:#99eeff;--paper:#04060c;--line:#242c3e;--violet:#b7a4ff;--tone:153,238,255}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-100px;left:1rem;background:var(--accent);color:#080a10;padding:.5rem;z-index:50}.skip:focus{top:1rem}.header{position:absolute;top:0;left:0;width:100%;z-index:10;padding:1.8rem 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-family:'Manrope',sans-serif;font-size:2.1rem;font-weight:800;letter-spacing:-.1rem;line-height:1.2}.brand::after{content:'✳';color:var(--accent);font-size:1.1rem;vertical-align:top;margin-left:.35rem}nav{display:flex;align-items:center;gap:2.5rem;font-size:.9rem}nav>a:not(.nav-contact){color:#c3ccdd}nav>a:hover{color:white}.nav-contact{padding:.65rem 1.5rem;border:1px solid #b9d3ff60;border-radius:100px;background:#15223850;backdrop-filter:blur(16px);transition:background .2s}.nav-contact:hover{background:#c3d6ff20}.hero{position:relative;isolation:isolate;min-height:1000px;height:115svh;max-height:1400px;overflow:hidden;background:#04060c;--tone:153,238,255}.hero[data-mode="1"]{--tone:184,157,255}.hero[data-mode="2"]{--tone:149,255,197}.hero-universe{position:absolute;inset:0;z-index:-1;overflow:hidden}#universe{position:absolute;width:100%;height:100%;z-index:3;pointer-events:none}.nebula{position:absolute;width:70vw;height:45vw;max-height:600px;filter:blur(85px);opacity:.24;pointer-events:none;animation:nebula-drift 14s ease-in-out infinite alternate}.nebula-one{left:-25%;top:15%;background:radial-gradient(ellipse,#3748e3,transparent 70%)}.nebula-two{right:-30%;top:30%;background:radial-gradient(ellipse,#8433c3,transparent 70%);animation-delay:-7s}.core-scene{position:absolute;left:50%;top:42%;width:min(1000px,80vw);transform:translate(-50%,-50%) translate(var(--px,0px),var(--py,0px));transition:transform .9s cubic-bezier(.2,.6,.2,1);animation:core-enter 1.7s ease-out both}.core-image{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 30%,#000b 55%,transparent 74%);animation:core-breathe 8s ease-in-out infinite;filter:hue-rotate(var(--hue,0deg));transition:filter 2s;opacity:.96}.hero[data-mode="1"] .core-image{--hue:30deg}.hero[data-mode="2"] .core-image{--hue:-50deg}.core-halo{position:absolute;inset:20% 23%;background:radial-gradient(ellipse,rgba(var(--tone),.1),transparent 65%);filter:blur(35px);animation:halo-pulse 5s ease-in-out infinite}.scan-beam{position:absolute;left:-20%;top:53%;width:140%;height:1px;box-shadow:0 0 14px 1px #63aaff50;background:linear-gradient(90deg,transparent,#9bc7ff30,transparent);transform:rotate(-13deg);animation:scan 10s ease-in-out infinite;opacity:.3}.hero-heading{position:absolute;top:12%;left:5%;right:5%;text-align:center;z-index:5;pointer-events:none}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:500;margin:0 0 1.5rem;color:var(--accent)}.hero-heading .eyebrow{display:flex;gap:.7rem;justify-content:center;align-items:center;animation:copy-enter 1s .1s both;font-size:.75rem;color:#a8c9e7}.spark{font-size:1.2rem;color:var(--accent);display:inline-block;animation:spin 20s linear infinite}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(3.8rem,7.4vw,7.5rem);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin:0;animation:copy-enter 1.3s .25s both}.hero h1 span{background:linear-gradient(105deg,#f4f7ff 15%,#aec9ff 40%,#b8a2ff 70%,#83ecff);background-clip:text;color:transparent}.scene-note{position:absolute;z-index:5;top:45%;animation:copy-enter 1.3s .6s both;max-width:210px}.note-left{left:5%}.note-right{right:5%;text-align:right}.micro{font-size:.75rem;letter-spacing:.1em;color:#7996b7}.scene-note p{font-size:1.05rem;line-height:1.6;color:#c9d9ee;margin:.8rem 0}.note-line{display:block;width:60px;height:1px;background:linear-gradient(90deg,#94b6dc70,transparent)}.note-right .note-line{margin-left:auto;transform:rotate(180deg)}.scene-coordinate{position:absolute;left:5%;top:64%;color:#54718f;font-size:.75rem;letter-spacing:.08em}.hero-console{position:absolute;z-index:5;top:69%;left:5%;right:5%;text-align:center;animation:copy-enter 1.3s .7s both}.scene-select{display:flex;gap:.4rem;justify-content:center;background:#0b1425a6;border:1px solid #b1c8ff30;backdrop-filter:blur(20px);padding:.35rem;border-radius:100px;width:fit-content;margin:0 auto}.scene-select button{border:0;border-radius:100px;background:transparent;color:#9cacbf;cursor:pointer;padding:.65rem 1.3rem;font-size:.85rem;position:relative;overflow:hidden;transition:color .3s,background .3s}.scene-select button span{font-size:.75rem;margin-right:.45rem;opacity:.6}.scene-select button.selected{background:#cae9ff15;color:#e0f3ff}.scene-select button.selected::after{content:'';position:absolute;bottom:0;height:2px;background:rgb(var(--tone));left:15%;right:15%;transform-origin:left;animation:scene-progress 7s linear}.intro{font-size:1.1rem;color:#a8bbd2;line-height:1.6;margin:1.5rem 0}.actions{display:flex;gap:1.7rem;align-items:center;justify-content:center;margin:1.8rem 0}.button{display:inline-block;position:relative;overflow:hidden;padding:1rem 1.7rem;background:linear-gradient(115deg,#cceeff,#c3b5ff);color:#09101e;border:1px solid #deefff;border-radius:100px;font-weight:600;box-shadow:0 0 35px #89a7ff1c;transition:transform .3s,box-shadow .3s}.button::before{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(100deg,transparent 42%,#fff7 50%,transparent 58%);transform:translateX(-100%) rotate(10deg);animation:button-sheen 6s ease-in-out infinite}.button:hover{transform:translateY(-3px);box-shadow:0 0 45px #b1ccff45}.text-link{font-size:.95rem;color:#c4d1e7;border-bottom:1px solid #8192b3;padding:.3rem 0;transition:border-color .2s}.text-link:hover{border-color:var(--accent)}.motion-toggle{position:absolute;right:5%;bottom:5.8rem;z-index:8;font-size:.75rem;color:#95acc6;background:#111d3090;border:1px solid #ffffff25;border-radius:100px;padding:.4rem .9rem;cursor:pointer}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;padding:1.5rem 0;border-top:1px solid #b2cbff20;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;color:#7892ad;z-index:5}.scroll-mark{display:inline-block;height:17px;width:9px;border:1px solid #748ca9;border-radius:8px;margin-left:10px;vertical-align:middle;position:relative}.scroll-mark::after{content:'';position:absolute;width:1px;height:4px;left:3px;top:3px;background:#b1ddff;animation:scroll-tick 2s infinite}.expertise-strip{overflow:hidden;padding:1.8rem 0;background:linear-gradient(95deg,#101a32,#18122c,#0d2029);border-block:1px solid #789bda30;font-family:'Manrope',sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:.05em;color:#b5c9e5}.expertise-strip>div{width:max-content;white-space:nowrap;animation:marquee 35s linear infinite}.expertise-strip span{color:#9bddf0;margin:0 2rem}.section{max-width:1440px;margin:auto;padding:7.5rem 5%;border-bottom:1px solid var(--line)}h2{font-family:'Manrope',sans-serif;font-size:clamp(2.5rem,4.6vw,4.4rem);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0 0 1.5rem}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;column-gap:4rem;margin-bottom:3.5rem}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{color:var(--muted);align-self:end;max-width:350px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;perspective:1200px}.services article{position:relative;background:radial-gradient(circle at var(--cx,50%) var(--cy,30%),#5771a71c,transparent 65%),linear-gradient(130deg,#101726,#080d18);border:1px solid #2a3853;border-radius:22px;padding:3rem;overflow:hidden;transition:border-color .35s,box-shadow .35s,transform .3s;transform-style:preserve-3d}.services article::after{content:'✳';position:absolute;right:2.5rem;top:2rem;font-size:2rem;color:#96bee8;transition:transform .8s}.services article:hover{border-color:#7399c3;box-shadow:0 10px 50px #456ba51c;transform:translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.services article:hover::after{transform:rotate(180deg)}.services article:nth-child(2){background:radial-gradient(circle at var(--cx,50%) var(--cy,30%),#7451ae24,transparent 65%),linear-gradient(130deg,#171329,#090d18)}.services article:nth-child(3){background:radial-gradient(circle at var(--cx,50%) var(--cy,30%),#448f941c,transparent 65%),linear-gradient(130deg,#0a2229,#090d18);border-color:#335762}.service-id{font-size:.8rem;letter-spacing:.08em;color:#97b4d9}.services h3{font-family:'Manrope',sans-serif;font-size:2.2rem;letter-spacing:-.045em;line-height:1.2;font-weight:500;margin:3rem 0 1rem}.services p{color:var(--muted);max-width:490px}.services ul{padding:1.3rem 0 0;list-style:none;font-size:.95rem;margin:1.5rem 0 0;border-top:1px solid #38507450}.services li{padding:.25rem 0}.services li::before{content:'—';margin-right:.6rem;color:var(--accent)}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:radial-gradient(ellipse at 0 50%,#101a2b,transparent 70%)}.case-list details{border-top:1px solid #343f53;padding:1.3rem 0}.case-list details:last-child{border-bottom:1px solid #343f53}.case-list summary{cursor:pointer;font-family:'Manrope',sans-serif;font-size:1.2rem;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:1rem}.case-list summary::after{content:'+';color:var(--accent);font-size:1.4rem}.case-list details[open] summary::after{content:'−'}.case-list p{color:var(--muted);margin:1rem 0 .4rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.steps article{border-top:1px solid var(--line);padding-top:1.5rem;position:relative}.steps article::before{content:'';position:absolute;height:1px;left:0;top:-1px;background:linear-gradient(90deg,var(--accent),transparent);width:30%;transition:width .7s}.steps article:hover::before{width:100%}.steps span{font-family:'Manrope',sans-serif;font-size:3rem;line-height:1;color:#91abd0}.steps h3{font-size:1.5rem;font-weight:500;margin:1.5rem 0 .5rem}.steps p{color:var(--muted)}.support-note{margin-top:3rem;padding:1.8rem 2rem;border-left:2px solid var(--accent);background:#101829;display:grid;grid-template-columns:1fr 1.7fr;gap:2rem;align-items:center}.support-note h3{font-size:1.15rem;font-weight:500;margin:0}.support-note p{margin:0;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.about>.eyebrow{grid-column:1/-1}.about>div p:first-child{margin-top:0;font-size:1.15rem}.muted{color:var(--muted)}.contact{position:relative;overflow:hidden;isolation:isolate;background:#0c1426;color:#eef3ff;padding:7rem max(5%,calc((100vw - 1296px)/2));display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;border-bottom:1px solid var(--line)}.contact::before{content:'';position:absolute;z-index:-1;inset:-50%;background:conic-gradient(from 0deg,transparent 20%,#32488140,#7045a02a,transparent 70%);animation:spin 30s linear infinite;filter:blur(60px)}.contact h2{font-size:clamp(2.7rem,5vw,5rem)}.contact p{max-width:500px;color:var(--muted)}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.1rem}.contact-actions>a:not(.button){font-size:1.3rem;font-weight:500}.contact-actions span{font-size:.95rem;color:var(--muted)}footer{padding:2.5rem 5%;max-width:1440px;margin:auto;display:flex;gap:2rem;align-items:center}footer p{color:var(--muted);font-size:.95rem}footer small{margin-left:auto;font-size:.8rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}.services article.reveal:nth-child(even){transition-delay:.12s}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .core-scene{transition:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}@keyframes copy-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes core-enter{from{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur(0)}}@keyframes core-breathe{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}@keyframes halo-pulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}@keyframes nebula-drift{to{transform:translate(12%,15%) scale(1.2)}}@keyframes scan{0%,100%{top:40%;opacity:.1}50%{top:65%;opacity:.55}}@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes button-sheen{0%,60%{transform:translateX(-100%) rotate(10deg)}90%,100%{transform:translateX(100%) rotate(10deg)}}@keyframes scroll-tick{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(4px);opacity:1}}
@media(max-width:1000px){.hero{min-height:1000px;height:110svh}.hero h1{font-size:7.5vw}.core-scene{width:100vw;top:44%}.scene-note{max-width:150px}.scene-note p{font-size:.95rem}.micro{font-size:.75rem;letter-spacing:0}.steps{gap:1.5rem}.section-heading{column-gap:2rem}.support-note{grid-template-columns:1fr;gap:.5rem}.contact{gap:2rem}.services article{padding:2rem}.services h3{font-size:1.9rem}}
@media(max-width:600px){.header{padding:1.5rem 5%;gap:1rem}.brand{font-size:1.8rem}nav{gap:1rem;font-size:.85rem}nav>a:not(.nav-contact){display:none}.hero{min-height:950px;height:110svh;max-height:none}.hero-heading{top:13%}.hero-heading .eyebrow{font-size:.75rem;letter-spacing:.07em}.hero h1{font-size:clamp(2.8rem,10.4vw,4rem);line-height:1.07}.core-scene{top:43%;width:160vw}.scene-note{top:51%;max-width:135px}.scene-note p{font-size:.9rem}.scene-note .micro{font-size:.75rem;letter-spacing:0}.scene-coordinate{display:none}.note-line{width:30px}.hero-console{top:66%;left:3%;right:3%}.scene-select button{padding:.6rem .85rem;font-size:.8rem}.scene-select button span{margin-right:.25rem}.intro{font-size:1rem;margin:1.3rem 0}.actions{gap:.8rem;flex-direction:column;margin:1.5rem 0}.button{padding:.95rem 1.5rem}.hero-bottom{font-size:.75rem;letter-spacing:0;gap:.8rem;align-items:center;padding:1.3rem 0}.hero-bottom>span{max-width:160px}.motion-toggle{bottom:5.6rem}.expertise-strip{font-size:1rem;padding:1.3rem 0}.section{padding:4.5rem 5%}.section-heading{display:block;margin-bottom:2rem}.services,.use-cases,.about,.contact,.steps{grid-template-columns:1fr}.services article{padding:1.7rem}.services h3{font-size:1.85rem;margin-top:2.5rem}.services article::after{right:1.5rem;top:1.5rem}.use-cases,.about{gap:1.5rem}.steps{gap:1.8rem}.steps h3{margin-top:1rem}.support-note{padding:1.3rem}.contact{padding:4.5rem 5%;gap:1.5rem}footer{flex-wrap:wrap;gap:.3rem 1rem}footer p{width:100%;margin:.8rem 0}footer small{margin:0}.nebula{filter:blur(45px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.core-scene{animation:none}.scene-select button.selected::after{transform:none}.core-image{transform:none}}
.hero-universe::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#04060cbb 0%,#04060c88 20%,transparent 38%,transparent 57%,#04060c90 72%,#04060c 97%)}.hero h1{text-shadow:0 2px 40px #02050b80}.scene-note{text-shadow:0 2px 15px #02040a,0 0 25px #02040a}.core-scene{top:47%}@media(max-width:600px){.core-scene{top:43%}.scene-note{top:53%}.hero-universe::after{background:linear-gradient(180deg,#04060cbb 0%,#04060c80 20%,transparent 35%,transparent 48%,#04060c88 57%,#04060ccc 67%,#04060c 90%)}}