:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#0a0e17;color:#c9d1d9;--panel: rgba(17, 24, 39, .85);--border: rgba(99, 179, 237, .12);--heading: #e2e8f0;--muted: #8b9cc0;--accent: #38bdf8;--accent-deep: #0ea5e9;--accent-soft: rgba(56, 189, 248, .08);--glow: rgba(56, 189, 248, .15);--line: rgba(99, 179, 237, .08);--orange: #f97316;--orange-glow: rgba(249, 115, 22, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 20% 0%,rgba(56,189,248,.08),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(249,115,22,.06),transparent 50%),#0a0e17;min-height:100vh}a{color:inherit;text-decoration:none}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:0 0 56px}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:12px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--heading);letter-spacing:.06em;text-transform:uppercase}.nav-brand .robo-icon{width:32px;height:32px}.nav-cta{padding:10px 22px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:.88rem;transition:all .25s ease}.nav-cta:hover{background:var(--accent);color:#0a0e17;box-shadow:0 0 24px var(--glow)}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff05}.hero,.contact,.intro-strip,.card,.roadmap,.builder{animation:rise .7s ease both}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:48px 40px}.brand,.eyebrow,.card-kicker,.track-index{text-transform:uppercase;letter-spacing:.18em}.brand,.eyebrow,.card-kicker{color:var(--accent);font-size:.78rem;margin:0 0 10px}h1,h2,h3{font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--heading);margin-top:0;font-weight:800}h1{font-size:clamp(2.6rem,5.5vw,4.8rem);line-height:1.02;max-width:14ch;margin-bottom:18px;background:linear-gradient(135deg,#e2e8f0,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:12px}h3{font-size:1.15rem;margin-bottom:8px}p,li{color:var(--muted);font-size:1rem;line-height:1.7}.lead{max-width:62ch;font-size:1.08rem;color:#94a3b8}.mission-statement{margin-top:16px;padding:14px 18px;border-left:3px solid var(--orange);background:var(--orange-glow);border-radius:0 12px 12px 0;color:#e2e8f0;font-style:italic;font-size:.95rem}.hero-actions,.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.primary-link,.secondary-link,.inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:.92rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-link{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#0a0e17;box-shadow:0 12px 32px #38bdf833}.secondary-link,.inline-link{background:#ffffff0a;border:1px solid var(--border);color:var(--accent)}.primary-link:hover,.secondary-link:hover,.inline-link:hover{transform:translateY(-2px);box-shadow:0 16px 40px #38bdf840}.hero-orbit{position:relative;min-height:360px;display:grid;place-items:center}.hero-orbit>.robo-icon{width:100px;height:100px;z-index:2;filter:drop-shadow(0 0 30px rgba(56,189,248,.3))}.orbit-grid{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:24px;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%);mask-image:radial-gradient(circle at center,black 30%,transparent 80%);opacity:.6}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(56,189,248,.12);animation:orbit-spin 20s linear infinite}.orbit-ring-1{width:180px;height:180px;border-color:#38bdf826}.orbit-ring-2{width:260px;height:260px;animation-duration:30s;animation-direction:reverse}.orbit-ring-3{width:340px;height:340px;animation-duration:45s;border-color:#f9731614}.orbit-labels{position:absolute;top:0;right:0;bottom:0;left:0}.orbit-label{position:absolute;padding:8px 16px;border-radius:999px;background:#111827e6;border:1px solid var(--border);color:var(--accent);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;animation:float 4s ease-in-out infinite}.orbit-label-1{top:10%;left:50%;transform:translate(-50%)}.orbit-label-2{bottom:25%;left:5%;animation-delay:1.3s}.orbit-label-3{bottom:25%;right:5%;animation-delay:2.6s}.intro-strip{margin-top:22px;padding:28px 32px}.highlight-list,.interest-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.highlight-list li,.interest-list li{padding:14px 18px;background:#38bdf80a;border-radius:16px;border:1px solid var(--line);display:flex;align-items:center;gap:10px}.highlight-icon{font-size:1.2rem;flex-shrink:0}.grid{display:grid;gap:22px;margin-top:22px}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1.2fr .8fr}.card,.roadmap,.builder,.contact{padding:28px}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0006,0 0 20px var(--glow)}.track-list{display:grid;gap:18px;margin-top:24px}.track-item{display:grid;grid-template-columns:60px 1fr;gap:16px;padding-top:14px;border-top:1px solid var(--line)}.track-index{color:var(--orange);font-weight:700;font-size:.82rem;margin-top:3px}.contact{display:flex;justify-content:center;align-items:center;text-align:center}.contact-inner{max-width:560px}.contact-inner .robo-icon{width:56px;height:56px;margin:0 auto 16px}.contact-links{justify-content:center}.site-footer{text-align:center;padding:32px 0 0;color:#475569;font-size:.85rem}.loading-shell{min-height:100vh;display:grid;place-items:center}.loading-card{text-align:center;padding:48px;border-radius:24px;background:var(--panel);border:1px solid var(--border)}.loading-card .robo-icon{width:72px;height:72px;margin:0 auto 20px}.robo-icon{display:inline-block;color:var(--accent)}.robo-svg{width:100%;height:100%}.robo-head{fill:#38bdf81a;stroke:var(--accent);stroke-width:1.5}.robo-body{fill:#38bdf814;stroke:var(--accent);stroke-width:1.5}.robo-eye{fill:none;stroke:var(--accent);stroke-width:1.5;animation:blink 4s ease-in-out infinite}.robo-eye-right{animation-delay:.1s}.robo-pupil{fill:var(--accent);animation:look-around 6s ease-in-out infinite}.robo-mouth{fill:var(--accent);opacity:.6;animation:data-stream 2s ease-in-out infinite}.robo-arm{fill:var(--accent);opacity:.4;animation:arm-move 3s ease-in-out infinite}.robo-arm:last-of-type{animation-delay:1.5s}.robo-antenna-tip{fill:var(--orange);animation:antenna-glow 2s ease-in-out infinite}.robo-core{fill:var(--orange);opacity:.9;animation:core-pulse 2s ease-in-out infinite}.robo-core-text{fill:#0a0e17;font-size:8px;font-weight:800;font-family:system-ui,sans-serif}.robo-pulse{fill:none;stroke:var(--orange);stroke-width:1;animation:ripple 3s ease-out infinite}.robo-pulse-2{animation-delay:1s}.robo-pulse-3{animation-delay:2s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,42%,44%,to{transform:scaleY(1)}43%{transform:scaleY(.1)}}@keyframes look-around{0%,to{transform:translate(0)}25%{transform:translate(2px)}75%{transform:translate(-2px)}}@keyframes data-stream{0%,to{width:32px;opacity:.6}50%{width:22px;opacity:.3}}@keyframes arm-move{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-3deg)}}@keyframes antenna-glow{0%,to{opacity:1;filter:drop-shadow(0 0 4px var(--orange))}50%{opacity:.5;filter:drop-shadow(0 0 8px var(--orange))}}@keyframes core-pulse{0%,to{opacity:.9}50%{opacity:.5}}@keyframes ripple{0%{r:10;opacity:.6;stroke-width:2}to{r:30;opacity:0;stroke-width:.5}}@media(max-width:920px){.hero,.split,.three-up,.contact{grid-template-columns:1fr;display:grid}.hero{padding:28px}.hero-orbit{min-height:280px}}@media(max-width:640px){.shell{width:min(100% - 20px,1200px);padding:0 0 40px}.panel,.hero,.contact,.intro-strip,.card,.roadmap,.builder{border-radius:18px}h1{max-width:none}}
