:root{--accent-red:#fe6d73;--accent-teal:#4ecdc4;--accent-yellow:#ffe66d;--ink:#0c0c0d;--soft-ink:#2b2f33;--muted:#6b7177;--line:#e2e4e8;--surface:#ffffff;--surface-alt:#f7f8fa;--header-bg:rgba(255,255,255,0.92);--max-width:1120px;--header-height:72px;--font-scale:1.16}html.theme-dark{--ink:#f0f0f2;--soft-ink:#c8cbd0;--muted:#9ca1a8;--line:#2e3238;--surface:#16181c;--surface-alt:#1e2126;--header-bg:rgba(22,24,28,0.92)}html.theme-dark .card,html.theme-dark .dashboard-preview-card{background:var(--surface-alt);border-color:var(--line)}html.theme-dark .hero:before{background:radial-gradient(circle at 15% 20%,rgba(254,109,115,.12),transparent 55%),radial-gradient(circle at 85% 10%,rgba(78,205,196,.12),transparent 55%)}html.theme-dark .button.primary{color:#111}html.theme-dark .philosophy{background:var(--surface-alt)}html.theme-dark .legal-content{background:var(--surface-alt);border-color:var(--line)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{color:var(--ink);background:var(--surface);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:calc(1rem * var(--font-scale));line-height:1.65;transition:background .3s ease,color .3s ease}a{color:inherit}img{max-width:100%;height:auto}.page{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--max-width);margin:0 auto;width:100%;padding:0 24px}.header-container{padding:0 16px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 0;transition:background .3s ease,border-color .3s ease}.nav{justify-content:space-between;gap:12px;flex-wrap:nowrap}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:8px;text-decoration:none;color:var(--ink);flex-shrink:0}.logo-container{display:inline-flex;align-items:center;justify-content:center;background:rgba(78,205,196,.12);border-radius:8px;padding:5px}html.theme-dark .logo-container{background:rgba(78,205,196,.16)}.logo{flex-shrink:0}.logo,.logo img{display:block;width:auto;height:26px}.logo-small img{height:18px}.brand-text{font-weight:600;font-size:calc(1rem * var(--font-scale));line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.nav-actions{gap:8px;flex-shrink:0}.header-controls,.nav-actions{display:flex;align-items:center}.header-controls{gap:4px}.compact-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit;font-size:calc(.8rem * var(--font-scale));font-weight:600}.compact-toggle:hover{color:var(--ink);border-color:var(--muted);background:var(--surface-alt)}.toggle-icon{width:16px;height:16px}.font-toggle{min-width:36px;width:auto;padding:0 6px}.control-group{gap:2px;background:var(--surface-alt);border-radius:6px;padding:3px;border:1px solid var(--line)}.control-btn,.control-group{display:flex;align-items:center}.control-btn{justify-content:center;padding:5px 8px;border:none;background:transparent;color:var(--muted);font-size:calc(.75rem * var(--font-scale));font-weight:500;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit}.control-btn:hover{color:var(--ink);background:var(--surface)}.theme-icon{width:14px;height:14px}.control-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}html.theme-dark .control-btn.active{background:var(--line)}.theme-icon{width:16px;height:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-weight:600;font-size:calc(.875rem * var(--font-scale));text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;font-family:inherit;white-space:nowrap}.button.compact{padding:7px 14px;font-size:calc(.8rem * var(--font-scale))}.button.primary{background:var(--accent-red);color:#1c1c1c;box-shadow:0 2px 8px rgba(254,109,115,.14)}.button.primary:focus,.button.primary:hover{background:#f95f66;box-shadow:0 3px 10px rgba(254,109,115,.18)}.button.secondary{border-color:var(--accent-teal);color:var(--accent-teal);background:transparent}.button.secondary:focus,.button.secondary:hover{background:rgba(78,205,196,.1)}main{flex:1 1;display:flex;flex-direction:column}.hero{position:relative;padding:56px 0 48px;background:var(--surface)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(254,109,115,.07),transparent 55%),radial-gradient(circle at 85% 10%,rgba(78,205,196,.07),transparent 55%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:680px;text-align:left}.eyebrow{font-size:calc(.72rem * var(--font-scale));text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-weight:500}.eyebrow,h1{margin:0 0 14px}h1{font-size:clamp(calc(2rem * var(--font-scale)),4vw,calc(2.6rem * var(--font-scale)));font-weight:700;letter-spacing:-.02em;line-height:1.15}.hero-title{margin:0 0 16px;max-width:19ch;line-height:1.2;letter-spacing:-.016em;text-wrap:balance}.hero-prefix{color:var(--muted);font-weight:520;letter-spacing:-.006em}.hero-focus{color:var(--ink);font-weight:720}.hero-note{color:var(--soft-ink);font-size:calc(1rem * var(--font-scale));margin:8px 0 0;max-width:47ch;line-height:1.86;text-align:left;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal}.hero-bridge{margin:22px 0 0;max-width:46ch;color:var(--muted);font-size:calc(.82rem * var(--font-scale));letter-spacing:.012em}.section{padding:48px 0}#what-it-does.section{padding-top:40px}.section-header{margin-bottom:28px}.section-header h2{font-size:clamp(calc(1.35rem * var(--font-scale)),2.5vw,calc(1.7rem * var(--font-scale)));font-weight:700;margin:0 0 10px;position:relative;padding-bottom:12px;letter-spacing:-.02em}.section-header h2:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:var(--accent-teal);border-radius:999px}.section-header p{margin:0;color:var(--muted);font-size:calc(.95rem * var(--font-scale));max-width:520px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface);min-height:140px;box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden;transition:box-shadow .2s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.card h3{margin:0 0 8px;font-size:calc(.95rem * var(--font-scale));font-weight:600;letter-spacing:-.01em}.card p{margin:0;color:var(--soft-ink);font-size:calc(.875rem * var(--font-scale));line-height:1.55}.identity-note{margin:0 0 7px;color:var(--muted);font-size:calc(.67rem * var(--font-scale));text-transform:uppercase;letter-spacing:.08em;font-weight:560}#use-cases .card p{max-width:33ch}.accent-red:before{background:var(--accent-red)}.accent-teal:before{background:var(--accent-teal)}.accent-yellow:before{background:var(--accent-yellow)}.dashboard-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.dashboard-preview-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;transition:box-shadow .2s ease,transform .2s ease}.dashboard-preview-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.dashboard-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dashboard-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px}.dashboard-card-icon.rhythm{background:rgba(254,109,115,.12)}.dashboard-card-icon.birthday{background:rgba(255,230,109,.2)}.dashboard-card-icon.interactions{background:rgba(78,205,196,.12)}.dashboard-card-icon.notes{background:rgba(107,113,119,.1)}.dashboard-card-title{font-size:calc(1rem * var(--font-scale));font-weight:600;margin:0;color:var(--ink)}.dashboard-card-content{display:flex;flex-direction:column;gap:10px}.dashboard-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:calc(.9rem * var(--font-scale))}.dashboard-stat:last-child{border-bottom:none}.dashboard-stat-label{color:var(--soft-ink)}.dashboard-stat-value{font-weight:600;color:var(--ink)}.dashboard-stat-value.warning{color:var(--accent-red)}.dashboard-stat-value.success{color:var(--accent-teal)}.dashboard-placeholder-list{display:flex;flex-direction:column;gap:8px}.dashboard-placeholder-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-alt);border-radius:8px;font-size:calc(.875rem * var(--font-scale));color:var(--soft-ink)}html.theme-dark .dashboard-placeholder-item{background:rgba(255,255,255,.04)}.dashboard-placeholder-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-placeholder-item .dot.red{background:var(--accent-red)}.dashboard-placeholder-item .dot.teal{background:var(--accent-teal)}.dashboard-placeholder-item .dot.yellow{background:var(--accent-yellow)}.philosophy{border-left:none;border-top:1px solid var(--line);padding:18px 0 0;max-width:58ch;color:var(--soft-ink);background:transparent;border-radius:0;font-size:calc(.98rem * var(--font-scale));line-height:1.9}.philosophy p{margin:0}#philosophy .section-header{margin-bottom:14px}#philosophy .section-header h2:after{width:24px;background:var(--line)}.footer{background:var(--surface);border-top:1px solid var(--line);padding:20px 0 14px;margin-top:auto}.footer-main{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-logo-container{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;background:transparent;border:1px solid var(--line);border-radius:999px;overflow:hidden}.footer-logo-container img{width:100%;height:100%;object-fit:contain;display:block}.footer-logo{display:block;width:auto;height:18px}.footer-brand-text{color:var(--muted);font-size:calc(.79rem * var(--font-scale));letter-spacing:.014em}.footer-links{display:flex;gap:4px;align-items:center}.footer-links a{color:var(--muted);text-decoration:none;font-size:calc(.76rem * var(--font-scale));padding:1px 5px;border-radius:4px;transition:color .15s ease}.footer-links a:hover{color:var(--ink)}.footer-links .separator{color:var(--line);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.45}.copyright,.footer-links .separator{font-size:calc(.75rem * var(--font-scale))}.copyright{text-align:center;color:var(--muted);margin:0;padding-top:10px}.legal-page{padding:48px 0 72px}.legal-content{max-width:800px;background:var(--surface-alt);border:1px solid var(--line);border-radius:14px;padding:40px 48px}.legal-content h1{font-size:calc(1.8rem * var(--font-scale));margin-bottom:8px}.legal-meta{margin:0 0 32px;color:var(--muted);font-size:calc(.9rem * var(--font-scale))}.legal-section{margin-bottom:28px}.legal-section:last-child{margin-bottom:0}.legal-section h2{margin:0 0 10px;font-size:calc(1.1rem * var(--font-scale));font-weight:600;color:var(--ink)}.legal-section h2:after{display:none}.legal-section p{margin:0;color:var(--soft-ink);line-height:1.75}.login-page{min-height:100vh}.login-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px 36px;box-shadow:0 8px 32px rgba(0,0,0,.06)}html.theme-dark .login-card{background:var(--surface-alt)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:calc(1.5rem * var(--font-scale));margin:0 0 8px}.login-header p{color:var(--muted);margin:0;font-size:calc(.95rem * var(--font-scale))}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:calc(.875rem * var(--font-scale));font-weight:500;color:var(--soft-ink)}.form-group input{padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:calc(1rem * var(--font-scale));font-family:inherit;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.form-group input,html.theme-dark .form-group input{background:var(--surface)}.form-group input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px rgba(78,205,196,.15)}.form-group input::placeholder{color:var(--muted)}.login-submit{width:100%;margin-top:8px}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--muted);font-size:calc(.85rem * var(--font-scale))}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--soft-ink);font-size:calc(.925rem * var(--font-scale));font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn:not(:disabled):hover{background:var(--surface-alt);border-color:var(--muted)}.coming-soon-badge{font-size:calc(.7rem * var(--font-scale));background:var(--surface-alt);color:var(--muted);padding:2px 6px;border-radius:4px;margin-left:auto}html.theme-dark .coming-soon-badge{background:var(--line)}.login-footer-text{text-align:center;margin-top:24px;color:var(--muted);font-size:calc(.9rem * var(--font-scale))}.text-link{color:var(--accent-teal);text-decoration:none}.text-link:hover{text-decoration:underline}.login-footer{padding:24px;text-align:center}.login-footer .footer-links{justify-content:center}.dashboard-page{min-height:100vh}.dashboard-main{flex:1 1;padding:48px 0 72px}.dashboard-title-area{margin-bottom:40px}.dashboard-title-area h1{font-size:calc(2rem * var(--font-scale));margin:0 0 8px;letter-spacing:-.02em}.dashboard-title-area p{color:var(--muted);margin:0;font-size:calc(1.05rem * var(--font-scale))}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.dashboard-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;transition:box-shadow .2s ease}html.theme-dark .dashboard-card{background:var(--surface-alt)}.dashboard-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}@media (max-width:1040px){.grid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dashboard-grid,.dashboard-preview-grid,.grid.three{grid-template-columns:1fr}.section{padding:40px 0}}@media (max-width:768px){.grid.four{grid-template-columns:1fr}.footer-main{flex-direction:column;align-items:flex-start;gap:12px}.hero{padding:40px 0 32px}.legal-content{padding:24px 20px}}@media (max-width:480px){.container{padding:0 12px}.header-container{padding:0 10px}.nav-brand .brand-text{font-size:calc(.9rem * var(--font-scale))}.compact-toggle{width:28px;height:28px}.font-toggle{min-width:32px;padding:0 4px}.toggle-icon{width:14px;height:14px}.button.compact{padding:6px 10px;font-size:calc(.75rem * var(--font-scale))}.control-group{padding:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}