*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--grad-start:#9d4edd;--grad-mid:#5a67d8;--grad-end:#00b4d8;--gentle-a:#4ecdc4;--gentle-b:#a8e6cf;--focused-a:#4f46e5;--focused-b:#00b4d8;--wind-a:#2d3561;--wind-b:#7b68ee;--bg:#fff;--bg-soft:#f9fafb;--bg-gradient:linear-gradient(180deg,#fff 0%,#f0f9ff 50%,#fff7ed 100%);--text:#111827;--text-secondary:#4f545c;--text-muted:#72767d;--border:#06060714;--shadow-sm:0 2px 8px #9d4edd1a;--shadow-md:0 8px 16px #9d4edd26;--shadow-lg:0 16px 32px #9d4edd33;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:56px;--space-3xl:80px;--space-4xl:120px}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg-gradient);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{width:min(1260px,90vw);margin:0 auto}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.2}h1{background:linear-gradient(135deg,var(--text)0%,var(--grad-mid)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,64px)}h2{font-size:clamp(32px,5vw,48px)}h3{font-size:clamp(20px,3vw,28px)}p{margin:0;font-size:clamp(16px,2vw,20px);line-height:1.6}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-gradient{background:linear-gradient(135deg,var(--grad-start),var(--grad-mid),var(--grad-end));color:#fff;box-shadow:0 4px 14px #9d4edd4d}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9d4edd66}.btn-white{color:var(--text);border:2px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.btn-white:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-2px)}.nav-header{-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.nav-container{padding:var(--space-md)0;justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:var(--space-sm);color:var(--text);font-size:20px;font-weight:800;text-decoration:none;display:flex}.nav-logo-icon{font-size:32px}.nav-menu{align-items:center;gap:var(--space-xl);margin:0;padding:0;list-style:none;display:flex}.nav-menu a:not(.btn){color:var(--text);padding:10px;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.nav-menu a:not(.btn):hover{color:var(--grad-mid)}.hero{padding:var(--space-4xl)0 var(--space-3xl)0;margin-top:80px;position:relative;overflow:hidden}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero h1{margin-bottom:var(--space-lg)}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(20px,2.5vw,24px);line-height:1.5}.hero-cta{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.hero-companion{margin:var(--space-3xl)0;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.companion-wrapper{display:inline-block;position:relative}.companion-wrapper:before{content:"";background:radial-gradient(circle,#9d4edd26 0%,#0000 70%);border-radius:50%;position:absolute;inset:-40%}.companion-main{filter:drop-shadow(0 20px 40px #9d4edd4d);z-index:1;font-size:180px;position:relative}.companion-sparkle{font-size:28px;position:absolute}.companion-sparkle:nth-child(2){top:-20px;left:-40px}.companion-sparkle:nth-child(3){top:40px;right:-50px}.companion-sparkle:nth-child(4){bottom:20px;left:-30px}.mode-pills-preview{gap:var(--space-md);margin-bottom:var(--space-2xl);justify-content:center;display:flex}.mode-pill-mini{border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.pill-gentle{background:linear-gradient(135deg,var(--gentle-a),var(--gentle-b));color:#fff;box-shadow:0 2px 8px #4ecdc44d}.pill-focused{background:linear-gradient(135deg,var(--focused-a),var(--focused-b));color:#fff;box-shadow:0 2px 8px #4f46e54d}.pill-wind{background:linear-gradient(135deg,var(--wind-a),var(--wind-b));color:#fff;box-shadow:0 2px 8px #7b68ee4d}.modes{padding:var(--space-3xl)0;background:var(--bg-soft)}.modes-header{text-align:center;margin-bottom:var(--space-3xl)}.modes-header h2{margin-bottom:var(--space-md)}.features-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:20px}.modes-layout{flex-direction:column;gap:64px;margin-top:64px;display:flex}.mode-row{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.mode-row.reverse{direction:rtl}.mode-row.reverse .mode-text{direction:ltr}.mode-text h3{margin:16px 0;font-size:32px}.mode-text p{color:var(--text-secondary);margin-bottom:24px;font-size:18px}.mode-features{margin:0;padding:0;list-style:none}.mode-features li{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;display:flex}.mode-features li:before{content:"✓";color:var(--grad-mid);font-size:20px;font-weight:700}.mode-mockup{border-radius:24px;flex-direction:column;min-height:400px;padding:32px;display:flex;box-shadow:0 20px 40px #0000001a}.gentle-bg{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.focused-bg{background:linear-gradient(135deg,#eef2ff,#dbeafe)}.wind-bg{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.phone-header{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;font-weight:600;display:flex}.dots{letter-spacing:2px}.phone-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.companion-display{margin-bottom:16px;font-size:80px}.companion-mood{margin-bottom:16px;font-size:32px}.focused-mood{position:relative;bottom:-40px;right:-30px}.chat-bubble{background:#fff;border-radius:16px;margin-bottom:24px;padding:12px 20px;font-size:16px;font-weight:500}.task-card{background:#fff;border-radius:16px;width:100%;padding:16px}.task-title{color:var(--text-muted);margin-bottom:12px;font-size:14px}.task-item{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.task-item.complete{color:var(--gentle-a)}.progress-bar{background:#e5e7eb;border-radius:2px;width:100%;height:4px;margin-top:12px}.progress-fill{border-radius:2px;width:66%;height:100%}.gentle-gradient{background:linear-gradient(90deg,var(--gentle-a),var(--gentle-b))}.timer-display{width:120px;height:120px;margin-bottom:24px;position:relative}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{stroke:#e5e7eb;stroke-width:8px;fill:none}.timer-progress{stroke:url(#focus-gradient);stroke-width:8px;fill:none;stroke-dasharray:339;stroke-dashoffset:85px;stroke-linecap:round}.timer-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-value{color:var(--focused-a);font-size:28px;font-weight:700}.timer-label{color:var(--text-muted);font-size:12px}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:12px}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--text-muted);font-size:11px}.summary-card{background:#fff;border-radius:20px;width:100%;padding:24px}.summary-title{margin-bottom:4px;font-size:16px;font-weight:600}.summary-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}.summary-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.summary-value{color:var(--wind-b);font-size:24px;font-weight:700}.summary-label{color:var(--text-muted);font-size:11px}.rating{justify-content:center;gap:4px;margin-bottom:12px;font-size:20px;display:flex}.achievement{text-align:center;background:linear-gradient(135deg,var(--wind-a),var(--wind-b));color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-block}.how-it-works{padding:var(--space-3xl)0;background:linear-gradient(135deg,#9d4edd0d,#00b4d80d)}.features-header{text-align:center;margin-bottom:var(--space-3xl)}.features-header h2{margin-bottom:var(--space-md)}.day-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.day-card{text-align:center;border-radius:24px;padding:32px;transition:transform .3s}.day-card:hover{transform:translateY(-4px)}.morning-card{background:linear-gradient(#fff7ed,#ffe4b5);border:1px solid #ffc75f33}.afternoon-card{background:linear-gradient(#e0f2fe,#bae6fd);border:1px solid #0ea5e933}.evening-card{background:linear-gradient(#e9d5ff,#c084fc);border:1px solid #9333ea33}.time-icon{margin-bottom:16px;font-size:64px}.day-card h3{color:var(--text);margin-bottom:16px}.day-card .companion-mood{margin:16px 0;font-size:32px}.day-title{margin-bottom:8px;font-weight:600}.day-card p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.mode-indicator{color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.features{padding:var(--space-3xl)0;background:linear-gradient(#0000,#ffffff80,#0000)}.companion-info{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:48px;display:grid}.info-text h3{color:var(--grad-mid);margin-bottom:24px}.info-list{flex-direction:column;gap:20px;display:flex}.info-item{align-items:start;gap:16px;display:flex}.info-icon{font-size:24px}.info-title{margin-bottom:4px;font-weight:600}.info-desc{color:var(--text-secondary);font-size:14px}.companion-evolution{text-align:center;background:linear-gradient(135deg,#9d4edd1a,#00b4d81a);border-radius:24px;padding:40px}.evolution-display{margin-bottom:16px;display:inline-block;position:relative}.evolving-companion{font-size:80px}.evolution-crown{font-size:20px;position:absolute;top:-8px;right:-8px}.evolution-badges{justify-content:center;gap:8px;margin-bottom:16px;font-size:20px;display:flex}.companion-evolution p{color:var(--text-secondary);font-size:14px}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#fffc;border-radius:24px;padding:0;transition:all .3s;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-4px)}.feature-mockup{background:linear-gradient(135deg,#9d4edd0d,#00b4d80d);flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:32px;display:flex;position:relative}.companion-small{margin-bottom:16px;font-size:48px}.notification-badge{background:var(--grad-mid);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.notification-bubble{background:#fff;border-radius:12px;padding:8px 16px;box-shadow:0 2px 8px #0000001a}.notification-text{font-size:14px;font-weight:600}.focus-timer{color:var(--focused-a);margin-bottom:8px;font-size:24px;font-weight:700}.focus-progress{background:#4f46e533;border-radius:2px;width:80px;height:4px;margin-bottom:12px;position:relative}.focus-progress:after{content:"";background:linear-gradient(90deg,var(--focused-a),var(--focused-b));border-radius:2px;width:60%;height:100%;position:absolute;top:0;left:0}.focus-badges{gap:8px;display:flex}.focus-badges span{background:#4f46e51a;border-radius:8px;padding:4px 8px;font-size:12px}.breathe-text{color:var(--gentle-a);margin-bottom:16px;font-size:14px}.breathe-dots{justify-content:center;gap:4px;margin-bottom:12px;display:flex}.dot{background:var(--gentle-a);opacity:.4;border-radius:50%;width:12px;height:12px}.dot:nth-child(3){background:var(--gentle-b);opacity:1;width:20px;height:20px}.breathe-instruction{color:var(--text-muted);font-size:12px}.level-crown{font-size:20px;position:absolute;top:20px;right:30px}.level-text{color:var(--grad-mid);margin-bottom:8px;font-size:14px;font-weight:700}.xp-bar{background:#9d4edd33;border-radius:3px;width:100px;height:6px;margin:8px auto;position:relative}.xp-fill{background:linear-gradient(90deg,var(--grad-start),var(--grad-end));border-radius:3px;width:75%;height:100%}.xp-text{color:var(--text-muted);margin-bottom:8px;font-size:12px}.badges{justify-content:center;gap:4px;font-size:16px;display:flex}.feature-icon{margin-bottom:16px;font-size:40px;display:inline-block}.feature-title{margin-bottom:8px;font-size:24px;font-weight:700}.feature-description{color:var(--text-secondary);padding:0 32px 32px;font-size:16px;line-height:1.5}.micro-text{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.visual{padding:var(--space-3xl)0}.visual-content{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.visual-text h2{margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--grad-start),var(--grad-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.visual-text p{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:20px;line-height:1.6}.visual-mockup{position:relative}.mockup-wrapper{padding:var(--space-2xl);background:linear-gradient(135deg,#ffffffe6,#f0f9ffe6);border-radius:32px;justify-content:center;align-items:center;min-height:400px;display:flex;box-shadow:0 20px 60px #9d4edd33}.mockup-screens{gap:var(--space-lg);display:flex}.mockup-screen{font-size:80px}.cta{padding:var(--space-4xl)0;background:linear-gradient(180deg,var(--bg-soft),white);text-align:center}.cta-content{max-width:680px;margin:0 auto}.cta h2{margin-bottom:var(--space-lg)}.cta-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:20px}.waitlist-form{gap:var(--space-md);max-width:500px;margin:0 auto var(--space-lg);display:flex}.waitlist-form input{border:1px solid var(--border);background:#fff;border-radius:999px;flex:1;padding:16px 24px;font-size:16px}.waitlist-form input:focus{outline:2px solid var(--grad-mid);outline-offset:-1px;box-shadow:0 0 0 4px #9d4edd1a}.trust-badges{gap:var(--space-lg);color:var(--text-muted);justify-content:center;font-size:14px;display:flex}.early-access-badge{margin-top:var(--space-lg);background:linear-gradient(135deg,var(--grad-start),var(--grad-end));color:#fff;border-radius:999px;padding:8px 24px;font-size:14px;font-weight:600;display:inline-block}.hs-form-frame{max-width:500px;margin:0 auto var(--space-lg)}.hs-form-frame .legal-consent-container .hs-richtext{display:none!important}.hs-form-frame .hs-form{gap:var(--space-md);align-items:flex-start;display:flex}.hs-form-frame .hs-input{flex:1;border:1px solid var(--border)!important;background:#fff!important;border-radius:999px!important;padding:16px 24px!important;font-family:inherit!important;font-size:16px!important}.hs-form-frame .hs-input:focus{outline:2px solid var(--grad-mid)!important;outline-offset:-1px!important;border-color:var(--grad-mid)!important;box-shadow:0 0 0 4px #9d4edd1a!important}.hs-form-frame .hs-button{background:linear-gradient(135deg,var(--grad-start),var(--grad-end))!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:999px!important;padding:16px 32px!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 24px #9d4edd4d!important}.hs-form-frame .hs-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 32px #9d4edd66!important}.hs-form-frame .hs-form-field label{display:none!important}.hs-form-frame .hs-form-field{flex:1!important;margin-bottom:0!important}.hs-form-frame .hs-submit{margin-top:0!important}.hs-form-frame .hs-error-msgs{display:none!important}@media (max-width:640px){.hs-form-frame .hs-form{flex-direction:column}.hs-form-frame .hs-form-field,.hs-form-frame .hs-button{width:100%!important}}.footer{padding:var(--space-3xl)0 var(--space-xl)0;background:var(--text);color:#fff}.footer-content{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:24px;font-weight:800;display:flex}.footer-tagline{color:#fff9;line-height:1.6}.footer-column h4{margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--grad-start),var(--grad-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:#fff9;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.footer-social a{color:#fff;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.nav-menu{display:none}.hero-cta{flex-direction:column;align-items:center}.mode-row{grid-template-columns:1fr}.mode-row.reverse{direction:ltr}.day-cards,.companion-info,.visual-content{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.footer-bottom{gap:var(--space-lg);flex-direction:column}.waitlist-form{flex-direction:column}}