:root{color-scheme:dark;--ink:#f3f7f5;--muted:#9caaa2;--accent:#84cc16;--accent-2:#22c55e;--line:#20352a;--surface:#0d1812;--page:#07110b;--terminal:#050a07;--hero-grad:linear-gradient(135deg,#09170f,#0d2116);--shadow:0 18px 60px rgba(34,197,94,.12)}html[data-theme="light"]{color-scheme:light;--ink:#132018;--muted:#5e6c63;--accent:#4d7c0f;--accent-2:#15803d;--line:#d5e2d8;--surface:#f5faf6;--page:#ffffff;--terminal:#edf5ef;--hero-grad:linear-gradient(135deg,#f4fbf5,#eef8f0);--shadow:0 18px 60px rgba(21,128,61,.10)}html[data-theme="dark"]{color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--ink:#132018;--muted:#5e6c63;--accent:#4d7c0f;--accent-2:#15803d;--line:#d5e2d8;--surface:#f5faf6;--page:#fff;--terminal:#edf5ef;--hero-grad:linear-gradient(135deg,#f4fbf5,#eef8f0);--shadow:0 18px 60px rgba(21,128,61,.10)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 12%,rgba(34,197,94,.08),transparent 26%),var(--page);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}code{color:var(--accent);font:.92em ui-monospace,SFMono-Regular,Menlo,monospace}.site-header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:18px;letter-spacing:-.03em}.brand b{font-weight:750}.brand-logo{width:34px;height:34px;filter:drop-shadow(0 0 12px rgba(132,204,22,.25))}nav,.header-tools{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}nav a:hover{color:var(--ink)}.nav-github,.tool-control{border:1px solid var(--line);padding:8px 12px;border-radius:10px;color:var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent);font:inherit;cursor:pointer}.tool-control:hover,.nav-github:hover{border-color:var(--accent)}.gtranslate_wrapper.tool-control{display:flex;align-items:center;min-height:40px;padding:5px 9px}.gtranslate_wrapper a,.gtranslate_wrapper span{font:inherit!important;color:var(--ink)!important}.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:52px;max-width:none}.hero-copy{min-width:0}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(132,204,22,.55);animation:pulse 2s infinite}.hero h1,h2,h3{letter-spacing:-.045em;line-height:1.06}.hero h1{margin:14px 0 22px;font-size:clamp(46px,6vw,78px);max-width:740px}.hero h1 span{color:var(--accent)}.lead{max-width:720px;color:var(--muted);font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 34px}.button{padding:12px 17px;border-radius:12px;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#041007;box-shadow:0 10px 30px rgba(34,197,94,.2)}.secondary{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent)}.hero-art{position:relative}.hero-art img{display:block;width:100%;border-radius:28px;filter:drop-shadow(0 24px 60px rgba(34,197,94,.13))}.hero-art:after{content:"";position:absolute;inset:12% 10%;border-radius:50%;border:1px solid rgba(132,204,22,.16);animation:orbit 10s linear infinite;pointer-events:none}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--shadow)}.feature-strip div{display:grid;gap:4px}.feature-strip b{font-size:13px;color:var(--accent)}.feature-strip span{font-size:12px;color:var(--muted)}.section{padding:72px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(31px,5vw,52px);max-width:780px;margin:12px 0 32px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px}.split p,.note{color:var(--muted)}.terminal{position:relative;padding:0 22px 48px;background:var(--terminal);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.terminal-title{padding:15px 0;color:var(--muted);font-size:12px}.terminal-title span{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:#ff7f73}.terminal-title span:nth-child(2){background:#f7c35b}.terminal-title span:nth-child(3){background:#80dca1}.terminal pre{overflow-x:auto;white-space:pre-wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.status-grid article{padding:24px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 78%,transparent));border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cards article:hover,.status-grid article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:var(--shadow)}.card-number{color:var(--accent);font:700 13px ui-monospace,monospace}.cards h3{font-size:22px;margin:18px 0 10px}.cards p,.status-grid p{color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.status-grid h3{margin:10px 0 8px;font-size:18px}.status-grid p{margin:0}.stack-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(132,204,22,.09);border:1px solid rgba(132,204,22,.18);color:var(--accent);font-weight:800}.cloudflare{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.cloudflare h2{margin-bottom:0}.cloudflare p:last-child{color:var(--muted)}.contribute{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:40px;padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--page) 88%,transparent));margin:72px auto}.contribute h2{margin-bottom:16px}.mini-orbit{display:grid;place-items:center;min-height:180px;border-radius:20px;background:radial-gradient(circle,rgba(132,204,22,.12),transparent 65%);position:relative}.mini-orbit:before{content:"";position:absolute;width:140px;height:90px;border:1px solid rgba(132,204,22,.3);border-radius:50%;animation:orbit 8s linear infinite}.mini-orbit img{width:74px;animation:float 5s ease-in-out infinite}footer{display:flex;justify-content:space-between;padding:28px 0 55px;color:var(--muted);border-top:1px solid var(--line);font-size:14px}footer a{color:var(--ink)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(132,204,22,.5)}70%{box-shadow:0 0 0 10px rgba(132,204,22,0)}100%{box-shadow:0 0 0 0 rgba(132,204,22,0)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:980px){.site-header{padding:16px 0;align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;width:100%;flex-wrap:wrap}.header-tools{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:680px;margin:auto}.feature-strip,.status-grid{grid-template-columns:repeat(2,1fr)}.contribute{grid-template-columns:1fr}}@media(max-width:720px){.site-header nav a:not(.nav-github){display:none}.header-tools{width:100%;justify-content:space-between}.tool-control{flex:1}.gtranslate_wrapper.tool-control{justify-content:center}.hero{padding:64px 0 52px}.split,.cloudflare,.cards,.status-grid,.feature-strip{grid-template-columns:1fr;gap:16px}.section{padding:56px 0}.contribute{padding:26px;margin:56px auto}.mini-orbit{min-height:130px}footer{flex-direction:column;gap:10px}}


/* Scroll-to-top control */
.scroll-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:80;display:grid;width:48px;height:48px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--accent);box-shadow:0 14px 38px rgba(34,197,94,.18);opacity:0;transform:translateY(12px) scale(.92);pointer-events:none;cursor:pointer;backdrop-filter:blur(14px);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease}.scroll-to-top.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-to-top:hover{transform:translateY(-2px) scale(1.04);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.scroll-to-top:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:3px}.scroll-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.scroll-to-top{transition:none}}@media(max-width:480px){.scroll-to-top{right:max(13px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:14px}}

/* Compact icon-only social and theme controls. */
.social-links{display:flex;align-items:center;gap:8px}.social-icon,.theme-icon-button{display:grid;width:40px;height:40px;min-width:40px;padding:0;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent);cursor:pointer}.social-icon:hover,.theme-icon-button:hover{border-color:var(--accent);color:var(--accent)}.social-icon:focus-visible,.theme-icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.social-icon svg,.theme-icon-button svg{width:18px;height:18px}.social-icon svg{fill:currentColor}.theme-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:720px){.header-tools{justify-content:flex-end}.theme-icon-button{flex:0 0 40px}.social-links{flex:0 0 auto}}
.footer-social-links{margin-left:auto}.footer-social-links .social-icon{width:34px;height:34px;min-width:34px;border-radius:9px}@media(max-width:720px){.footer-social-links{margin-left:0}}