:root{--color-bg: #f7f8f6;--color-surface: #ffffff;--color-surface-muted: #eef2ee;--color-text: #1d211f;--color-text-muted: #59645f;--color-heading: #111614;--color-border: #dde4df;--color-dark: #111715;--color-dark-soft: #1b2420;--color-dark-border: #34413b;--color-dark-text: #f5f8f5;--color-dark-muted: #c6d0c8;--color-accent: #2f7d62;--color-accent-strong: #235f4a;--color-accent-soft: #e1f0e8;--color-link: #245f89;--shadow-soft: 0 16px 40px rgba(29, 33, 31, .08);--radius-card: 8px;--radius-control: 6px;--radius-pill: 999px;--container: 1120px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--font-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-base);letter-spacing:0}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-size:1rem;line-height:1.6}body,button,input,textarea,select{font:inherit}a{color:var(--color-link);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-accent-strong)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #98cdb7;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-heading);line-height:1.12}h1{font-size:3rem;max-width:12ch}h2{font-size:2rem}h3{font-size:1.2rem}p{margin-bottom:0}ul,ol{margin-top:0}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:20;transform:translateY(-150%);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-soft)}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.narrow{max-width:760px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border);background:#fffffff0;backdrop-filter:blur(12px)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.site-logo{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--color-heading);font-weight:700;text-decoration:none}.site-logo__mark{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-dark);color:var(--color-dark-text);font-size:.72rem}.site-logo__text{white-space:nowrap}.header-nav,.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.header-nav a,.footer-nav a{color:var(--color-text-muted);font-size:.95rem;font-weight:600;text-decoration:none}.header-nav a:hover,.header-nav a[aria-current=page],.footer-nav a:hover{color:var(--color-heading)}.hero{padding-block:var(--space-8)}.hero--dark{background:var(--color-dark);color:var(--color-dark-text)}.hero--page{border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.hero--app{background:var(--color-dark);color:var(--color-dark-text)}.hero--dark h1,.hero--dark h2,.hero--app h1,.hero--app h2{color:var(--color-dark-text)}.hero--dark .eyebrow,.hero--app .eyebrow{color:var(--color-dark-muted)}.hero__inner{display:flex;flex-direction:column;gap:var(--space-6)}.hero__copy{max-width:850px}.hero__lead{max-width:820px;color:inherit;font-size:1.2rem}.hero--page .hero__lead{color:var(--color-text-muted)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid transparent;border-radius:var(--radius-control);padding:.7rem 1rem;font-weight:700;text-decoration:none}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover{background:var(--color-accent-strong);color:#fff}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-heading)}.button--secondary:hover{border-color:#b9c6be;color:var(--color-heading)}.button--ghost{border-color:var(--color-dark-border);background:transparent;color:var(--color-dark-text)}.button--ghost:hover{border-color:var(--color-dark-muted);color:var(--color-dark-text)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);padding:.45rem .7rem;font-size:.92rem;font-weight:650}.hero--dark .chip,.hero--app .chip{border-color:var(--color-dark-border);background:var(--color-dark-soft);color:var(--color-dark-muted)}.chip-list--small{margin-top:var(--space-4)}.chip--small{padding:.3rem .55rem;font-size:.8rem}.section{padding-block:var(--space-8)}.section--muted{background:var(--color-surface-muted)}.section--cta{background:var(--color-bg)}.section-heading{max-width:720px;margin-bottom:var(--space-6)}.section-heading p{color:var(--color-text-muted);font-size:1.06rem}.section-heading--compact{margin-bottom:0}.eyebrow{margin-bottom:var(--space-2);color:var(--color-accent-strong);font-size:.78rem;font-weight:800;text-transform:uppercase}.card-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft)}.app-card,.feature-card,.guide-card{padding:var(--space-5)}.app-card{display:flex;min-height:100%;flex-direction:column}.app-card__meta{margin-bottom:var(--space-4)}.app-card h3 a,.guide-card h2 a,.guide-card h3 a{color:var(--color-heading);text-decoration:none}.app-card p,.feature-card p,.guide-card p{color:var(--color-text-muted)}.status-pill{display:inline-flex;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);padding:.25rem .55rem;font-size:.78rem;font-weight:800}.text-link{margin-top:auto;padding-top:var(--space-5);font-weight:700}.hero-mockup{max-width:920px;margin-top:var(--space-4)}.mockup-panel{border:1px solid var(--color-dark-border);border-radius:var(--radius-card);background:var(--color-dark-soft);box-shadow:0 20px 60px #0000003d}.mockup-header{display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-dark-border);padding:var(--space-4);color:var(--color-dark-muted);font-weight:700}.status-dot{width:.7rem;height:.7rem;border-radius:50%;background:#79c49f}.mockup-body{display:grid;gap:var(--space-3);padding:var(--space-4)}.mockup-row,.mockup-note{display:grid;grid-template-columns:minmax(7rem,.35fr) 1fr;gap:var(--space-4);border:1px solid var(--color-dark-border);border-radius:var(--radius-control);background:#151d1a;padding:var(--space-4)}.mockup-row span,.mockup-note span:first-child{color:var(--color-dark-muted)}.mockup-row strong,.mockup-note span:last-child{color:var(--color-dark-text)}.split-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-6);align-items:start}.boundary-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.boundary-list li{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-4);color:var(--color-text-muted)}.faq-list{display:grid;gap:var(--space-3)}.faq-list details{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-4)}.faq-list summary{cursor:pointer;color:var(--color-heading);font-weight:800}.faq-list p{margin-top:var(--space-3);color:var(--color-text-muted)}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-soft)}.cta-panel p{max-width:680px;color:var(--color-text-muted)}.article-header{max-width:780px;margin-bottom:var(--space-6)}.article-header p{color:var(--color-text-muted);font-size:1.1rem}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-7);align-items:start}.toc{position:sticky;top:6rem;border-left:3px solid var(--color-border);padding-left:var(--space-4)}.toc h2{margin-bottom:var(--space-3);font-size:1rem}.toc__link{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:.92rem;font-weight:650;text-decoration:none}.toc__link--depth-3{padding-left:var(--space-3)}.prose{max-width:760px}.prose h2{margin-top:var(--space-7);margin-bottom:var(--space-3)}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--color-text-muted)}.prose p+p,.prose p+ul,.prose ul+p{margin-top:var(--space-4)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-6)}.footer-grid{display:flex;justify-content:space-between;gap:var(--space-5)}.footer-brand p{margin-top:var(--space-3);color:var(--color-text-muted)}.footer-bottom{margin-top:var(--space-5);color:var(--color-text-muted);font-size:.9rem}@media(max-width:760px){h1{font-size:2.25rem}h2{font-size:1.65rem}.header-bar,.footer-grid,.cta-panel{align-items:flex-start;flex-direction:column}.hero,.section{padding-block:var(--space-7)}.split-section,.article-layout{grid-template-columns:1fr}.toc{position:static}.mockup-row,.mockup-note{grid-template-columns:1fr}}