:root{color-scheme:dark;--bg:#111212;--text:#f1eee6;--muted:#999b95;--line:#30322f;--accent:#d9e6a5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-80px;left:20px;padding:16px;background:var(--text);color:var(--bg);z-index:10}.skip:focus{top:12px}header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:2px}.brand img{object-fit:contain}.brand-dot{font-size:11px;vertical-align:top;margin-left:4px}nav{font-size:13px}nav span{margin-left:20px}.hero{position:relative;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:710px;padding-top:60px;padding-bottom:100px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#c3c7b9}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}h1{font-size:clamp(46px,5.8vw,80px);font-weight:550;line-height:1.23;letter-spacing:-3px;margin:32px 0 25px}.muted{color:var(--accent)}.lead{font-size:16px;line-height:1.95;color:#aaaDA6;margin:0 0 32px}.button{display:inline-flex;gap:45px;align-items:center;background:var(--text);color:#191b16;border-radius:3px;padding:16px 22px;font-size:13px}.button:hover{background:var(--accent);color:#191b16}.visual{aspect-ratio:1;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at center,#292c2538,transparent 68%)}.visual img{width:100%;height:auto;opacity:.94}.coordinate{position:absolute;font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--muted)}.top{top:5%;left:10%}.bottom{bottom:4%;right:9%}.hero-foot{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.5px}.about{border-top:1px solid var(--line);padding-top:80px;padding-bottom:90px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.section-label{font-size:10px;letter-spacing:2px;color:var(--muted);padding-top:12px}h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 24px}.about-content>p{max-width:610px;color:var(--muted);font-size:15px;line-height:2}.topics{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.topics span{border:1px solid #41443a;border-radius:24px;padding:8px 15px;font-size:12px;color:#c4c8bb}.about-content .note{font-size:12px;margin-top:30px;display:flex;align-items:center;gap:9px}footer{border-top:1px solid var(--line);padding:28px 0 34px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:86px}.brand{font-size:19px}.brand img{width:34px;height:34px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:65px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:54px;letter-spacing:-2px}.lead{font-size:15px}.visual{width:80%;max-width:340px;margin:15px auto}.hero-foot{font-size:8px;letter-spacing:.5px;bottom:24px}.about{grid-template-columns:1fr;gap:24px;padding:42px 0 48px}h2{font-size:26px}.about-content>p{font-size:14px}footer{flex-wrap:wrap;font-size:10px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html{background-color:#080d17;background-image:radial-gradient(ellipse at 77% 28%,#24314b55 0,transparent 42%),radial-gradient(ellipse at 18% 82%,#27244744 0,transparent 38%)}
body{background:transparent;position:relative}
.starfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
header,main,footer{position:relative;z-index:1}
header{border-color:#ffffff20}
.hero{min-height:calc(100svh - 114px);}
.visual{background:radial-gradient(ellipse at center,#7181a21c,transparent 70%)}
.about{border-color:#ffffff20}
footer{border-color:#ffffff20}
@media(max-width:760px){.hero{min-height:calc(100svh - 86px);padding-bottom:80px}}