:root{color-scheme:light;--pr-bg: #fff8f5;--pr-surface: #ffffff;--pr-surface-muted: #faf2ee;--pr-surface-elevated: #f4ece8;--pr-text: #1e1b19;--pr-muted: #3d4947;--pr-muted-soft: #6d7a77;--pr-border: #e9e1dd;--pr-outline: #bcc9c6;--pr-primary: #00685f;--pr-primary-hover: #005049;--pr-primary-container: #008378;--pr-on-primary: #ffffff;--pr-accent-subtle: #ccfbf1;--pr-accent-fixed: #89f5e7;--pr-focus: #0d9488;--pr-canvas: #edf0f5;--pr-success: #15803d;--pr-error: #ba1a1a;--pr-error-container: #ffdad6;--pr-tertiary: #924628;--pr-shadow-sm: 0 4px 12px rgb(28 25 23 / .06);--pr-shadow-md: 0 12px 40px rgb(28 25 23 / .08);--pr-shadow-dock: 0 4px 6px -1px rgb(0 0 0 / .07), 0 10px 20px -4px rgb(0 0 0 / .12);--pr-radius-btn: 10px;--pr-radius-card: 16px;--pr-radius-dock: 14px;--pr-radius-pill: 9999px;--pr-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--pr-font-display: clamp(2rem, 5vw, 3rem);--pr-font-headline: clamp(1.5rem, 3vw, 2rem);--pr-font-title: 1.25rem;--pr-font-body: 1rem;--pr-font-body-sm: .875rem;--pr-font-label: .75rem;--pr-space-xs: 4px;--pr-space-sm: 12px;--pr-space-md: 24px;--pr-space-lg: 40px;--pr-space-xl: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--pr-font);color:var(--pr-text);background:var(--pr-bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.pr-page{min-height:100%;background:var(--pr-bg)}.pr-page--auth{position:relative;overflow:hidden}.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--pr-radius-btn);font-family:var(--pr-font);font-weight:600;font-size:var(--pr-font-body-sm);line-height:1;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pr-btn:disabled{opacity:.65;cursor:wait}.pr-btn--primary{background:var(--pr-primary);color:var(--pr-on-primary)}.pr-btn--primary:hover:not(:disabled){background:var(--pr-primary-hover)}.pr-btn--secondary{background:var(--pr-surface);border-color:var(--pr-border);color:var(--pr-text)}.pr-btn--secondary:hover:not(:disabled){border-color:var(--pr-outline)}.pr-btn--ghost{background:transparent;border-color:var(--pr-border);color:var(--pr-muted)}.pr-btn--ghost:hover:not(:disabled){background:var(--pr-surface-muted);color:var(--pr-text)}.pr-btn--lg{padding:12px 20px;font-size:var(--pr-font-body)}.pr-btn--block{width:100%}.pr-card{background:var(--pr-surface);border:1px solid var(--pr-border);border-radius:var(--pr-radius-card);box-shadow:var(--pr-shadow-md)}.pr-eyebrow{margin:0 0 12px;font-size:var(--pr-font-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pr-primary)}.pr-muted{color:var(--pr-muted)}.pr-link{color:var(--pr-muted-soft);font-size:var(--pr-font-body-sm)}.pr-link:hover{color:var(--pr-text)}.pr-focus-ring:focus-visible{outline:2px solid var(--pr-focus);outline-offset:2px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,48px);background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--pr-border)}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--pr-text)}.logo-mark{width:32px;height:32px}.nav{display:flex;align-items:center;gap:12px;font-size:.95rem}.nav a:not(.btn){color:var(--pr-muted);padding:6px 8px}.nav a:not(.btn):hover{color:var(--pr-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--pr-radius-btn);font-weight:600;font-size:.95rem;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--pr-primary);color:var(--pr-on-primary)}.btn-primary:hover{background:var(--pr-primary-hover)}.btn-secondary{background:var(--pr-surface);border-color:var(--pr-border);color:var(--pr-text)}.btn-secondary:hover{border-color:var(--pr-outline)}.btn-lg{padding:12px 20px;font-size:1rem}main{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,48px) 64px}.hero{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding:clamp(40px,8vw,72px) 0}@media(min-width:900px){.hero{grid-template-columns:1fr 1.05fr;gap:48px}}.eyebrow{margin:0 0 12px;font-size:var(--pr-font-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pr-primary)}.hero h1{margin:0 0 16px;font-size:var(--pr-font-display);font-weight:600;line-height:1.12;letter-spacing:-.03em;max-width:14ch}.hero-lede{margin:0 0 28px;max-width:36rem;color:var(--pr-muted);font-size:1.125rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-preview{min-height:280px}.preview-canvas{position:relative;height:min(360px,50vw);min-height:260px;border-radius:var(--pr-radius-card);border:1px solid var(--pr-border);background:var(--pr-canvas);background-image:radial-gradient(circle,rgb(122 134 154 / .35) 1px,transparent 1px);background-size:16px 16px;box-shadow:var(--pr-shadow-md);overflow:hidden}.preview-sticky{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));width:min(42%,180px);padding:12px 14px;border-radius:12px;border:1px solid var(--pr-border);font-size:.8rem;font-weight:500;line-height:1.35;color:var(--pr-text);box-shadow:var(--pr-shadow-sm)}.preview-sticky--yellow{background:#fffbeb}.preview-sticky--mint{background:#ecfdf5}.preview-sticky--lavender{background:#f5f3ff}.preview-sticky--pink{background:#fdf2f8}.preview-dock{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;padding:8px 12px;border-radius:var(--pr-radius-dock);background:var(--pr-surface);border:1px solid var(--pr-border);box-shadow:var(--pr-shadow-dock)}.preview-dock span{width:28px;height:28px;border-radius:8px;background:var(--pr-surface-muted)}.preview-dock-add{background:var(--pr-primary)!important}.social-proof{margin:0 0 var(--pr-space-lg);text-align:center;font-size:var(--pr-font-body-sm);font-weight:600;color:var(--pr-muted-soft)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding-bottom:var(--pr-space-lg)}.feature{background:var(--pr-surface);border:1px solid var(--pr-border);border-radius:var(--pr-radius-card);padding:24px;box-shadow:var(--pr-shadow-sm)}.feature-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:12px;border-radius:10px;background:var(--pr-accent-subtle);color:var(--pr-primary);font-size:1.1rem;font-weight:700}.feature h2{margin:0 0 8px;font-size:1.15rem;font-weight:600}.feature p{margin:0;color:var(--pr-muted)}.how{padding:var(--pr-space-lg) 0}.how h2,.compare h2{margin:0 0 24px;font-size:var(--pr-font-headline);font-weight:600;letter-spacing:-.02em;text-align:center}.steps{list-style:none;margin:0;padding:0;display:grid;gap:20px;max-width:640px;margin-inline:auto}.steps li{display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--pr-surface);border:1px solid var(--pr-border);border-radius:var(--pr-radius-card)}.step-num{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--pr-primary);color:var(--pr-on-primary);font-weight:700;font-size:.95rem}.steps h3{margin:0 0 4px;font-size:1.05rem;font-weight:600}.steps p{margin:0;color:var(--pr-muted);font-size:var(--pr-font-body-sm)}.compare{padding:var(--pr-space-md) 0 var(--pr-space-lg)}.compare ul{max-width:520px;margin:0 auto;padding:24px 28px;list-style:none;background:var(--pr-surface-elevated);border:1px solid var(--pr-border);border-radius:var(--pr-radius-card)}.compare li{position:relative;padding:8px 0 8px 28px;color:var(--pr-muted)}.compare li:before{content:"✓";position:absolute;left:0;color:var(--pr-primary);font-weight:700}.cta{text-align:center;padding:48px 24px;background:var(--pr-surface);border:1px solid var(--pr-border);border-radius:20px;box-shadow:var(--pr-shadow-md)}.cta h2{margin:0 0 8px;font-size:var(--pr-font-headline);font-weight:600}.cta p{margin:0 0 24px;color:var(--pr-muted)}.site-footer{border-top:1px solid var(--pr-border);padding:24px clamp(20px,5vw,48px);text-align:center;color:var(--pr-muted-soft);font-size:.9rem}.site-footer p{margin:0 0 8px}.footer-links{display:flex;justify-content:center;gap:20px;font-size:var(--pr-font-body-sm)}.footer-links a{color:var(--pr-muted-soft)}.footer-links a:hover{color:var(--pr-text)}@media(max-width:640px){.nav-sign-in,.nav a[href="#how"]{display:none}}