*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg2: #050505;--accent: #4ade80;--accent2: #22c55e;--glow: #16a34a;--glow2: #15803d;--gold: #fbbf24;--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(74, 222, 128, .15);--radius: 20px;--radius-sm: 12px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;background:#000000d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em}.logo-img{width:40px;height:40px;border-radius:10px;object-fit:cover}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:#fff;border-radius:100px;color:#000;font-weight:600;font-size:14px;text-decoration:none;transition:opacity .2s,box-shadow .2s}.nav-cta:hover{opacity:.85;box-shadow:0 0 20px #16a34a80}.hero{min-height:100vh;display:flex;align-items:center;gap:64px;padding:120px 48px 80px;max-width:1200px;margin:0 auto;position:relative}.hero-bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.orb1{width:600px;height:600px;background:var(--glow);top:-200px;right:-100px;animation:drift 12s ease-in-out infinite}.orb2{width:400px;height:400px;background:#2563eb;bottom:10%;left:-100px;animation:drift 16s ease-in-out infinite reverse}.orb3{width:300px;height:300px;background:var(--gold);top:40%;right:30%;opacity:.15;animation:drift 20s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}.hero-content{position:relative;z-index:1;flex:1;max-width:560px}h1{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.08;letter-spacing:-.04em;margin-bottom:24px;background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{background:linear-gradient(135deg,#4ade80,#22c55e,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(74,222,128,.4))}.app-store-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:28px;backdrop-filter:blur(8px)}.app-store-badge svg{color:var(--text);flex-shrink:0}.hero-sub{font-size:1.15rem;color:var(--text-muted);margin-bottom:40px;line-height:1.7}.hero-actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.hero-qr{display:flex;flex-direction:column;align-items:center;gap:6px}.qr-img{width:108px;height:108px;border-radius:12px;object-fit:cover}.qr-label{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:100px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;transition:all .2s;box-shadow:0 0 30px #16a34a66}.btn-primary:hover{box-shadow:0 0 50px #16a34aa6;transform:translateY(-1px)}.btn-primary.btn-large{padding:18px 36px;font-size:17px}.btn-ghost{color:var(--text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.btn-ghost:hover{color:var(--text)}.hero-phone{position:relative;z-index:1;flex-shrink:0}.hero-screenshot{width:420px;height:auto;border-radius:40px;position:relative;z-index:1}.screenshot-glow{position:absolute;inset:-60px;z-index:0;pointer-events:none}.sg{position:absolute;border-radius:50%;filter:blur(100px)}.sg-pink{width:280px;height:280px;background:#d946ef;top:-20px;left:-40px;opacity:.25}.sg-yellow{width:220px;height:220px;background:#facc15;top:-10px;right:-30px;opacity:.2}.sg-blue{width:260px;height:260px;background:#3b82f6;bottom:0;right:-40px;opacity:.22}.sg-green{width:240px;height:240px;background:#22c55e;bottom:20px;left:-30px;opacity:.2}.phone-glow{position:absolute;width:300px;height:300px;background:radial-gradient(ellipse,rgba(22,163,74,.4) 0%,transparent 70%);bottom:-80px;left:50%;transform:translate(-50%);pointer-events:none}section{position:relative;padding:100px 48px}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:56px}.features{background:var(--bg2);display:flex;flex-direction:column;align-items:center;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px;max-width:1100px;width:100%}.feature-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:border-color .3s,box-shadow .3s}.feature-card:hover{border-color:#4ade8059;box-shadow:0 0 30px #16a34a1a}.card-large,.card-wide{grid-column:span 2}.feature-visual{height:260px;display:flex;align-items:center;justify-content:center;background:#0003;overflow:hidden;position:relative}.feature-text{padding:24px 28px}.feature-text h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.feature-text p{font-size:.9rem;color:var(--text-muted);line-height:1.65}.glow-demo{background:radial-gradient(ellipse at 60% 50%,rgba(22,163,74,.15) 0%,transparent 70%)}.demo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:260px}.demo-grid .cell{aspect-ratio:1;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.demo-grid .cell.lit-1{background:#16a34a80;border-color:transparent;box-shadow:0 0 6px #16a34a80}.demo-grid .cell.lit-2{background:#16a34abf;border-color:transparent;box-shadow:0 0 8px #16a34ab3,0 0 16px #16a34a4d}.demo-grid .cell.lit-3{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:transparent;box-shadow:0 0 12px #4ade80e6,0 0 28px #4ade8066}.streak-visual{flex-direction:column;gap:20px;background:radial-gradient(ellipse at 50% 40%,rgba(251,191,36,.1) 0%,transparent 70%)}.streak-display{display:flex;flex-direction:column;align-items:center;gap:4px}.flame{color:var(--gold);line-height:1}.streak-num{font-size:56px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.streak-word{font-size:13px;color:var(--text-muted);font-weight:500}.streak-row{display:flex;gap:8px;align-items:center}.streak-dot{width:26px;height:26px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.streak-dot.filled{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:transparent;box-shadow:0 0 8px #fbbf2499}.streak-dot.today{background:transparent;border:2px dashed rgba(251,191,36,.5);animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#fbbf2480}50%{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}}.widget-visual{background:#0000004d}.widget-mock{width:200px;background:#141828f2;border:1px solid rgba(74,222,128,.2);border-radius:20px;padding:16px;box-shadow:0 20px 40px #0006,0 0 30px #16a34a26}.widget-label{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.widget-habits{display:flex;flex-direction:column;gap:9px}.widget-habit{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.widget-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(74,222,128,.3);flex-shrink:0}.widget-dot.done{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;box-shadow:0 0 8px #4ade8099}.wstreak{margin-left:auto;font-size:11px;display:inline-flex;align-items:center;gap:3px}.rate-visual{flex-direction:column;align-items:stretch;padding:24px;background:#0003;gap:16px}.ring-wrap{position:relative;width:130px;height:130px;margin:8px auto 12px}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0f;stroke-width:10}.ring-fg{fill:none;stroke:url(#ringGrad);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1.2s cubic-bezier(.16,1,.3,1)}.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ring-pct{font-size:22px;font-weight:800;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ring-sub{font-size:10px;color:#94a3b880;font-weight:500}.ring-habit-name{text-align:center;font-size:13px;font-weight:700;color:#cbd5e1cc;margin-bottom:4px}.how{text-align:center}.steps{display:flex;align-items:center;justify-content:center;gap:0;max-width:900px;margin:0 auto;flex-wrap:wrap;gap:24px}.step{flex:1;min-width:200px;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius)}.step-num{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);opacity:.6}.step-icon{font-size:32px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a34a33,#15803d33);border:1px solid rgba(74,222,128,.2);border-radius:16px;color:var(--accent);font-weight:300}.step h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}.step p{font-size:.875rem;color:var(--text-muted);line-height:1.6}.step-arrow{font-size:24px;color:#4ade804d;flex-shrink:0}.download{text-align:center;position:relative;overflow:hidden}.download-orbs{position:absolute;inset:0;pointer-events:none}.orb4{width:500px;height:500px;background:var(--glow);top:-200px;left:50%;transform:translate(-50%);opacity:.25;filter:blur(100px);position:absolute;border-radius:50%}.orb5{width:300px;height:300px;background:#2563eb;bottom:-100px;left:30%;opacity:.2;filter:blur(80px);position:absolute;border-radius:50%}.download-content{position:relative;z-index:1;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.dl-badge{padding:6px 14px;background:#4ade801a;border:1px solid rgba(74,222,128,.25);border-radius:100px;font-size:13px;font-weight:500;color:var(--accent)}.download-content h2{margin-bottom:0}.download-content p{color:var(--text-muted);font-size:1.05rem}footer{border-top:1px solid var(--border);padding:32px 48px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:32px}.footer-columns{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:12px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.footer-col>a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-col>a:hover{color:var(--text)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:13px;color:#94a3b866;width:100%;text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:900px){.hero{flex-direction:column;padding:100px 24px 60px;text-align:center;gap:48px}.hero-actions{justify-content:center}.feature-grid{grid-template-columns:1fr}.card-large,.card-wide{grid-column:span 1}.steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg)}section{padding:72px 24px}footer{padding:24px}.footer-inner{flex-direction:column;text-align:center}}