body{line-height:1.45}.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--bg-app) 72%,transparent);border-bottom:1px solid var(--separator)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.01em;font-size:18px}.brand-mark{border-radius:10px;box-shadow:0 4px 14px #1c1c1e2e}.nav-links{display:flex;gap:28px}.nav-links a{font-size:15px;font-weight:500;color:var(--fg-2);transition:color .15s}.nav-links a:hover{color:var(--fg-1)}.nav-cta{display:inline-flex;align-items:center;background:var(--fg-1);color:var(--bg-app);padding:10px 18px;border-radius:var(--radius-capsule);font-size:14px;font-weight:600}@media(max-width:760px){.nav-links{display:none}}.hero{padding:96px 0 80px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}h1.headline{font-size:clamp(35px,4.8vw,61px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 22px;color:var(--fg-1);text-wrap:balance}h1.headline em{font-style:normal;background:linear-gradient(96deg,#3093ec,oklch(50% .16 250));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:clamp(16px,1.4vw,19px);color:var(--fg-2);max-width:520px;margin:0 0 36px;text-wrap:pretty}.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.appstore-badge{display:inline-flex;align-items:center;gap:12px;background:var(--bg-grouped);color:var(--fg-2);border:1px solid var(--separator);padding:14px 22px;border-radius:16px;cursor:default}.appstore-badge .label{display:flex;flex-direction:column;line-height:1.05}.appstore-badge .label small{font-size:11px;opacity:.8;letter-spacing:.04em}.appstore-badge .label strong{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1)}.appstore-badge-dark{background:#ffffff1a;border-color:#ffffff2e;color:#ffffffbf}.appstore-badge-dark .label strong{color:#fff}.phone-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.hero-note{margin-top:16px;font-size:12px;color:var(--fg-3)}.card-stack{position:relative;width:320px;height:340px}.habit-card{position:absolute;inset:0;border-radius:32px;padding:26px 22px 24px;box-shadow:var(--shadow-card);overflow:hidden}.habit-card-back{background:var(--card-violet-bg);transform:rotate(6deg) translate(18px,10px);opacity:.85}.habit-card-front{background:var(--card-coral-bg);color:#fff}.card-pattern{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 1.4px,transparent 1.4px);background-size:22px 22px;opacity:.16;-webkit-mask-image:radial-gradient(140% 120% at 100% 0%,#000 0%,transparent 60%);mask-image:radial-gradient(140% 120% at 100% 0%,#000 0%,transparent 60%)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.card-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.card-streak{display:flex;align-items:center;gap:4px;opacity:.92}.card-streak strong{font-family:var(--font-rounded);font-size:20px;font-weight:700}.card-streak small{font-size:9px;letter-spacing:.06em;opacity:.7;margin-left:2px}.card-desc{margin:8px 0 0;font-size:14px;opacity:.78;position:relative}.card-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px;position:relative}.pill{background:var(--card-coral-pill);color:var(--card-coral-ink);border-radius:var(--radius-capsule);padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.pill-month{font-size:9px;opacity:.6}.pill-date{font-family:var(--font-rounded);font-size:15px;font-weight:700}.pill-check{width:16px;height:16px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--card-coral-ink) 35%,transparent)}.pill-check.done{background:var(--card-coral-accent);border-color:transparent}.pill-today{background:var(--card-coral-ink);color:#fff}.pill-today .pill-check{border-color:#fff6}.pill-today .pill-check.done{background:#fff}.card-progress{margin-top:22px;position:relative}.progress-track{position:relative;height:5px;border-radius:999px;background:#ffffff4d}.progress-fill{position:absolute;inset:0;width:53%;border-radius:999px;background:#fff}.progress-notch{position:absolute;left:33.3%;top:-3px;width:3px;height:11px;border-radius:2px;background:#ffffff8c}.progress-label{display:block;margin-top:10px;font-family:var(--font-rounded);font-size:12px;font-weight:600;opacity:.8}.features{padding:80px 0 100px;position:relative}.section-head{max-width:720px;margin:0 auto 48px;text-align:center}.section-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tint);margin-bottom:14px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 14px;text-wrap:balance}.section-head p{color:var(--fg-2);font-size:17px;margin:0;text-wrap:pretty}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-card);padding:28px;display:flex;flex-direction:column;gap:14px;min-height:220px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--bg-grouped);color:var(--tint)}.feature h3{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--fg-1)}.feature p{color:var(--fg-2);font-size:15px;margin:0;text-wrap:pretty}.private-block{display:flex;align-items:flex-start;gap:20px;margin-top:28px;padding:32px;background:var(--bg-grouped);border-radius:var(--radius-card)}.private-icon{color:var(--tint);flex-shrink:0}.private-block h3{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--fg-1);margin:0 0 8px}.private-block p{color:var(--fg-2);font-size:16px;margin:0;text-wrap:pretty}.banner-section{background:#1c1c1e;color:#f5f0e6;padding:80px 24px;position:relative;overflow:hidden}.banner-inner{max-width:880px;margin:0 auto;text-align:center;position:relative;z-index:1}.banner-inner h3{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 16px;font-weight:800;letter-spacing:-.025em;text-wrap:balance;color:#f5f0e6}.banner-inner p{margin:0 auto 32px;color:#f5f0e6b8;font-size:17px;max-width:560px}@media(max-width:960px){.hero{padding:56px 0 24px}.hero-grid{grid-template-columns:1fr;gap:48px}.phone-wrap{order:2}.feature-grid{grid-template-columns:repeat(2,1fr)}.banner-section{padding:56px 24px}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.nav-cta{display:none}.card-stack{width:280px;height:320px}}footer{background:#1c1c1e;color:#f5f0e6b8;padding:64px 0 36px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px}.foot-brand{max-width:320px}.foot-brand .brand{color:#f5f0e6}.foot-brand p{font-size:14px;color:#f5f0e68c;margin:16px 0 20px}.foot-col h4{color:#f5f0e6;font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;font-weight:700}.foot-col a{display:block;padding:6px 0;font-size:14px;color:#f5f0e6a6;transition:color .15s}.foot-col a:hover{color:#f5f0e6}.foot-bar{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(245,240,230,.12);font-size:13px;color:#f5f0e673;flex-wrap:wrap;gap:12px}@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.foot-grid{grid-template-columns:1fr}}