/* Motion uses transforms and opacity; no full-screen canvas rendering. */
:root{--bg:#08080a;--lime:#c49aeb;--paper:#f4eff9;--muted:#a69eaf}
body{overflow-x:clip}.wrap{max-width:1460px}.nav{position:relative}.hero-grid{grid-template-columns:1.08fr 1fr;min-height:710px;gap:10px}.hero-copy{padding:65px 0 75px}h1{font-size:clamp(49px,4.9vw,70px);line-height:1.07;letter-spacing:-3.8px;font-weight:600;margin-bottom:28px}h1 span{display:block;color:#cba4ee}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:30px}.intro{font-size:16px;line-height:1.8;max-width:430px}.hero .art{height:590px;isolation:isolate;position:relative;perspective:none;margin:0 -20px}.art-label{font-size:8px;left:6%;top:5%;letter-spacing:1.5px;z-index:4}.art-label.bottom{right:6%;bottom:4%;font-size:8px}.cross{display:none}.hero-foot{font-size:9px;letter-spacing:1.4px}.real-brain{position:relative;width:100%;height:100%;isolation:isolate;contain:layout style}.hero-brain{position:absolute;inset:0}.brain-photo{position:absolute;inset:6%;z-index:2;animation:quiet-breathe 14s ease-in-out infinite;will-change:transform}.brain-photo img{width:100%;height:100%;object-fit:contain;display:block;mask-image:radial-gradient(ellipse at center,#000 53%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 53%,transparent 73%)}.orbital-type{position:absolute;inset:0;pointer-events:none;display:contents}.orbit-letter{position:absolute;left:50%;top:50%;font:600 16px 'Segoe UI',Arial,sans-serif;letter-spacing:0;color:#cba4ee;will-change:transform;line-height:1;pointer-events:none}.neural-glint{position:absolute;width:4px;height:4px;border-radius:50%;background:#f0dcff;box-shadow:0 0 10px 2px #c48df5;animation:neural-signal 5.2s ease infinite;pointer-events:none}.splash-center{width:min(95vw,620px)}.intro-brain{height:min(52vh,380px);width:min(90vw,440px);margin:0 auto 14px}.splash .brain-photo{inset:5%}.splash-wordmark{width:240px;height:36px}.splash{background:#08080a}.splash p{line-height:1.7;letter-spacing:2px}.splash .boot-caption{font-size:8px}.loader{width:110px;margin:22px auto}.loader:after{animation-duration:3.2s}.splash.hide .brain-photo,.splash.hide .neural-glint{animation-play-state:paused}
.cursor-aura{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,rgba(162,90,233,.105),rgba(135,72,210,.035) 35%,transparent 68%);pointer-events:none;z-index:0;opacity:0;transition:opacity .35s;will-change:transform;contain:strict}.cursor-ring{position:fixed;left:0;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid #c9a2ed70;border-radius:50%;pointer-events:none;z-index:120;opacity:0;transition:opacity .25s,border-color .25s;will-change:transform}.pointer-visible .cursor-aura{opacity:1}.pointer-visible .cursor-ring{opacity:.65}.pointer-interactive .cursor-ring{border-color:#e3c8ff;box-shadow:0 0 15px #b77aee25}main,footer{position:relative;z-index:1}header{z-index:5}.hero{background:transparent}.card{border-radius:9px;background:linear-gradient(145deg,#121016,#0b0b0e);transition:transform .35s,border-color .35s,background .35s;overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,#ad6fe61a,transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.card:hover:before,.card:focus-within:before{opacity:1}.card:hover{transform:translateY(-5px);border-color:#c29ae85c}.card:hover .icon{transform:translateY(-3px);background:#ad77df10;box-shadow:0 0 25px #aa72df10}.icon{transition:transform .35s,background .35s,box-shadow .35s}.card a{position:relative}.section{padding-block:100px}.reveal{transition-delay:var(--reveal-delay,0ms)!important}.step{transition:border-color .3s}.step:hover{border-color:#c79bea}.step .num{transition:color .3s}.step:hover .num{color:#ecd5ff}.light{background:#0d0c10}.demo{background:linear-gradient(135deg,#19141f,#100e15);border:1px solid #b18acc25;padding:32px}.window{box-shadow:0 25px 65px #0005}.tabs{gap:9px}.tab{transition:background .25s,color .25s,border-color .25s}.tab:hover{border-color:#c19cde}.demo-controls{display:flex;align-items:center;gap:20px;margin:10px 0 24px}.demo-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff25;background:transparent;color:#e5d4f3;transition:background .25s,border-color .25s}.demo-controls button:hover{background:#b57cdf20;border-color:#bd94dd}.demo-counter{font:10px monospace;color:#a599b1;letter-spacing:2px}details[open] p{animation:detail-enter .3s ease both}summary{transition:color .2s}summary:hover{color:#cda7ee}.contact{background:linear-gradient(130deg,#121017,#0a090d);border-top:1px solid #bd8ee430}.contact h2{font-weight:500}.button{transition:transform .25s,background .25s,box-shadow .25s}.primary:hover,.contact .button:hover{box-shadow:0 7px 28px #a571d820}.no-motion .brain-photo,.no-motion .neural-glint{animation:none!important}
@keyframes quiet-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes neural-signal{0%,20%,75%,100%{opacity:0;transform:scale(.5)}38%,48%{opacity:.85;transform:scale(1.2)}}@keyframes detail-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-grid{min-height:750px}.hero .art{height:640px}}
@media(max-width:1100px){h1{font-size:55px;letter-spacing:-3px}.hero-grid{min-height:640px}.hero .art{height:490px}.hero-actions .button{font-size:12px}.section{padding-block:80px}}
@media(max-width:760px){.hero-grid{min-height:0;display:flex;gap:0}.hero-copy{padding:48px 0 8px}h1{font-size:clamp(45px,7.9vw,63px);line-height:1.08;letter-spacing:-2.9px}.intro{max-width:490px;font-size:15px}.hero .art{height:440px;margin:0 -20px}.hero-brain{inset:0}.art-label{top:6%;left:8%}.art-label.bottom{bottom:4%;right:8%}.hero-foot{font-size:8px}.section{padding-block:65px}.demo{padding:20px}.cursor-aura,.cursor-ring{display:none}.orbit-letter{font-size:14px}.intro-brain{height:290px}.splash-wordmark{width:210px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-actions .button{font-size:13px}}
@media(max-width:420px){h1{font-size:45px;letter-spacing:-2.7px}.hero .art{height:345px;margin-inline:-15px}.hero-actions{gap:6px}.hero .intro{font-size:14px}.art-label{font-size:7px}.art-label.bottom{font-size:7px}.brain-photo{inset:5%}.orbit-letter{font-size:12px}.hero-foot .capabilities{gap:12px}.section-head h2{font-size:32px}.demo{padding:12px}.intro-brain{height:270px}.splash p{font-size:9px}.splash .skip{bottom:4%}}
@media(hover:none),(pointer:coarse){.cursor-aura,.cursor-ring{display:none}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.brain-photo,.neural-glint,details[open] p{animation:none!important}.cursor-aura,.cursor-ring{display:none}.orbit-letter{will-change:auto}.reveal{transition-delay:0ms!important}}

/* Anatomical illustration and signals share the same perspective transform. */
.real-brain{perspective:1100px}.brain-photo{transform-style:preserve-3d;transform-origin:50% 52%;animation:cerebral-turn 18s ease-in-out infinite;will-change:transform}.signal-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.signal-track{fill:none;stroke:#b489e9;stroke-width:1.1;opacity:.1}.signal-run,.signal-halo{fill:none;stroke-linecap:round;stroke-dasharray:0 100;stroke-dashoffset:0;animation:cerebral-signal 4.8s linear infinite;animation-delay:var(--signal-delay)}.signal-run{stroke:#f2dfff;stroke-width:2.5}.signal-halo{stroke:#b37bff;stroke-width:9;--signal-alpha:.24}.orbit-letter{font-size:28px;font-weight:700}.intro-brain .orbit-letter{font-size:23px}
@keyframes cerebral-turn{0%,100%{transform:rotateY(-13deg) rotateX(2deg) rotateZ(-1deg) scale(1.015)}50%{transform:rotateY(13deg) rotateX(-2deg) rotateZ(1deg) scale(1.015)}}
@keyframes cerebral-signal{0%,5%{stroke-dasharray:0 100;stroke-dashoffset:0;opacity:0}12%{stroke-dasharray:8 100;stroke-dashoffset:0;opacity:var(--signal-alpha,1)}80%{stroke-dasharray:8 100;stroke-dashoffset:-100;opacity:var(--signal-alpha,1)}92%,100%{stroke-dasharray:0 100;stroke-dashoffset:-100;opacity:0}}
.splash.hide .signal-run,.splash.hide .signal-halo,.motion-paused .brain-photo,.motion-paused .signal-run,.motion-paused .signal-halo,.motion-paused .neural-glint{animation-play-state:paused}
@media(max-width:760px){.orbit-letter{font-size:23px}.intro-brain .orbit-letter{font-size:21px}}
@media(max-width:420px){.orbit-letter{font-size:20px}.intro-brain .orbit-letter{font-size:20px}}
@media(prefers-reduced-motion:reduce){.brain-photo{animation:none!important;transform:none}.signal-run,.signal-halo{animation:none!important;opacity:0}.signal-track{opacity:.2}}
