@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#080b12;--panel:#0d121b;--text:#f0f4f8;--muted:#929cac;--line:rgba(180,200,225,.13);--accent:#b7f36b;--cyan:#75e5db}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(150,175,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(150,175,205,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.14;border-radius:50%;z-index:-1}.ambient-a{width:380px;height:380px;background:#5e75e8;top:180px;left:-200px}.ambient-b{width:420px;height:420px;background:#3bc7ad;top:350px;right:-240px;opacity:.08}
.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:-1px;line-height:1}.brand-light{font-weight:500;color:#c1c9d4}.brand small{display:block;margin-top:7px;font:9px "DM Mono",monospace;letter-spacing:2.2px;color:#738092}
.brand-mark,.closing-mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;gap:3px;transform:skew(-13deg)}.brand-mark span,.closing-mark span{display:block;width:5px;border-radius:3px;background:var(--accent)}.brand-mark span:nth-child(1),.closing-mark span:nth-child(1){height:12px;opacity:.55}.brand-mark span:nth-child(2),.closing-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3),.closing-mark span:nth-child(3){height:16px;opacity:.75}
.topbar-right{display:flex;align-items:center;gap:30px}.system-label,.version,.eyebrow,.micro-note,.visual-top,.visual-bottom,.section-index,.principle-number,.footer-note,.copyright{font-family:"DM Mono",ui-monospace,monospace}.system-label{font-size:10px;letter-spacing:1.2px;color:#a1adbb;display:flex;align-items:center;gap:9px}.system-label i,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b7f36b66}.version{font-size:10px;color:#5e6878;letter-spacing:1px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-top:92px;padding-bottom:95px;min-height:570px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.5px;color:var(--accent)}.eyebrow-line{height:1px;width:26px;background:var(--accent)}
h1{font-size:clamp(52px,6.2vw,82px);line-height:1.04;letter-spacing:-5px;margin:27px 0 23px;font-weight:700}h1 span{color:#8c98a9}
.intro{max-width:430px;font-size:15px;line-height:1.9;color:#a9b2bf;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#10170a}.button-primary span{font-size:17px}.button-secondary{background:rgba(255,255,255,.025);border-color:var(--line);color:#e2e7ed}.button-secondary:hover{border-color:#687b8c}.button-secondary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.micro-note{display:flex;align-items:center;gap:9px;color:#707d8e;font-size:10px;letter-spacing:.4px;margin-top:27px}.pulse{width:5px;height:5px}
.hero-visual{height:400px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:radial-gradient(ellipse at center,rgba(65,107,127,.13),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 60%);overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;background:var(--line)}.hero-visual:before{width:100%;height:1px;top:50%}.hero-visual:after{height:100%;width:1px;left:50%}
.visual-top,.visual-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#6f7b8b;z-index:2}.visual-top{top:19px}.visual-bottom{bottom:19px}.visual-coordinates{color:#4e5b6b}
.orbit{position:absolute;border:1px solid rgba(144,179,196,.18);border-radius:50%;aspect-ratio:1;transform:rotate(-25deg)}.orbit-outer{width:300px;border-style:dashed;animation:spin 48s linear infinite}.orbit-mid{width:235px;border-color:rgba(183,243,107,.2);transform:rotate(35deg)}.orbit-inner{width:170px;border-style:dotted;border-color:rgba(117,229,219,.35)}
.core{width:104px;height:120px;z-index:1;display:grid;place-items:center;position:relative}.core-glow{position:absolute;inset:12px;background:#b7f36b12;filter:blur(17px);border-radius:50%}.core svg{width:60px;fill:rgba(183,243,107,.08);stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.node{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px #75e5db88;z-index:2}.node-one{top:26%;left:28%}.node-two{right:20%;top:39%;background:var(--accent);box-shadow:0 0 15px #b7f36b88}.node-three{bottom:25%;left:33%}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.ticker-track{width:max-content;display:flex;align-items:center;gap:42px;padding:19px 0;animation:marquee 32s linear infinite;font:10px "DM Mono",monospace;letter-spacing:2px;color:#8c98a8}.ticker-track b{font-size:14px;color:var(--accent);font-weight:400}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:110px;padding-bottom:115px}.section-index{font-size:10px;letter-spacing:1.2px;color:#778597}.section-heading h2,.closing h2{font-size:clamp(34px,4vw,48px);line-height:1.16;letter-spacing:-2px;font-weight:600;margin:25px 0 0}.section-heading h2 em,.closing h2 em{font-style:normal;color:#8b98a9}.about-content>p{font-size:14px;line-height:1.9;color:#9ca8b7;margin:0 0 30px;max-width:530px}
.principles{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:35px 1fr 20px;gap:15px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.principle-number{font-size:10px;color:var(--accent);padding-top:4px}.principle h3{font-size:14px;margin:0 0 7px;font-weight:600}.principle p{font-size:12px;line-height:1.7;color:#7f8b9b;margin:0;max-width:430px}.principle-arrow{color:#657384;transition:color .2s,transform .2s}.principle:hover .principle-arrow{color:var(--accent);transform:translate(2px,-2px)}
.closing{border:1px solid var(--line);background:linear-gradient(115deg,rgba(183,243,107,.055),rgba(255,255,255,.01) 55%);padding:40px 44px;display:flex;align-items:center;gap:30px;position:relative}.closing-mark{flex-shrink:0;width:42px;height:42px}.closing-mark span{width:7px}.closing h2{font-size:clamp(28px,3.5vw,40px);margin-top:14px}.back-top{margin-left:auto;align-self:flex-end;border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center;color:var(--accent);font-size:20px;transition:background .2s}.back-top:hover{background:#b7f36b12}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:30px}.footer-brand{font-size:11px;font-weight:800;letter-spacing:1.4px}.footer-brand span{font-size:8px;vertical-align:top;margin-left:3px;color:var(--accent)}.footer-note,.copyright{font-size:9px;letter-spacing:.5px;color:#657183}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid #33434a;background:#111a1e;color:var(--accent);font-size:12px;border-radius:4px;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spin{to{transform:rotate(335deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.topbar{height:82px}.system-label{display:none}.topbar-right{gap:0}.hero{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.hero-copy{max-width:580px}.hero-visual{height:340px}.about{grid-template-columns:1fr;gap:35px;padding-top:78px;padding-bottom:80px}.section-heading h2{margin-top:17px}.closing{padding:30px;gap:20px}.footer{flex-wrap:wrap}.footer-note{order:3;width:100%}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.brand{font-size:18px}.version{font-size:9px}h1{font-size:54px;letter-spacing:-3.5px}.intro{font-size:14px}.actions{gap:9px}.button{padding:0 13px;gap:12px;font-size:11px}.hero-visual{height:300px}.orbit-outer{width:250px}.orbit-mid{width:200px}.orbit-inner{width:145px}.visual-coordinates{display:none}.about{padding-top:65px;padding-bottom:65px}.closing{padding:24px 20px;gap:15px}.closing-mark{display:none}.closing h2{font-size:30px;letter-spacing:-1.4px}.back-top{width:36px;height:36px}.copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}