:root{--bg:#faf9f6;--surface:#fff;--text:#1a1a2e;--text-secondary:#5c5c6f;--accent:#ff6b4a;--accent-hover:#e85d3a;--accent-soft:#fff0ec;--success:#34d399;--border:#e8e5e0;--grain-opacity:.03}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text);background:var(--bg);letter-spacing:.01em;font-family:Outfit,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}h1,h2,h3{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:500;line-height:1.15}.page{min-height:100vh}.section{padding:100px 24px;position:relative}.section--hero{align-items:center;min-height:100vh;padding:120px 24px 100px;display:flex}.container{max-width:640px;margin:0 auto}.container--wide{max-width:880px}.hero__headline{color:var(--text);margin-bottom:24px;font-size:clamp(2.4rem,6vw,3.6rem)}.hero__subhead{color:var(--text-secondary);max-width:520px;margin-bottom:40px;font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:300;line-height:1.7}.email-form{gap:12px;max-width:460px;display:flex}.email-form__input{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;outline:none;flex:1;padding:16px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:400;transition:border-color .2s}.email-form__input::placeholder{color:#b0aea8}.email-form__input:focus{border-color:var(--accent)}.email-form__button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:16px 28px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,transform .15s}.email-form__button:hover{background:var(--accent-hover);transform:translateY(-1px)}.email-form__button:active{transform:translateY(0)}.email-form__success{color:var(--success);padding:16px 0;font-size:1.05rem;font-weight:500}.email-form__note{color:#b0aea8;margin-top:12px;font-size:.8rem}.steps{flex-direction:column;gap:48px;display:flex}.step{align-items:flex-start;gap:24px;display:flex}.step__number{color:var(--accent);flex-shrink:0;width:48px;font-family:Fraunces,serif;font-size:2.4rem;font-weight:300;line-height:1}.step__content h3{margin-bottom:6px;font-size:1.25rem;font-weight:500}.step__content p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.features{grid-template-columns:1fr;gap:32px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .2s}.feature:hover{border-color:var(--accent)}.feature__title{margin-bottom:8px;font-size:1.15rem;font-weight:500}.feature__desc{color:var(--text-secondary);font-size:.95rem;font-weight:300;line-height:1.7}.quote{padding:40px 0;position:relative}.quote__text{color:var(--text);font-family:Fraunces,serif;font-size:clamp(1.3rem,3vw,1.7rem);font-style:italic;font-weight:400;line-height:1.5}.quote__attr{color:var(--text-secondary);margin-top:16px;font-size:.9rem}.section__heading{margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.2rem)}.section__subheading{color:var(--text-secondary);max-width:480px;margin-bottom:48px;font-size:1.05rem;font-weight:300}.section--cta{text-align:center;padding:120px 24px}.section--cta .container{flex-direction:column;align-items:center;display:flex}.section--cta .hero__headline{text-align:center}.section--cta .hero__subhead{text-align:center;margin-left:auto;margin-right:auto}.section--cta .email-form{margin:0 auto}.divider{background:var(--border);width:48px;height:2px;margin:0 auto}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.phone-mockup{background:#000;border-radius:36px;flex-shrink:0;width:280px;height:580px;padding:10px;position:relative;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014}.phone-mockup__notch{z-index:10;background:#000;border-radius:0 0 16px 16px;width:110px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-mockup__screen{-ms-overflow-style:none;scrollbar-width:none;background:#fafaf8;border-radius:28px;width:100%;height:100%;overflow:hidden auto}.phone-mockup__screen::-webkit-scrollbar{display:none}.phone-mockup__bar{z-index:10;background:#444;border-radius:2px;width:100px;height:4px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.m-screen{min-height:100%;padding:48px 16px 32px;font-family:Outfit,sans-serif;font-size:13px}.m-screen--dark{text-align:center;background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;display:flex}.m-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.m-header__greeting{color:#1a1a2e;font-family:Fraunces,serif;font-size:1.15rem;font-weight:500}.m-header__date{color:#aeaeb8;margin-top:1px;font-size:.65rem}.m-avatar{color:#fff;background:linear-gradient(135deg,#ff6b4a,#ff9a76);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6rem;font-weight:600;display:flex}.m-record-btn{background:#ff6b4a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;display:flex;box-shadow:0 4px 16px #ff6b4a40}.m-hint{color:#aeaeb8;font-size:.65rem}.m-streak{background:#fff0ec;border-radius:10px;justify-content:center;align-items:center;gap:5px;margin:14px 0 4px;padding:7px 12px;font-size:.68rem;display:flex}.m-streak span{color:#ff6b4a;font-weight:500}.m-label{color:#aeaeb8;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px;font-size:.58rem;font-weight:600}.m-card{background:#fff;border:1px solid #f0ede8;border-radius:11px;margin-bottom:8px;padding:11px}.m-card__time{color:#aeaeb8;text-transform:uppercase;letter-spacing:.03em;font-size:.58rem;font-weight:500}.m-card__text{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 7px;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.m-card__title{color:#1a1a2e;font-size:.72rem}.m-card__sub{color:#aeaeb8;margin-top:4px;font-size:.58rem}.m-checkbox{border:2px solid #f0ede8;border-radius:4px;flex-shrink:0;width:14px;height:14px}.m-tags{flex-wrap:wrap;gap:4px;display:flex}.m-tag{border-radius:12px;padding:2px 7px;font-size:.55rem;font-weight:500;display:inline-block}.m-tag--idea{color:#3b82f6;background:#eff6ff}.m-tag--task{color:#059669;background:#ecfdf5}.m-tag--reflection{color:#7c3aed;background:#f3f0ff}.m-tag--mood{color:#d97706;background:#fffbeb}.m-tag--vent,.m-tag--overdue{color:#dc2626;background:#fef2f2}.m-tag--due-soon{color:#d97706;background:#fffbeb}.m-rec-timer{color:#fff;letter-spacing:.02em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:300}.m-rec-label{color:#fff6;margin-bottom:32px;font-size:.72rem}.m-waveform{align-items:center;gap:2px;height:50px;margin-bottom:32px;display:flex}.m-waveform__bar{background:#ff6b4a;border-radius:2px;width:2.5px;animation:1.2s ease-in-out infinite alternate mwave}@keyframes mwave{0%{opacity:.35}to{opacity:1}}.m-rec-stop{background:#ff6b4a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 20px #ff6b4a59}.m-rec-stop__icon{background:#fff;border-radius:3px;width:18px;height:18px}.m-rec-transcript{color:#ffffff59;max-width:220px;margin-top:28px;padding:0 8px;font-size:.7rem;font-style:italic;line-height:1.5}.hero-with-mockup{align-items:center;gap:48px;display:flex}.hero-with-mockup__content{flex:1;min-width:0}@media (width<=820px){.hero-with-mockup{flex-direction:column;gap:40px}.phone-mockup{width:240px;height:500px}}@media (width<=639px){.phone-mockup{border-radius:28px;width:220px;height:460px;padding:8px}.phone-mockup__notch{border-radius:0 0 12px 12px;width:90px;height:22px}.phone-mockup__screen{border-radius:22px}}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#faf9f6d9;padding:16px 24px;position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;display:flex}.nav__brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.footer{border-top:1px solid var(--border);padding:32px 24px}.footer__inner{text-align:center;color:#b0aea8;max-width:880px;margin:0 auto;font-size:.85rem}@media (width>=640px){.features{grid-template-columns:1fr 1fr}.email-form{flex-direction:row}}@media (width<=639px){.section{padding:72px 20px}.section--hero{padding:96px 20px 72px}.email-form{flex-direction:column}.email-form__button{text-align:center}.step{gap:16px}.step__number{width:36px;font-size:1.8rem}}