:root{--bg:#f7f8f4;--ink:#202722;--muted:#70796e;--line:#dde2d8;--card:#fff;--accent:#d1f489;--panel:#edf0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.6}body.dark{--bg:#171d19;--ink:#f1f4ec;--muted:#a4afa1;--line:#374238;--card:#222b24;--panel:#293329}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #6e9a35;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:21px}.logo{background:var(--ink);color:var(--bg);width:32px;height:32px;text-align:center;border-radius:8px}.tag{font-size:10px;letter-spacing:1.5px;font-weight:500;margin-left:6px;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.textlink:hover{color:#608b2d}.outline{border:1px solid var(--line);border-radius:7px;padding:9px 17px;background:transparent}.hero{position:relative;min-height:590px;padding:85px 0 75px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#719648;border-radius:50%}h1{font-size:64px;line-height:1.25;letter-spacing:-3px;margin:26px 0}h1 span{display:block;color:#799851}.lead{color:var(--muted);font-size:17px;line-height:1.9}.actions{display:flex;align-items:center;gap:26px;margin-top:30px;font-size:14px}.primary{background:var(--accent);color:#233317;padding:14px 22px;border-radius:7px;font-weight:650;display:flex;gap:30px}.textlink{border:0;background:none;padding:0;font-size:14px}.canvas{position:absolute;right:0;top:70px;width:45%;height:430px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px}.orbit{position:absolute;width:300px;height:300px;border:1px solid #99a78d;border-radius:50%;top:55px;left:50%;transform:translateX(-50%)}.tile{position:absolute;top:122px;left:50%;transform:translateX(-50%) rotate(-12deg);width:165px;height:165px;background:var(--accent);color:#32432b;border-radius:32px;box-shadow:16px 24px 0 #8fa47422;display:grid;place-items:center;font-size:110px;font-weight:200;line-height:1}.canvas-label{position:absolute;bottom:27px;left:25px;font-size:9px;letter-spacing:2px}.coord{position:absolute;right:25px;bottom:25px;font-size:11px}.cross{position:absolute;color:var(--muted);font-size:22px}.c1{top:15px;left:23px}.c2{top:15px;right:23px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}h2{font-size:28px;letter-spacing:-1px;margin:10px 0 0}.muted,.small{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px;min-height:245px}.number{font-size:10px;letter-spacing:1.5px;color:var(--muted)}h3{font-size:21px;margin:20px 0 10px}article p{color:var(--muted);font-size:14px;margin-bottom:22px}article a{font-size:13px}#count{background:var(--panel);border-radius:4px;padding:2px 9px;margin-left:12px}article .small{margin:10px 0 0;font-size:11px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding:65px 0;margin-top:65px;border-top:1px solid var(--line)}.about h2{font-size:36px;line-height:1.5}.about p{color:var(--muted);margin-top:0}.details{display:flex;flex-wrap:wrap;gap:27px;margin:25px 0}.details span{font-size:11px;color:var(--muted)}.details strong{display:block;margin-top:7px;font-size:13px;color:var(--ink)}footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer .brand{font-size:18px;color:var(--ink)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--card);z-index:5}@media(max-width:1280px){header,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:760px){header{height:80px}.tag{display:none}nav{gap:18px;font-size:12px}.outline{padding:8px 11px}.hero{padding:50px 0 35px}h1{font-size:48px}.canvas{position:relative;top:auto;width:100%;height:320px;margin-top:40px}.orbit{width:250px;height:250px;top:25px}.tile{top:75px;width:140px;height:140px;font-size:95px}.section-head{display:block}.section-head .muted{display:block;margin-top:12px}h2{font-size:24px}.cards{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:25px;margin-top:40px;padding:40px 0}.about h2{font-size:30px}footer{flex-wrap:wrap;gap:18px}.actions{gap:18px}.primary{gap:15px}.lead{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}