:root{color-scheme:dark;--bg:#0c121b;--panel:#101b25;--text:#e9eef3;--muted:#91a0b1;--line:#25313e;--accent:#8be3bd;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#8be3bd;color:#0c121b}.shell{width:min(1120px,calc(100% - 80px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-dot{color:var(--accent)}.brand-icon{width:34px;height:34px;margin-right:12px;border:1px solid #3e625b;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font:24px var(--mono);position:relative}.brand-icon span{font-size:13px;position:absolute;right:0;top:-5px;background:var(--bg)}nav{display:flex;gap:32px;align-items:center;font-size:14px;color:#c2cbd6}nav a:hover,footer a:hover{color:var(--accent)}.nav-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;margin-left:14px}.nav-label i{height:6px;width:6px;background:var(--accent);border-radius:50%}.hero{padding:90px 0 85px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:2px;font-family:var(--mono);margin:0 0 22px}.eyebrow>span{color:var(--accent);margin-right:7px}h1{font-size:clamp(30px,3.65vw,46px);font-weight:650;line-height:1.45;letter-spacing:-1.6px;margin:0 0 23px}.accent{color:var(--accent)}.intro{font-size:15px;color:var(--muted);line-height:2;margin:0 0 31px}.button{display:inline-flex;gap:30px;align-items:center;padding:11px 20px;border-radius:5px;background:var(--accent);color:#12241f;font-size:14px;font-weight:650;transition:background .15s}.button:hover{background:#b1efd6}.button span{font-size:20px;line-height:1}.hero-topics{display:flex;gap:12px;align-items:center;margin-top:35px;font:11px var(--mono);color:var(--muted)}.hero-topics b{font-weight:400;color:#465565}.visual{border:1px solid #2b3b48;background:radial-gradient(ellipse at center,#142c30 0%,var(--panel) 70%);border-radius:9px;padding:23px 25px;position:relative;overflow:hidden}.visual-top{display:flex;justify-content:space-between;color:#8da4b2;font:10px var(--mono);letter-spacing:1px}.visual-top>span:last-child{color:var(--accent);font-size:19px}.orbit{width:100%;height:auto;display:block;margin:5px 0 0}.visual-bottom{display:flex;justify-content:space-between;align-items:end;font:12px/1.9 var(--mono);color:#89a8a9}.visual-bottom strong{font-weight:400;color:var(--accent)}.coordinate{font-size:8px;letter-spacing:1.5px;text-align:center;line-height:1.6;color:#75929f}.notes{padding:48px 0 65px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:8px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 3px}h2{font-size:26px;letter-spacing:-.5px;line-height:1.6;font-weight:600;margin:0}.note{border-top:1px solid var(--line)}.note:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:30px;padding:26px 0}summary::-webkit-details-marker{display:none}.note-number{color:#718295;align-self:flex-start;margin-top:5px;font:12px/1.8 var(--mono)}.note-main{display:flex;flex-direction:column;flex:1;gap:3px}.tag{font:10px/1.8 var(--mono);letter-spacing:1px;color:#8badac}.note-title{font-size:19px;font-weight:550;transition:color .15s}.note-description{font-size:13px;color:var(--muted)}.note-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #31404c;border-radius:50%;font-size:20px;color:#b4c3cf;transition:transform .15s}summary:hover .note-title{color:var(--accent)}details[open] .note-arrow{transform:rotate(135deg);color:var(--accent);border-color:#537569}.note-content{margin:0 62px 28px 47px;max-width:750px;color:#b3bfcd;font-size:14px;line-height:2}.note-content p{margin:0 0 15px}.note-content .takeaway{border-left:2px solid #568e79;padding:4px 0 4px 18px;color:var(--accent);margin-top:22px}.notes-hint{font-size:11px;color:#758699;text-align:right;margin:14px 0 0}.notes-hint span{margin-left:8px}.about{border-top:1px solid var(--line);padding:58px 0 75px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.about .eyebrow{margin-bottom:14px}.about h2{font-size:28px}.about-copy{color:var(--muted);font-size:14px;padding-top:3px}.about-copy p{margin:0 0 17px}.about-sign{display:flex;justify-content:space-between;align-items:center;color:#c2d2ce;font-size:13px;margin-top:26px}.about-sign>span{font-size:28px;color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:24px 0 32px;color:#8091a2;font-size:11px}.footer-note{color:#637589}footer a{font-size:11px}.skip{position:fixed;top:-100px;left:20px;z-index:2;padding:8px 16px;background:var(--accent);color:var(--bg)}.skip:focus{top:12px}
@media(min-width:1400px){.hero{padding-top:110px;padding-bottom:105px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.hero{gap:28px;padding:65px 0}.visual{padding:18px}.nav-label{display:none}.about{gap:45px}h1{font-size:33px}.hero-topics{gap:10px;font-size:10px}.section-heading>p{font-size:12px}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:22px}.brand-icon{margin-right:8px;width:30px;height:30px}nav{gap:19px;font-size:12px}.hero{grid-template-columns:1fr;padding:52px 0 45px;gap:38px}h1{font-size:clamp(29px,7.5vw,40px);letter-spacing:-1px}.intro{font-size:14px}.visual{max-width:420px;width:100%;margin:0 auto}.orbit{max-height:270px}.hero-topics{margin-top:26px}.eyebrow{font-size:10px;letter-spacing:1px}.notes{padding:35px 0 40px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading>p{margin:0}h2{font-size:23px}summary{gap:16px;padding:23px 0}.note-title{font-size:16px}.note-description{font-size:12px;line-height:1.8}.note-arrow{width:29px;height:29px;font-size:17px;flex-shrink:0}.note-number{font-size:10px}.tag{font-size:9px}.note-content{margin:0 0 24px 28px;font-size:13px}.about{grid-template-columns:1fr;gap:25px;padding:38px 0 42px}.about h2{font-size:25px}.about-copy{font-size:13px}.footer-note{display:none}footer{padding:22px 0}.about-sign{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}