/* ═══════════════════════════════════════════
   DONT  — Landing Page Stylesheet
   Blue accent everywhere except #streak (green)
═══════════════════════════════════════════ */

/* ─── TOKENS ─── */
:root {
  /* Green — ONLY for #streak and organ health bars */
  --g1:#17C94E; --g2:#0DB840; --g3:#0A7A2E; --g4:#073814;
  /* Blue accent — primary UI color */
  --acc:#007AFF; --acc2:#0055D4; --acc3:#003A9E;
  /* Brand */
  --yellow:#FABF17; --orange:#FF6100;
  /* Dark theme (default) */
  --bg:#060C15; --bg2:#0A1020;
  --card:rgba(255,255,255,0.05); --border:rgba(255,255,255,0.09);
  --dim:rgba(255,255,255,0.42); --mid:rgba(255,255,255,0.7);
  --text:#ffffff; --text-inv:#060C15;
  --navy:#060C15; --navy2:#0A1020;
}
/* Light theme */
[data-theme="light"] {
  --bg:#ECF2FF; --bg2:#E0EAFF;
  --card:rgba(0,60,200,0.055); --border:rgba(0,60,200,0.13);
  --dim:rgba(4,10,50,0.50); --mid:rgba(4,10,50,0.78);
  --text:#06091C; --text-inv:#ffffff;
  --navy:#ECF2FF; --navy2:#E0EAFF;
}
/* Streak keeps its green accent */
#streak { --acc:var(--g1); --acc2:var(--g3); --acc3:var(--g4); }

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s;}
a{text-decoration:none;color:inherit;}

/* ─── BG ORBS ─── */
.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.orb{position:absolute;border-radius:50%;filter:blur(90px);}
.orb-1{width:600px;height:600px;background:#007AFF;top:-150px;left:-150px;opacity:.12;animation:o1 20s ease-in-out infinite;}
.orb-2{width:400px;height:400px;background:#0044CC;bottom:15%;right:-100px;opacity:.13;animation:o2 25s ease-in-out infinite;}
.orb-3{width:300px;height:300px;background:var(--yellow);top:45%;left:50%;opacity:.06;animation:o3 17s ease-in-out infinite;}
[data-theme="light"] .orb-1{opacity:.06;}
[data-theme="light"] .orb-2{opacity:.05;}
[data-theme="light"] .orb-3{opacity:.03;}
@keyframes o1{0%,100%{transform:translate(0,0) scale(1);}40%{transform:translate(80px,50px) scale(1.1);}70%{transform:translate(-40px,80px) scale(.93);}}
@keyframes o2{0%,100%{transform:translate(0,0);}50%{transform:translate(-60px,-50px) scale(1.15);}}
@keyframes o3{0%,100%{transform:translate(0,0);}50%{transform:translate(-50px,40px);}}

/* ─── SCROLL REVEAL ─── */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .75s ease,transform .75s ease;}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .75s ease,transform .75s ease;}
.reveal-right.visible{opacity:1;transform:translateX(0);}
.d1{transition-delay:.1s!important;}.d2{transition-delay:.2s!important;}.d3{transition-delay:.3s!important;}
.d4{transition-delay:.4s!important;}.d5{transition-delay:.5s!important;}.d6{transition-delay:.6s!important;}

/* ─── COMMON ─── */
section{position:relative;z-index:1;padding:110px 80px;}
.section-tag{display:inline-block;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.22);color:var(--acc);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:18px;}
.section-h2{font-size:clamp(34px,4.5vw,58px);font-weight:900;letter-spacing:-1.5px;line-height:1.08;margin-bottom:16px;}
.section-h2 em{font-style:normal;color:var(--acc);}
.section-sub{font-size:17px;color:var(--dim);line-height:1.7;max-width:520px;}

/* ─── NAV ─── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:70px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s;border-bottom:1px solid transparent;}
nav.scrolled{background:rgba(6,12,21,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:var(--border);}
[data-theme="light"] nav.scrolled{background:rgba(235,243,255,.92);}
.nav-logo{display:flex;align-items:center;}
.nav-logo img{height:50px;width:50px;object-fit:contain;object-position:center;}
.nav-logo-name{font-size:small;}
[data-theme="light"] .nav-logo img{filter:none;}
.nav-logo-fallback{font-size:22px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:center;gap:7px;}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none;}
.nav-links a{font-size:14px;font-weight:500;color:var(--mid);transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.nav-right{display:flex;align-items:center;gap:10px;}
.theme-toggle{background:var(--card);border:1px solid var(--border);border-radius:100px;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--mid);transition:all .25s;display:flex;align-items:center;gap:5px;}
.theme-toggle:hover{background:rgba(0,122,255,.12);border-color:rgba(0,122,255,.28);color:var(--text);}
.nav-cta{background:var(--acc);color:#fff;font-size:14px;font-weight:700;padding:10px 22px;border-radius:100px;cursor:pointer;border:none;display:flex;align-items:center;gap:7px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,122,255,.35);}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,122,255,.5);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.hamburger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:all .3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:rgba(6,12,21,.96);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:24px 40px 32px;flex-direction:column;gap:18px;z-index:99;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:17px;font-weight:600;color:var(--mid);padding:8px 0;border-bottom:1px solid var(--border);}

/* ─── QR MODAL ─── */
.qr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.qr-overlay.open{opacity:1;pointer-events:all;}
.qr-modal{background:linear-gradient(160deg,#0A1525,#06101E);border:1px solid var(--border);border-radius:28px;padding:40px;width:360px;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 40px 80px rgba(0,0,0,.55);}
.qr-overlay.open .qr-modal{transform:scale(1) translateY(0);}
.qr-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--dim);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.qr-close:hover{background:rgba(255,255,255,.12);color:#fff;}
.qr-modal-logo{height:34px;object-fit:contain;filter:brightness(0) invert(1);}
.qr-title{font-size:22px;font-weight:900;text-align:center;line-height:1.2;color:#fff;}
.qr-sub{font-size:13px;color:rgba(255,255,255,.5);text-align:center;line-height:1.6;}
.qr-wrap{background:#fff;border-radius:18px;padding:16px;animation:qrGlow 3s ease-in-out infinite;}
@keyframes qrGlow{0%,100%{box-shadow:0 0 20px rgba(0,122,255,.3);}50%{box-shadow:0 0 40px rgba(0,122,255,.55);}}
.qr-store{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 16px;width:100%;font-size:13px;color:var(--mid);}

/* ─── HERO ─── */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:100px 80px 80px;gap:64px;}
.hero-left{flex:1;max-width:580px;display:flex;flex-direction:column;gap:26px;}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.22);color:var(--acc);font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;width:fit-content;}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:blink 2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
.hero-h1{font-size:clamp(48px,6vw,76px);font-weight:900;line-height:1.0;letter-spacing:-2.5px;}
.grad-text{background:linear-gradient(135deg,var(--acc) 0%,#66BBFF 60%,var(--acc2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradShift 5s ease-in-out infinite;}
@keyframes gradShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.hero-sub{font-size:19px;color:var(--dim);line-height:1.65;max-width:460px;}
.hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.btn-primary{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-size:15px;font-weight:700;padding:15px 30px;border-radius:100px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 28px rgba(0,122,255,.38);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,122,255,.5);}
.btn-ghost{color:var(--mid);font-size:15px;font-weight:600;padding:15px 0;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s;}
.btn-ghost:hover{color:var(--text);}
.btn-ghost .arr{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;transition:border-color .2s,transform .2s;}
.btn-ghost:hover .arr{border-color:rgba(255,255,255,.4);transform:translateX(3px);}
.hero-proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.hero-proof .stars{color:var(--yellow);font-size:14px;letter-spacing:1px;}
.hero-proof .rat{font-size:13px;color:var(--mid);}
.hero-proof .sep{width:1px;height:16px;background:var(--border);}
.hero-proof .users{font-size:13px;color:var(--dim);}
.hero-proof strong{color:var(--acc);}
/* Hero social links */
.hero-socials{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.social-btn{width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--mid);transition:all .25s;flex-shrink:0;}
.social-btn svg{width:20px;height:20px;}
.social-btn:hover{background:rgba(0,122,255,.14);border-color:rgba(0,122,255,.35);color:var(--acc);transform:translateY(-2px);}
/* Hero QR inline */
.hero-qr-inline{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px 16px;cursor:pointer;transition:all .25s;width:fit-content;}
.hero-qr-inline:hover{background:rgba(255,255,255,.1);border-color:rgba(0,122,255,.3);transform:translateY(-1px);}
.hero-qr-box{background:#fff;border-radius:8px;padding:5px;flex-shrink:0;}
.hero-qr-info-t{font-size:12px;font-weight:700;color:var(--text);}
.hero-qr-info-s{font-size:10px;color:var(--dim);}
.hero-qr-info-badge{font-size:10px;color:var(--acc);font-weight:600;margin-top:2px;}

/* ─── PHONE (HERO RIGHT) ─── */
.hero-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;}
.phone-scene{animation:phoneFloat 5.5s ease-in-out infinite;position:relative;}
@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(-1.5deg);}50%{transform:translateY(-20px) rotate(1.5deg);}}
.phone-scene::after{content:'';position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);width:200px;height:50px;background:radial-gradient(ellipse,rgba(0,122,255,.2) 0%,transparent 70%);border-radius:50%;animation:phoneShadow 5.5s ease-in-out infinite;}
@keyframes phoneShadow{0%,100%{opacity:.9;transform:translateX(-50%) scaleX(1);}50%{opacity:.25;transform:translateX(-50%) scaleX(.65);}}
.phone-frame{width:280px;height:606px;border-radius:46px;border:8px solid #1A2235;background:#060C15;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 40px 80px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.04);}
.phone-frame::before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);width:82px;height:24px;background:#1A2235;border-radius:100px;z-index:50;}
.phone-screen{width:100%;height:100%;border-radius:39px;overflow:hidden;background:#F2F2F7;display:flex;flex-direction:column;position:relative;}

/* ─── PHONE LOGO + QR ─── */
.ph-logo-splash{flex:1;background:#060C15;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:10px;padding:16px;}
.ph-ls-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.28) 0%,transparent 70%);animation:organGlow 3s ease-in-out infinite;}
.ph-ls-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(0,122,255,.22);animation:ringExp 3.2s ease-out infinite;}
.ph-ls-r1{width:100px;height:100px;animation-delay:0s;}
.ph-ls-r2{width:158px;height:158px;animation-delay:.9s;}
.ph-ls-r3{width:218px;height:218px;animation-delay:1.8s;}
.ph-ls-logo{width:96px;object-fit:contain;position:relative;z-index:1;filter:brightness(0) invert(1);animation:logoReveal 1s ease-out both;}
.ph-ls-logo-fallback{width:80px;height:80px;border-radius:20px;background:#007AFF;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:#fff;position:relative;z-index:1;}
@keyframes logoReveal{0%{opacity:0;transform:scale(.65);}70%{transform:scale(1.06);}100%{opacity:1;transform:scale(1);}}
.ph-ls-name{font-size:24px;font-weight:900;color:#fff;letter-spacing:-1px;position:relative;z-index:1;animation:fadeSlideUp .7s ease-out .3s both;}
.ph-ls-tagline{font-size:9px;font-weight:600;color:rgba(255,255,255,.35);letter-spacing:3px;text-transform:uppercase;position:relative;z-index:1;animation:fadeSlideUp .7s ease-out .5s both;}
@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:translateY(0);}}
.ph-ls-qr{background:#fff;border-radius:14px;padding:10px;position:relative;z-index:1;animation:fadeSlideUp .7s ease-out .7s both;display:flex;flex-direction:column;align-items:center;gap:5px;}
.ph-ls-qr svg{display:block;border-radius:6px;}
.ph-ls-qr-lbl{font-size:8px;font-weight:600;color:#8E8E93;text-align:center;letter-spacing:.3px;}

/* ─── SHARED APP SCREEN ─── */
.ph-screen-bg{background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden;}
/* Tab bar */
.ph-tabbar{height:60px;background:#fff;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:flex-start;padding:6px 2px 0;flex-shrink:0;}
.ph-tb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px;}
.ph-tb-ico{font-size:17px;line-height:1;}
.ph-tb-ico-wrap{background:#E8F4FF;border-radius:11px;padding:1px 8px;font-size:14px;display:inline-block;}
.ph-tb-lbl{font-size:8px;font-weight:500;color:#8E8E93;}
.ph-tb-item.on .ph-tb-lbl{color:#007AFF;}

/* ─── SCREEN: MIS PLANES ─── */
.ph-s1-title{font-size:17px;font-weight:800;color:#000;text-align:center;padding:14px 10px 8px;letter-spacing:-.3px;}
.ph-plans{flex:1;overflow:hidden;padding:0 8px;display:flex;flex-direction:column;gap:7px;}
.ph-plan{background:#F2F2F7;border-radius:13px;overflow:hidden;}
.ph-plan-hdr{background:#fff;border-radius:11px 11px 0 0;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;}
.ph-plan-name{font-size:12px;font-weight:700;color:#000;}
.ph-plan-lvl{font-size:9px;color:#8E8E93;}
.ph-plan-ico{width:26px;height:26px;background:#E8F4FF;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;}
.ph-plan-body{padding:7px 10px;display:flex;gap:8px;align-items:center;}
.ph-ring-svg{position:relative;flex-shrink:0;}
.ph-ring-lbl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ph-ring-pct{font-size:8.5px;font-weight:800;color:#000;line-height:1.1;}
.ph-ring-sub{font-size:7px;color:#8E8E93;}
.ph-stats{display:flex;flex-direction:column;gap:3px;flex:1;}
.ph-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.ph-stat{display:flex;flex-direction:column;}
.ph-stat-lbl{font-size:7px;color:#8E8E93;line-height:1.2;}
.ph-stat-val{font-size:8.5px;font-weight:700;color:#000;line-height:1.2;}
.ph-stat-val.grn{color:#34C759;}
.ph-plan-del{background:rgba(255,59,48,.06);margin:5px 7px 7px;border-radius:9px;padding:5px;text-align:center;font-size:9.5px;font-weight:600;color:#FF3B30;}
.ph-add-ctr{display:flex;justify-content:center;padding:7px 0;}
.ph-add-box{width:44px;height:44px;background:#C7C7CC;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:300;line-height:1;}

/* ─── SCREEN: HOME (INICIO) ─── */
.ph-s2-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;}
.ph-s2-menu{font-size:18px;color:#000;font-weight:900;}
.ph-s2-bolt{display:flex;align-items:center;gap:3px;}
.ph-s2-bolt-ico{font-size:22px;}
.ph-s2-bolt-n{font-size:18px;font-weight:800;color:#000;}
.ph-s2-friends-ico{font-size:20px;}
.ph-s2-tabs{display:flex;gap:7px;padding:0 16px 10px;}
.ph-s2-tab{padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;}
.ph-s2-tab.on{background:#000;color:#fff;}
.ph-s2-tab.off{border:1px solid #C7C7CC;color:#8E8E93;}
.ph-lung-box{flex:1;display:flex;align-items:center;justify-content:center;padding:0 10px;}
.ph-lung-img{max-height:145px;max-width:200px;object-fit:contain;}
.ph-missions-s{padding:0 12px 8px;}
.ph-mis-lbl{font-size:11px;font-weight:700;color:#000;margin-bottom:6px;text-align:center;}
.ph-mis-card{background:#F2F2F7;border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;}
.ph-mis-ico{width:32px;height:32px;background:#E8F4FF;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;}
.ph-mis-name{font-size:11px;font-weight:700;color:#000;}
.ph-mis-desc{font-size:9px;color:#8E8E93;}
.ph-mis-btn{background:#007AFF;border-radius:100px;padding:5px 16px;font-size:9.5px;font-weight:700;color:#fff;margin-top:3px;}
.ph-dots{display:flex;justify-content:center;gap:4px;padding:4px 0 2px;}
.ph-dot{width:5px;height:5px;border-radius:50%;background:#C7C7CC;}
.ph-dot.on{background:#007AFF;}

/* ─── SCREEN: RACHA ─── */
.ph-s3-top{display:flex;justify-content:space-between;padding:12px 12px 4px;}
.ph-pill{background:#F2F2F7;border-radius:100px;padding:5px 10px;font-size:9px;font-weight:600;color:#007AFF;display:flex;align-items:center;gap:3px;}
.ph-s3-title{font-size:14px;font-weight:800;color:#000;text-align:center;padding:2px 12px 8px;line-height:1.25;}
.ph-hand-box{background:#000;border-radius:14px;margin:0 12px;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.ph-hand-img{height:100px;object-fit:contain;}
.ph-progress-s{padding:8px 12px 4px;flex:1;}
.ph-prog-lbl{font-size:10px;font-weight:700;color:#000;margin-bottom:6px;}
.ph-prog-card{background:#F2F2F7;border-radius:14px;padding:9px 10px;display:flex;gap:8px;align-items:flex-start;}
.ph-prog-ico{width:28px;height:28px;background:#E8F4FF;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.ph-prog-name{font-size:10px;font-weight:700;color:#000;}
.ph-prog-desc{font-size:8px;color:#8E8E93;line-height:1.35;}

/* ─── SCREEN: CHAT ─── */
.ph-chat-title{font-size:16px;font-weight:900;color:#FABF17;text-align:center;padding:16px 12px 4px;letter-spacing:-.2px;}
.ph-chat-sub1{font-size:10px;font-weight:700;color:#000;text-align:center;padding:0 12px 2px;}
.ph-chat-sub2{font-size:9px;color:#8E8E93;text-align:center;line-height:1.4;padding:0 14px;}
.ph-chat-heart{text-align:center;font-size:16px;padding:4px;}
.ph-chat-area{background:#1C1C1E;border-radius:14px;margin:5px 12px;flex:1;padding:10px;font-size:9px;color:#636366;font-style:italic;min-height:70px;}
.ph-chat-btns{padding:6px 12px 10px;display:flex;flex-direction:column;gap:5px;}
.ph-chat-btn1{border:1px solid #C7C7CC;border-radius:100px;padding:7px;text-align:center;font-size:10px;font-weight:600;color:#000;}
.ph-chat-btn2{background:#007AFF;border-radius:100px;padding:8px;text-align:center;font-size:10px;font-weight:700;color:#fff;}

/* ─── KEYFRAMES SHARED ─── */
@keyframes flamePulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(250,191,23,.5));}50%{transform:scale(1.18);filter:drop-shadow(0 0 12px rgba(255,97,0,.7));}}
@keyframes organGlow{0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.2);opacity:1;}}
@keyframes ringExp{0%{transform:scale(.4);opacity:.9;}100%{transform:scale(1.4);opacity:0;}}

/* ─── STATS BAR ─── */
.stats-bar{position:relative;z-index:1;background:rgba(255,255,255,.025);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 80px;display:flex;justify-content:center;}
.stat-item{flex:1;max-width:220px;text-align:center;padding:0 28px;position:relative;}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;bottom:10%;width:1px;background:var(--border);}
.stat-num{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1;}
.stat-num.green{background:linear-gradient(135deg,var(--acc),#66CCFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-num.white{background:linear-gradient(135deg,var(--text),var(--mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-lbl{font-size:13px;color:var(--dim);margin-top:6px;font-weight:500;}

/* ─── ORGANS (keeps green — health visualization) ─── */
#organs{padding:110px 80px;border-top:1px solid var(--border);}
.organs-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px;flex-wrap:wrap;gap:24px;}
.organ-tabs{display:flex;gap:8px;margin-bottom:40px;}
.organ-tab{padding:9px 20px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);color:var(--dim);transition:all .2s;background:none;}
.organ-tab.active{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.35);color:var(--acc);}
.organ-tab:hover:not(.active){border-color:rgba(255,255,255,.2);color:var(--mid);}
.organ-track-wrap{position:relative;margin-bottom:56px;}
.organ-progress-line{position:absolute;top:130px;left:8%;right:8%;height:2px;background:rgba(255,255,255,.07);}
.organ-progress-fill{position:absolute;top:130px;left:8%;height:2px;background:linear-gradient(90deg,#FF3B30,var(--yellow),var(--g1));transition:width 1.2s cubic-bezier(.4,0,.2,1);}
.organ-cards{display:flex;gap:0;justify-content:space-around;align-items:flex-end;}
.organ-stage{display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;flex:1;padding:0 10px;}
.organ-img-wrap{width:140px;height:140px;border-radius:28px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;}
.organ-stage:hover .organ-img-wrap{transform:translateY(-8px) scale(1.05);}
.organ-stage.active .organ-img-wrap{box-shadow:0 0 40px rgba(23,201,78,.4);}
.organ-img-wrap img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));transition:filter .4s;}
.organ-stage.active .organ-img-wrap img{filter:drop-shadow(0 4px 24px rgba(23,201,78,.5));}
.organ-stage-label{font-size:13px;font-weight:700;text-align:center;}
.organ-stage-sub{font-size:11px;color:var(--dim);text-align:center;}
.organ-stage-day{font-size:11px;font-weight:700;color:var(--g1);background:rgba(23,201,78,.1);border:1px solid rgba(23,201,78,.2);padding:3px 10px;border-radius:100px;}
.organ-detail{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:32px 36px;display:flex;gap:40px;align-items:center;}
.od-left{flex:1;}
.od-big-num{font-size:52px;font-weight:900;color:var(--g1);letter-spacing:-2px;line-height:1;}
.od-title{font-size:20px;font-weight:800;margin-top:8px;margin-bottom:8px;}
.od-desc{font-size:14px;color:var(--dim);line-height:1.7;}
.od-right{display:flex;flex-direction:column;gap:14px;min-width:280px;}
.od-bar-wrap{display:flex;flex-direction:column;gap:5px;}
.od-bar-head{display:flex;justify-content:space-between;font-size:12px;}
.od-bar-head span{color:var(--dim);}
.od-bar-head strong{color:var(--g1);}
.od-track{height:8px;background:rgba(255,255,255,.07);border-radius:100px;overflow:hidden;}
.od-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--g3),var(--g1));transition:width 1.4s cubic-bezier(.4,0,.2,1);}

/* ─── STREAK (all green — kept intentionally) ─── */
#streak{border-top:1px solid var(--border);background:linear-gradient(175deg,#0D2B0A 0%,#080F1C 60%,#060C15 100%);overflow:hidden;position:relative;}
.streak-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(23,201,78,.18) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none;}
.streak-inner{display:flex;gap:80px;align-items:center;position:relative;z-index:1;}
.streak-left{flex:1;max-width:500px;}
.streak-big-num{font-size:clamp(80px,12vw,140px);font-weight:900;letter-spacing:-6px;line-height:.9;color:var(--g1);text-shadow:0 0 60px rgba(23,201,78,.4);animation:streakPulse 3s ease-in-out infinite;}
@keyframes streakPulse{0%,100%{text-shadow:0 0 60px rgba(23,201,78,.4);}50%{text-shadow:0 0 100px rgba(23,201,78,.7),0 0 40px rgba(250,191,23,.3);}}
.streak-unit{font-size:clamp(18px,2.5vw,28px);font-weight:700;color:var(--mid);margin-left:4px;}
.streak-sub{font-size:17px;color:var(--dim);margin-top:16px;line-height:1.65;max-width:400px;}
.streak-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.streak-pill{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--mid);}
.streak-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative;}
.streak-hand{width:340px;max-width:100%;filter:drop-shadow(0 0 40px rgba(23,201,78,.4));animation:handFloat 4s ease-in-out infinite;position:relative;z-index:1;}
@keyframes handFloat{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-16px) rotate(2deg);}}
.streak-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(23,201,78,.22);animation:ringExp 3.2s ease-out infinite;}
.sr1{width:280px;height:280px;animation-delay:0s;}
.sr2{width:400px;height:400px;animation-delay:.9s;}
.sr3{width:520px;height:520px;animation-delay:1.8s;}
.streak-wrong-card{position:absolute;bottom:-20px;right:-20px;background:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.2);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px);animation:wrongPulse 4s ease-in-out infinite;}
@keyframes wrongPulse{0%,100%{opacity:.7;transform:scale(1);}50%{opacity:1;transform:scale(1.04);}}
.streak-wrong-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,59,48,.4));}
.streak-wrong-text{display:flex;flex-direction:column;gap:2px;}
.streak-wrong-num{font-size:20px;font-weight:900;color:rgba(255,90,60,.95);line-height:1;}
.streak-wrong-text span:last-child{font-size:11px;font-weight:600;color:rgba(255,120,100,.8);}
.streak-cal-label{font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:32px;margin-bottom:10px;}
.streak-cal-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;}
.sc-day{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;}
.sc-day.done{background:var(--g1);color:#000;}
.sc-day.today{background:rgba(23,201,78,.2);border:1.5px solid var(--g1);color:var(--g1);}
.sc-day.miss{background:rgba(255,255,255,.05);color:rgba(255,255,255,.2);}

/* ─── FEATURES ─── */
#features{border-top:1px solid var(--border);}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s;position:relative;overflow:hidden;cursor:default;}
.feat-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 25% 25%,rgba(0,122,255,.07) 0%,transparent 60%);opacity:0;transition:opacity .4s;}
.feat-card:hover{transform:translateY(-6px);border-color:rgba(0,122,255,.28);}
.feat-card:hover::before{opacity:1;}
.feat-card.feat-soon{opacity:.55;pointer-events:none;}
.feat-card.feat-soon:hover{transform:none;border-color:var(--border);}
.feat-soon-badge{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;background:rgba(255,159,67,.15);color:#FF9F43;border:1px solid rgba(255,159,67,.3);letter-spacing:.03em;}
.feat-card.wide{grid-column:span 2;flex-direction:row;align-items:center;gap:24px;}
.feat-body{flex:1;min-width:0;}
.feat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.fi-g{background:rgba(0,122,255,.12);}
.fi-y{background:rgba(250,191,23,.12);}
.fi-o{background:rgba(255,97,0,.12);}
.fi-b{background:rgba(0,122,255,.10);}
.fi-p{background:rgba(175,82,222,.10);}
.feat-card--inline{flex-direction:row;align-items:center;gap:16px;}
.feat-card--inline p{margin:0;font-size:15px;line-height:1.4;}
.num-green{color:#30d158;font-weight:700;}
.feat-title{font-size:20px;font-weight:800;letter-spacing:-.3px;}
.feat-desc{font-size:14px;color:var(--dim);line-height:1.65;}
.feat-tag{display:inline-block;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);color:var(--acc);font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;width:fit-content;}
.feat-graphic{display:flex;align-items:center;justify-content:center;min-height:90px;margin-top:10px;}
.feat-bars{display:flex;align-items:flex-end;gap:6px;height:70px;flex-shrink:0;min-width:180px;}
.fb{flex:1;border-radius:4px 4px 0 0;height:var(--h);opacity:.6;animation:barGrow 1.4s ease-out both;animation-delay:var(--d);animation-play-state:paused;}
.reveal.visible .fb{animation-play-state:running;opacity:1;}
.fb.lit{background:linear-gradient(to top,var(--acc2),var(--acc));box-shadow:0 0 10px rgba(0,122,255,.35);}
.fb.dim-bar{background:rgba(0,122,255,.12);}
@keyframes barGrow{from{height:8%;opacity:.35;}to{height:var(--h);opacity:1;}}
.feat-calendar{position:relative;width:180px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);overflow:hidden;}
.fc-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-size:9px;color:var(--dim);text-align:center;margin-bottom:8px;}
.fc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.fc-day{aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.fc-day.done{background:rgba(0,122,255,.28);border-color:rgba(0,122,255,.4);box-shadow:0 0 8px rgba(0,122,255,.25);animation:calPop 2.8s ease-in-out infinite;}
.fc-grid .fc-day.done:nth-child(3n){animation-delay:.4s;}
.fc-grid .fc-day.done:nth-child(4n){animation-delay:.8s;}
.fc-grid .fc-day.done:nth-child(5n){animation-delay:1.2s;}
.fc-pulse{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(0,122,255,.12),transparent);animation:calSweep 4s ease-in-out infinite;pointer-events:none;}
@keyframes calPop{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
@keyframes calSweep{0%{transform:translateX(-120%);}50%{transform:translateX(0%);}100%{transform:translateX(120%);}}

.organ-graph{position:relative;width:140px;height:86px;}
.organ-lobe{position:absolute;width:58px;height:66px;border-radius:50%;background:linear-gradient(150deg,rgba(90,180,255,.35),rgba(0,122,255,.08));border:1px solid rgba(0,122,255,.25);top:12px;animation:organPulse 2.6s ease-in-out infinite;}
.organ-lobe.left{left:10px;}
.organ-lobe.right{right:10px;animation-delay:.3s;}
.organ-core{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:16px;height:44px;border-radius:10px;background:rgba(0,122,255,.25);}
.organ-glow{position:absolute;inset:-10px;border-radius:40px;background:radial-gradient(circle,rgba(0,122,255,.18) 0%,transparent 70%);animation:glowPulse 3.6s ease-in-out infinite;}
@keyframes organPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
@keyframes glowPulse{0%,100%{opacity:.35;}50%{opacity:.7;}}

.mission-graph{position:relative;width:110px;height:110px;}
.mission-ring{position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(0,122,255,.3);animation:spin 10s linear infinite;}
.mission-dots{position:absolute;inset:6px;border-radius:50%;animation:spin 6s linear infinite;}
.mission-dots span{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(0,122,255,.75);box-shadow:0 0 10px rgba(0,122,255,.5);}
.mission-dots span:nth-child(1){top:-5px;left:50%;transform:translateX(-50%);} 
.mission-dots span:nth-child(2){right:-5px;top:50%;transform:translateY(-50%);} 
.mission-dots span:nth-child(3){bottom:-5px;left:50%;transform:translateX(-50%);} 
.mission-center{position:absolute;inset:24px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--acc);}
@keyframes spin{to{transform:rotate(360deg);}}

.chat-graph{position:relative;width:160px;height:90px;}
.chat-bubble{position:absolute;border-radius:16px;background:rgba(0,122,255,.12);border:1px solid rgba(0,122,255,.25);animation:floatBubble 3s ease-in-out infinite;}
.chat-bubble.cb1{width:110px;height:44px;left:0;top:12px;}
.chat-bubble.cb2{width:80px;height:34px;right:0;bottom:8px;animation-delay:.6s;}
.chat-dots{position:absolute;left:18px;top:26px;display:flex;gap:6px;}
.chat-dots span{width:6px;height:6px;border-radius:50%;background:rgba(0,122,255,.7);animation:dotPulse 1.2s ease-in-out infinite;}
.chat-dots span:nth-child(2){animation-delay:.15s;}
.chat-dots span:nth-child(3){animation-delay:.3s;}
@keyframes floatBubble{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes dotPulse{0%,100%{opacity:.4;transform:scale(.9);}50%{opacity:1;transform:scale(1.2);}}

.social-graph{position:relative;width:160px;height:90px;}
.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px rgba(0,122,255,.45);animation:nodePulse 2.6s ease-in-out infinite;}
.node.n1{left:8px;top:16px;}
.node.n2{left:64px;top:6px;animation-delay:.2s;}
.node.n3{right:10px;top:22px;animation-delay:.4s;}
.node.n4{left:28px;bottom:14px;animation-delay:.6s;}
.node.n5{right:22px;bottom:10px;animation-delay:.8s;}
.link{position:absolute;height:2px;background:rgba(0,122,255,.25);transform-origin:left center;animation:linkPulse 2.8s ease-in-out infinite;}
.link.l1{left:12px;top:20px;width:62px;transform:rotate(-8deg);}
.link.l2{left:70px;top:14px;width:76px;transform:rotate(10deg);animation-delay:.4s;}
.link.l3{left:20px;top:52px;width:64px;transform:rotate(18deg);animation-delay:.2s;}
.link.l4{left:76px;top:54px;width:64px;transform:rotate(-12deg);animation-delay:.6s;}
@keyframes nodePulse{0%,100%{transform:scale(1);}50%{transform:scale(1.25);}}
@keyframes linkPulse{0%,100%{opacity:.35;}50%{opacity:.8;}}

.medal-graph{position:relative;width:120px;height:110px;display:flex;align-items:center;justify-content:center;}
.medal-graph::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:54px;height:36px;background:linear-gradient(135deg,#FFB347,#FF7A00);clip-path:polygon(0 0,50% 100%,100% 0,100% 100%,50% 65%,0 100%);opacity:.9;}
.medal-disc{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#FFD65C,#FF9F43);box-shadow:0 10px 24px rgba(255,159,67,.35);animation:medalFloat 3.2s ease-in-out infinite;}
.medal-disc::after{content:'';position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);}
.medal-star{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:24px;height:24px;background:rgba(255,255,255,.85);clip-path:polygon(50% 0,61% 38%,100% 38%,68% 60%,80% 100%,50% 76%,20% 100%,32% 60%,0 38%,39% 38%);animation:starSpin 6s linear infinite;}
@keyframes medalFloat{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,-6px);}}
@keyframes starSpin{to{transform:translateX(-50%) rotate(360deg);}}
.life-graph{position:relative;width:150px;height:90px;display:flex;align-items:center;justify-content:center;}
.life-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,59,48,.35);box-shadow:0 0 18px rgba(255,59,48,.2);animation:ringPulse 3s ease-in-out infinite;}
.life-heart{position:absolute;width:22px;height:22px;background:#FF3B30;transform:rotate(45deg);border-radius:4px;animation:heartBeat 1.6s ease-in-out infinite;}
.life-heart::before,.life-heart::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#FF3B30;}
.life-heart::before{top:-11px;left:0;}
.life-heart::after{left:-11px;top:0;}
.life-bar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:120px;height:6px;border-radius:999px;background:rgba(255,59,48,.15);overflow:hidden;}
.life-bar span{display:block;height:100%;width:58%;background:linear-gradient(90deg,#FF3B30,#FFB347);animation:lifeFill 2.4s ease-in-out infinite;}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.08);opacity:1;}}
@keyframes heartBeat{0%,100%{transform:rotate(45deg) scale(1);}50%{transform:rotate(45deg) scale(1.18);}}
@keyframes lifeFill{0%,100%{width:42%;}50%{width:78%;}}

.money-graph{position:relative;width:150px;height:90px;}
.money-bars{position:absolute;left:14px;right:50px;bottom:10px;height:60px;}
.money-bars span{position:absolute;bottom:0;width:18px;border-radius:6px;background:linear-gradient(180deg,#7CFFAF,#34C759);box-shadow:0 8px 18px rgba(52,199,89,.35);animation:moneyGrow 2.6s ease-in-out infinite;}
.money-bars span:nth-child(1){left:0;height:28px;}
.money-bars span:nth-child(2){left:26px;height:44px;animation-delay:.2s;}
.money-bars span:nth-child(3){left:52px;height:60px;animation-delay:.4s;}
.money-coin{position:absolute;right:18px;top:10px;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#FFD65C,#FF9F43);box-shadow:0 8px 16px rgba(255,159,67,.35);animation:coinBounce 2s ease-in-out infinite;}\n.money-bill{position:absolute;right:10px;top:6px;font-size:20px;animation:billFly 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));}
@keyframes billFly{0%,100%{transform:translate(0,0) rotate(0deg);}50%{transform:translate(-18px,12px) rotate(-8deg);}}
@keyframes moneyGrow{0%,100%{transform:scaleY(.85);}50%{transform:scaleY(1.12);}}
@keyframes coinBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(10px);}}

/* ─── ADDICTIONS ─── */
#addictions{border-top:1px solid var(--border);}
.addictions-header{text-align:center;margin-bottom:60px;}
.addictions-header .section-sub{margin:0 auto;}
.sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;}
.sub-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;cursor:default;}
.sub-card.available{cursor:pointer;}
.sub-card.available:hover{transform:translateY(-8px);border-color:rgba(0,122,255,.3);box-shadow:0 20px 40px rgba(0,122,255,.1);}
.sub-card.available.selected{border-color:rgba(0,122,255,.5);box-shadow:0 20px 50px rgba(0,122,255,.22);}
.sub-card.coming{opacity:.4;pointer-events:none;}
.sub-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));animation:subFloat 4s ease-in-out infinite;}
@keyframes subFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.sub-name{font-size:15px;font-weight:700;}
.sub-type{font-size:11px;color:var(--dim);}
.sub-avail{font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;}
.sub-avail.yes{background:rgba(0,122,255,.12);border:1px solid rgba(0,122,255,.22);color:var(--acc);}
.sub-avail.soon{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--dim);}
.sub-emoji{font-size:56px;animation:subFloat 4s ease-in-out infinite;}

.addiction-details{display:grid;gap:18px;margin-top:22px;}
.ad-panel{display:none;grid-template-columns:1.1fr .9fr;gap:28px;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;align-items:center;}
.ad-panel.active{display:grid;}
.ad-title{font-size:24px;font-weight:900;letter-spacing:-.4px;}
.ad-lead{font-size:14px;color:var(--dim);line-height:1.7;margin-top:8px;}
.ad-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;}
.ad-stat{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-height:86px;}
.ad-stat-label{font-size:12px;font-weight:700;color:var(--mid);}
.ad-stat-value{font-size:22px;font-weight:800;color:var(--acc);letter-spacing:-.5px;}
.ad-stat-note{font-size:11px;color:var(--dim);line-height:1.5;}
.ad-source{font-size:11px;color:var(--dim);margin-top:12px;}
.ad-visual{display:grid;grid-template-columns:1fr;gap:14px;}
.viz-box{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:18px;padding:16px;min-height:140px;position:relative;overflow:hidden;}
.viz-title{font-size:11px;font-weight:700;color:var(--mid);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:10px;}

.viz-smoke{position:relative;height:88px;}
.viz-smoke .cig{position:absolute;bottom:6px;left:14px;width:58px;height:8px;border-radius:8px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.75));box-shadow:0 0 10px rgba(255,255,255,.2);}
.viz-smoke .cig::after{content:'';position:absolute;right:-8px;top:0;width:10px;height:8px;border-radius:2px;background:#FF3B30;}
.viz-smoke .smoke{position:absolute;bottom:12px;left:60px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(1px);animation:smokeUp 2.6s ease-in-out infinite;}
.viz-smoke .smoke.s2{left:76px;animation-delay:.4s;}
.viz-smoke .smoke.s3{left:92px;animation-delay:.8s;}
.viz-smoke .lung{position:absolute;bottom:8px;width:36px;height:44px;border-radius:50%;background:rgba(0,122,255,.16);border:1px solid rgba(0,122,255,.3);animation:lungPulse 2.8s ease-in-out infinite;}
.viz-smoke .lung.l1{right:62px;}
.viz-smoke .lung.l2{right:20px;animation-delay:.3s;}
.viz-smoke .lung-core{position:absolute;bottom:18px;right:56px;width:10px;height:30px;border-radius:10px;background:rgba(0,122,255,.3);}
@keyframes smokeUp{0%{transform:translateY(0);opacity:.7;}70%{opacity:.35;}100%{transform:translateY(-26px);opacity:0;}}
@keyframes lungPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}

.viz-coins{position:relative;height:88px;}
.viz-coins .coin{position:absolute;top:-6px;width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,#FFD65C,#FF9F43);box-shadow:0 6px 14px rgba(255,159,67,.35);animation:coinDrop 2.4s ease-in-out infinite;}
.viz-coins .coin.c1{left:20px;}
.viz-coins .coin.c2{left:48px;animation-delay:.4s;}
.viz-coins .coin.c3{left:76px;animation-delay:.8s;}
.viz-coins .coin.c4{left:104px;animation-delay:1.2s;}
.viz-coins .coin-stack{position:absolute;bottom:4px;right:12px;width:52px;height:36px;border-radius:12px;background:rgba(255,214,92,.15);border:1px solid rgba(255,214,92,.35);box-shadow:inset 0 0 16px rgba(255,214,92,.25);}
.viz-coins .coin-stack::before{content:'';position:absolute;left:8px;top:8px;width:36px;height:6px;border-radius:6px;background:rgba(255,214,92,.45);}
.viz-coins .coin-stack::after{content:'';position:absolute;left:8px;top:20px;width:36px;height:6px;border-radius:6px;background:rgba(255,214,92,.3);}
@keyframes coinDrop{0%{transform:translateY(0);opacity:.1;}50%{opacity:1;}100%{transform:translateY(78px);opacity:0;}}

.viz-glass{position:relative;height:88px;display:flex;align-items:flex-end;justify-content:center;}
.viz-glass .glass{position:relative;width:86px;height:86px;border:2px solid rgba(255,255,255,.35);border-radius:14px 14px 18px 18px;overflow:hidden;}
.viz-glass .liquid{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#FFB347,#FF7A00);animation:liquidRise 3.5s ease-in-out infinite;}
.viz-glass .liquid::before{content:'';position:absolute;left:-20%;top:-8px;width:140%;height:16px;border-radius:50%;background:rgba(255,255,255,.25);animation:waveMove 3.5s ease-in-out infinite;}
.viz-glass .bubble{position:absolute;bottom:8px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);animation:bubbleUp 2.4s ease-in-out infinite;}
.viz-glass .bubble.b1{left:16px;}
.viz-glass .bubble.b2{left:40px;animation-delay:.4s;}
.viz-glass .bubble.b3{left:62px;animation-delay:.8s;}
@keyframes liquidRise{0%,100%{height:46%;}50%{height:58%;}}
@keyframes waveMove{0%,100%{transform:translateX(0);}50%{transform:translateX(-12px);}}
@keyframes bubbleUp{0%{transform:translateY(0);opacity:.3;}70%{opacity:.7;}100%{transform:translateY(-24px);opacity:0;}}

.viz-liver{position:relative;height:88px;display:flex;align-items:center;justify-content:center;}
.viz-liver .liver{width:94px;height:52px;border-radius:60% 40% 55% 45%;background:rgba(255,97,0,.3);border:1px solid rgba(255,97,0,.45);animation:liverPulse 2.8s ease-in-out infinite;}
.viz-liver .liver-glow{position:absolute;width:120px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,0,.25) 0%,transparent 70%);animation:glowPulse 3.2s ease-in-out infinite;}
@keyframes liverPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}

/* ─── ACHIEVEMENTS ─── */
#achievements{border-top:1px solid var(--border);background:rgba(255,255,255,.015);}
.achievements-header{text-align:center;margin-bottom:60px;}
.medals-row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:56px;}
.medal-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;width:220px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s;cursor:default;}
.medal-card:hover{transform:translateY(-8px);}
.medal-card.gold:hover{border-color:rgba(255,215,0,.4);box-shadow:0 20px 40px rgba(255,215,0,.1);}
.medal-card.silver:hover{border-color:rgba(192,192,192,.35);}
.medal-card.bronze:hover{border-color:rgba(205,127,50,.35);}
.medal-img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));}
.medal-anim{animation:medalSway 4s ease-in-out infinite;}
.medal-anim.d2{animation-delay:.8s;}
.medal-anim.d4{animation-delay:1.6s;}
@keyframes medalSway{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}
.medal-title{font-size:16px;font-weight:800;text-align:center;}
.medal-sub{font-size:12px;color:var(--dim);text-align:center;line-height:1.5;}
.medal-req{font-size:11px;font-weight:700;text-align:center;padding:4px 12px;border-radius:100px;}
.medal-req.gold{background:rgba(255,215,0,.12);color:#FFD700;border:1px solid rgba(255,215,0,.25);}
.medal-req.silver{background:rgba(192,192,192,.1);color:#C0C0C0;border:1px solid rgba(192,192,192,.22);}
.medal-req.bronze{background:rgba(205,127,50,.1);color:#CD7F32;border:1px solid rgba(205,127,50,.22);}
.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ach-item{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s,transform .3s;}
.ach-item:hover{border-color:rgba(0,122,255,.25);transform:translateY(-4px);}
.ach-ico{font-size:24px;}
.ach-name{font-size:13px;font-weight:700;}
.ach-desc{font-size:11px;color:var(--dim);line-height:1.5;}
.ach-pts{font-size:11px;font-weight:700;color:var(--acc);}

/* ─── HOW ─── */
#how{border-top:1px solid var(--border);}
.how-inner{display:flex;gap:80px;align-items:center;}
.how-left{flex:1;max-width:480px;}
.how-steps{display:flex;flex-direction:column;gap:8px;margin-top:44px;}
.how-step{display:flex;gap:20px;align-items:flex-start;padding:18px;border-radius:18px;cursor:pointer;transition:background .3s;border:1px solid transparent;}
.how-step.active{background:var(--card);border-color:var(--border);}
.how-step:hover{background:var(--card);}
.step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;transition:all .3s;}
.how-step.active .step-num{background:var(--acc);color:#fff;box-shadow:0 0 16px rgba(0,122,255,.5);}
.how-step:not(.active) .step-num{background:rgba(255,255,255,.07);color:var(--dim);}
.step-title{font-size:16px;font-weight:700;margin-bottom:4px;}
.how-step:not(.active) .step-title{color:var(--mid);}
.step-desc{font-size:13px;color:var(--dim);line-height:1.6;}
.how-right{flex:1;display:flex;justify-content:center;}
.how-display{width:340px;height:400px;border-radius:28px;background:linear-gradient(160deg,#0A1530,#060F22);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden;}
.how-display::before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.14) 0%,transparent 70%);animation:organGlow 3s ease-in-out infinite;}
.hdp{display:none;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1;}
.hdp.active{display:flex;}
.hdp-icon{font-size:56px;animation:iconBounce 3s ease-in-out infinite;}
@keyframes iconBounce{0%,100%{transform:scale(1) rotate(0deg);}50%{transform:scale(1.12) rotate(-4deg);}}
.hdp-title{font-size:18px;font-weight:800;text-align:center;letter-spacing:-.3px;}
.hdp-sub{font-size:13px;color:var(--dim);text-align:center;line-height:1.6;}
.mini-plans{display:flex;flex-direction:column;gap:8px;width:100%;}
.mini-plan{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;}
.mini-plan.sel{background:rgba(0,122,255,.12);border-color:rgba(0,122,255,.35);color:var(--acc);}
.mini-plan-dot{width:10px;height:10px;border-radius:50%;}
.mini-plan.sel .mini-plan-dot{background:var(--acc);box-shadow:0 0 8px rgba(0,122,255,.6);}
.mini-plan:not(.sel) .mini-plan-dot{background:rgba(255,255,255,.2);}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:100%;}
.mc-day{aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;}
.mc-day.done{background:var(--acc);color:#fff;}
.mc-day.today{background:rgba(0,122,255,.2);border:1.5px solid var(--acc);color:var(--acc);}
.mc-day.empty{background:rgba(255,255,255,.05);color:var(--dim);}
.mini-rec{display:flex;flex-direction:column;gap:10px;width:100%;}
.mr-row{display:flex;flex-direction:column;gap:4px;}
.mr-head{display:flex;justify-content:space-between;font-size:11px;}
.mr-head span{color:var(--dim);}
.mr-head strong{color:var(--acc);}
.mr-track{height:7px;background:rgba(255,255,255,.07);border-radius:100px;overflow:hidden;}
.mr-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--acc2),var(--acc));animation:fillGrow 2s ease-out forwards;}
@keyframes fillGrow{from{width:0;}}

/* ─── TESTIMONIALS ─── */
#testimonials{border-top:1px solid var(--border);}
.testimonials-header{text-align:center;margin-bottom:56px;}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.test-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s;}
.test-card:hover{transform:translateY(-6px);border-color:rgba(0,122,255,.25);}
.test-header{display:flex;align-items:center;gap:12px;}
.test-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0;}
.test-name{font-size:14px;font-weight:700;}
.test-meta{font-size:11px;color:var(--dim);}
.test-stars{color:var(--yellow);font-size:12px;margin-left:auto;}
.test-quote{font-size:14px;color:var(--mid);line-height:1.7;font-style:italic;}
.test-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);color:var(--acc);font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;width:fit-content;}

/* ─── DOWNLOAD ─── */
#download{border-top:1px solid var(--border);text-align:center;}
.download-inner{max-width:580px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;}
.dl-qr-btn{background:#fff;border-radius:24px;padding:20px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:qrGlow 3s ease-in-out infinite;}
.dl-qr-btn:hover{transform:scale(1.04);}
.dl-hint{font-size:14px;color:var(--dim);display:flex;align-items:center;gap:8px;}
.dl-hint .arr{animation:bounce 1.5s ease-in-out infinite;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.store-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.store-btn{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:14px;padding:13px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;}
.store-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px);}
.store-btn .si{font-size:20px;}
.store-btn small{display:block;font-size:9px;color:var(--dim);font-weight:400;}

/* ─── FOOTER ─── */
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:48px 80px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
.footer-logo img{height:28px;object-fit:contain;filter:brightness(0) invert(1);}
[data-theme="light"] .footer-logo img{filter:none;}
.footer-logo-fallback{font-size:20px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:center;gap:7px;}
.footer-links{display:flex;gap:28px;list-style:none;}
.footer-links a{font-size:13px;color:var(--dim);transition:color .2s;}
.footer-links a:hover{color:var(--text);}
.footer-copy{font-size:12px;color:rgba(255,255,255,.22);}
[data-theme="light"] .footer-copy{color:var(--dim);}


@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}
/* ─── RESPONSIVE ─── */
@media(max-width:1100px){
  .features-grid{grid-template-columns:repeat(2,1fr);}
  .feat-card.wide{grid-column:span 2;}
  .sub-grid{grid-template-columns:repeat(3,1fr);}
  .achievements-grid{grid-template-columns:repeat(2,1fr);}
  .test-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:820px){
  nav{padding:0 24px;}
  .nav-links,.nav-cta,.theme-toggle{display:none;}
  .hamburger{display:flex;}
  section,.hero,#streak{padding:80px 24px;}
  .stats-bar{padding:28px 24px;flex-wrap:wrap;gap:20px;}
  .stat-item{max-width:none;flex:0 0 calc(50% - 10px);}
  .stat-item:not(:last-child)::after{display:none;}
  .hero{flex-direction:column;padding:110px 24px 60px;text-align:center;gap:48px;}
  .hero-left{max-width:100%;align-items:center;}
  .hero-sub,.section-sub{max-width:100%;}
  .hero-socials,.hero-proof{justify-content:center;}
  .features-grid{grid-template-columns:1fr;}
  .feat-card.wide{grid-column:span 1;flex-direction:column;}
  .sub-grid{grid-template-columns:repeat(2,1fr);}
  .ad-panel{grid-template-columns:1fr;}
  .ad-stats{grid-template-columns:1fr;}
  .ad-visual{grid-template-columns:1fr;}
  .streak-inner{flex-direction:column;}
  .streak-right{display:none;}
  .how-inner{flex-direction:column;}
  .how-display{width:100%;}
  .achievements-grid{grid-template-columns:1fr 1fr;}
  .test-grid{grid-template-columns:1fr;}
  footer{padding:40px 24px;flex-direction:column;text-align:center;}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:16px;}
}