*,: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-warm:#fffbf5;--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;--radius-sm:12px;--radius-md:20px;--radius-lg:28px}html{scroll-behavior:smooth}body{color:var(--text);background:linear-gradient(180deg,#fff 0%,#f0f9ff 50%,var(--bg-warm)100%);-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(1200px,90vw);margin:0 auto}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;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(36px,6vw,56px)}h2{font-size:clamp(28px,4vw,42px)}h3{font-size:clamp(18px,2.5vw,24px)}h4{font-size:18px;font-weight:600}p{margin:0;font-size:16px;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.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);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:#ffffffe6;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:700;text-decoration:none;display:flex}.nav-logo-icon{width:32px;height:auto}.nav-menu{align-items:center;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.nav-menu a:not(.btn){color:var(--text);padding:8px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-menu a:not(.btn):hover{color:var(--grad-mid)}.mobile-cta{padding:10px 20px;font-size:14px;display:none}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:var(--space-md)auto 0;font-size:18px}.hero{padding:var(--space-xl)0 var(--space-2xl);padding-top:calc(70px + var(--space-xl));background:linear-gradient(#9d4edd08 0%,#00b4d805 30%,#0000 60%);align-items:center;min-height:100vh;display:flex;overflow:visible}.hero-grid{gap:var(--space-xl);grid-template-columns:40% 60%;align-items:center;display:grid}.hero-content{text-align:left}.hero h1{margin-bottom:var(--space-lg);font-size:clamp(32px,5vw,48px)}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-cta-row{gap:var(--space-md);display:flex}.hero-companion{justify-content:center;align-items:center;display:flex;overflow:visible}.companion-wrapper{display:inline-block;position:relative;overflow:visible}.companion-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#9d4edd1f 0%,#5a67d814 25%,#00b4d80d 50%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.08)}}.companion-main{filter:drop-shadow(0 20px 40px #9d4edd4d);z-index:1;width:clamp(200px,30vw,340px);height:auto;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animated-companion{aspect-ratio:1;width:clamp(200px,30vw,340px);animation:6s ease-in-out infinite float;position:relative}.companion-frame{opacity:0;filter:drop-shadow(0 20px 40px #9d4edd4d);z-index:1;width:100%;height:auto;transition:opacity .15s ease-out,transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleX(1)}.companion-frame.active{opacity:1}.companion-frame.flipped{transform:scaleX(-1)}.companion-frame.transitioning{transform:scale(1.02)}.companion-sparkle{z-index:2;font-size:20px;animation:2s ease-in-out infinite twinkle;position:absolute}.sparkle-1{animation-delay:0s;top:5%;left:10%}.sparkle-2{animation-delay:.5s;top:15%;right:5%}.sparkle-3{animation-delay:1s;bottom:25%;left:5%}.sparkle-4{animation-delay:1.5s;bottom:10%;right:15%}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.mode-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill-gentle{background:linear-gradient(135deg,var(--gentle-a),var(--gentle-b));color:#fff}.pill-focused{background:linear-gradient(135deg,var(--focused-a),var(--focused-b));color:#fff}.pill-wind{background:linear-gradient(135deg,var(--wind-a),var(--wind-b));color:#fff}.modes{padding:var(--space-3xl)0;background:var(--bg-soft)}.modes-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.mode-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.mode-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.mode-card-header{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mode-time{color:var(--text-muted);font-size:13px;font-weight:600}.mode-card-content{padding:var(--space-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex}.gentle-card .mode-card-content{background:linear-gradient(#f0fdf4,#dcfce7)}.focused-card .mode-card-content{background:linear-gradient(#eef2ff,#dbeafe)}.wind-card .mode-card-content{background:linear-gradient(#f5f3ff,#ede9fe)}.mode-companion{width:100px;height:auto;margin-bottom:var(--space-md)}.mode-briefing{border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:12px 16px}.briefing-greeting{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.briefing-weather{color:var(--text-secondary);margin-bottom:2px;font-size:13px;display:block}.briefing-tasks{color:var(--gentle-a);font-size:12px;font-weight:500;display:block}.mode-timer-display{text-align:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;padding:12px 16px}.timer-task{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.timer-value{color:var(--focused-a);font-size:32px;font-weight:700;line-height:1;display:block}.timer-xp{color:var(--grad-start);margin-top:4px;font-size:12px;font-weight:600;display:block}.mode-reflection{border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:12px 16px}.reflection-prompt{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.reflection-moods{justify-content:center;gap:8px;display:flex}.reflection-moods span{opacity:.6;cursor:pointer;font-size:20px;transition:opacity .2s,transform .2s}.reflection-moods span:first-child{opacity:1;transform:scale(1.2)}.mode-card-footer{padding:var(--space-lg)}.mode-card-footer h3{margin-bottom:var(--space-xs);font-size:18px}.mode-card-footer p{color:var(--text-secondary);font-size:14px}.wellness-section{padding:var(--space-3xl)0;background:linear-gradient(180deg,white,var(--bg-warm))}.wellness-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.wellness-card{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s}.wellness-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.wellness-card-visual{height:120px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.wellness-card h3{margin-bottom:var(--space-xs);font-size:16px}.wellness-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.ritual-list{width:100%}.ritual-item{background:var(--bg-soft);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.ritual-item.done{color:var(--gentle-a);background:#f0fdf4}.ritual-check{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.ritual-item.done .ritual-check{background:var(--gentle-a);border-color:var(--gentle-a);color:#fff}.breathing-circle{background:linear-gradient(135deg,#4ecdc433,#a8e6cf4d);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:4s ease-in-out infinite breathe;display:flex}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.breathing-text{color:var(--gentle-a);font-size:14px;font-weight:600}.mood-tracker{gap:8px;display:flex}.mood-row{flex-direction:column;align-items:center;gap:4px;display:flex}.mood-day{color:var(--text-muted);font-size:11px;font-weight:500}.mood-emoji{opacity:.6;font-size:20px}.mood-row.today .mood-emoji{opacity:1;transform:scale(1.2)}.journal-preview{background:var(--bg-soft);border-radius:8px;width:100%;padding:12px}.journal-date{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.journal-text{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.4}.intelligence-section{padding:var(--space-3xl)0;background:linear-gradient(180deg,var(--bg-warm),#f0f4ff)}.intelligence-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.intelligence-card{border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.intelligence-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.intelligence-icon{margin-bottom:var(--space-sm);font-size:32px}.intelligence-card h3{margin-bottom:var(--space-sm);font-size:18px}.intelligence-card p{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.6}.privacy-note{justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-md);padding:var(--space-lg);background:linear-gradient(135deg,#4ecdc41a,#a8e6cf1a);border:1px solid #4ecdc433;display:flex}.privacy-note span:first-child{font-size:24px}.privacy-note p{color:var(--text-secondary);margin:0;font-size:15px}.companion-section{padding:var(--space-3xl)0}.companion-grid{gap:var(--space-3xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.companion-intro h2{margin-bottom:var(--space-md)}.companion-lead{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:18px}.companion-features{gap:var(--space-lg);flex-direction:column;display:flex}.companion-feature{gap:var(--space-md);display:flex}.feature-icon{flex-shrink:0;font-size:28px}.companion-feature h4{margin-bottom:4px}.companion-feature p{color:var(--text-secondary);font-size:14px}.evolution-card{border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;background:linear-gradient(135deg,#9d4edd14,#00b4d814)}.evolution-visual{margin-bottom:var(--space-md);display:inline-block;position:relative}.evolution-companion{width:140px;height:auto}.evolution-crown{font-size:24px;position:absolute;top:-8px;right:0}.evolution-xp{margin-top:var(--space-md)}.xp-bar{width:160px;height:8px;margin:0 auto var(--space-xs);background:#9d4edd33;border-radius:4px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,var(--grad-start),var(--grad-end));border-radius:4px;width:75%;height:100%}.xp-text{color:var(--text-muted);font-size:13px}.evolution-stages{justify-content:center;align-items:center;gap:var(--space-sm);margin:var(--space-lg)0;display:flex}.stage{opacity:.4;font-size:24px}.stage.active{opacity:1;transform:scale(1.2)}.stage-arrow{color:var(--text-muted);font-size:14px}.evolution-caption{color:var(--text-secondary);max-width:280px;margin:0 auto;font-size:14px}.widgets-section{padding:var(--space-3xl)0;background:linear-gradient(180deg,var(--bg-soft),white)}.widgets-showcase{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.widget-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.widget-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.widget-visual{padding:var(--space-xl);align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#f0f4ff 0%,#fdf4ff 50%,#fff4f0 100%);flex-direction:column;justify-content:center;min-height:200px;display:flex}.widget-companion{filter:drop-shadow(0 4px 8px #9d4edd33);width:80px;height:auto}.widget-bubble{border-radius:var(--radius-sm);text-align:center;background:#fff;padding:10px 16px;box-shadow:0 2px 8px #00000014}.bubble-main{color:var(--text);font-size:18px;font-weight:700;line-height:1.2;display:block}.bubble-sub{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.widget-info{padding:var(--space-lg);text-align:center;flex-direction:column;flex:1;justify-content:flex-start;display:flex}.widget-info h3{margin-bottom:var(--space-xs);font-size:18px}.widget-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}.widgets-note{justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-md);padding:var(--space-lg);background:linear-gradient(135deg,#9d4edd14,#00b4d814);display:flex}.widgets-note span:first-child{font-size:24px}.widgets-note p{color:var(--text-secondary);margin:0;font-size:15px}.cta{padding:var(--space-3xl)0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta h2{margin-bottom:var(--space-md)}.cta-companion{width:120px;height:auto;margin:var(--space-lg)0;filter:drop-shadow(0 8px 16px #9d4edd33);animation:4s ease-in-out infinite float}.cta-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:18px}.cta .btn-appstore{margin-bottom:var(--space-lg);padding:16px 32px;font-size:17px}.cta .btn-appstore svg{flex-shrink:0}.trust-badges{gap:var(--space-lg);color:var(--text-muted);justify-content:center;font-size:14px;display:flex}.footer{padding:var(--space-2xl)0;background:var(--text);color:#fff}.footer-simple{text-align:center}.footer-brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:20px;font-weight:700;display:inline-flex}.footer-logo-icon{width:28px;height:auto}.footer-tagline{color:#fff9;margin-bottom:var(--space-lg);font-size:14px}.footer-links-row{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.footer-links-row a{color:#fff9;font-size:14px;text-decoration:none;transition:color .2s}.footer-links-row a:hover{color:#fff}.footer-copyright{color:#fff6;font-size:13px}.legal-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.legal-nav{padding:var(--space-md)0;border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0}.legal-back{align-items:center;gap:var(--space-sm);color:var(--text);width:min(1200px,90vw);margin:0 auto;font-size:18px;font-weight:600;text-decoration:none;display:flex}.legal-back:hover{color:var(--grad-mid)}.legal-logo{width:32px;height:32px}.legal-content{width:min(800px,90vw);padding:var(--space-3xl)0;flex:1;margin:0 auto}.legal-content h1{margin-bottom:var(--space-sm);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(32px,5vw,48px)}.legal-updated{color:var(--text-muted);margin-bottom:var(--space-2xl);font-size:14px}.legal-content section{margin-bottom:var(--space-2xl)}.legal-content h2{color:var(--text);margin-bottom:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);font-size:24px}.legal-content section:first-of-type h2{border-top:none;padding-top:0}.legal-content h3{color:var(--text);margin:var(--space-lg)0 var(--space-sm);font-size:18px}.legal-content p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.7}.legal-content ul{margin:0 0 var(--space-md)var(--space-lg);color:var(--text-secondary);padding:0}.legal-content li{margin-bottom:var(--space-sm);line-height:1.6}.legal-content strong{color:var(--text)}.legal-content a{color:var(--grad-mid);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-footer{padding:var(--space-xl)0;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.legal-footer p{color:#ffffff80;margin-bottom:var(--space-md);font-size:14px}.legal-footer-links{justify-content:center;gap:var(--space-lg);display:flex}.legal-footer-links a{color:#fff9;font-size:14px;text-decoration:none}.legal-footer-links a:hover{color:#fff}@media (max-width:900px){.hero-grid{gap:var(--space-xl);text-align:center;grid-template-columns:1fr}.hero-content{text-align:center;order:2}.hero-cta-row{justify-content:center}.hero-companion{order:1}.companion-main,.animated-companion{width:clamp(180px,50vw,280px)}.modes-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.wellness-grid{grid-template-columns:repeat(2,1fr)}.companion-grid{gap:var(--space-xl);grid-template-columns:1fr}.companion-evolution{order:-1}.intelligence-grid{grid-template-columns:1fr}.widgets-showcase{max-width:360px;margin:0 auto var(--space-xl);grid-template-columns:1fr}.widget-visual{min-height:180px}}@media (max-width:600px){.nav-menu{display:none}.mobile-cta{display:inline-flex}.hero{min-height:auto;padding:var(--space-lg)0 var(--space-xl);padding-top:calc(70px + var(--space-lg))}.hero-cta-row{flex-direction:column;align-items:center}.wellness-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}.trust-badges,.footer-links-row{gap:var(--space-sm);flex-direction:column}}