:root{--accent: #0891B2;--accent-on: #FFFFFF;--bg: #FFFFFF;--surface: #F5F5F7;--border: #E5E5EA;--text: #1C1C1E;--text-muted: #6B6B70;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-card: 16px;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--text-title: 1.75rem;--text-title2: 1.375rem;--text-headline: 1.0625rem;--text-body: 1rem;--text-subheadline: .9375rem;--text-caption: .75rem}@media(prefers-color-scheme:dark){:root{--accent: #67E8F9;--accent-on: #083344;--bg: #000000;--surface: #1C1C1E;--border: #2C2C2E;--text: #F2F2F7;--text-muted: #98989F}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{line-height:1.25;margin:0 0 var(--space-4);font-weight:700;color:var(--text)}h1{font-size:var(--text-title);margin-bottom:var(--space-6)}h2{font-size:var(--text-title2);font-weight:600;margin-top:var(--space-8)}h3{font-size:var(--text-headline);font-weight:600;margin-top:var(--space-6)}p{margin:0 0 var(--space-4);max-width:60ch}p:last-child{margin-bottom:0}ul{margin:0 0 var(--space-4);padding-left:var(--space-6);max-width:60ch}li+li{margin-top:var(--space-2)}small,.meta{font-size:var(--text-subheadline);color:var(--text-muted)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;padding:.1em .35em;background:var(--surface);border-radius:4px}a{color:var(--accent);text-decoration:none;transition:opacity .15s ease-in-out}a:hover{opacity:.85}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--radius-card);font:inherit;font-weight:600;cursor:pointer;transition:opacity .15s ease-in-out,transform .15s ease-in-out;min-height:44px}.button:hover{opacity:.85}.button:active{transform:scale(.97);opacity:.7}.app-store-badge-link{display:inline-block;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.app-store-badge-link:hover{opacity:.85}.app-store-badge-link:active{transform:scale(.97);opacity:.7}.lead{font-size:var(--text-title2);line-height:1.4;max-width:34ch;margin-bottom:var(--space-6)}.cta-row{margin-bottom:var(--space-8)}.benefits{list-style:none;padding:0;margin:0 0 var(--space-8);max-width:60ch}.benefits li{padding:var(--space-4) 0;border-top:1px solid var(--border)}.benefits li:last-child{border-bottom:1px solid var(--border)}input,textarea{width:100%;padding:var(--space-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-height:44px}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}label{display:block;margin-bottom:var(--space-2);font-size:var(--text-subheadline);font-weight:600}.page{max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-4)}.site-header{border-bottom:1px solid var(--border)}.site-header-inner{max-width:640px;margin:0 auto;padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-brand{font-size:var(--text-headline);font-weight:600;color:var(--text)}.site-nav{display:flex;gap:var(--space-6);font-size:var(--text-subheadline)}.site-nav a{color:var(--text-muted)}.site-nav a:hover{color:var(--accent);opacity:1}.site-nav a[aria-current=page]{color:var(--accent);font-weight:600}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-8)}.site-footer-inner{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4);color:var(--text-muted);font-size:var(--text-subheadline)}.site-footer p{margin-bottom:var(--space-2)}.site-footer p:last-child{margin-bottom:0}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
