@font-face{font-family:Orbitron;src:url('/fonts/orbitron-regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Orbitron;src:url('/fonts/orbitron-semibold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{color-scheme:dark;--bg:#05070b;--panel:#0c1119;--ink:#f4f6f8;--muted:#8b94a3;--line:rgba(184,205,232,.16);--blue:#8fb8e7;--cyan:#c7e5ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{position:fixed;top:0;left:0;right:0;z-index:30;height:82px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.35s ease}
.nav.scrolled{height:68px;background:rgba(5,7,11,.78);backdrop-filter:blur(18px);border-color:var(--line)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;font:600 15px/1 Orbitron,monospace;letter-spacing:.2em}
.brand-mark{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square}
.nav-links{display:flex;gap:36px;color:#aab2bf;font-size:13px}.nav-links a:hover{color:#fff}
.nav-status{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:#cbd3df;font-size:12px}.nav-status i,.signal-chip i{width:6px;height:6px;border-radius:50%;background:#95c2e9;box-shadow:0 0 14px #95c2e9}
.hero{position:relative;min-height:100svh;padding:150px clamp(24px,8vw,130px) 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center;overflow:hidden;background:#05070b}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:33%;background:linear-gradient(transparent,var(--bg));z-index:2;pointer-events:none}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.99) 0%,rgba(5,7,11,.92) 38%,rgba(5,7,11,.25) 72%,rgba(5,7,11,.62)),url('/assets/home-space-hq.jpg') center/cover no-repeat;filter:saturate(.55) contrast(1.08)}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(105,151,201,.16),transparent 27%)}
.hero-copy{position:relative;z-index:4;max-width:740px}
.eyebrow,.section-label{font:500 11px/1.4 Orbitron,monospace;letter-spacing:.24em;color:#9caabd}.eyebrow{margin:0 0 28px}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:27px;font-size:clamp(50px,7.1vw,112px);line-height:.95;letter-spacing:-.075em;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 38px rgba(143,184,231,.22)}
.hero-intro{max-width:530px;color:#a8b0bc;font-size:clamp(16px,1.45vw,21px);line-height:1.8}
.hero-actions{display:flex;gap:12px;margin-top:36px}.button{height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:13px;transition:.25s}.button.primary{background:#eef3f8;color:#0b1017}.button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(213,232,251,.18)}.button.ghost{border:1px solid var(--line);color:#bbc4d0}.button.ghost:hover{border-color:rgba(213,232,251,.45)}
.hero-device{position:relative;z-index:4;height:min(68vh,720px);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.hero-device img{position:relative;z-index:2;height:82%;max-width:78%;object-fit:contain;filter:drop-shadow(0 46px 50px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(158,197,231,.11));animation:float 6s ease-in-out infinite}
.device-halo{position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(146,188,229,.15),rgba(73,111,153,.04) 43%,transparent 68%);filter:blur(4px)}
.signal-chip{position:absolute;z-index:5;right:4%;bottom:14%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(9,14,22,.66);backdrop-filter:blur(14px);color:#bfc8d4;font-size:12px}
.orbit{position:absolute;z-index:3;border:1px solid rgba(148,181,215,.23);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.orbit-a{width:74vw;height:28vw;right:-23vw;top:21vh}.orbit-b{width:58vw;height:18vw;right:-12vw;top:36vh;opacity:.45}.orbit-a i{position:absolute;top:49%;left:23%;width:7px;height:7px;border-radius:50%;background:#d4ecff;box-shadow:0 0 21px 6px rgba(147,198,241,.65);animation:travel 8s linear infinite}
.hero-index{position:absolute;z-index:4;right:4vw;bottom:38px;display:flex;gap:26px;font:10px Orbitron,monospace;letter-spacing:.16em;color:#77818f}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:35px;display:flex;align-items:center;gap:14px;transform:translateX(-50%);font:9px Orbitron,monospace;letter-spacing:.18em;color:#737d8b}.scroll-cue i{height:42px;width:1px;background:linear-gradient(#8796aa,transparent)}
.section{position:relative;padding:clamp(95px,13vw,190px) clamp(24px,8vw,130px)}
.section-label{display:flex;align-items:center;gap:17px;margin-bottom:55px}.section-label span{color:#e3eaf3}
.manifesto{background:#070a0f}.manifesto-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.manifesto h2,.system h2,.closing h2{font-size:clamp(43px,5.7vw,88px);line-height:1.04;letter-spacing:-.06em}.manifesto-copy{max-width:590px;color:#9da6b4;font-size:16px;line-height:1.95}.manifesto-copy p+ p{margin-top:24px}
.data-strip{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-strip div{padding:25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.data-strip div:last-child{border:0}.data-strip strong{font:11px Orbitron,monospace;letter-spacing:.13em}.data-strip span{color:#788392;font-size:12px}
.experience{min-height:880px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;overflow:hidden;background:#05070b}.experience-visual{position:relative;min-height:620px}.earth{position:absolute;width:45vw;aspect-ratio:1;right:0;top:2%;border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(151,190,229,.2),transparent 16%),linear-gradient(145deg,rgba(24,34,47,.9),#070a10 62%);box-shadow:inset -70px -55px 90px #020306,inset 20px 16px 40px rgba(159,195,231,.08),0 0 0 1px rgba(181,210,238,.2),0 0 80px rgba(98,145,189,.07)}.earth::after{content:"";position:absolute;inset:9%;border:1px solid rgba(150,185,218,.12);border-radius:50%;transform:rotate(28deg) scaleY(.36)}
.pass-line{position:absolute;width:56vw;height:15vw;left:-19%;top:27%;border-top:1px solid rgba(174,208,238,.55);border-radius:50%;transform:rotate(-18deg)}.pass-line i{position:absolute;top:-4px;left:62%;width:8px;height:8px;border-radius:50%;background:#d8ecff;box-shadow:0 0 28px 8px rgba(131,189,237,.7);animation:signal 5s ease-in-out infinite}.coordinate-pulse{position:absolute;width:70px;height:70px;left:53%;top:45%;border:1px solid rgba(181,217,245,.3);border-radius:50%;animation:pulse 3s ease-out infinite}
.experience-content{position:relative;z-index:3}.experience h2{font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.055em}.steps{padding:0;margin:62px 0 0;list-style:none;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.steps>li>span{font:10px Orbitron,monospace;color:#708093}.steps h3{margin:0 0 8px;font-size:17px}.steps p{margin:0;color:#858f9e;font-size:13px;line-height:1.7}
.cards{background:linear-gradient(#070a0f,#0a0e15);overflow:hidden}.section-heading{max-width:890px}.section-heading h2{font-size:clamp(40px,5.4vw,82px);line-height:1.07;letter-spacing:-.055em}.card-stage{position:relative;height:min(69vw,900px);margin-top:65px;perspective:1500px}.archive-card{position:absolute;top:8%;left:50%;width:min(30vw,390px);aspect-ratio:.66;border-radius:22px;overflow:hidden;border:1px solid rgba(220,233,246,.18);box-shadow:0 50px 90px rgba(0,0,0,.6);background:#10151c}.archive-card img{width:100%;height:100%;object-fit:cover}.card-main{z-index:3;transform:translateX(-50%) rotate(-2deg)}.card-left{z-index:1;transform:translateX(-125%) translateY(11%) rotate(-17deg);filter:brightness(.55)}.card-right{z-index:2;transform:translateX(24%) translateY(8%) rotate(14deg);filter:brightness(.68)}.card-meta{position:absolute;left:4%;bottom:12%;z-index:4;display:flex;flex-direction:column;gap:8px;max-width:370px}.card-meta span{font:10px Orbitron,monospace;letter-spacing:.19em;color:#718096}.card-meta strong{font:14px Orbitron,monospace;letter-spacing:.06em}.card-meta small{color:#748090;line-height:1.65}
.system{background:#05070b}.system-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:10vw}.system-head p{color:#8d97a5;line-height:1.85;max-width:560px}.system-grid{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.system-grid article{min-height:310px;padding:40px;background:#080c12}.system-grid article>span{font:10px Orbitron,monospace;letter-spacing:.15em;color:#6f8093}.system-grid h3{margin:105px 0 16px;font-size:23px}.system-grid p{color:#828d9b;line-height:1.75;font-size:13px}
.closing{min-height:73vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 90%,rgba(95,140,184,.13),transparent 44%),#070a0f}.closing h2{margin-bottom:26px}.closing-note{color:#808b9a}.closing-orbit{position:absolute;width:78vw;height:24vw;bottom:-16vw;border:1px solid rgba(162,198,231,.23);border-radius:50%;box-shadow:0 -18px 68px rgba(111,166,211,.08)}
footer{padding:48px clamp(24px,6vw,90px);border-top:1px solid var(--line);background:#04060a;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;color:#697483;font-size:12px}.footer-brand{color:#e8edf3}.footer-brand .brand-mark{width:27px}.footer-brand strong{font-size:13px}.footer-meta{display:flex;justify-content:flex-end;gap:22px}.footer-meta a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(-8px) rotate(-1deg)}50%{transform:translateY(12px) rotate(1deg)}}@keyframes travel{0%{transform:translate(-30px,20px);opacity:0}15%,85%{opacity:1}100%{transform:translate(390px,-20px);opacity:0}}@keyframes signal{0%,100%{left:15%;opacity:0}15%,85%{opacity:1}100%{left:86%;opacity:0}}@keyframes pulse{0%{transform:scale(.2);opacity:.8}100%{transform:scale(3);opacity:0}}
@media(max-width:820px){.nav{height:68px;padding:0 20px}.nav-links{display:none}.nav-status{font-size:10px;padding:9px 12px}.hero{min-height:970px;padding:120px 24px 80px;grid-template-columns:1fr;align-content:start}.hero-bg{background:linear-gradient(180deg,rgba(5,7,11,.95),rgba(5,7,11,.68) 42%,rgba(5,7,11,.65)),url('/assets/home-space-hq.jpg') center/cover}.hero-copy{z-index:5}.hero-device{height:470px;margin-top:-20px}.hero-device img{height:95%}.signal-chip{right:2%;bottom:9%}.hero-index{display:none}.orbit-a{width:130vw;height:54vw;right:-60vw;top:48%}.orbit-b{display:none}.scroll-cue{display:none}.section{padding:94px 24px}.manifesto-grid,.experience,.system-head{grid-template-columns:1fr}.manifesto h2,.system h2{font-size:45px}.manifesto-copy{margin-top:30px}.data-strip{grid-template-columns:1fr 1fr;margin-top:60px}.data-strip div:nth-child(2){border-right:0}.data-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.experience{padding-top:90px}.experience-visual{min-height:430px;order:2}.earth{width:92vw;right:-22vw}.pass-line{width:120vw;height:30vw}.system-grid{grid-template-columns:1fr}.system-grid article{min-height:220px}.system-grid h3{margin-top:62px}.card-stage{height:750px;margin-left:-38px;margin-right:-38px}.archive-card{width:58vw;border-radius:15px}.card-meta{left:10%;bottom:2%}.section-heading h2{font-size:42px}.closing{min-height:620px}.closing h2{font-size:48px}footer{grid-template-columns:1fr;text-align:left}.footer-meta{justify-content:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-device img,.orbit-a i,.pass-line i,.coordinate-pulse{animation:none}.reveal{opacity:1;transform:none;transition:none}}