:root{--black:#050810;--deep:#080d1a;--blue-dark:#0a1628;--blue-mid:#1a3a6e;--blue-bright:#1e90ff;--cyan:#00d4ff;--yellow:#f5c518;--white:#f0f4ff;--grey:#8a9ab5;--glass:hsla(0,0%,100%,.04)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:DM Sans,sans-serif;font-weight:300;overflow-x:hidden;line-height:1.7}section{padding:100px 24px;max-width:1100px;margin:0 auto}.section-label{font-family:Syne,sans-serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}.section-title{font-family:Syne,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1;margin-bottom:24px}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);margin:0}@keyframes twinkle{0%{opacity:0;transform:scale(.8)}to{opacity:var(--o,.7);transform:scale(1.2)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotateX(70deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(70deg) rotate(1turn)}}@keyframes orbitDot{0%{transform:rotate(0deg) translateX(180px) rotate(0deg)}to{transform:rotate(1turn) translateX(180px) rotate(-1turn)}}@keyframes landDrift{0%{transform:translateX(0)}to{transform:translateX(-320px)}}@keyframes cloudDrift{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glassesFloat{0%,to{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(1deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.intro-grid{grid-template-columns:1fr}.intro-visual{display:none}.usecase-grid{grid-template-columns:1fr}.flow-steps:before{left:24px}.earth-canvas,.earth-scene{width:240px;height:240px}.glasses-svg{width:150px}}