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

:root{color-scheme:light;--paper:#f3f1eb;--surface:#faf9f5;--ink:#202920;--muted:#647064;--line:#d9ddd2;--accent:#c6f05f;--accent-deep:#617b32;--mono:'DM Mono',Consolas,monospace;--display:'Space Grotesk','Noto Sans SC',system-ui,sans-serif;--body:'DM Sans','Noto Sans SC','Microsoft YaHei',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--accent-deep);outline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:20;background:var(--ink);color:white;padding:.5rem 1rem}.skip-link:focus{top:1rem}
.wrap{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.site-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:13px;font:700 13px/1.12 var(--display);letter-spacing:.13em}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);border-radius:13px;color:var(--accent);font:700 28px/1 var(--display);letter-spacing:-.13em;padding-right:4px}.brand-mark span{color:white}
.site-header nav{display:flex;align-items:center;gap:2rem;font-size:14px;font-weight:700}.site-header nav a:hover{color:var(--accent-deep)}.site-header .nav-home{padding:.6rem .95rem;border:1px solid var(--ink);border-radius:100px}
.hero{min-height:660px;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:3rem;padding-block:75px 91px}
.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-deep);font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.live-dot{width:9px;height:9px;border-radius:50%;background:#91c33b;box-shadow:0 0 0 5px #dcecc4}
h1,h2,h3,h4,p{margin-top:0}.hero h1{margin:26px 0 22px;font:700 clamp(5rem,9vw,9rem)/.85 var(--display);letter-spacing:-.085em}.hero h1 em{font-style:normal;color:var(--accent-deep)}.period,.section-dot{color:var(--accent-deep)}
.hero-description{max-width:620px;color:#405040;font-size:clamp(16px,1.45vw,20px);line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:49px;padding:11px 21px;border-radius:100px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:#364736}.button-outline{border:1px solid #a8b1a2}
.hero-visual{width:min(100%,550px);aspect-ratio:1;justify-self:end;position:relative;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ecf6d8 0 20%,transparent 20.5%),radial-gradient(circle at 50% 50%,#e4e9dd 0 44%,transparent 44.5%),radial-gradient(circle at 50% 50%,#edf0e8 0 69%,transparent 69.5%);overflow:hidden}.orbit{position:absolute;border:1px solid #b8c8af;border-radius:50%;inset:13%}.orbit-two{inset:27%}.orbit-three{inset:39%;border-color:#a8bc94}.visual-core{position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--accent);font:700 clamp(60px,10vw,112px)/1 var(--display);letter-spacing:-.12em;padding-right:.15em;box-shadow:0 24px 50px #2f452c35}.visual-core span{color:white}.satellite{position:absolute;padding:7px 12px;background:var(--surface);border:1px solid #b4c4a9;border-radius:100px;font:500 11px var(--mono);letter-spacing:.08em;box-shadow:0 8px 20px #29422515}.satellite-one{top:13%;left:16%}.satellite-two{top:32%;right:5%}.satellite-three{bottom:15%;left:12%}.satellite-four{bottom:16%;right:13%}
.hero-foot{position:absolute;inset:auto 0 22px;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font:12px var(--mono)}
.directory{padding-block:100px 115px}.section-heading{max-width:700px;margin-bottom:48px}.section-heading h2{margin:15px 0;font:700 clamp(2.8rem,5vw,5rem)/1.04 var(--display);letter-spacing:-.065em}.section-heading>p:last-child{margin-bottom:0;color:var(--muted);font-size:17px}.section-heading a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:4px}
.group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:1px solid var(--ink);margin-top:50px;padding:15px 0 21px}.group-heading span{font:700 16px var(--display)}.group-heading p{margin:0;color:var(--muted);font-size:13px}
.site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.site-card{min-height:300px;display:flex;flex-direction:column;align-items:flex-start;padding:23px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .22s,border-color .22s,box-shadow .22s}.site-card:hover{transform:translateY(-5px);border-color:#93a786;box-shadow:0 20px 40px #233c1a12}.site-card.feature{background:#dcedbe;border-color:#c2d6a7}.card-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.card-icon{width:47px;height:47px;display:grid;place-items:center;background:#e6eddb;border-radius:13px;color:#40583a;font:700 24px var(--display)}.feature .card-icon{background:#c9dfac}.card-arrow{font:24px/1 var(--display)}.card-type{margin-bottom:7px;color:var(--accent-deep);font:500 10px var(--mono);letter-spacing:.12em}.site-card strong{font:700 clamp(23px,2.1vw,29px)/1.2 var(--display);letter-spacing:-.04em}.card-description{color:#5d695d;font-size:13px;line-height:1.65;margin-top:13px}.card-domain{margin-top:auto;padding-top:23px;color:var(--accent-deep);font:500 11px var(--mono);overflow-wrap:anywhere}.directory-note{margin:27px 0 0;color:var(--muted);font-size:13px}
.timeline-section{padding:95px 0 110px;background:#e7e9df}.timeline{border-top:1px solid #aab7a5}.release{display:grid;grid-template-columns:185px 1fr;gap:25px;padding:21px 0;border-bottom:1px solid #c4cfc0}.release>div:first-child{display:flex;flex-direction:column;gap:5px}.release strong{font:700 18px var(--display)}.release time{color:var(--muted);font:11px var(--mono)}.release h4{margin:0 0 5px;font:700 17px var(--display)}.release p{margin:0;color:#536153;font-size:14px;line-height:1.7}.archive-note{margin:22px 0 0;color:var(--muted);font-size:13px}.archive-note a{text-decoration:underline;text-underline-offset:3px}
.site-footer{background:var(--ink);color:#dee9d9}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:13px}.footer-brand{font:700 17px var(--display);letter-spacing:.02em}.footer-brand .period{color:var(--accent)}.footer-inner>a{border-bottom:1px solid #8da381}.footer-inner>a:hover{color:var(--accent)}
@media(max-width:1100px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:570px}.hero h1{font-size:clamp(5rem,10vw,8rem)}}
@media(max-width:760px){.wrap{width:min(100% - 36px,600px)}.site-header{min-height:75px}.site-header nav{gap:1rem}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:none}.hero{display:block;min-height:0;padding:72px 0 82px}.hero h1{font-size:clamp(4.6rem,15vw,7rem)}.hero-visual{position:absolute;right:-18px;top:95px;width:45%;opacity:.35}.hero-copy{position:relative;z-index:1}.hero-description{max-width:510px}.hero-foot{font-size:10px}.hero-foot span:nth-child(2){display:none}.directory{padding-block:70px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-card{min-height:290px}.timeline-section{padding:70px 0}.release{grid-template-columns:115px 1fr;gap:14px}.footer-inner{flex-wrap:wrap;padding-block:25px;min-height:0}}
@media(max-width:520px){.site-grid{grid-template-columns:1fr}.site-card{min-height:235px}.card-top{margin-bottom:18px}.group-heading{align-items:flex-start;flex-direction:column;gap:3px}.hero h1{font-size:clamp(4rem,16vw,5.8rem)}.hero-visual{top:165px;width:53%}.hero-description{font-size:15px}.release{display:block}.release>div:first-child{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.release strong{font-size:15px}.release h4{font-size:15px}.release p{font-size:13px}.footer-inner{display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-card,.button{transition:none}}