:root{--background: #0a0a0f;--foreground: #f5f5f5;--muted: #a1a1aa;--muted-foreground: #71717a;--card: #141418;--card-border: #1f1f24;--primary: hsl(24, 80%, 55%);--primary-rgb: 232, 115, 74;--primary-foreground: #fff;--accent-pink: #D4567A;--accent-blue: #4A90D9;--accent-green: #7BC67E;--accent-gold: #C4A04A;--accent-teal: #5DA8A8;--accent-purple: #9B6FD4;--accent-amber: #E8A84A;--radius: 16px;--radius-lg: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}.container{max-width:512px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.header.scrolled{background-color:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--card-border)}.header-inner{max-width:512px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--foreground);font-weight:700;font-size:18px}.logo svg{width:24px;height:24px;color:var(--primary);fill:var(--primary)}.lang-switch{font-size:20px;text-decoration:none;opacity:.7;transition:opacity .2s}.lang-switch:hover{opacity:1}.header-cta{background:var(--primary);color:var(--primary-foreground);border:none;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;text-decoration:none}.header-cta:hover{opacity:.9}.hero{padding-top:100px;padding-bottom:60px;text-align:center}.pulse-container{position:relative;width:120px;height:120px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.15);animation:pulse-expand 3s ease-out infinite}.pulse-ring:nth-child(1){width:80px;height:80px;animation-delay:0s}.pulse-ring:nth-child(2){width:100px;height:100px;animation-delay:.5s}.pulse-ring:nth-child(3){width:120px;height:120px;animation-delay:1s}@keyframes pulse-expand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.pulse-heart{position:relative;z-index:2;width:48px;height:48px;color:var(--primary);fill:var(--primary);animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero .tagline{font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.hero h1{font-size:2.25rem;font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}.hero .subtitle{font-size:.9375rem;color:var(--muted);line-height:1.6;margin-bottom:28px;max-width:420px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:36px}.btn-primary{background:var(--primary);color:var(--primary-foreground);border:none;padding:0 24px;min-height:52px;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--foreground);border:1px solid var(--card-border);padding:0 24px;min-height:52px;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .15s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary:hover{background:#ffffff0d;transform:translateY(-1px)}.social-proof{display:flex;flex-direction:column;align-items:center;gap:16px;overflow:visible}.social-proof-text{font-size:.8125rem;color:var(--muted)}.social-proof-text strong{color:var(--foreground)}.bubble-field{position:relative;width:320px;height:120px;overflow:visible}.bubble{position:absolute;width:52px;height:52px;border-radius:50%;overflow:hidden;will-change:transform,opacity;z-index:5;border:2.5px solid var(--bubble-color, var(--primary));box-shadow:0 0 12px 2px rgba(var(--bubble-rgb, 232,115,74),.25);background:var(--card);pointer-events:none;-webkit-user-select:none;user-select:none}.bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.bubble[data-idx="0"]{--bubble-color: #E8734A;--bubble-rgb: 232,115,74}.bubble[data-idx="1"]{--bubble-color: #D4567A;--bubble-rgb: 212,86,122}.bubble[data-idx="2"]{--bubble-color: #4A90D9;--bubble-rgb: 74,144,217}.bubble[data-idx="3"]{--bubble-color: #7BC67E;--bubble-rgb: 123,198,126}.bubble[data-idx="4"]{--bubble-color: #C4A04A;--bubble-rgb: 196,160,74}.hug-orb{position:absolute;width:64px;height:64px;border-radius:50%;z-index:4;opacity:0;pointer-events:none;will-change:transform,opacity;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.25) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--orb-a, #E8734A) 0%,var(--orb-b, #D4567A) 50%,transparent 72%);box-shadow:0 0 24px 8px var(--orb-glow, rgba(232,115,74,.35)),0 0 48px 16px var(--orb-glow-outer, rgba(212,86,122,.15))}.hug-orb.visible{opacity:1}.hug-orb.breathing{animation:orb-breathe 2.8s ease-in-out infinite}.hug-orb:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.12) 25%,transparent 50%,rgba(255,255,255,.08) 75%,transparent 100%);animation:orb-swirl 6s linear infinite;opacity:.7}.hug-orb:after{content:"";position:absolute;top:6px;left:12px;width:24px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.35) 0%,transparent 70%);pointer-events:none}@keyframes orb-breathe{0%,to{transform:var(--orb-translate) scale(1)}50%{transform:var(--orb-translate) scale(1.08)}}@keyframes orb-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hug-orb.ripple:after{content:"";position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:50%;border:2px solid var(--orb-a, #E8734A);background:none;opacity:0;animation:orb-ripple .9s ease-out forwards}@keyframes orb-ripple{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.8);opacity:0}}.section{padding:60px 0}.section-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:12px;padding:6px 14px;background:rgba(var(--primary-rgb),.1);border-radius:100px}.section-label svg{width:14px;height:14px}.section h2{font-size:1.875rem;font-weight:800;line-height:1.15;margin-bottom:12px;letter-spacing:-.02em}.section .section-desc{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:32px}.features-grid{display:flex;flex-direction:column;gap:12px}.feature-card{display:flex;gap:16px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-1px);border-color:rgba(var(--primary-rgb),.2)}.feature-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:22px;height:22px;color:#fff}.feature-content{flex:1;min-width:0}.feature-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.feature-title h3{font-size:.9375rem;font-weight:700}.badge-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:100px;background:rgba(var(--primary-rgb),.15);color:var(--primary)}.feature-content p{font-size:.8125rem;color:var(--muted);line-height:1.5}.healthkit-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px 24px;position:relative;overflow:hidden}.healthkit-glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(var(--primary-rgb),.15),transparent 70%);pointer-events:none}.healthkit-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-green);margin-bottom:12px}.healthkit-label svg{width:14px;height:14px}.healthkit-card h3{font-size:1.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.healthkit-card>p{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-bottom:24px}.chart-container{margin-bottom:16px}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:100px;padding:0 8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;border-radius:4px 4px 0 0;background:var(--primary);opacity:.7;transition:opacity .2s}.bar:hover{opacity:1}.bar-label{font-size:10px;color:var(--muted-foreground);font-weight:600}.chart-stat{font-size:.8125rem;color:var(--muted);text-align:right}.chart-stat strong{color:var(--primary)}.mission-card{margin-top:24px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px}.mission-card h3{font-size:1.125rem;font-weight:700;margin-bottom:8px}.mission-card p{font-size:.8125rem;color:var(--muted);line-height:1.6}.pricing-header{text-align:center}.promise-card{display:flex;gap:12px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:28px;align-items:flex-start}.promise-card svg{width:20px;height:20px;min-width:20px;color:var(--accent-green)}.promise-card p{font-size:.8125rem;color:var(--muted);line-height:1.5}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.toggle-label{font-size:.8125rem;color:var(--muted);cursor:pointer;transition:color .2s}.toggle-label.active{color:var(--foreground);font-weight:600}.toggle-switch{width:48px;height:26px;background:var(--card-border);border-radius:13px;position:relative;cursor:pointer;transition:background .2s}.toggle-switch.active{background:var(--primary)}.toggle-knob{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.active .toggle-knob{transform:translate(22px)}.save-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:100px;background:rgba(var(--primary-rgb),.15);color:var(--primary)}.pricing-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.pricing-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;position:relative}.pricing-card.popular{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 0 40px rgba(var(--primary-rgb),.08)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 14px;border-radius:100px;background:var(--primary);color:var(--primary-foreground);white-space:nowrap}.pricing-card-header{margin-bottom:20px}.pricing-card-header h3{font-size:1.25rem;font-weight:800;margin-bottom:4px}.pricing-card-header .price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.pricing-card-header .price .amount{font-size:2rem;font-weight:800}.pricing-card-header .price .period{font-size:.8125rem;color:var(--muted)}.pricing-card-header .yearly-price{font-size:.75rem;color:var(--muted-foreground)}.pricing-card-header .yearly-price .save-text{color:var(--primary);font-weight:600}.pricing-features{list-style:none;margin-bottom:20px}.pricing-features li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.8125rem;color:var(--muted)}.pricing-features li svg{width:16px;height:16px;min-width:16px;color:var(--primary)}.pricing-btn{width:100%;min-height:48px;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.pricing-btn.primary{background:var(--primary);color:var(--primary-foreground);border:none}.pricing-btn.secondary{background:transparent;color:var(--foreground);border:1px solid var(--card-border)}.pricing-btn:hover{opacity:.9}.money-section{margin-bottom:40px}.money-section h3{font-size:1.125rem;font-weight:700;text-align:center;margin-bottom:16px}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;text-align:center}.money-card svg{width:24px;height:24px;margin-bottom:8px}.money-card h4{font-size:.8125rem;font-weight:700;margin-bottom:4px}.money-card p{font-size:.6875rem;color:var(--muted);line-height:1.4}.comparison-section{margin-bottom:40px}.comparison-section h3{font-size:1.125rem;font-weight:700;text-align:center;margin-bottom:16px}.comparison-table{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;border-collapse:separate;border-spacing:0}.comparison-table th,.comparison-table td{padding:10px 12px;text-align:left;font-size:.75rem;border-bottom:1px solid var(--card-border)}.comparison-table th{font-weight:700;color:var(--foreground);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table td{color:var(--muted)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{color:var(--foreground);font-weight:500}.comparison-table .check{color:var(--accent-green)}.comparison-table .cross{color:#ef4444}.faq-section{margin-bottom:40px}.faq-section h3{font-size:1.125rem;font-weight:700;text-align:center;margin-bottom:16px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;color:var(--foreground);font-size:.875rem;font-weight:600;cursor:pointer;text-align:left}.faq-question svg{width:16px;height:16px;min-width:16px;color:var(--muted);transition:transform .2s}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-inner{padding:0 16px 14px;font-size:.8125rem;color:var(--muted);line-height:1.6}.privacy-manifesto{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.privacy-manifesto .manifesto-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.privacy-manifesto svg{width:24px;height:24px;color:var(--accent-green)}.privacy-manifesto h3{font-size:1.125rem;font-weight:700}.privacy-manifesto p{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-bottom:8px}.privacy-manifesto p:last-child{margin-bottom:0}.fine-print{text-align:center;font-size:.6875rem;color:var(--muted-foreground);line-height:1.5}.early-access{text-align:center;padding:60px 0}.early-access h2{font-size:1.875rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.early-access p{font-size:.875rem;color:var(--muted);margin-bottom:24px}.signup-form{display:flex;gap:10px;max-width:420px;margin:0 auto;padding:0 4px}.signup-form input{flex:1;min-width:0;min-height:48px;padding:0 14px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--foreground);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s;-webkit-appearance:none}.signup-form input::placeholder{color:var(--muted-foreground)}.signup-form input:focus{border-color:var(--primary)}.signup-form button{min-height:48px;padding:0 20px;flex-shrink:0;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap;font-family:inherit}.signup-form button:hover{opacity:.9}.signup-form button:disabled{opacity:.5;cursor:not-allowed}.signup-msg{margin-top:12px;font-size:.8125rem}.signup-msg.success{color:var(--accent-green)}.signup-msg.error{color:#ef4444}.footer{border-top:1px solid var(--card-border);padding:40px 0 24px}.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--foreground);font-weight:700;font-size:18px;margin-bottom:24px}.footer-logo svg{width:24px;height:24px;color:var(--primary);fill:var(--primary)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.footer-col h4{font-size:.8125rem;font-weight:700;margin-bottom:12px}.footer-col a{display:block;font-size:.8125rem;color:var(--muted);text-decoration:none;padding:4px 0;transition:color .2s}.footer-col a:hover{color:var(--foreground)}.crisis-line{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:24px}.crisis-line svg{width:18px;height:18px;color:var(--primary);min-width:18px}.crisis-line a{color:var(--primary);text-decoration:none;font-weight:600;font-size:.8125rem}.crisis-line span{font-size:.8125rem;color:var(--muted)}.footer-bottom{font-size:.6875rem;color:var(--muted-foreground)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}
