@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root{--radius:1.25rem;--background:oklch(.995 .006 30);--foreground:oklch(.22 .04 15);--card:oklch(1 0 0);--primary:oklch(.652 .216 12);--primary-glow:oklch(.68 .196 30);--primary-fg:oklch(.99 .01 20);--muted:oklch(.965 .015 25);--muted-fg:oklch(.53 .05 18);--accent:oklch(.95 .04 25);--accent-fg:oklch(.4 .14 15);--border:oklch(.92 .02 25);--brand:linear-gradient(135deg,var(--primary),var(--primary-glow));--soft:linear-gradient(180deg,oklch(.99 .012 25),oklch(.97 .03 25));--shadow-soft:0 12px 40px -12px oklch(.652 .216 12/.28);--shadow-lift:0 30px 70px -25px oklch(.652 .216 12/.45);--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(100% - 3rem,72rem);margin-inline:auto}.narrow{width:min(100% - 3rem,48rem);margin-inline:auto}.display{font-family:var(--display)}
.topbar{background:color-mix(in oklch,var(--background) 88%,transparent);position:sticky;top:0;z-index:20;border-bottom:1px solid color-mix(in oklch,var(--border) 75%,transparent);backdrop-filter:blur(18px)}.nav{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.brand img{width:2.7rem;height:2.7rem;border-radius:.85rem;box-shadow:var(--shadow-soft)}.nav-links{display:flex;align-items:center;gap:1.5rem;color:var(--muted-fg);font-size:.9rem;font-weight:600}.nav-links a:hover{color:var(--foreground)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--brand);padding:.85rem 1.55rem;color:var(--primary-fg);font-weight:700;box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.button-light{background:var(--card);color:var(--primary)}
.hero{display:grid;align-items:center;gap:4rem;padding-block:6.5rem 7rem}.eyebrow{display:inline-flex;margin:0 0 1.3rem;border-radius:999px;background:var(--accent);padding:.4rem 1rem;color:var(--accent-fg);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:11ch;margin:0;font-family:var(--display);font-size:clamp(3.4rem,7vw,5.2rem);font-weight:800;line-height:1.01;letter-spacing:-.065em}.text-brand{background:var(--brand);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{max-width:34rem;margin:1.6rem 0 0;color:var(--muted-fg);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}.note{color:var(--muted-fg);font-size:.83rem}
.phone-stage{position:relative;display:grid;place-items:center;min-height:34rem}.glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:var(--brand);opacity:.19;filter:blur(45px)}.phone{position:relative;width:min(100%,21rem);padding:.65rem;border:1px solid color-mix(in oklch,var(--primary) 20%,white);border-radius:3rem;background:#24181b;box-shadow:var(--shadow-lift);transform:rotate(2deg)}.screen{min-height:38rem;overflow:hidden;border-radius:2.42rem;background:linear-gradient(170deg,#fff9f5,#ffe8df);padding:2rem 1.3rem;color:#431923}.island{width:6rem;height:1.45rem;margin:-1.45rem auto 2.2rem;border-radius:999px;background:#24181b}.screen-top{display:flex;align-items:center;justify-content:space-between}.screen-top img{width:2.55rem;border-radius:.75rem}.mini-label{margin:0;color:#a56c78;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.streak-card{margin-top:1.4rem;border-radius:1.6rem;background:var(--brand);padding:1.5rem;color:white;box-shadow:var(--shadow-soft)}.streak-card strong{display:block;font:800 3.5rem/1 var(--display)}.streak-card span{font-size:.85rem}.saved{display:flex;justify-content:space-between;align-items:end;margin-top:1.1rem;border-radius:1.2rem;background:white;padding:1.1rem;box-shadow:0 10px 30px rgba(115,38,55,.08)}.saved strong{font:800 1.65rem var(--display);color:var(--primary)}.skip{margin-top:1rem;border:1px solid #f3cfc8;border-radius:1.2rem;background:rgba(255,255,255,.65);padding:1.1rem}.skip-row{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem}.skip-row span:last-child{color:var(--primary);font-weight:800}
.soft{background:var(--soft);padding-block:6.5rem}.section-title{max-width:35rem;margin:0;font-family:var(--display);font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.04em}.features{display:grid;gap:1.5rem;margin-top:3rem}.card{border:1px solid color-mix(in oklch,var(--border) 65%,transparent);border-radius:2rem;background:var(--card);padding:2rem;box-shadow:var(--shadow-soft)}.card-no{display:block;margin-bottom:2rem;color:var(--primary);font-family:var(--display);font-size:.8rem;font-weight:800}.card h3,.step h3{margin:0;font-family:var(--display);font-size:1.25rem}.card p,.step p{margin:.7rem 0 0;color:var(--muted-fg)}
.steps{display:grid;gap:2.5rem;padding-block:6.5rem}.step-number{font:800 2.8rem/1 var(--display)}.cta{margin-bottom:6.5rem;border-radius:2.75rem;background:var(--brand);padding:4rem 2rem;text-align:center;box-shadow:var(--shadow-lift)}.cta img{width:5rem;height:5rem;margin:auto;border-radius:1.5rem}.cta h2{margin:1.5rem 0 .6rem;color:var(--primary-fg);font:800 clamp(2rem,5vw,3rem)/1.1 var(--display);letter-spacing:-.04em}.cta p{max-width:32rem;margin:.8rem auto 1.8rem;color:color-mix(in oklch,var(--primary-fg) 84%,transparent)}
.contact{padding-block:6.5rem;border-top:1px solid var(--border)}.contact-grid{display:grid;gap:3rem;align-items:center}.contact-copy p{max-width:35rem;color:var(--muted-fg)}.contact-card{border-radius:2rem;background:var(--card);padding:2rem;box-shadow:var(--shadow-soft)}.contact-card small{display:block;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.1em}.contact-card a{display:inline-block;margin-top:.45rem;color:var(--primary);font-size:clamp(1rem,3vw,1.3rem);font-weight:700}.site-footer{border-top:1px solid var(--border);padding-block:2.25rem;color:var(--muted-fg);font-size:.85rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.footer-links{display:flex;gap:1.5rem}.footer-links a:hover{color:var(--foreground)}
.legal{padding-block:6rem}.legal h1{margin:0;font:800 clamp(2.8rem,7vw,4.5rem)/1 var(--display);letter-spacing:-.055em}.updated{margin:1rem 0 3.5rem;color:var(--muted-fg)}.legal-sections{display:grid;gap:2.4rem}.legal h2{margin:0 0 .65rem;font:700 1.25rem var(--display)}.legal p{margin:0;color:var(--muted-fg)}.legal a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
@media(min-width:48rem){.hero{grid-template-columns:1.05fr .95fr}.features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1.2fr .8fr}}@media(max-width:44rem){.wrap,.narrow{width:min(100% - 2rem,72rem)}.nav-links a:not(.button){display:none}.hero{padding-block:4rem}.phone-stage{min-height:30rem}.screen{min-height:34rem}.soft,.steps,.contact{padding-block:4.5rem}.cta{margin-bottom:4.5rem;padding-block:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}