:root{--bg:#e9f1ff;--fg:#10264c;--muted:#415578;--lime:#205bd3;--line:#19366230}
body,header{background:#e9f1ff}.hero{background:radial-gradient(ellipse at 95% 15%,#6fd9e4,transparent 55%),radial-gradient(ellipse at 5% 100%,#afbaff,transparent 60%),#dbe8ff;grid-template-columns:37% 63%;padding:55px 4vw 75px;overflow:visible}.hero h1{font-size:clamp(48px,5vw,80px)}.hero h1 em{color:#215dd5}.hero-copy{padding-right:40px}.hero .eyebrow{color:#39547b}.hero-cta{background:#245dd6;box-shadow:none}.pause{color:#173b78;border-color:#173b7850}.brand span{color:#245dd6}.languages .active{background:#245dd6}.languages button{color:#263f6a}
.stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:38px 30px;perspective:1600px;padding:20px 6px;min-width:0}.stage .project,.stage .reference-window{position:relative!important;inset:auto!important;width:100%;margin:0!important;opacity:1!important;transform:none;animation:spaceFloat 9s ease-in-out infinite!important;border:3px solid #ffffffc9;box-shadow:0 16px 26px #17468b26;min-width:0;overflow:hidden}.stage .project:nth-child(even),.stage .reference-window:nth-child(even){animation-delay:-4s!important}.stage .project:hover,.stage .reference-window:hover{animation-play-state:paused!important;outline:2px solid #215dd5}.stage-caption{position:static;grid-column:1/-1;line-height:1.6;color:#254b73}.screen-label h2{font-size:25px}.screen-label{left:14px;bottom:18px}.screen-label small{font-size:9px}.project-logo{width:85px;height:35px;top:10px;left:10px}.open-project span{width:32px;height:32px;right:10px;bottom:15px;font-size:18px}.project-foot{padding:12px 10px;font-size:10px;color:#263e65;background:#f5f9ff}.project-foot span:first-child{max-width:48%}.stage .screen{aspect-ratio:16/10}.reference-screen{height:auto;aspect-ratio:16/10;container-type:inline-size;background:#cedbf2}.reference-screen iframe{width:1280px;height:800px;transform:scale(.24);scale:1;pointer-events:none}.reference-label{padding:12px 10px;font-size:10px;gap:8px;background:#f5f9ff}.window-bar{color:#1c3e69;background:#f5f9ff;padding:8px 10px;font-size:10px}.frame-fallback{font-size:9px;bottom:5px;left:5px;right:5px;padding:6px;background:#f5f9ffe8;color:#173862}.project .screen video{object-fit:cover}
@keyframes spaceFloat{0%,100%{transform:translateY(0) rotateY(-2deg) rotateZ(-1deg)}50%{transform:translateY(-9px) rotateY(2deg) rotateZ(1deg)}}
#intelligence{background:#b9e5ea}.knowledge{background:#ffc49e}.voice{background:#becfff}.voice-surface{background:#eaf1ff;box-shadow:none}.voice-disc{background:#12a866!important;color:#fff!important;box-shadow:0 0 0 12px #12a86618;cursor:pointer;animation:breathe 2.5s ease-in-out infinite!important;width:150px!important;height:150px!important;padding:0!important;border-radius:50%!important}.voice-disc[data-state="connecting"]{background:#b47a08!important}.voice-disc[data-state="active"]{background:#008c55!important}.voice-disc:disabled{cursor:wait}.voice-surface button#voiceBtn{background:#205bd3;color:white}.voice-surface small{color:#324e7b}footer.section{background:#e9f1ff}.section h2 span{color:#30649b}.knowledge strong{color:#823c1d}
@keyframes breathe{50%{box-shadow:0 0 0 22px #12a86610;transform:scale(1.035)}}
@media(max-width:1000px){.hero{display:block}.hero-copy{max-width:750px;padding:0}.stage{margin-top:45px;gap:35px}.hero h1{font-size:clamp(46px,7vw,78px)}.reference-screen iframe{transform:scale(.32)}}
@media(max-width:560px){.stage{grid-template-columns:1fr;gap:30px;padding:12px 4px}.hero{padding:30px 6vw 55px}.screen-label h2{font-size:30px}.project-foot,.reference-label{font-size:12px}.stage-caption{grid-column:1}.reference-screen iframe{transform:scale(.27)}}
@media(prefers-reduced-motion:reduce){.stage .project,.stage .reference-window,.voice-disc{animation:none!important}}
.paused .stage .project,.paused .stage .reference-window{animation-play-state:paused!important}