/* BioMaster landing — CSS extraído del monolito (compartido ES/EN) */
.container{width:min(1420px,100% - 1rem);margin:auto}
.brand{display:flex;align-items:center;gap:.7rem}
.logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#b4e8c4);box-shadow:var(--shadow);font-size:1.3rem;flex-shrink:0}
.brand strong{display:block;font-size:.95rem}
.brand small{color:var(--muted);font-size:.75rem}
.chip,.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:700;font-size:.82rem;transition:all .2s;white-space:nowrap}
.btn.primary{background:var(--green);color:#fff;border-color:transparent}
.btn.primary:hover{filter:brightness(1.1)}
.btn.danger{background:var(--red);color:#fff;border-color:transparent}
.btn.warn{background:var(--yellow);color:#fff;border-color:transparent}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.mode-sw button.active{background:var(--surface);color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.muted{color:var(--muted)}
.navbox a:hover,.navbox a.active{background:var(--soft);color:var(--text)}
.option.correct{background:var(--greenSoft);border-color:var(--green)}
.feedback.show{display:block}
.toast.show{transform:translateY(0);opacity:1}
.rank-tab-btn.active{background:var(--green);color:#fff;border-color:transparent}
.rank-tab-btn:hover:not(.active){background:var(--soft)}
.tab-btn.active{background:var(--green);color:#fff;border-color:transparent}
.tab-pane.active{display:block}
.auth-tab.active{background:var(--green);color:#fff;border-color:transparent}
.fav-btn.active{background:var(--yellowSoft);color:rgb(143,106,0)}
.bgm-hyp button.correct{background:var(--greenSoft);border-color:var(--green)}
#landingPage{position:relative;min-height:100vh;background:var(--bg);overflow-x:hidden}

.lp-nav{position:sticky;top:0;background:rgba(245,250,246,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10}
.theme-dark .lp-nav{background:rgba(13,31,19,.93)}
.lp-nav-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem;flex-wrap:wrap}
.lp-nav-links{display:flex;gap:1.2rem;font-size:.88rem;font-weight:600;color:var(--muted);align-items:center;flex-wrap:wrap}
.lp-nav-links a{cursor:pointer;transition:color .2s}
.lp-nav-links a:hover{color:var(--green)}
@media(max-width:768px){
.lp-nav-links a{display:none}
.lp-nav-inner{gap:.6rem}
.lp-nav-links{gap:.4rem}
.lp-nav-links button{padding:.45rem .75rem!important;font-size:.8rem!important}
.lp-nav .brand small{display:none}
}
.lp-hero{padding:0;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#071a0f 0%,#0a2215 40%,#0d2a1a 70%,#071a0f 100%)}
.lp-hero::before,.lp-hero::after{display:none}
.lp-hero-inner{padding:5rem 0 4rem;position:relative;z-index:1}
#bioCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lp-hero h1{color:#fff}
.lp-hero .lp-sub{color:rgba(255,255,255,.72)}
.lp-hero .lp-eyebrow{background:rgba(47,180,90,.2);border-color:rgba(47,220,120,.35);color:#7dd3a3}
.lp-hero .lp-trust{color:rgba(255,255,255,.55)}
.lp-hero .lp-hero-stats{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.lp-hero .lp-stat-lbl{color:rgba(255,255,255,.5)}
.lp-hero .lp-stat-num{color:#4ade80}
.lp-hero h1 .hl{background:linear-gradient(120deg,transparent 0,transparent 55%,rgba(74,222,128,.28) 55%)}
.lp-hero .lp-btn-secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.lp-hero .lp-btn-secondary:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
.lp-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:var(--greenSoft);color:var(--green);font-weight:800;font-size:.78rem;margin-bottom:1.2rem;border:1px solid rgba(47,139,77,.25);animation:eyebrowIn .6s ease both}
.lp-hero h1{font-family:Merriweather,serif;font-size:clamp(2rem,1rem+3.5vw,3.6rem);line-height:1.08;margin:0 auto;max-width:880px;letter-spacing:-.5px;animation:heroH1In .7s .15s ease both}
.lp-hero h1 .hl{background:linear-gradient(120deg,transparent 0,transparent 60%,var(--yellowSoft) 60%);padding:0 .15em}
.lp-sub{font-size:clamp(1rem,.6rem+.8vw,1.2rem);color:var(--muted);max-width:680px;margin:1.2rem auto 0;line-height:1.55;animation:heroH1In .7s .3s ease both}
.lp-cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;animation:heroH1In .7s .45s ease both}
.lp-btn-primary{padding:1rem 1.8rem;border-radius:14px;background:var(--green);color:#fff;font-weight:800;font-size:1rem;border:none;cursor:pointer;box-shadow:0 12px 32px rgba(47,139,77,.32);transition:all .2s}
.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(47,139,77,.42)}
.lp-btn-secondary{padding:1rem 1.6rem;border-radius:14px;background:var(--surface);color:var(--text);font-weight:700;font-size:1rem;border:1.5px solid var(--border);cursor:pointer;transition:all .2s}
.lp-btn-secondary:hover{border-color:var(--green);color:var(--green)}
.lp-trust{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.lp-trust-item{display:flex;align-items:center;gap:.4rem}
.lp-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:780px;margin:3rem auto 0;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
.lp-stat{text-align:center;padding:.5rem}
.lp-stat-num{font-family:Merriweather,serif;font-size:clamp(1.5rem,1rem+1.2vw,2.2rem);color:var(--green);font-weight:800}
.lp-stat-lbl{font-size:.75rem;color:var(--muted);font-weight:600;margin-top:.2rem}
.lp-hero-brand{display:flex;justify-content:center;margin-bottom:1.3rem;animation:eyebrowIn .6s ease both}
.lp-hero-logo{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(74,222,128,.5)) drop-shadow(0 6px 18px rgba(0,0,0,.45));animation:bioLogoFloat 5s ease-in-out infinite}
@media(max-width:768px){
.lp-hero-logo{width:62px;height:62px}
}
.bm-wordmark{font-weight:800;letter-spacing:-.01em}
.bm-wordmark .bm-bio{background:linear-gradient(120deg,#2f8b4d 0%,#4ade80 55%,#a3e635 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-nav .bm-wordmark .bm-master{color:var(--text)}
.lp-footer .bm-wordmark .bm-master{color:#fff}
.lp-hero h1 .hl{background:linear-gradient(90deg,#4ade80,#a3e635) bottom left/100% .09em no-repeat!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 0 .04em!important;color:#eafff0;text-shadow:0 0 22px rgba(74,222,128,.4)}
.lp-hero h1{text-shadow:0 0 46px rgba(74,222,128,.16)}
.lp-hero .lp-btn-primary{animation:ctaPulse 2.8s ease-in-out infinite}
.lp-hero::after{display:block!important;content:'';position:absolute;inset:-25% -10% auto -10%;height:80%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 28% 18%,rgba(74,222,128,.18),transparent 60%),radial-gradient(ellipse 45% 55% at 76% 30%,rgba(163,230,53,.11),transparent 60%);
  filter:blur(22px);animation:auroraDrift 14s ease-in-out infinite alternate}
.lp-hero-showcase{max-width:880px;margin:3.2rem auto 0;perspective:1500px;animation:heroH1In .8s .6s ease both}
.lp-hero-window{position:relative;background:linear-gradient(180deg,rgba(13,42,26,.94),rgba(7,26,15,.96));border:1px solid rgba(74,222,128,.28);border-radius:18px;box-shadow:0 44px 100px rgba(0,0,0,.6),0 0 0 1px rgba(74,222,128,.08),0 0 70px rgba(74,222,128,.13);overflow:hidden;transform:rotateX(5deg);transition:transform .6s ease;animation:showcaseFloat 6.5s ease-in-out infinite}
.lp-hero-window:hover{transform:rotateX(0deg)}
.lp-hero-bar{display:flex;align-items:center;padding:.7rem .95rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.lp-hero-bar i{width:11px;height:11px;border-radius:50%;display:block;margin-right:.45rem}
.lp-hero-bar .d1{background:#ff5f57}
.lp-hero-bar .d2{background:#febc2e}
.lp-hero-bar .d3{background:#28c840}
.lp-hero-bar span{margin-left:.6rem;font-size:.72rem;color:rgba(255,255,255,.42);font-weight:600}
.lp-hero-board{display:grid;grid-template-columns:1.15fr 1fr;gap:1.1rem;padding:1.3rem}
.lp-hero-board>div{text-align:left}
.lp-hero-board h4{font-size:.72rem;color:rgba(255,255,255,.5);margin:0 0 .7rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.lp-hero-glints{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.06) 48%,transparent 56%)}
@media(max-width:640px){
.lp-hero-board{grid-template-columns:1fr}
.lp-hero-window{transform:none}
.lp-hero-showcase{margin-top:2.2rem}
}
@media(prefers-reduced-motion:reduce){
.lp-hero-logo,.lp-hero .lp-btn-primary,.lp-hero::after,.lp-hero-window{animation:none}
.lp-hero-window{transform:none}
}
.lp-section{padding:3rem 0}
.lp-pago-card{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.7rem}
.lp-pago-free{border-color:var(--border)}
.lp-pago-icon{font-size:2rem}
.lp-pago-card h3{font-family:Merriweather,serif;font-size:1.15rem;margin:0}
.lp-pago-desc{font-size:.88rem;color:var(--muted);line-height:1.55;margin:0}
.lp-pago-steps{padding-left:1.1rem;margin:0;font-size:.85rem;line-height:1.7;color:var(--text)}
.lp-pago-included{list-style:none;padding:0;margin:0;font-size:.85rem;display:grid;gap:.3rem}
.lp-pago-included li::before{content:'✓ ';color:var(--green);font-weight:800}
.lp-pago-cta{display:inline-block;padding:.7rem 1.2rem;border-radius:12px;background:var(--green);color:#fff;font-weight:800;font-size:.88rem;cursor:pointer;border:none;text-decoration:none;text-align:center;margin-top:auto;transition:filter .2s}
.lp-pago-cta:hover{filter:brightness(1.1)}
.lp-pago-cta-outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.lp-pago-cta-outline:hover{background:var(--blueSoft);filter:none}
.lp-prob-sol{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:start;max-width:980px;margin:0 auto}
.lp-prob-divider{font-size:2rem;color:var(--green);opacity:.5;align-self:center;font-weight:900}
.lp-prob-list{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.5rem}
.lp-prob-list li{font-size:.9rem;line-height:1.5;padding-left:1.3rem;position:relative;color:var(--muted)}
.lp-prob-list li::before{content:'•';position:absolute;left:0;color:var(--red);font-weight:900}
.lp-sol-list li::before{color:var(--green)}
@media(max-width:700px){
.lp-prob-sol{grid-template-columns:1fr;gap:1.5rem}
.lp-prob-divider{text-align:center;font-size:1.5rem}
}
.lp-section h2{font-family:Merriweather,serif;font-size:clamp(1.6rem,.8rem+1.8vw,2.4rem);text-align:center;margin-bottom:.6rem}
.lp-section-sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 2.5rem;font-size:.95rem}
.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.lp-feat{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .2s}
.lp-feat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lp-feat-icon{width:52px;height:52px;border-radius:14px;background:var(--greenSoft);display:grid;place-items:center;font-size:1.5rem;margin-bottom:1rem}
.lp-feat h3{font-size:1.05rem;margin-bottom:.4rem;font-weight:800}
.lp-feat p{font-size:.88rem;color:var(--muted);line-height:1.55}
.lp-howit{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:step}
.lp-step{padding:1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;position:relative;counter-increment:step}
.lp-step::before{content:counter(step);position:absolute;top:-14px;left:1.4rem;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;box-shadow:0 4px 12px rgba(47,139,77,.4)}
.lp-step h3{margin-top:.5rem;font-size:1rem;margin-bottom:.4rem;font-weight:800}
.lp-step p{font-size:.88rem;color:var(--muted);line-height:1.55}
.lp-plan{padding:2rem 1.6rem;background:var(--surface);border:1.5px solid var(--border);border-radius:24px;position:relative;display:flex;flex-direction:column}
.lp-plan.featured{border-color:var(--green);box-shadow:0 16px 42px rgba(47,139,77,.16)}
.lp-plan-tag{position:absolute;top:-12px;right:1.6rem;padding:.3rem .8rem;border-radius:999px;background:var(--green);color:#fff;font-size:.72rem;font-weight:800}
.lp-plan h3{font-size:1.2rem;font-weight:800;margin-bottom:.3rem}
.lp-plan-desc{color:var(--muted);font-size:.88rem;margin-bottom:1.2rem}
.lp-plan-price{font-family:Merriweather,serif;font-size:2.2rem;font-weight:800;color:var(--text);line-height:1}
.lp-plan-price small{font-size:.9rem;color:var(--muted);font-weight:600;font-family:Inter,sans-serif}
.lp-plan-list{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.55rem;flex-grow:1}
.lp-plan-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.5}
.lp-plan-list li::before{content:"✓";color:var(--green);font-weight:800;flex-shrink:0;margin-top:.05rem}
.lp-plan-list li.no::before{content:"✕";color:var(--muted);opacity:.6}
.lp-plan-list li.no{color:var(--muted)}
.lp-plan-cta{padding:.85rem;border-radius:12px;border:none;font-weight:800;cursor:pointer;font-size:.95rem;transition:all .2s;width:100%}
.lp-plan-cta.primary{background:var(--green);color:#fff}
.lp-plan-cta.primary:hover{filter:brightness(1.1)}
.lp-plan-cta.secondary{background:var(--soft);color:var(--text);border:1px solid var(--border)}
.lp-plan-cta.secondary:hover{background:var(--surface);border-color:var(--green)}
.lp-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.lp-test{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:20px}
.lp-test-stars{color:#f5b417;font-size:.95rem;margin-bottom:.6rem;letter-spacing:1px}
.lp-test-text{font-size:.92rem;line-height:1.6;color:var(--text);margin-bottom:1rem;font-style:italic}
.lp-test-author{display:flex;align-items:center;gap:.7rem}
.lp-test-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),#7dd3a3);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.95rem;flex-shrink:0}
.lp-test-name{font-weight:700;font-size:.85rem}
.lp-test-role{font-size:.76rem;color:var(--muted)}
.lp-faq{max-width:780px;margin:0 auto;display:grid;gap:.7rem}
.lp-faq details{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0;box-shadow:none}
.lp-faq summary{padding:1.1rem 1.3rem;cursor:pointer;font-weight:700;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.lp-faq summary::after{content:"+";color:var(--green);font-size:1.4rem;font-weight:800;transition:transform .2s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq-body{padding:0 1.3rem 1.1rem;color:var(--muted);font-size:.9rem;line-height:1.6}
.lp-final-cta{padding:3.5rem 2rem;background:linear-gradient(135deg,var(--green),#3ba85c);border-radius:28px;text-align:center;color:#fff;margin:2rem 0}
.lp-final-cta h2{font-family:Merriweather,serif;font-size:clamp(1.6rem,.8rem+1.8vw,2.4rem);margin-bottom:.6rem;color:#fff}
.lp-final-cta p{opacity:.92;margin-bottom:1.5rem;font-size:1rem;max-width:520px;margin-left:auto;margin-right:auto}
.lp-final-cta .lp-btn-primary{background:#fff;color:var(--green);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.lp-footer{padding:2.5rem 0 2rem;border-top:1px solid var(--border);margin-top:2rem;color:var(--muted);font-size:.85rem}
.lp-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.lp-footer h4{color:var(--text);font-size:.85rem;margin-bottom:.7rem;font-weight:800}
.lp-footer ul{list-style:none;padding:0;display:grid;gap:.4rem}
.lp-footer ul a{cursor:pointer;transition:color .2s}
.lp-footer ul a:hover{color:var(--green)}
.lp-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.78rem}
@media(max-width:900px){
.lp-features,.lp-howit,.lp-testimonials{grid-template-columns:1fr}
.lp-hero-stats{grid-template-columns:repeat(2,1fr)}
.lp-footer-grid{grid-template-columns:1fr}
.lp-hero{padding:2.5rem 0 1.5rem}
}
#pricingModal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1100;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:1rem}
#pricingModal.show{display:flex}
.pm-box{background:var(--surface);border-radius:24px;padding:2rem;max-width:480px;width:100%;border:1px solid var(--border)}
.pm-box h3{font-family:Merriweather,serif;font-size:1.4rem;margin-bottom:.6rem}
.pm-box p{color:var(--muted);font-size:.92rem;line-height:1.6;margin-bottom:1.2rem}
.pm-box .lp-btn-primary{width:100%;justify-content:center}
.lp-pricing-3 .lp-plan{padding:2rem 1.5rem;background:var(--surface);border:1.5px solid var(--border);border-radius:24px;position:relative;display:flex;flex-direction:column}
.lp-pricing-3 .lp-plan.featured{border-color:var(--green);box-shadow:0 24px 60px rgba(47,139,77,.18);transform:scale(1.03)}
.lp-plan-equiv{font-size:.78rem;color:var(--muted);margin-top:.25rem;font-weight:600}
.lp-pricing-3 .lp-plan-list{margin-top:1rem}
@media(max-width:980px){
.lp-pricing-3 .lp-plan.featured{transform:none}
}
.lp-pricing-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1300px;margin:0 auto;align-items:stretch}
.lp-pricing-4 .lp-plan{padding:1.6rem 1.2rem;background:var(--surface);border:1.5px solid var(--border);border-radius:22px;position:relative;display:flex;flex-direction:column}
.lp-pricing-4 .lp-plan.featured{border-color:var(--green);border-width:2.5px;box-shadow:0 24px 60px rgba(47,139,77,.22);transform:scale(1.03);z-index:2}
.lp-pricing-4 .lp-plan-list{margin-top:.7rem;font-size:.8rem}
.lp-pricing-4 .lp-plan-list li{padding:.12rem 0}
.lp-pricing-4 .lp-plan h3{font-size:1.05rem}
.lp-pricing-4 .lp-plan-price{font-size:1.85rem}
@media(max-width:1100px){
.lp-pricing-4{grid-template-columns:repeat(2,1fr);max-width:640px}
.lp-pricing-4 .lp-plan.featured{transform:none}
}
@media(max-width:560px){
.lp-pricing-4{grid-template-columns:1fr;max-width:420px}
}
@media(max-width:980px){
.lp-pricing-4 .lp-plan.featured{order:-1}
}
.lp-pricing-monthly{margin:2rem auto 0;max-width:900px;padding:1.4rem 1.6rem;background:var(--soft2);border:1px solid var(--border);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap}
.lp-pricing-monthly strong{display:block;font-size:.95rem;margin-bottom:.2rem}
.lp-pricing-monthly p{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:700px){
.lp-pricing-monthly{flex-direction:column;align-items:flex-start}
}
.lp-pricing-compare{margin:2.5rem auto 0;max-width:900px;padding:1.6rem;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.lp-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.lp-compare-item{padding:.9rem 1rem;background:var(--soft);border:1px solid var(--border);border-radius:12px}
.lp-compare-item.highlight{background:var(--greenSoft);border-color:var(--green)}
.lp-compare-item strong{display:block;font-size:.9rem;margin-bottom:.3rem}
.lp-compare-item p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:600px){
.lp-compare-grid{grid-template-columns:1fr}
}
.pricing-anchor{font-size:.85rem}
.lp-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.25,.8,.25,1),transform .6s cubic-bezier(.25,.8,.25,1)}
.lp-reveal.lp-visible{opacity:1;transform:none}
.lp-reveal-delay-1{transition-delay:.1s}
.lp-reveal-delay-2{transition-delay:.2s}
.lp-reveal-delay-3{transition-delay:.3s}
.lp-free-strip{margin:2.5rem auto 0;max-width:900px;padding:1.4rem 1.6rem;background:var(--soft);border:1px dashed var(--border);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap}
.lp-free-strip strong{display:block;font-size:.95rem;margin-bottom:.2rem}
.lp-free-strip p{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0}
.lp-free-tag{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--yellowSoft);color:rgb(143,106,0);font-size:.72rem;font-weight:700;border:1px solid var(--yellow)}
@media(max-width:700px){
.lp-free-strip{flex-direction:column;align-items:flex-start}
}
.pro-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:999px;background:linear-gradient(135deg,var(--green),#5fbc7e);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}
.pro-badge::before{content:"⭐"}
#paywallModal.show{display:flex}
#countryModal.show{display:flex}
.plan-day.done{opacity:.6}
.plan-day.done .plan-day-num{background:var(--muted)}
.parcial-sw button.active{background:var(--surface);color:var(--green);box-shadow:0 3px 14px rgba(47,139,77,.18);font-weight:900}
.parcial-sw button.active::before{content:'▸ ';font-size:.7rem}
.checklist-item.done{background:var(--greenSoft);color:#166534;text-decoration:line-through;opacity:.85}
.checklist-item.done::before{content:"✓";color:var(--green);font-weight:800;font-size:1rem}
.checklist-item:not(.done)::before{content:"○";color:var(--muted);font-weight:800;font-size:1.1rem}
.boss-card .btn{background:rgba(255,255,255,.95);color:#0f766e;border:none}
#globalLoader.show{display:flex}
.mg-filter.active{background:linear-gradient(135deg,var(--green),#3fa75f);color:#fff;border-color:var(--green);box-shadow:0 6px 18px rgba(47,139,77,.35)}
.mg-punnett .pc.cell.correct{background:var(--greenSoft);border-color:var(--green)}
.dna-base.correct{box-shadow:0 0 16px var(--green)}
.quiz-progress span.active{background:var(--green)}
.quiz-progress span.done{background:var(--green);opacity:.5}
.lp-dark{background:linear-gradient(180deg,#071a0f 0%,#091c10 100%);position:relative}
.lp-mid-dark{background:linear-gradient(180deg,#0d2318 0%,#091c10 100%);position:relative}
.lp-dark,.lp-mid-dark{
  color:#fff;
  --text:#fff;
  --muted:rgba(255,255,255,.62);
  --border:rgba(255,255,255,.12);
  --soft:rgba(255,255,255,.07);
  --soft2:rgba(255,255,255,.04);
  --surface:rgba(255,255,255,.08);
  --greenSoft:rgba(74,222,128,.18);
  --yellowSoft:rgba(251,191,36,.18);
  --blueSoft:rgba(74,180,222,.12);
}
.lp-dark::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 80% 50% at 15% 15%,rgba(74,222,128,.04) 0%,transparent 65%),
    radial-gradient(ellipse 60% 40% at 85% 85%,rgba(47,180,90,.03) 0%,transparent 65%)}
.lp-mid-dark::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 45% at 85% 20%,rgba(74,222,128,.04) 0%,transparent 65%)}
.lp-dark>.container,.lp-mid-dark>.container{position:relative;z-index:1}
.lp-dark em,.lp-mid-dark em{color:#4ade80;font-style:normal;font-weight:600}
.lp-dark .lp-feat-icon,.lp-mid-dark .lp-feat-icon{background:rgba(74,222,128,.15);box-shadow:0 4px 16px rgba(74,222,128,.18)}
.lp-dark .lp-feat:hover,.lp-mid-dark .lp-feat:hover{border-color:rgba(74,222,128,.4)!important;box-shadow:0 16px 48px rgba(0,0,0,.5)}
.lp-dark .lp-step::before,.lp-mid-dark .lp-step::before{background:#4ade80;color:#071a0f;box-shadow:0 4px 16px rgba(74,222,128,.5)}
.lp-dark .lp-plan.featured,.lp-mid-dark .lp-plan.featured{
  background:rgba(74,222,128,.12)!important;
  border-color:rgba(74,222,128,.5)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(74,222,128,.25)!important}
.lp-dark .lp-plan-cta.secondary,.lp-mid-dark .lp-plan-cta.secondary{
  background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
.lp-dark .lp-plan-cta.secondary:hover,.lp-mid-dark .lp-plan-cta.secondary:hover{
  background:rgba(255,255,255,.18);border-color:rgba(74,222,128,.5)}
.lp-mid-dark .lp-faq summary::after,.lp-dark .lp-faq summary::after{color:#4ade80}
.lp-dark .pricing-anchor span,.lp-mid-dark .pricing-anchor span{
  background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.3);color:#7dd3a3}
.lp-dark .lp-compare-item.highlight,.lp-mid-dark .lp-compare-item.highlight{
  background:rgba(74,222,128,.14)!important;border-color:rgba(74,222,128,.45)!important}
.lp-dark .lp-pago-cr,.lp-mid-dark .lp-pago-cr{border-color:rgba(74,222,128,.45)!important;box-shadow:0 8px 28px rgba(0,0,0,.3)!important}
.lp-dark .lp-pago-latam,.lp-mid-dark .lp-pago-latam{border-color:rgba(74,180,222,.4)!important}
.lp-dark .lp-pago-coming,.lp-mid-dark .lp-pago-coming{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.lp-dark .lp-pago-cta-outline,.lp-mid-dark .lp-pago-cta-outline{background:transparent;color:#7dd3a3;border-color:rgba(74,180,222,.5)}
.lp-mid-dark .lp-eyebrow,.lp-dark .lp-eyebrow{background:rgba(74,222,128,.15);border-color:rgba(74,222,128,.3);color:#7dd3a3}
.lp-final-cta{
  background:linear-gradient(135deg,#071a0f 0%,#0d2a1a 50%,#071a0f 100%)!important;
  border:1px solid rgba(74,222,128,.2);
  box-shadow:0 32px 80px rgba(0,0,0,.5)}
.lp-final-cta h2,.lp-final-cta p{color:#fff!important}
.lp-final-cta .lp-btn-primary{background:#4ade80;color:#071a0f!important;font-weight:900;box-shadow:0 12px 40px rgba(74,222,128,.4)!important}
.lp-final-cta .lp-btn-primary:hover{background:#6ee7a0;transform:translateY(-2px);box-shadow:0 18px 50px rgba(74,222,128,.5)!important}
.lp-footer{background:#04100a;border-top:1px solid rgba(74,222,128,.1);color:rgba(255,255,255,.4)}
.lp-footer h4{color:#fff}
.lp-footer ul li a{color:rgba(255,255,255,.4)}
.lp-footer ul li a:hover{color:#7dd3a3}
.lp-footer-bottom{color:rgba(255,255,255,.28);border-top-color:rgba(255,255,255,.07)}
.lp-footer p{color:rgba(255,255,255,.4)}
.lp-footer .brand strong{color:#fff}
.lp-footer .brand small{color:rgba(255,255,255,.4)}
@media(max-width:900px){
.lp-hero{padding:0!important}
.lp-hero-inner{padding:3rem 0 2rem!important}
}
@media(max-width:768px){
.container{width:min(1420px,100% - 2.5rem)}
}
.menu-more-pop.show{display:block}
.navbox a.active{
  background:var(--greenSoft)!important;
  color:var(--green)!important;
  border-left:3px solid var(--green);
  padding-left:calc(.8rem - 3px)!important;
  font-weight:800!important}
.lp-dark::after,.lp-mid-dark::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle 1.5px at 8% 15%,rgba(74,222,128,.22) 0%,transparent 100%),
    radial-gradient(circle 1px at 22% 48%,rgba(74,222,128,.18) 0%,transparent 100%),
    radial-gradient(circle 2px at 38% 9%,rgba(74,222,128,.12) 0%,transparent 100%),
    radial-gradient(circle 1px at 55% 72%,rgba(74,222,128,.16) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 70% 28%,rgba(74,222,128,.14) 0%,transparent 100%),
    radial-gradient(circle 1px at 83% 58%,rgba(74,222,128,.2) 0%,transparent 100%),
    radial-gradient(circle 2px at 14% 80%,rgba(74,222,128,.12) 0%,transparent 100%),
    radial-gradient(circle 1px at 46% 55%,rgba(74,222,128,.1) 0%,transparent 100%),
    radial-gradient(circle 1.5px at 91% 20%,rgba(74,222,128,.15) 0%,transparent 100%),
    radial-gradient(circle 1px at 62% 88%,rgba(74,222,128,.13) 0%,transparent 100%)}
.lp-dark h2,.lp-mid-dark h2{text-shadow:0 0 40px rgba(74,222,128,.22)}
@media(min-width:769px){
.lp-mid-dark .lp-howit{position:relative}
.lp-mid-dark .lp-howit::after{
    content:'';position:absolute;top:2px;left:18%;right:18%;height:2px;
    background:linear-gradient(90deg,transparent,rgba(74,222,128,.25),rgba(74,222,128,.4),rgba(74,222,128,.25),transparent);
    z-index:0;pointer-events:none}
.lp-mid-dark .lp-step{z-index:1}
}
.lp-prob-col{position:relative}
.lp-prob-col::before{
  content:'';position:absolute;top:-30px;right:-20px;
  width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(220,70,70,.13),transparent 70%);
  pointer-events:none;z-index:0}
.lp-sol-col{position:relative}
.lp-sol-col::before{
  content:'';position:absolute;top:-30px;left:-20px;
  width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,222,128,.17),transparent 70%);
  pointer-events:none;z-index:0}
.lp-prob-col>*,.lp-sol-col>*{position:relative;z-index:1}
.lp-dark .lp-feat-icon{animation:featFloat 4s ease-in-out infinite}
.lp-dark .lp-feat:nth-child(2) .lp-feat-icon{animation-delay:.8s}
.lp-dark .lp-feat:nth-child(3) .lp-feat-icon{animation-delay:1.6s}
.lp-dark .lp-feat:nth-child(4) .lp-feat-icon{animation-delay:2.4s}
.lp-dark .lp-feat:nth-child(5) .lp-feat-icon{animation-delay:3.2s}
.lp-dark .lp-feat:nth-child(6) .lp-feat-icon{animation-delay:.4s}
.lp-dark .lp-feat:nth-child(7) .lp-feat-icon{animation-delay:1.2s}
.lp-dark .lp-feat:nth-child(8) .lp-feat-icon{animation-delay:2s}
.lp-dark .lp-feat:nth-child(9) .lp-feat-icon{animation-delay:2.8s}
.lp-final-cta{position:relative!important;overflow:hidden}
.lp-final-cta::before{
  content:'';position:absolute;top:50%;left:50%;
  width:520px;height:260px;border-radius:50%;
  border:1px solid rgba(74,222,128,.22);
  transform:translate(-50%,-50%);
  animation:ctaRingPulse 5s ease-in-out infinite;
  pointer-events:none;z-index:0}
.lp-final-cta>*{position:relative;z-index:1}
.lp-dark+.lp-mid-dark,.lp-mid-dark+.lp-dark{border-top:1px solid rgba(74,222,128,.07)}
#bioLandingBg{
  position:absolute;top:0;left:0;width:100%;
  pointer-events:none;z-index:0;display:block}
.lp-problem-section{overflow:hidden}
.lp-chaos-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.lp-chaos-chip{
  position:absolute;left:var(--cx);top:var(--cy);
  background:rgba(220,60,60,.07);border:1px solid rgba(255,100,100,.14);
  border-radius:8px;padding:.28rem .65rem;font-size:.73rem;
  color:rgba(255,180,180,.36);white-space:nowrap;
  animation:chaosOrbit var(--cd) ease-in-out infinite;
  animation-delay:var(--co)}
@media(max-width:700px){
.lp-chaos-chip{display:none}
}
.lp-sol-items{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.lp-order-el{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.3rem .72rem;background:rgba(74,222,128,.12);
  border:1px solid rgba(74,222,128,.28);border-radius:8px;
  font-size:.78rem;color:#7dd3a3;font-weight:600;opacity:0}
.lp-problem-section.lp-visible .lp-order-el:nth-child(1){animation:orderIn .5s .7s ease forwards}
.lp-problem-section.lp-visible .lp-order-el:nth-child(2){animation:orderIn .5s .9s ease forwards}
.lp-problem-section.lp-visible .lp-order-el:nth-child(3){animation:orderIn .5s 1.1s ease forwards}
.lp-problem-section.lp-visible .lp-order-el:nth-child(4){animation:orderIn .5s 1.3s ease forwards}
.lp-problem-section.lp-visible .lp-order-el:nth-child(5){animation:orderIn .5s 1.5s ease forwards}
.lp-wave-up{
  clip-path:polygon(0 2.8rem,100% 0,100% 100%,0 100%);
  margin-top:-2.8rem;
  padding-top:calc(3rem + 2.8rem)!important;
  position:relative;z-index:2}
.lp-wave-down{
  clip-path:polygon(0 0,100% 2.8rem,100% 100%,0 100%);
  margin-top:-2.8rem;
  padding-top:calc(3rem + 2.8rem)!important;
  position:relative;z-index:3}
@media(max-width:768px){
.lp-wave-up{clip-path:polygon(0 1.4rem,100% 0,100% 100%,0 100%);margin-top:-1.4rem;padding-top:calc(3rem + 1.4rem)!important}
.lp-wave-down{clip-path:polygon(0 0,100% 1.4rem,100% 100%,0 100%);margin-top:-1.4rem;padding-top:calc(3rem + 1.4rem)!important}
}
.lp-howit{position:relative;overflow:visible}
.lp-step-path{
  position:absolute;top:-20px;left:0;width:100%;height:44px;
  pointer-events:none;z-index:0;overflow:visible}
.lp-path-line{
  stroke:rgba(74,222,128,.4);stroke-width:1.5;fill:none;
  stroke-dasharray:700;stroke-dashoffset:700}
.lp-path-line.drawn{animation:drawPath 1.8s ease forwards}
.lp-path-node{fill:#4ade80;r:5;opacity:.5;animation:nodeGlow 2.5s ease-in-out infinite}
.lp-path-node:nth-child(3){animation-delay:.8s}
.lp-path-node:nth-child(4){animation-delay:1.6s}
@media(max-width:768px){
.lp-step-path{display:none}
}
@media(min-width:769px){
#lp-precio .lp-pricing-4{perspective:1400px}
#lp-precio .lp-plan{transition:transform .4s ease,box-shadow .4s ease}
#lp-precio .lp-plan:hover:not(.featured){transform:translateY(-6px) rotateY(-3deg)}
#lp-precio .lp-plan.featured:hover{transform:translateY(-8px) rotateY(-2deg) scale(1.02)}
}
.lp-final-cta::after{
  content:'';position:absolute;top:50%;left:50%;
  width:720px;height:360px;border-radius:50%;
  border:1px solid rgba(74,222,128,.11);
  transform:translate(-50%,-50%);
  animation:ctaRing2 7s 2s ease-in-out infinite;
  pointer-events:none;z-index:0}
@media(prefers-reduced-motion:reduce){
.lp-chaos-chip,.lp-path-line,.lp-path-node,
  .lp-order-el,.lp-final-cta::before,.lp-final-cta::after,
  .lp-dark .lp-feat-icon{
    animation:none!important;transition:none!important;opacity:1!important}
#bioLandingBg{display:none!important}
#lp-precio .lp-plan{transform:none!important;transition:none!important}
}
#payResultOverlay{
  position:fixed;inset:0;z-index:2000;
  background:rgba(0,0,0,.72);
  display:none;align-items:center;justify-content:center;
  padding:1rem;backdrop-filter:blur(6px)}
#payResultOverlay.show{display:flex}
.pay-result-box{
  background:#fff;
  border-radius:20px;
  max-width:560px;width:100%;
  padding:2rem 2rem 1.6rem;
  box-shadow:0 32px 80px rgba(0,0,0,.45);
  position:relative;
  animation:payBoxIn .35s ease}
.pay-result-icon{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:2rem;margin:0 auto 1rem;font-weight:700}
.pay-result-icon.success{background:rgba(74,222,128,.15);border:2px solid rgba(74,222,128,.4);color:#15803d}
.pay-result-icon.cancel{background:rgba(251,191,36,.12);border:2px solid rgba(251,191,36,.35);color:#92400e}
.pay-result-title{
  text-align:center;font-size:1.25rem;font-weight:800;
  margin:0 0 .45rem;color:#1a1a1a}
.pay-result-sub{
  text-align:center;color:#555;
  font-size:.93rem;line-height:1.55;margin-bottom:1.1rem}
.pay-result-steps{
  background:rgba(74,222,128,.07);
  border:1px solid rgba(74,222,128,.22);
  border-radius:12px;padding:.9rem 1rem .9rem 1.2rem;
  margin-bottom:1rem}
.pay-result-steps strong{font-size:.85rem;display:block;margin-bottom:.35rem;color:#1a1a1a}
.pay-result-steps ol{
  padding-left:1.3rem;margin:0;
  font-size:.87rem;line-height:1.75;color:#333}
.pay-result-btns{
  display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;
  margin-bottom:.9rem}
.pay-result-close{
  display:block;width:100%;text-align:center;
  font-size:.8rem;color:#999;cursor:pointer;
  background:none;border:none;padding:.25rem;
  text-decoration:underline;text-underline-offset:2px}
.pay-result-close:hover{color:#555}
@media(max-width:480px){
.pay-result-box{padding:1.4rem 1.1rem 1.1rem;border-radius:16px}
.pay-result-btns .btn,.pay-result-btns .btn-primary{width:100%;text-align:center;justify-content:center}
}
#pricingModal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1100;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:1rem}
#pricingModal.show{display:flex}
#pmBox{
  background:var(--surface);border-radius:22px;padding:2rem;
  max-width:440px;width:100%;border:1px solid var(--border);
  position:relative;max-height:90vh;overflow-y:auto}
.pm-close{
  position:absolute;top:.9rem;right:.9rem;
  background:var(--soft);border:1px solid var(--border);
  border-radius:10px;width:30px;height:30px;
  font-size:1rem;cursor:pointer;color:var(--muted);
  display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}
.pm-close:hover{background:var(--border);color:var(--text)}
.pm-plan-badge{
  display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;
  background:var(--greenSoft);border:1px solid rgba(74,222,128,.3);
  border-radius:12px;padding:.6rem .9rem;margin:.6rem 0 .8rem}
.pm-plan-name{font-weight:800;font-size:.95rem;color:var(--text)}
.pm-plan-price{font-family:Merriweather,serif;font-size:1.15rem;font-weight:800;color:var(--green)}
.pm-plan-dur{font-size:.78rem;color:var(--muted)}
.pm-email-note{font-size:.83rem;color:var(--muted);line-height:1.5;margin-bottom:.9rem;background:var(--soft);padding:.5rem .8rem;border-radius:10px}
.pm-paypal-wrap{text-align:center;padding:1rem;background:var(--soft);border-radius:14px;margin-bottom:.8rem}
.pm-paypal-note{font-size:.76rem;color:var(--muted);margin-top:.5rem;line-height:1.4}
.pm-sinpe-alt{margin-bottom:.5rem;border:1px solid var(--border);border-radius:12px;padding:.55rem .75rem}
.pm-sinpe-alt summary{cursor:pointer;font-size:.83rem;font-weight:700;color:var(--muted);list-style:none;display:flex;align-items:center;gap:.35rem}
.pm-sinpe-alt summary::-webkit-details-marker{display:none}
.pm-sinpe-alt[open] summary{color:var(--text)}
.pm-sinpe-body{margin-top:.5rem;font-size:.85rem;color:var(--text)}
.lp-paypal-badge{display:flex;align-items:center;gap:.75rem}
.lp-paypal-secure-lbl{
  font-size:.8rem;font-weight:700;
  background:rgba(74,222,128,.18);color:#7dd3a3;
  padding:.25rem .65rem;border-radius:99px;border:1px solid rgba(74,222,128,.25)}
.lp-paypal-why{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.lp-paypal-why li{font-size:.87rem;line-height:1.45;color:rgba(255,255,255,.82)}
.lp-paypal-plan-btn.featured{
  grid-column:1/-1;background:rgba(74,222,128,.14);
  border-color:rgba(74,222,128,.45);border-width:1.5px}
.lp-sinpe-alt{
  border:1px solid rgba(255,255,255,.1);border-radius:16px;
  padding:.85rem 1.1rem;margin-bottom:.4rem;
  background:rgba(255,255,255,.04)}
.lp-sinpe-alt summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
  font-size:.88rem}
.lp-sinpe-alt summary::-webkit-details-marker{display:none}
.lp-sinpe-alt-lbl{font-weight:700;color:rgba(255,255,255,.75)}
.lp-sinpe-alt-arrow{font-size:.85rem;color:var(--muted);transition:transform .2s}
.lp-sinpe-alt[open] .lp-sinpe-alt-arrow{transform:rotate(180deg)}
.lp-sinpe-alt-body{margin-top:.75rem;color:rgba(255,255,255,.75)}
.lp-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem}
@media(max-width:900px){
.lp-preview-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
}
.lp-preview-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.2rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .3s,background .3s}
.lp-preview-card:hover{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.05)}
.lp-preview-label{font-size:.78rem;font-weight:800;color:#4ade80;letter-spacing:.3px}
.lp-preview-screen{background:#0b1d11;border:1px solid rgba(74,222,128,.15);border-radius:12px;padding:1rem;flex:1}
.lp-preview-desc{font-size:.82rem;color:rgba(255,255,255,.58);line-height:1.5;margin:0}
.mock-progress-dots{display:flex;gap:.3rem;margin-bottom:.65rem}
.mock-dot{width:22px;height:5px;border-radius:99px;background:rgba(255,255,255,.12)}
.mock-dot.done{background:#4ade80;opacity:.55}
.mock-dot.active{background:#4ade80}
.mock-question{font-size:.84rem;color:#fff;line-height:1.5;margin:0 0 .7rem;font-weight:600}
.mock-opts{display:flex;flex-direction:column;gap:.32rem}
.mock-opt{font-size:.77rem;padding:.38rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.62);background:rgba(255,255,255,.04)}
.mock-opt.correct{background:rgba(74,222,128,.14);border-color:rgba(74,222,128,.45);color:#4ade80;font-weight:700}
.mock-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;flex-wrap:wrap;gap:.3rem}
.mock-badge-green{font-size:.7rem;font-weight:800;background:rgba(74,222,128,.18);color:#4ade80;border:1px solid rgba(74,222,128,.3);border-radius:99px;padding:.2rem .6rem}
.mock-countdown{font-size:.7rem;color:rgba(255,255,255,.45)}
.mock-task{font-size:.78rem;padding:.3rem .55rem;border-radius:8px;margin-bottom:.28rem;color:rgba(255,255,255,.55)}
.mock-task.done{color:rgba(255,255,255,.28);text-decoration:line-through}
.mock-task.active{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);color:#fff;font-weight:700}
.mock-approval-wrap{margin-top:.7rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.07)}
.mock-approval-lbl{font-size:.7rem;color:rgba(255,255,255,.45);margin-bottom:.3rem;display:block}
.mock-approval-row{display:flex;align-items:center;gap:.6rem}
.mock-bar{height:7px;flex:1;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.mock-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2f8b4d,#4ade80)}
.mock-approval-val{font-size:.85rem;font-weight:800;color:#4ade80;flex-shrink:0}
.mock-map-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.48rem}
.mock-map-name{font-size:.75rem;color:rgba(255,255,255,.65);width:86px;flex-shrink:0}
.mock-map-bar{flex:1;height:7px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.mock-map-fill{height:100%;border-radius:99px}
.mock-map-fill.green{background:linear-gradient(90deg,#2f8b4d,#4ade80)}
.mock-map-fill.yellow{background:linear-gradient(90deg,#a07012,#f0c54a)}
.mock-map-fill.red{background:linear-gradient(90deg,#8b2f2f,#e05252)}
.mock-map-pct{font-size:.75rem;font-weight:700;width:28px;text-align:right;color:rgba(255,255,255,.65)}
.com-tab.active{background:var(--green);color:#fff;border-color:var(--green)}
.com-panel.active{display:block}
.mission-status-badge.active{background:rgba(59,130,246,.13);color:#3b82f6}
.exp-tab.active{color:var(--green);border-bottom:2px solid var(--green);background:var(--greenSoft)}
.exp-tab.active .exp-tab-count{background:var(--green)}
.exp-tab:not(.active) .exp-tab-count{background:var(--border);color:var(--muted)}
.exp-phase-dot.done{background:var(--green);color:#fff}
.exp-phase-line.done{background:var(--green)}
.exp-role-badge.done{background:var(--greenSoft);color:var(--green)}
.bw-btn.primary{
  background:linear-gradient(135deg, var(--green), #3ba85c);
  border-color:rgba(255,255,255,.25);
  box-shadow:0 12px 28px rgba(47,139,77,.32);
}
.bw-btn.primary:hover{box-shadow:0 14px 34px rgba(47,139,77,.42)}
.bw-region-tip.show{opacity:1;transform:translate(-50%, -110%) scale(1)}
.bw-region-panel.show{transform:translateX(0)}
.bw-zoom-veil.active{opacity:1}
@media (max-width: 768px){
.bw-region-panel.show{transform:translateY(0)}
}
.bw-top-org.show{display:inline-flex}
.bw-evolve-overlay.show{display:flex;opacity:1}
.bw-org-settings-pop.show{transform:scale(1);opacity:1;pointer-events:auto}
.bw-color.active{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.2), 0 6px 16px rgba(0,0,0,.4);
}
.bw-caps-btn.show{display:inline-flex}
.bw-caps-modal.show{display:flex;opacity:1}
.bw-caps-modal.show .bw-caps-panel{transform:translateY(0) scale(1);opacity:1}
.bw-open-modal.show{display:flex;opacity:1}
.bw-open-stage-closed.active,
.bw-open-stage-opened.active{
  display:flex;
  opacity:1;
  pointer-events:auto;
}
.bw-coll-tip.show{opacity:1;transform:translate(-50%, -110%) scale(1)}
.bw-exp-btn.show{display:inline-flex}
.bw-exp-list-modal.show{display:flex;opacity:1}
.bw-exp-modal.show{display:flex;opacity:1}
.bw-exp-node-panel.show{transform:translateX(0)}
@media (max-width: 768px){
.bw-exp-node-panel.show{transform:translateY(0)}
}
.bw-exp-node-actions .bw-btn.secondary{
  background:rgba(255,255,255,.06);
  box-shadow:none;
  color:rgba(208,237,216,.85);
  flex:0;
}
.bw-mini-sim-opt.correct{background:rgba(47,139,77,.22);border-color:rgba(80,180,100,.45);color:#dff5e6}
.bw-dir-btn.show{display:inline-flex}
.bw-event-banner.show{display:inline-flex}
.bw-dir-modal.show{display:flex;opacity:1}
.bw-help-btn.show{display:inline-flex}
.bw-help-modal.show{display:flex;opacity:1}
.bw-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.bw-lab-btn.show{display:inline-flex}
.bw-lab-demobadge.show{display:inline-flex}
.bw-lab-modal.show{display:flex;opacity:1}
.bw-lab-tab.active{
  color:#67e8f9;
  background:rgba(34,211,238,.08);
  border-color:rgba(34,211,238,.25);
}
.bw-lab-pane.active{display:block;animation:bwLabFade .25s ease}
.bw-lab-action.primary{
  background:linear-gradient(135deg, #67e8f9, #38bdf8);
  color:#04161c;border:none;font-weight:800;
}
.bw-lab-stage.active{background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.5);color:#bdf3ff}
@media (prefers-reduced-motion: reduce){
.bw-lab-pane.active{animation:none}
}
@keyframes eyebrowIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes heroH1In{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bioLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.42),0 12px 32px rgba(47,139,77,.32)}50%{box-shadow:0 0 0 11px rgba(74,222,128,0),0 12px 32px rgba(47,139,77,.32)}}
@keyframes auroraDrift{from{transform:translate(-3%,0)}to{transform:translate(4%,3%)}}
@keyframes showcaseFloat{0%,100%{transform:rotateX(5deg) translateY(0)}50%{transform:rotateX(5deg) translateY(-9px)}}
@keyframes featFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ctaRingPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.14}
  50%{transform:translate(-50%,-50%) scale(1.12);opacity:.06}}
@keyframes chaosOrbit{
  0%  {transform:rotate(var(--cr)) translateY(0px)}
  40% {transform:rotate(calc(var(--cr) + 7deg)) translateY(-12px)}
  70% {transform:rotate(calc(var(--cr) - 5deg)) translateY(5px)}
  100%{transform:rotate(var(--cr)) translateY(0px)}}
@keyframes orderIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes drawPath{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes nodeGlow{0%,100%{opacity:.5;r:5}50%{opacity:.9;r:7}}
@keyframes ctaRing2{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.07}
  50%{transform:translate(-50%,-50%) scale(1.22);opacity:.025}}
@keyframes payBoxIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bwLabFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}