:root{--bg:#090b0a;--panel:#0f1210;--text:#f3f5f2;--muted:#a5ada7;--line:#29312b;--accent:#c8ff3d;--soft:rgba(200,255,61,.08);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.page-shell{width:min(calc(100% - 72px),var(--max));margin-inline:auto}
.site-header{min-height:72px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(9,11,10,.94);backdrop-filter:blur(16px)}.brand{font-weight:800;letter-spacing:.12em}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a{padding:10px 14px;color:var(--muted);font-size:14px}.nav-pill{border:1px solid var(--line);border-radius:999px}.nav-pill.active{color:var(--accent);border-color:rgba(200,255,61,.4)}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);gap:80px;align-items:center;padding-block:78px 92px}.kicker{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.16em}.hero h1{margin:22px 0 28px;font-size:clamp(86px,9.5vw,168px);line-height:.78;letter-spacing:-.075em}.hero h1 span{color:var(--accent)}.hero-lead{max-width:760px;font-size:22px;line-height:1.55;color:#d8ddd9}.notice{margin-top:32px;padding:20px 22px;border-left:2px solid var(--accent);background:var(--soft)}.notice strong{display:block;margin-bottom:7px}.notice p{margin:0;color:var(--muted);line-height:1.6}
.spatial-visual{position:relative;aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(rgba(200,255,61,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.04) 1px,transparent 1px);background-size:36px 36px;overflow:hidden}.spatial-visual:before{content:"";position:absolute;inset:12%;border:1px solid rgba(200,255,61,.12)}.space-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid rgba(200,255,61,.65);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(9,11,10,.9);box-shadow:0 0 0 18px rgba(200,255,61,.025),0 0 90px rgba(200,255,61,.08)}.space-core span{font-size:11px;letter-spacing:.18em;color:var(--muted)}.space-core strong{font-size:24px;margin-top:6px;color:var(--accent)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(200,255,61,.24);border-radius:50%}.orbit-1{width:70%;height:70%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-2{width:84%;height:52%;transform:translate(-50%,-50%) rotate(33deg)}.player{position:absolute;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(200,255,61,.62);color:var(--accent);font-weight:800;background:#0d100e}.p-a{left:9%;top:12%}.p-b{right:9%;top:16%}.p-c{left:13%;bottom:12%}.p-d{right:12%;bottom:10%}.object{position:absolute;width:28px;height:28px;border:1px solid rgba(200,255,61,.45);transform:rotate(45deg)}.o-1{left:26%;top:42%}.o-2{right:27%;top:34%}.o-3{right:31%;bottom:27%}
.section{padding-block:90px;border-top:1px solid var(--line)}.section-index{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--accent);margin-bottom:26px}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:46px}.section-heading h2,.final-cta h2{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.05em;margin:0}.section-heading p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}
.expect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.expect-grid article{min-height:290px;padding:22px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.expect-grid article>span{font-size:11px;color:var(--accent);font-weight:800}.expect-grid .icon{font-size:38px;margin:44px 0 22px;color:var(--accent)}.expect-grid h3{font-size:21px;line-height:1.15;margin:0 0 12px}.expect-grid p{color:var(--muted);line-height:1.55;margin:auto 0 0}
.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.activity-grid figure{margin:0;border:1px solid var(--line);background:var(--panel)}.image-wrap{position:relative;aspect-ratio:1.45;overflow:hidden;background:#111}.image-wrap img{width:100%;height:100%;object-fit:cover}.image-wrap span{position:absolute;top:12px;left:12px;background:var(--accent);color:#0b0d0b;font-weight:800;font-size:11px;padding:6px 8px}figcaption{padding:20px}figcaption h3{margin:0 0 8px;font-size:22px}figcaption p{margin:0;color:var(--muted);line-height:1.5}
.flow-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:stretch}.flow-strip>div:not(.arrow){border:1px solid var(--line);padding:26px;background:var(--panel)}.flow-strip span{display:block;color:var(--accent);font-weight:800;font-size:11px;margin-bottom:42px}.flow-strip strong{font-size:24px}.flow-strip p{color:var(--muted);line-height:1.55}.arrow{display:grid;place-items:center;color:var(--accent);font-size:30px}.final-cta{display:flex;justify-content:space-between;gap:60px;align-items:end}.final-cta p:not(.kicker){color:var(--muted);max-width:740px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border:1px solid var(--accent);color:var(--accent);font-weight:800}.button:hover{background:var(--accent);color:#0a0c0a}
.site-footer{min-height:130px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px}.site-footer strong{display:block;color:var(--text);margin-bottom:5px}.site-footer span{font-size:11px;letter-spacing:.12em}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:50px}.spatial-visual{width:min(620px,100%)}.expect-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.page-shell{width:min(calc(100% - 32px),var(--max))}.site-header{padding:0 16px}.nav-links a:first-child{display:none}.hero{padding-top:54px;min-height:auto}.hero h1{font-size:76px}.hero-lead{font-size:18px}.section{padding-block:66px}.section-heading{grid-template-columns:1fr;gap:18px}.expect-grid,.activity-grid{grid-template-columns:1fr}.flow-strip{grid-template-columns:1fr}.arrow{transform:rotate(90deg);min-height:30px}.final-cta{align-items:flex-start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column;padding-block:34px}}