:root{--black:#03040a;--blue-black:#07111f;--cyan:#00e5ff;--cold-white:#eafbff;--violet:#8a5cff;--amber:#ffb84d;--glass:#07111f75;--glass-strong:#03040ab8;--line:#00e5ff3d;--font-display:"Orbitron", "Rajdhani", "Segoe UI", "Microsoft YaHei", sans-serif;--font-body:"Rajdhani", "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--black);min-height:100%;color:var(--cold-white);scroll-behavior:smooth}body{background:radial-gradient(circle at 65% 12%, #00e5ff2e, transparent 32vw), radial-gradient(circle at 10% 70%, #8a5cff1f, transparent 34vw), linear-gradient(180deg, #000 0%, var(--black) 28%, #050914 68%, #010206 100%);min-height:100%;color:var(--cold-white);font-family:var(--font-body);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}code{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.control-center{min-height:640vh;position:relative;overflow:clip}.webgl-stage,.scanlines{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.webgl-stage{z-index:0}.scanlines{z-index:4;opacity:.32;mix-blend-mode:screen;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 4px,radial-gradient(circle,#0000 40%,#000000a3 100%)}.system-orb-companion{right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));z-index:9;background:radial-gradient(circle at 48% 48%,#ffb84de0 0 8%,#0000 9%),radial-gradient(circle,#00e5ff73,#0000 48%);border:1px solid #00e5ff6b;border-radius:999px;width:42px;height:42px;animation:3.6s ease-in-out infinite companionPulse;position:fixed;box-shadow:0 0 26px #00e5ff6b,inset 0 0 18px #ffb84d1f}.system-orb-companion span{border-radius:inherit;border:1px dashed #00e5ff57;animation:9s linear infinite companionOrbit;position:absolute;inset:-7px}.hero-panel{z-index:2;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);align-items:center;gap:clamp(28px,5vw,92px);min-height:100svh;padding:clamp(36px,6vw,92px);display:grid;position:sticky;top:0}.hero-panel:before{z-index:-1;content:"";background:linear-gradient(90deg,#000c,#0000 58%),radial-gradient(circle at 78% 46%,#00e5ff2e,#0000 34%),radial-gradient(circle at 70% 70%,#ffb84d14,#0000 28%);position:absolute;inset:0}.hero-copy{max-width:620px;transform:translateY(-4svh)}.system-label,.hero-copy p:first-child,.story-scene-caption p,.slot-kicker{color:var(--cyan);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 18px #00e5ffd1;margin:0 0 16px;font-size:clamp(11px,1.8vw,14px);font-weight:700}.hero-copy h1{max-width:760px;color:var(--cold-white);font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 34px #00e5ff5c;margin:0;font-size:clamp(48px,10vw,128px);font-weight:800;line-height:.82}.hero-copy p:last-child{color:#eafbffb8;max-width:520px;margin:28px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.85}.robot-consciousness{object-fit:contain;filter:drop-shadow(0 0 50px #00e5ff47)drop-shadow(0 0 18px #ffb84d1f);opacity:.96;justify-self:end;width:min(58vw,920px);max-height:96svh;animation:6s ease-in-out infinite robotBreath;transform:translate(4vw,2vh)scale(1.02)}.module-dock{left:50%;bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(960px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.module-link,.sequence-card,.final-actions a,.slot-back{-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(135deg,#eafbff1a,#00e5ff09);border:1px solid #00e5ff42;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff29}.module-link{align-content:center;gap:2px;min-height:72px;padding:14px 18px;display:grid}.module-link:after,.sequence-card:after,.final-actions a:after,.slot-back:after{content:"";background:linear-gradient(90deg,#0000,#00e5ff38,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.module-link:hover:after,.sequence-card:hover:after,.final-actions a:hover:after,.slot-back:hover:after{transform:translate(120%)}.module-link span{color:var(--amber);font-family:var(--font-display);letter-spacing:.16em;font-size:10px}.module-link strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.module-link small{color:#eafbff99;font-size:12px;line-height:1.3}.story-rail{z-index:3;pointer-events:none;justify-items:center;gap:30svh;padding:88svh clamp(20px,6vw,92px) 58svh;display:grid;position:relative}.story-scene{aspect-ratio:16/10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03040a6b;border:1px solid #00e5ff38;border-radius:30px;width:min(980px,82vw);animation:7s ease-in-out infinite sceneFloat;position:relative;overflow:hidden;box-shadow:0 0 80px #00e5ff24,inset 0 0 60px #00000085}.story-scene:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 35%,#00000070 100%),linear-gradient(#00000014,#0000006b);position:absolute;inset:0}.story-scene:nth-child(2n){justify-self:end;animation-delay:-2s}.story-scene:nth-child(odd){justify-self:start}.story-scene-image{object-fit:cover;width:100%;height:100%;transform:scale(1.02)}.story-scene-caption{z-index:1;text-shadow:0 0 24px #000c;gap:8px;display:grid;position:absolute;bottom:clamp(18px,4vw,38px);left:clamp(18px,4vw,38px);right:clamp(18px,4vw,38px)}.story-scene:nth-child(2n) .story-scene-caption{text-align:right}.story-scene h2,.final-console h2,.slot-shell h1{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(34px,6.2vw,92px);line-height:.92}.slot-shell p,.final-console p+h2+.final-actions{color:#eafbffb8}.final-console{z-index:3;text-align:center;align-content:center;justify-items:center;min-height:100svh;padding:18vh clamp(20px,6vw,90px) 22vh;display:grid;position:relative}.final-console:before{z-index:-1;content:"";-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03040a6b;border:1px solid #00e5ff2e;border-radius:32px;position:absolute;inset:14vh max(20px,12vw);box-shadow:0 0 80px #00e5ff24}.final-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.final-actions a{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:15px 24px;font-size:13px}.slot-page{background:radial-gradient(circle at 50% 10%, #00e5ff29, transparent 36%), radial-gradient(circle at 12% 90%, #8a5cff26, transparent 40%), linear-gradient(180deg, #000, var(--black));place-items:center;min-height:100svh;padding:84px clamp(18px,5vw,72px);display:grid}.slot-page--fusion{background:#000;place-items:stretch stretch;min-height:100svh;padding:0;position:relative;overflow:hidden}.slot-page--fusion:after{z-index:4;content:"";pointer-events:none;mix-blend-mode:screen;opacity:.34;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 5px,radial-gradient(circle,#0000 52%,#0000007a 100%);position:fixed;inset:0}.slot-back{left:max(18px, env(safe-area-inset-left));top:max(18px, env(safe-area-inset-top));z-index:5;color:#eafbffd1;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;padding:11px 18px;font-size:12px;position:fixed}.slot-back--fusion{z-index:12;background:#03040a9e;border-color:#00e5ff57;box-shadow:0 0 34px #00e5ff24}.slot-fusion-shell{background:#000;width:100vw;min-height:100svh;position:relative;overflow:hidden}.slot-fusion-hud{left:max(18px, env(safe-area-inset-left));top:max(72px, calc(env(safe-area-inset-top) + 68px));z-index:7;pointer-events:none;text-shadow:0 0 30px #000000eb;max-width:min(520px,100vw - 36px);position:fixed}.slot-fusion-hud h1{color:var(--cold-white);font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 28px #00e5ff6b;margin:0;font-size:clamp(30px,7vw,76px);line-height:.9}.slot-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03040a8f;border:1px solid #00e5ff33;border-radius:28px;width:min(100%,1040px);padding:clamp(26px,5vw,62px);box-shadow:0 0 90px #00e5ff21}.slot-shell--immersive{width:min(100%,1280px);padding:clamp(18px,3vw,34px)}.slot-shell p{max-width:760px;margin:20px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.8}.slot-frame{background:#02040a;border:1px solid #00e5ff38;border-radius:22px;width:100%;min-height:min(68svh,720px);margin-top:28px}.slot-frame--immersive{min-height:min(78svh,860px)}.slot-frame--fusion{background:#000;border:0;border-radius:0;width:100%;height:100%;min-height:100svh;margin:0;position:absolute;inset:0}.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.sequence-card{border-radius:26px;align-content:center;gap:10px;min-height:190px;padding:26px;display:grid}.sequence-card span{color:var(--cyan);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase}.sequence-card strong{font-size:clamp(30px,5vw,56px)}.sequence-card small{color:#eafbffa3;font-size:14px}.handoff-list{gap:12px;margin-top:28px;display:grid}.handoff-item{background:#eafbff0f;border:1px solid #00e5ff2e;border-radius:18px;gap:8px;padding:18px 20px;display:grid}.handoff-item span{color:var(--amber);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.handoff-item strong{overflow-wrap:anywhere;color:var(--cold-white);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px}.handoff-item small{overflow-wrap:anywhere;color:#eafbff9e}@keyframes companionPulse{0%,to{opacity:.78;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(-3px,5px)scale(1.08)}}@keyframes companionOrbit{to{transform:rotate(360deg)}}@keyframes robotBreath{0%,to{transform:translate(4vw,2vh)scale(1.02)}50%{transform:translate(3.2vw,1vh)scale(1.045)}}@keyframes robotBreathMobile{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%,-1.2vh)scale(1.035)}}@keyframes sceneFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-1.6vh)}}@media (max-width:980px){.hero-panel{padding:max(58px, env(safe-area-inset-top)) 20px 140px;grid-template-columns:1fr;align-content:start}.hero-copy{z-index:2;max-width:96vw;transform:none}.robot-consciousness{opacity:.84;width:min(118vw,720px);max-height:76svh;position:absolute;bottom:8svh;right:-34vw}.module-dock{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.control-center{min-height:700vh}.system-orb-companion{width:32px;height:32px}.hero-panel{min-height:100svh;padding:max(64px, env(safe-area-inset-top)) 18px 176px}.hero-copy h1{max-width:100%;font-size:42px}.hero-copy p:last-child{max-width:24rem;font-size:15px}.robot-consciousness{opacity:.88;width:min(92vw,430px);max-width:none;max-height:72svh;animation-name:robotBreathMobile;bottom:9svh;left:50%;right:auto;transform:translate(-50%)scale(1)}.module-dock{bottom:max(12px, calc(env(safe-area-inset-bottom) + 12px));gap:8px;width:min(94vw,430px)}.module-link{min-height:64px;padding:10px 12px}.module-link span{font-size:9px}.module-link strong,.module-link small{font-size:11px}.story-rail{gap:36svh;padding:88svh 16px 64svh}.story-scene,.story-scene:nth-child(2n),.story-scene:nth-child(odd){aspect-ratio:9/14;border-radius:24px;justify-self:center;width:min(92vw,430px)}.story-scene:nth-child(2n) .story-scene-caption{text-align:left}.story-scene-caption{bottom:18px;left:18px;right:18px}.story-scene h2{max-width:9ch;font-size:clamp(28px,10vw,44px)}.final-console{padding:14vh 18px 22vh}.final-console:before{border-radius:24px;inset:12vh 14px}.final-actions{flex-direction:column;width:100%}.final-actions a{width:100%}.slot-page{padding:max(80px, env(safe-area-inset-top)) 16px 32px;place-items:start center}.slot-page--fusion{place-items:stretch stretch;padding:0}.slot-page--fusion .slot-fusion-hud{display:none}.slot-page--fusion .slot-back--fusion{top:max(12px, env(safe-area-inset-top));padding:9px 14px;font-size:10px}.slot-shell{border-radius:22px;padding:24px}.sequence-grid{grid-template-columns:1fr}}@media (max-width:380px){.hero-copy h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}