:root,:root[data-theme=green]{--green: #2f9e4a;--green-dark: #1f6d2c;--green-soft: #b9d6c1;--bg: #c9dfd0;--ink: #0f1f15;--muted: #3d5746;--card: #dceee2;--border: #8fb89c;--code-bg: #0c1610;--code-ink: #d6e0d9;--code-inline-bg: #b1ceba;--code-inline-ink: var(--ink);--hero-bg: linear-gradient(135deg, #2f9e4a 0%, #1a6e2a 100%);--hero-ink: #ffffff;--hero-lead: rgba(255, 255, 255, .95);--hero-art-bg: rgba(255, 255, 255, .12);--hero-art-border: rgba(255, 255, 255, .4);--hero-art-shadow: 0 14px 32px rgba(0, 0, 0, .28);--inv-bg: rgba(255, 255, 255, .2);--inv-ink: #ffffff;--inv-border: rgba(255, 255, 255, .35);--btn-primary-bg: #ffffff;--btn-primary-ink: var(--green-dark);--btn-primary-hover: #f4fff5;--footer-bg: #95bca1;--footer-ink: #15281c;--switcher-bg: rgba(15, 31, 21, .08);--switcher-border: rgba(15, 31, 21, .22);--switcher-ink: var(--ink);--switcher-active-bg: var(--green);--switcher-active-ink: #ffffff;--nav-bg: rgba(185, 214, 193, .92);--nav-ink: var(--ink);--nav-border: #87ad94;--nav-link-hover-bg: rgba(31, 109, 44, .18);--accent-bar: var(--green-dark)}:root[data-theme=light]{--green: #2f9e4a;--green-dark: #1f6d2c;--green-soft: #e3f1e7;--bg: #f7fbf8;--ink: #1a221d;--muted: #57685d;--card: #f1f8f3;--border: #d6e6db;--code-bg: #18221c;--code-ink: #e6ede9;--code-inline-bg: #e6f1ea;--code-inline-ink: var(--ink);--hero-bg: linear-gradient(180deg, #f4faf6 0%, #dceee2 100%);--hero-ink: #14241a;--hero-lead: #3e5446;--hero-art-bg: #ffffff;--hero-art-border: var(--green);--hero-art-shadow: 0 12px 28px rgba(31, 109, 44, .18);--inv-bg: var(--green-soft);--inv-ink: var(--green-dark);--inv-border: var(--green);--btn-primary-bg: var(--green);--btn-primary-ink: #ffffff;--btn-primary-hover: var(--green-dark);--footer-bg: #e3f1e7;--footer-ink: var(--muted);--switcher-bg: rgba(31, 109, 44, .07);--switcher-border: rgba(31, 109, 44, .2);--switcher-ink: var(--ink);--switcher-active-bg: var(--green);--switcher-active-ink: #ffffff;--nav-bg: rgba(231, 244, 235, .85);--nav-ink: var(--ink);--nav-border: #cae0d0;--nav-link-hover-bg: rgba(47, 158, 74, .15);--accent-bar: var(--green)}:root[data-theme=dark]{--green: #4cc66a;--green-dark: #2f9e4a;--green-soft: #18301f;--bg: #0d1410;--ink: #e6efe9;--muted: #92a89a;--card: #131c16;--border: #1f2e25;--code-bg: #060a07;--code-ink: #c8d3cc;--code-inline-bg: #1a261e;--code-inline-ink: #e6efe9;--hero-bg: linear-gradient(135deg, #1a4a2a 0%, #08200f 100%);--hero-ink: #eef5f0;--hero-lead: rgba(238, 245, 240, .88);--hero-art-bg: rgba(76, 198, 106, .08);--hero-art-border: rgba(76, 198, 106, .6);--hero-art-shadow: 0 14px 32px rgba(0, 0, 0, .45);--inv-bg: rgba(76, 198, 106, .22);--inv-ink: #b6efc3;--inv-border: rgba(76, 198, 106, .55);--btn-primary-bg: var(--green);--btn-primary-ink: #07120a;--btn-primary-hover: #6cd687;--footer-bg: #0a140d;--footer-ink: var(--muted);--switcher-bg: rgba(76, 198, 106, .1);--switcher-border: rgba(76, 198, 106, .28);--switcher-ink: #eef5f0;--switcher-active-bg: var(--green);--switcher-active-ink: #07120a;--nav-bg: rgba(13, 20, 16, .88);--nav-ink: var(--ink);--nav-border: #1f2e25;--nav-link-hover-bg: rgba(76, 198, 106, .2);--accent-bar: var(--green)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.container{max-width:880px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;z-index:100;background:var(--nav-bg);color:var(--nav-ink);border-bottom:1px solid var(--nav-border);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.nav-inner{display:flex;align-items:center;gap:18px;height:56px;max-width:1080px;position:relative}.nav-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:17px;letter-spacing:-.2px;color:var(--nav-ink);text-decoration:none}.nav-leaf{font-size:20px;line-height:1}.nav-drawer{display:flex;align-items:center;gap:18px;flex:1}.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:4px}.nav-links a{display:inline-block;padding:7px 12px;border-radius:6px;color:var(--nav-ink);text-decoration:none;font-size:14.5px;font-weight:500;transition:background .15s ease}.nav-links a:hover{background:var(--nav-link-hover-bg)}.nav-switchers{margin-left:auto}.nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:6px;margin-left:auto;width:36px;height:36px;position:relative}.nav-toggle span{display:block;width:20px;height:2px;background:var(--nav-ink);margin:4px auto;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{background:var(--hero-bg);color:var(--hero-ink);padding:64px 0 60px;overflow:hidden;position:relative}.hero-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;position:relative}.hero-text{min-width:0}.hero-art{width:200px;height:200px;border-radius:50%;overflow:hidden;background:var(--hero-art-bg);border:3px solid var(--hero-art-border);box-shadow:var(--hero-art-shadow)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero h1{font-size:60px;margin:0 0 8px;letter-spacing:-1.5px;font-weight:800}.hero .emoji{font-size:52px;vertical-align:4px}.hero .tagline{font-size:22px;margin:0 0 20px;color:var(--hero-ink);opacity:.95;font-weight:500}.hero .lead{font-size:17px;max-width:680px;margin:0 auto 28px;color:var(--hero-lead)}.switchers{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.switcher{display:inline-flex;background:var(--switcher-bg);border:1px solid var(--switcher-border);border-radius:999px;padding:3px;gap:2px}.switcher .pill{border:0;background:transparent;color:var(--switcher-ink);font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.2px;padding:4px 10px;border-radius:999px;cursor:pointer;line-height:1;transition:background .15s ease,color .15s ease}.switcher .pill:hover{background:#7f7f7f26}.switcher .pill.active{background:var(--switcher-active-bg);color:var(--switcher-active-ink)}.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-stack{display:flex;flex-direction:column;align-items:center;gap:6px}.cta-sub{color:var(--hero-lead);font-size:13.5px;letter-spacing:.4px;font-weight:500;opacity:.85}.btn{display:inline-block;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid transparent;transition:transform .08s ease,background .15s ease,color .15s ease}.btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-ink)}.btn.primary:hover{background:var(--btn-primary-hover)}.btn:active{transform:translateY(1px)}main section{padding:48px 0;border-bottom:1px solid var(--border);scroll-margin-top:72px}main section:last-child{border-bottom:none}main section>h2{font-size:30px;margin:0 0 18px;letter-spacing:-.3px;color:var(--ink);position:relative;padding-left:16px}main section>h2:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px;background:var(--accent-bar, var(--green))}h3{font-size:17px;margin:0 0 8px;color:var(--ink)}p{margin:0 0 12px;color:var(--ink)}pre,code{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}pre{background:var(--code-bg);color:var(--code-ink);padding:16px 18px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.5;margin:0 0 16px}pre code{background:none;padding:0;color:inherit}code{background:var(--code-inline-bg);padding:1px 6px;border-radius:4px;font-size:.92em;color:var(--code-inline-ink)}.inv{background:var(--inv-bg);color:var(--inv-ink);border:1px solid var(--inv-border)}.note{margin-top:14px;padding:12px 14px;background:var(--green-soft);border-left:3px solid var(--green);border-radius:4px;font-size:14.5px;color:var(--ink)}.checklist{padding-left:0;list-style:none;margin:0}.checklist li{padding-left:28px;position:relative;margin-bottom:8px;color:var(--ink)}.checklist li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;left:4px;top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.platform-card{display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px}.platform-head{display:flex;align-items:center;gap:10px}.platform-icon{font-size:22px;line-height:1}.platform-card h3{margin:0}.platform-card p{flex:1;margin:0;font-size:14.5px;line-height:1.55}.btn.primary.platform-cta{align-self:flex-start;padding:8px 16px;font-size:14px;margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--green);border-radius:10px;padding:18px 20px;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 6px 18px #2f9e4a1f}.card h3{color:var(--green-dark)}ol{padding-left:22px}ol li{margin-bottom:8px;color:var(--ink)}.diagram{font-size:13px;line-height:1.45;white-space:pre}footer{padding:28px 0 36px;color:var(--footer-ink);font-size:14px;background:var(--footer-bg);border-top:1px solid var(--border)}@media(max-width:760px){.nav-toggle{display:block}.nav-drawer{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;align-items:stretch;gap:14px;background:var(--bg);border-bottom:1px solid var(--nav-border);padding:14px 24px 18px;box-shadow:0 8px 24px #00000014}.nav-drawer.open{display:flex}.nav-links{flex-direction:column;gap:2px}.nav-links a{padding:10px 12px;font-size:15px}.nav-switchers{margin-left:0;justify-content:flex-start}}@media(max-width:600px){.hero{padding:48px 0 40px}.hero-art{width:160px;height:160px}.hero h1{font-size:42px}.hero .emoji{font-size:36px}.hero .tagline{font-size:18px}h2{font-size:24px}main section{padding:36px 0}}