:root{--ink:#162f2a;--paper:#faf8f1;--line:#cad9d0;--muted:#566b61;--accent:#cce46b}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:15px/1.55 system-ui,-apple-system,sans-serif}.auth-pending body{visibility:hidden}.topbar{border-bottom:1px solid var(--line);padding:17px clamp(20px,5vw,80px);display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.back{color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:0;text-transform:none}.topbar #signed-in{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{max-width:1160px;margin:0 auto;padding:48px 24px 100px}.page-heading{max-width:740px;padding-bottom:30px}.eyebrow,.number{font-size:11px;letter-spacing:.14em;font-weight:800;color:#4d6e57}.page-heading h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,70px);line-height:1.04;letter-spacing:-.05em;margin:14px 0}.page-heading p{max-width:610px;color:var(--muted);font-size:17px}.addon-list{border-top:2px solid var(--ink)}.addon{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,450px);gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.addon h2,.roadmap h2,.guardrails h2{font:normal 32px/1.1 Georgia,serif;letter-spacing:-.035em;margin:12px 0}.addon p{color:var(--muted);max-width:520px;margin:0 0 22px}.toggle{display:inline-flex;gap:11px;align-items:center;cursor:pointer;font-weight:700}.toggle input{width:22px;height:22px;accent-color:#205446}.addon svg,.roadmap svg,.guardrails svg{width:100%;height:auto;fill:#f2f4e9;stroke:#315f4f;stroke-width:2}.addon svg text,.roadmap svg text,.guardrails svg text{fill:var(--ink);stroke:none;font:700 11px system-ui,sans-serif;letter-spacing:.04em}.addon svg .muted{font-size:9px;fill:#7b6f48}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-heading span{font-size:12px;color:var(--muted)}.roadmap{padding:42px 0}.roadmap>p{color:var(--muted)}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.roadmap-grid article{padding:26px 0;border-top:1px solid var(--line)}.roadmap-grid h3{font-size:18px;margin:0}.roadmap-grid p{color:var(--muted);min-height:49px}.roadmap svg{max-width:280px}.guardrails{border-top:2px solid var(--ink);padding:35px 0}.guardrails p{max-width:720px;color:var(--muted)}.guardrails svg{max-width:600px}@media(max-width:760px){.topbar{flex-wrap:wrap}.topbar #signed-in{display:none}main{padding:35px 18px 80px}.addon{grid-template-columns:1fr;gap:5px}.roadmap-grid{grid-template-columns:1fr}}

.feature-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;max-width:560px}.feature-head h2{margin-bottom:12px}.feature-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;margin-top:6px;position:relative}.feature-switch input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}.switch-track{display:block;width:48px;height:28px;border-radius:999px;background:#c1cbc4;position:relative;transition:background .2s}.switch-track:after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.feature-switch input:checked+.switch-track{background:#205446}.feature-switch input:checked+.switch-track:after{transform:translateX(20px)}.feature-switch input:focus-visible+.switch-track{outline:3px solid #9cba70;outline-offset:3px}.switch-state{font-size:12px;font-weight:700;color:var(--muted);min-width:21px}.feature-switch input:checked~.switch-state{color:#205446}.addon p{margin-bottom:0}@media(max-width:450px){.feature-head h2{font-size:26px}.addon{padding:28px 0}}

/* Motion follows the evidence path; reduced-motion users see the final static diagram. */
.addon svg rect{transform-box:fill-box;transform-origin:center;animation:diagram-arrive .55s both}.addon svg rect:nth-of-type(2){animation-delay:.22s}.addon svg rect:nth-of-type(3){animation-delay:.44s}.addon svg path{stroke-dasharray:210;stroke-dashoffset:210;animation:diagram-line .9s ease forwards;animation-delay:.25s}.addon svg text{animation:diagram-text .45s both;animation-delay:.5s}@keyframes diagram-arrive{from{opacity:.3;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes diagram-line{to{stroke-dashoffset:0}}@keyframes diagram-text{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.addon svg rect,.addon svg path,.addon svg text{animation:none;stroke-dashoffset:0}}
.addon svg path{stroke-dasharray:8 6;stroke-dashoffset:0;animation:diagram-flow 1.4s linear infinite}
.addon svg path:nth-of-type(2),.addon svg path:nth-of-type(4){stroke-dasharray:none;animation:none}
.addon svg rect:nth-of-type(2){animation:diagram-arrive .55s .15s both}
.addon svg rect:nth-of-type(3){animation:diagram-arrive .55s .3s both}
@keyframes diagram-flow{to{stroke-dashoffset:-28}}
@media(prefers-reduced-motion:reduce){.addon svg path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}
.addon svg text{animation:none;opacity:1}

.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:6px 10px;font:600 11px system-ui,sans-serif;cursor:pointer;letter-spacing:0;text-transform:none}
html[data-theme=dark]{--ink:#eaf3ec;--paper:#1f2b24;--line:#3a4a41;--muted:#acbeb1;--accent:#c4df72}
html[data-theme=dark] .addon svg,html[data-theme=dark] .roadmap svg,html[data-theme=dark] .guardrails svg{fill:#243028;stroke:#58705e}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .number{color:#8fc3aa}
html[data-theme=dark] .toggle input{accent-color:#c4df72}

/* Accessible sun/moon switch; clouds cross the orb on change only. */
.theme-toggle{display:inline-grid!important;place-items:center!important;width:43px!important;height:35px!important;min-width:43px!important;padding:0!important;overflow:hidden!important;position:relative!important;vertical-align:middle!important}
.theme-toggle:focus-visible{outline:3px solid var(--forest-2,#255b4d)!important;outline-offset:2px}
.theme-sky{width:27px;height:23px;position:relative;display:block}.theme-orb{position:absolute;left:7px;top:4px;width:16px;height:16px;border-radius:50%;background:#d99b49;box-shadow:0 0 0 3px #d99b4930;transition:background .32s,box-shadow .32s,transform .32s}
.theme-cloud{position:absolute;left:-11px;top:11px;width:17px;height:6px;border-radius:8px;background:var(--paper);box-shadow:7px -3px 0 -1px var(--paper);opacity:0;pointer-events:none}
html[data-theme=dark] .theme-orb{background:#dce5df;box-shadow:inset -5px -2px 0 #7e9b8c;transform:rotate(-18deg)}
.theme-toggle.theme-just-changed .theme-cloud{animation:cloud-cross .4s ease-out both}@keyframes cloud-cross{0%{transform:translateX(0);opacity:0}30%{opacity:.9}100%{transform:translateX(47px);opacity:0}}
@media(prefers-reduced-motion:reduce){.theme-orb{transition:none}.theme-toggle.theme-just-changed .theme-cloud{animation:none}}