:root{--bg: #ffffff;--fg: #111418;--muted: #4a5560;--accent: #0e6e7a;--accent-fg: #ffffff;--border: #e4e7eb;--card-bg: #f7f8fa;--todo-bg: #fff3cd;--todo-fg: #7a5b00;--max-width: 1040px;--radius: 8px;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@media(prefers-color-scheme:dark){:root{--bg: #0e1013;--fg: #e8eaed;--muted: #9aa4ad;--accent: #4ec7d2;--accent-fg: #0a1012;--border: #232830;--card-bg: #161a1f;--todo-bg: #3a2f00;--todo-fg: #ffd866}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:var(--font-stack);background:var(--bg);color:var(--fg);line-height:1.55;font-size:17px}.container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem}header.site-header{border-bottom:1px solid var(--border)}header.site-header .container{padding-top:1.25rem;padding-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}header.site-header a.brand{font-weight:700;font-size:1.1rem;color:var(--fg);text-decoration:none;letter-spacing:-.01em}header.site-header nav a{color:var(--muted);text-decoration:none;margin-left:1rem;font-size:.95rem}header.site-header nav a:hover{color:var(--fg)}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.015em;margin:2rem 0 .75rem}h1{font-size:2.1rem;margin-top:1rem}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:.75rem 0}a{color:var(--accent)}a:hover{text-decoration:underline}ul,ol{padding-left:1.25rem}li{margin:.25rem 0}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}code{font-family:var(--font-mono);font-size:.9em;background:var(--card-bg);padding:.1em .35em;border-radius:4px}blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.25rem 0 .25rem 1rem;color:var(--muted)}.hero{min-height:calc(100svh - 92px);padding:2rem 0 1rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.hero-copy{max-width:720px}.hero .tagline{font-size:1.2rem;color:var(--muted);margin-bottom:1rem;max-width:34rem}.hero-visual{margin:0;display:flex;justify-content:center}.hero-visual img{display:block;width:min(100%,330px);height:auto;border-radius:36px;box-shadow:0 24px 70px #00000038}.badge{display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:var(--card-bg);color:var(--muted);border:1px solid var(--border)}.disclaimer-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin:1.5rem 0}.disclaimer-banner strong{color:var(--fg)}.features{list-style:none;padding:0;margin:1rem 0 2rem;display:grid;grid-template-columns:1fr;gap:.75rem}.features li{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.features li strong{display:block;margin-bottom:.25rem}.features li span{color:var(--muted);font-size:.95rem}.coming-soon{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:2rem 0}.coming-soon h2{margin-top:0}details{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin:.5rem 0;background:var(--card-bg)}details>summary{cursor:pointer;font-weight:600;list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:.5rem}.todo{background:var(--todo-bg);color:var(--todo-fg);padding:.05em .35em;border-radius:3px;font-family:var(--font-mono);font-size:.9em}footer.site-footer{border-top:1px solid var(--border);margin-top:3rem}footer.site-footer .container{padding-top:1.5rem;padding-bottom:2.5rem;color:var(--muted);font-size:.9rem}footer.site-footer nav a{color:var(--muted);text-decoration:none;margin-right:1rem}footer.site-footer nav a:hover{color:var(--fg)}footer.site-footer .legal{margin-top:.75rem;max-width:56ch}@media(min-width:640px){body{font-size:17px}.container{padding:3rem 1.5rem}.hero{padding:3rem 0 1rem}}@media(min-width:860px){.hero{grid-template-columns:minmax(0,1fr) 380px;gap:4rem}.hero-visual{justify-content:flex-end}.hero-visual img{width:360px}}