:root{
  --bg:#031b12;--bg2:#062719;--card:#082d1f;--card2:#0c3c29;--line:rgba(215,255,230,.13);--line2:rgba(255,255,255,.08);
  --text:#f1fff7;--muted:#a8c9b7;--soft:#d8ffe7;--green:#35e78a;--green2:#00b86b;--gold:#ffd166;--red:#ff7d7d;
  --shadow:0 18px 55px rgba(0,0,0,.35);--radius:24px;--radius2:16px;--navH:78px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 20% 0%,#0d5135 0,#031b12 38%,#02120c 100%);color:var(--text);min-height:100vh;overflow-x:hidden}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:linear-gradient(180deg,rgba(5,46,29,.9),rgba(2,18,12,.96));box-shadow:0 0 80px rgba(0,0,0,.5);overflow:hidden}.app-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 12%,rgba(53,231,138,.16),transparent 24%),radial-gradient(circle at 10% 70%,rgba(255,209,102,.09),transparent 30%);pointer-events:none}.glass{background:rgba(6,39,25,.72);border:1px solid var(--line);backdrop-filter:blur(18px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));border-left:0;border-right:0;border-top:0}.brand{display:flex;gap:10px;align-items:center;background:transparent;border:0;color:inherit;text-align:left;padding:0}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e9fff1,#49ec99);color:#052e1d;font-family:"Plus Jakarta Sans";font-weight:900;letter-spacing:-1px;box-shadow:0 12px 30px rgba(53,231,138,.2)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:15px}.brand-copy small{font-size:10.5px;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:7px;align-items:center}.chip,.pro-pill,.icon-btn,.primary,.secondary,.mini-btn,.seg-btn,.copy-btn,.choice,.back-btn{border:0;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:.18s transform,.18s filter,.18s background,.18s border}.chip{padding:9px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:800;font-size:11px}.pro-pill{padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffad42);color:#2b1a00;font-weight:900;font-size:12px;box-shadow:0 10px 25px rgba(255,209,102,.16)}button:active{transform:scale(.96)}.content{position:relative;z-index:1;padding:14px 14px calc(var(--navH) + 24px)}.hero{padding:20px;border-radius:30px;background:linear-gradient(145deg,rgba(13,81,53,.95),rgba(5,46,29,.78));border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-56px;top:-52px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(53,231,138,.28),transparent 65%)}.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-title{font-family:"Plus Jakarta Sans";font-size:30px;line-height:.96;margin:0 0 10px;letter-spacing:-1.4px}.hero p,.muted{color:var(--muted);line-height:1.55;font-size:13.5px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.primary,.secondary{border-radius:16px;padding:14px 15px;font-weight:900}.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#032014;box-shadow:0 14px 32px rgba(53,231,138,.2)}.secondary{background:rgba(255,255,255,.07);border:1px solid var(--line)}.full{width:100%;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stat{padding:12px 8px;border-radius:16px;background:rgba(0,0,0,.16);border:1px solid var(--line2);text-align:center}.stat b{font-size:18px;color:var(--soft)}.stat span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.section{margin-top:16px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:0 2px 10px}.section h2{font-family:"Plus Jakarta Sans";font-size:18px;margin:0;letter-spacing:-.5px}.see{font-size:12px;color:var(--green);font-weight:800}.card{padding:16px;border-radius:22px;background:rgba(8,45,31,.78);border:1px solid var(--line);box-shadow:0 12px 38px rgba(0,0,0,.18)}.grid{display:grid;gap:10px}.two{grid-template-columns:1fr 1fr}.path-card{min-height:132px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);padding:14px;border-radius:21px}.path-card .icon{font-size:25px}.path-card h3,.script-card h3,.lesson h3{font-size:15px;margin:8px 0 5px}.path-card p,.script-card p,.lesson p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.progress-wrap{display:grid;gap:10px}.progress-row{display:grid;grid-template-columns:82px 1fr 34px;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.bar{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px}.tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.seg-btn{flex:0 0 auto;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:12px;font-weight:800}.seg-btn.active{background:var(--green);color:#032014}.steps{display:grid;gap:10px}.step{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line2)}.num{width:30px;height:30px;border-radius:10px;background:rgba(53,231,138,.14);color:var(--green);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.step h3{font-size:14px;margin:0 0 4px}.step p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.45}.cheat-panel{border-radius:24px;overflow:hidden;background:rgba(0,0,0,.14);border:1px solid var(--line)}.cheat-display{padding:16px}.question{font-size:18px;font-weight:900;line-height:1.15;letter-spacing:-.5px}.choices{display:grid;gap:9px;margin-top:12px}.choice{text-align:left;border-radius:17px;padding:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.choice.active,.choice:hover{background:rgba(53,231,138,.16);border-color:rgba(53,231,138,.65)}.script-card{position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green)}.script-text{margin-top:10px;padding:13px;border-radius:15px;background:#02170f;border:1px solid var(--line2);font-size:13px;line-height:1.55;color:#e7fff0}.copy-btn,.mini-btn{border-radius:12px;padding:9px 11px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-size:12px;font-weight:800}.copy-btn{position:absolute;right:12px;top:12px}.tools-list{display:grid;gap:10px}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line2)}.tool-row b{font-size:13.5px}.tool-row span{font-size:12px;color:var(--muted)}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(480px,100%);z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0;border-radius:22px 22px 0 0}.nav-item{background:transparent;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:16px;font-size:10.5px}.nav-item span{font-size:18px}.nav-item.active{background:rgba(53,231,138,.12);color:var(--green)}.modal{position:fixed;inset:0;z-index:60;display:none;place-items:end center;background:rgba(0,0,0,.55);padding:14px}.modal.show{display:grid}.modal-card{width:min(480px,100%);border-radius:30px;padding:20px;box-shadow:var(--shadow);position:relative}.close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);font-size:22px}.modal h2{font-size:24px;line-height:1.04;margin:0 36px 8px 0;letter-spacing:-1px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.price-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.price-card.featured{background:linear-gradient(145deg,rgba(53,231,138,.18),rgba(255,209,102,.09));border-color:rgba(53,231,138,.42)}.price-card h3{font-size:25px;margin:5px 0;color:var(--soft)}.price-card p,.price-card li,.price-card small{font-size:11.5px;color:var(--muted)}.price-card ul{padding-left:16px;margin:8px 0 0}.toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:80;background:#e9fff1;color:#052e1d;border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty{padding:26px;text-align:center;color:var(--muted)}.calculator input,.calculator select{width:100%;padding:13px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font:inherit;margin-top:8px}.result-box{margin-top:12px;padding:14px;border-radius:16px;background:rgba(53,231,138,.1);border:1px solid rgba(53,231,138,.25)}@media(min-width:481px){body{padding:18px}.app-shell{border-radius:34px;min-height:calc(100vh - 36px)}.bottom-nav{bottom:18px;border-radius:22px;width:min(480px,calc(100% - 36px));border:1px solid var(--line)}}
.path-card.tall{min-height:188px;text-align:left}.pro-note{margin-top:8px!important;color:#d8ffe7!important}.stage-wrap{display:grid;gap:8px}.inline-script{padding:13px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(53,231,138,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.inline-script h3{font-size:15px;margin:0}.pro-sequence{display:grid;gap:8px;margin-top:12px}.locked,.locked-card{position:relative;overflow:hidden}.locked{padding:12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px dashed rgba(255,255,255,.18);display:grid;gap:4px}.locked b{font-size:12px;color:var(--gold)}.locked span{font-size:12px;color:rgba(216,255,231,.55);filter:blur(1.2px);user-select:none}.locked-card:after{content:"PRO";position:absolute;top:13px;right:13px;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffad42);color:#2b1a00;font-size:10px;font-weight:900}.small-script{font-size:12px}.pro-locked-tab:after{content:" 🔒"}.owner-card ol{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:12.5px;line-height:1.55}.owner-card li{margin:6px 0}.checkout-form{display:grid;gap:10px;margin-top:12px}.checkout-form label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:800}.checkout-form input{width:100%;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font:inherit}.checkout-form input[readonly]{color:var(--green);font-weight:900}.price-card .secondary.full,.price-card .primary.full{font-size:13px;padding:11px;margin-top:10px}

/* v3 refinements: cleaner TAPI-style home cards + academy pages */
.compact-hero{padding:18px 18px 16px;border-radius:26px;box-shadow:0 10px 34px rgba(0,0,0,.22)}
.compact-hero h1{font-size:26px;line-height:1.02}.compact-hero p{font-size:13px}.compact-hero .hero-actions{margin-top:14px}.compact-hero .primary,.compact-hero .secondary{padding:13px 10px;border-radius:18px;font-size:13px}.stats>div{padding:12px 8px;border-radius:16px;background:rgba(0,0,0,.16);border:1px solid var(--line2);text-align:center}.stats>div b{font-size:18px;color:var(--soft);display:block}.stats>div span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.feature-grid-simple{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card-simple{min-height:128px;position:relative;text-align:left;border:1px solid rgba(216,255,231,.16);border-radius:20px;padding:14px 12px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:hidden}.feature-card-simple:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 28% 12%,rgba(53,231,138,.13),transparent 36%);pointer-events:none}.feature-card-simple .feature-icon{position:absolute;top:13px;left:14px;font-size:27px;line-height:1}.feature-card-simple .badge{position:absolute;top:14px;right:12px;font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:rgba(53,231,138,.12);border:1px solid rgba(53,231,138,.35);color:#75ffb5}.feature-card-simple .badge.gold{background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.38);color:var(--gold)}.feature-card-simple b{font-family:"Plus Jakarta Sans";font-size:15px;line-height:1.1;letter-spacing:-.35px;position:relative}.feature-card-simple small{font-size:11.5px;line-height:1.35;color:rgba(216,255,231,.58);position:relative}.academy-link{cursor:pointer;text-align:left;color:inherit}.back-link{margin:0 0 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:10px 14px;font-weight:900}.academy-hero{text-align:left;background:linear-gradient(145deg,rgba(13,81,53,.94),rgba(5,46,29,.7))}.academy-icon{width:60px;height:60px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid var(--line);display:grid;place-items:center;font-size:34px;margin-bottom:12px}.academy-hero h1{font-family:"Plus Jakarta Sans";font-size:30px;line-height:1;margin:0 0 8px;letter-spacing:-1.1px}.academy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lesson-list{display:grid;gap:9px}.lesson-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line2);background:rgba(255,255,255,.045);border-radius:18px;padding:12px}.lesson-row>span{width:34px;height:34px;border-radius:12px;background:rgba(53,231,138,.12);color:var(--green);display:grid;place-items:center;font-weight:900}.lesson-row b{font-size:13px}.lesson-row small{display:block;color:var(--muted);font-size:11.3px;margin-top:2px;line-height:1.35}.lesson-row em{font-style:normal;font-size:10px;font-weight:900;color:var(--green);border:1px solid rgba(53,231,138,.3);border-radius:999px;padding:5px 7px}.stage-note{margin:0 4px;color:var(--muted);font-size:12.5px;line-height:1.45}.choice b{font-size:18px}.choice.active b{color:var(--green)}

/* v4 academy expansion: individual pages, accordions, direct client playbook */
.accordion-list{gap:10px}.academy-accordion,.direct-card{border:1px solid rgba(216,255,231,.16);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));overflow:hidden;position:relative}.academy-accordion.open,.direct-card.open{border-color:rgba(53,231,138,.5);box-shadow:0 10px 30px rgba(0,0,0,.18), inset 0 0 0 1px rgba(53,231,138,.08)}.accordion-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;background:transparent;border:0;color:var(--text);padding:14px 14px;font:inherit}.accordion-head b{font-family:"Plus Jakarta Sans";font-size:15px;line-height:1.1}.accordion-head small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.3}.accordion-head em{font-style:normal;color:var(--green);font-size:18px;font-weight:900}.acc-icon{width:34px;height:34px;border-radius:13px;background:rgba(53,231,138,.13);border:1px solid rgba(53,231,138,.28);display:grid;place-items:center;color:var(--green);font-weight:900}.accordion-body{padding:0 14px 15px 60px}.accordion-body ol{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.55}.accordion-body li{margin:8px 0;padding-left:2px}.direct-card{background:rgba(255,255,255,.055)}.direct-head{grid-template-columns:50px 1fr auto;padding:17px 16px}.big-emoji{font-size:34px;line-height:1}.direct-card.open .accordion-body{padding-left:76px;padding-bottom:18px}.direct-card.open .accordion-body li{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.direct-card.open .accordion-body li:last-child{border-bottom:0}.feature-card-simple{cursor:pointer}.feature-card-simple:hover{border-color:rgba(53,231,138,.45)}.academy-hero .academy-actions .primary,.academy-hero .academy-actions .secondary{font-size:12.5px}.page-title + .muted{margin-top:0}.back-link{cursor:pointer}.lesson.card.academy-link{border:1px solid var(--line);background:rgba(255,255,255,.045)}.lesson.card.academy-link h3{font-size:17px}.lesson.card.academy-link p{font-size:13px}

.qr-box{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(62,255,171,.22);
  border-radius:24px;
  background:rgba(0,0,0,.2);
  text-align:center;
}
.qr-box img{
  width:min(100%,320px);
  border-radius:22px;
  display:block;
  margin:14px auto;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.small-note{font-size:.9rem!important;}
.checkout-form select,
.access-box input{
  width:100%;
  border:none;
  outline:none;
  color:#f4fff8;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:16px 18px;
  font:inherit;
  font-weight:700;
  margin-top:8px;
}
.checkout-form select option{color:#082316;background:#f9fff9;}
.access-box{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.ghost-btn{
  border:1px dashed rgba(255,255,255,.18);
  background:transparent;
  color:#c7d6cf;
  padding:14px 18px;
  border-radius:18px;
  font-weight:800;
  margin-top:10px;
}
.link-btn{display:flex;text-decoration:none;align-items:center;justify-content:center;}
.thankyou-screen{
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:radial-gradient(circle at 30% 20%,rgba(29,229,139,.25),transparent 38%),#020b08;
}
.thank-card{max-width:560px;}

/* v6 checkout fixes */
#checkoutModal{align-items:end;}
#checkoutModal .modal-card{max-height:calc(100vh - 28px);overflow-y:auto;padding-bottom:calc(28px + env(safe-area-inset-bottom));scrollbar-width:thin;}
.qr-box{padding:16px;border-radius:22px;background:rgba(0,0,0,.12);border:1px solid var(--line);margin:16px 0 12px;text-align:center;}
.qr-box h3{font-size:18px;margin:6px 0 12px;line-height:1.2;}
.qr-box img{display:block;width:100%;max-width:300px;max-height:390px;object-fit:contain;margin:0 auto;border-radius:24px;background:#fff;}
.qr-box .small-note{font-size:12px;margin:10px 0 0;}
.form-divider{margin:18px 0 8px;padding:13px 14px;border-radius:18px;background:rgba(53,231,138,.1);border:1px solid rgba(53,231,138,.28);display:grid;gap:3px;}
.form-divider span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--green);}
.form-divider b{font-size:14px;color:var(--soft);}
.checkout-form{padding-bottom:10px;}
.checkout-form input[type=file]{background:rgba(255,255,255,.09);}

/* v7 Pro activation reliability + clearer unlocked state */
body.is-pro .locked:after,
body.is-pro .locked-card:after{display:none!important;content:none!important;}
body.is-pro .pro-pill{background:linear-gradient(135deg,#35e78a,#00b86b);color:#031b12;}
.badge.unlocked{background:rgba(53,231,138,.18)!important;border-color:rgba(53,231,138,.52)!important;color:#8affc3!important;}
.pro-active-card{border-color:rgba(53,231,138,.45);box-shadow:0 0 0 1px rgba(53,231,138,.12),0 18px 50px rgba(0,0,0,.26)}
.pro-unlocked-box{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid rgba(53,231,138,.25);border-radius:18px;background:rgba(53,231,138,.08)}
.pro-unlocked-box b{font-family:"Plus Jakarta Sans";color:var(--soft);}
.pro-unlocked-box span{font-size:12.5px;color:var(--muted);padding-left:18px;position:relative;line-height:1.35;}
.pro-unlocked-box span:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900;}
body.is-pro .pro-sequence .eyebrow:after{content:" • Unlocked";color:var(--green);}
body.is-pro .academy-accordion:not(.open) .accordion-head small{color:#8affc3;}

/* v8 Pro mode polish, locked-preview cards, soft sounds, and pulsing process nav */
.pro-page-pill{
  display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;padding:5px 9px;border-radius:999px;
  font-size:10px;letter-spacing:.09em;font-weight:900;color:#032013;background:linear-gradient(135deg,#35e78a,#baffd6);
  box-shadow:0 0 22px rgba(53,231,138,.2);
}
.pro-page-pill.locked-pill{background:rgba(255,209,102,.14);border:1px solid rgba(255,209,102,.35);color:#ffd166;box-shadow:none;}
.preview-lock-note{border-color:rgba(255,209,102,.3);background:linear-gradient(145deg,rgba(255,209,102,.09),rgba(255,255,255,.035));}
.pro-feature-card{
  border-color:rgba(255,209,102,.28)!important;
  background:linear-gradient(145deg,rgba(255,209,102,.10),rgba(6,31,21,.92))!important;
}
.pro-feature-card:before{background:radial-gradient(circle at 24% 16%,rgba(255,209,102,.20),transparent 40%)!important;}
.pro-preview-card{box-shadow:inset 0 0 0 1px rgba(255,209,102,.08),0 12px 28px rgba(0,0,0,.18);}
.pro-card-unlocked{
  border-color:rgba(53,231,138,.5)!important;
  background:linear-gradient(145deg,rgba(53,231,138,.17),rgba(6,52,33,.95))!important;
}
.pro-card-unlocked:before{background:radial-gradient(circle at 24% 16%,rgba(53,231,138,.25),transparent 40%)!important;}
.mini-lock{position:relative;font-size:10px!important;font-weight:900;color:rgba(255,209,102,.85)!important;margin-top:4px;filter:none!important;}
.pro-content-preview .blurred-content,
.preview-blur-card .blurred-content{
  filter:blur(4px);user-select:none;pointer-events:none;opacity:.62;
}
.preview-blur-card{position:relative;overflow:hidden;border-color:rgba(255,209,102,.22)!important;}
.preview-blur-card:after{
  content:"PRO MODE";position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;
  background:rgba(255,209,102,.16);border:1px solid rgba(255,209,102,.38);color:#ffd166;
  font-size:10px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(10px);
}
body.is-pro .preview-blur-card:after{display:none;}
body.is-pro .blurred-content{filter:none!important;opacity:1!important;pointer-events:auto!important;user-select:auto!important;}
.ahente-pro-mode{
  background:radial-gradient(circle at 30% 5%,rgba(53,231,138,.24),transparent 38%),linear-gradient(145deg,rgba(10,78,50,.96),rgba(3,28,18,.92));
}
.ahente-pro-mode .eyebrow{color:#9affc8;}
.ahente-pro-mode h2{
  color:#dffff0;font-size:32px;letter-spacing:-.03em;text-shadow:0 0 24px rgba(53,231,138,.18);
}
.pro-mode-banner{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:15px 0;padding:14px;border-radius:20px;
  background:linear-gradient(135deg,rgba(53,231,138,.22),rgba(0,184,107,.08));border:1px solid rgba(53,231,138,.36);
}
.pro-mode-banner>span{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#35e78a,#baffd6);display:grid;place-items:center;color:#031b12;font-weight:900;font-size:21px;}
.pro-mode-banner b{display:block;font-family:"Plus Jakarta Sans";letter-spacing:.08em;font-size:12px;color:#dffff0;}
.pro-mode-banner small{display:block;color:var(--muted);margin-top:3px;font-size:12px;}
body.is-pro .pro-pill{
  background:linear-gradient(135deg,#35e78a,#baffd6)!important;color:#031b12!important;border-color:rgba(53,231,138,.55)!important;
  box-shadow:0 0 30px rgba(53,231,138,.26),inset 0 1px 0 rgba(255,255,255,.45);
}
.bottom-nav .nav-item[data-tab="process"]{
  position:relative;transform:translateY(-8px);background:linear-gradient(145deg,rgba(53,231,138,.16),rgba(255,255,255,.05));
  border:1px solid rgba(53,231,138,.28);box-shadow:0 12px 35px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:processPulse 2.2s ease-in-out infinite;
}
.bottom-nav .nav-item[data-tab="process"] span{color:#71ffb0;}
.bottom-nav .nav-item[data-tab="process"].active{background:linear-gradient(145deg,rgba(53,231,138,.25),rgba(255,255,255,.08));}
@keyframes processPulse{
  0%,100%{box-shadow:0 12px 35px rgba(0,0,0,.26),0 0 0 0 rgba(53,231,138,.22),inset 0 1px 0 rgba(255,255,255,.08)}
  50%{box-shadow:0 14px 42px rgba(0,0,0,.32),0 0 0 9px rgba(53,231,138,0),inset 0 1px 0 rgba(255,255,255,.12)}
}
.copy-btn:disabled{opacity:.75;cursor:pointer;color:#ffd166;border-color:rgba(255,209,102,.35)}

/* v9: live focus monitor + footer */
.focus-monitor .section-head{align-items:center}
.focus-monitor .section-head>div{display:grid;gap:2px}
.monitor-sub{color:var(--muted);font-size:11px;line-height:1.25}
.focus-monitor .progress-row{grid-template-columns:122px 1fr 42px;gap:8px}
.focus-monitor .progress-row span:first-child{font-weight:700;color:#dfffee;font-size:11.5px;line-height:1.15}
.focus-insight{margin-top:12px;padding-top:12px;border-top:1px solid var(--line2);display:grid;gap:6px;color:var(--muted);font-size:11.5px;line-height:1.4}
.focus-insight b{color:var(--soft)}
.app-footer{margin:18px 2px 6px;padding:16px 14px 10px;border-top:1px solid rgba(255,255,255,.08);color:rgba(221,242,229,.64);font-size:10.5px;line-height:1.5;text-align:left}
.app-footer p{margin:0 0 8px}.app-footer b{color:rgba(233,255,241,.9)}
@media(max-width:360px){.focus-monitor .progress-row{grid-template-columns:105px 1fr 36px}.focus-monitor .progress-row span:first-child{font-size:10.5px}}

/* v10 Daily Quote Hero */
.quote-hero{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(10,86,54,.98),rgba(4,34,22,.82));}
.daily-quote-slide{position:relative;z-index:1;min-height:156px;display:flex;flex-direction:column;justify-content:center;transition:opacity .65s cubic-bezier(.2,.75,.2,1), transform .65s cubic-bezier(.2,.75,.2,1), filter .65s ease;will-change:opacity,transform,filter;}
.daily-quote-slide.is-changing{opacity:0;transform:translateY(12px) scale(.985);filter:blur(5px)}
.daily-quote-slide.is-entering{animation:quoteEnter .72s cubic-bezier(.2,.75,.2,1) both;}
@keyframes quoteEnter{0%{opacity:0;transform:translateY(-10px) scale(.99);filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.daily-quote-slide h1{font-size:26px;line-height:1.06;margin-bottom:12px;letter-spacing:-1.2px;}
.quote-author{font-size:12px!important;color:rgba(216,255,231,.68)!important;margin:0;line-height:1.35!important;font-weight:700;}
.quote-progress{position:relative;z-index:1;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 2px;}
.quote-progress span{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold));animation:quoteBar 10s linear infinite;transform-origin:left center;box-shadow:0 0 16px rgba(53,231,138,.25);}
@keyframes quoteBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.quote-hero .hero-actions{position:relative;z-index:1;margin-top:10px;}
.quote-hero .stats{position:relative;z-index:1;}
@media(max-width:380px){.daily-quote-slide h1{font-size:23px}.quote-hero{min-height:320px}}

/* v11 quote pacing and tactile button feedback */
button,a,[role=button],.path-card,.lesson,.choice,.tool-row{touch-action:manipulation;}
button:active,a:active,.path-card:active,.lesson:active,.choice:active,.tool-row:active{filter:brightness(1.08);}
.quote-hero{transition:box-shadow .45s ease, background .45s ease;}

/* v12 Premium visual upgrade: deep dark-green base, yellow glass buttons, micro-motion */
:root{
  --bg:#00130c;
  --bg2:#031f15;
  --card:#052819;
  --card2:#083321;
  --goldGlass1:rgba(255,225,132,.92);
  --goldGlass2:rgba(255,184,56,.72);
  --goldText:#261700;
  --premiumGlow:rgba(255,209,102,.28);
}
html,body{background:#00130c!important;}
body{
  background:radial-gradient(circle at 50% -14%,rgba(10,82,50,.44) 0,rgba(0,19,12,.98) 42%,#000b07 100%)!important;
}
.app-shell{
  background:linear-gradient(180deg,#042619 0%,#02160e 45%,#000f09 100%)!important;
}
.app-shell:before{
  background:
    radial-gradient(circle at 82% 8%,rgba(255,209,102,.12),transparent 22%),
    radial-gradient(circle at 18% 18%,rgba(53,231,138,.11),transparent 24%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28))!important;
  animation:ambientGlow 9s ease-in-out infinite alternate;
}
@keyframes ambientGlow{0%{opacity:.66;transform:translate3d(0,0,0) scale(1)}100%{opacity:1;transform:translate3d(0,-8px,0) scale(1.02)}}
.glass,.card,.hero,.modal-card,.bottom-nav,.cheat-panel{
  background:linear-gradient(145deg,rgba(5,44,28,.78),rgba(1,18,11,.76))!important;
  border-color:rgba(214,255,228,.13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.quote-hero{
  background:
    radial-gradient(circle at 80% 5%,rgba(255,209,102,.11),transparent 28%),
    linear-gradient(145deg,rgba(7,74,46,.9),rgba(1,21,13,.86))!important;
}
.hero:after{background:radial-gradient(circle,rgba(255,209,102,.16),transparent 66%)!important;animation:heroOrb 7s ease-in-out infinite alternate;}
@keyframes heroOrb{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-14px,12px) scale(1.12)}}
.primary,.seg-btn.active,.copy-btn:not(:disabled),.price-card .primary.full,.academy-actions .primary,.checkout-form button[type="submit"]{
  background:linear-gradient(135deg,var(--goldGlass1),var(--goldGlass2))!important;
  color:var(--goldText)!important;
  border:1px solid rgba(255,247,196,.46)!important;
  box-shadow:0 14px 34px rgba(255,194,64,.20), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -12px 26px rgba(255,151,0,.10)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.primary:hover,.seg-btn.active:hover,.copy-btn:not(:disabled):hover{filter:brightness(1.08) saturate(1.06)}
.pro-pill:not(.pro-active){
  background:linear-gradient(135deg,var(--goldGlass1),var(--goldGlass2))!important;color:var(--goldText)!important;
  border:1px solid rgba(255,247,196,.46)!important;box-shadow:0 14px 34px rgba(255,194,64,.22), inset 0 1px 0 rgba(255,255,255,.5)!important;
}
body.is-pro .pro-pill{
  background:linear-gradient(135deg,#ffe8a3,#ffc34e)!important;color:#201300!important;border-color:rgba(255,247,196,.55)!important;
  box-shadow:0 0 30px rgba(255,209,102,.30),inset 0 1px 0 rgba(255,255,255,.50)!important;
}
.secondary,.mini-btn,.back-link,.choice,.tool-row,.chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.14);
}
.path-card,.feature-card-simple,.academy-accordion,.direct-card,.lesson-row,.price-card{
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.path-card:active,.feature-card-simple:active,.academy-accordion:active,.direct-card:active,.lesson-row:active,.choice:active,.tool-row:active{
  transform:scale(.985) translateY(1px)!important;
}
.feature-card-simple:hover,.academy-accordion:hover,.direct-card:hover,.lesson-row:hover{
  border-color:rgba(255,209,102,.30)!important;box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 0 1px rgba(255,209,102,.06)!important;
}
.logo-mark{animation:softFloat 4.2s ease-in-out infinite;}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.daily-quote-slide h1{animation:quoteBreath 5.8s ease-in-out infinite alternate;}
@keyframes quoteBreath{0%{text-shadow:0 0 0 rgba(255,209,102,0)}100%{text-shadow:0 0 22px rgba(255,209,102,.10)}}
.quote-progress span{background:linear-gradient(90deg,#ffe596,#ffc44f,#43e890)!important;box-shadow:0 0 18px rgba(255,209,102,.28)!important;}
.nav-item{transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;}
.nav-item:active{transform:scale(.94)!important;}
.bottom-nav .nav-item[data-tab="process"]{
  background:linear-gradient(145deg,rgba(255,225,132,.18),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,209,102,.28)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 0 0 rgba(255,209,102,.20),inset 0 1px 0 rgba(255,255,255,.10)!important;
  animation:processGoldPulse 2.25s ease-in-out infinite!important;
}
.bottom-nav .nav-item[data-tab="process"] span{color:#ffd66e!important;}
@keyframes processGoldPulse{
  0%,100%{box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 0 0 rgba(255,209,102,.22),inset 0 1px 0 rgba(255,255,255,.10)}
  50%{box-shadow:0 16px 45px rgba(0,0,0,.34),0 0 0 10px rgba(255,209,102,0),inset 0 1px 0 rgba(255,255,255,.16)}
}
.feature-card-simple:after,.path-card:after{
  content:"";position:absolute;inset:-70% -40%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%);transform:translateX(-60%) rotate(10deg);opacity:0;pointer-events:none;
}
.feature-card-simple:hover:after,.path-card:hover:after{animation:softShine 1.4s ease both;opacity:1;}
@keyframes softShine{to{transform:translateX(60%) rotate(10deg)}}
.toast{background:linear-gradient(135deg,#fff0b8,#ffe08a)!important;color:#201300!important;border:1px solid rgba(255,247,196,.6)!important;}

/* v13: premium mint-glass button system + stronger tactile cues */
:root{
  --mintGlass1:#e7fff0;
  --mintGlass2:#9affc8;
  --mintGlass3:#41e895;
  --mintText:#042116;
  --mintGlow:rgba(72,255,166,.28);
}
.primary,
.seg-btn.active,
.copy-btn:not(:disabled),
.price-card .primary.full,
.academy-actions .primary,
.checkout-form button[type="submit"],
.pro-pill,
body.is-pro .pro-pill,
.pro-mode-banner>span,
.pro-page-pill,
.badge.unlocked,
.toast{
  background:linear-gradient(135deg,var(--mintGlass1) 0%,var(--mintGlass2) 46%,var(--mintGlass3) 100%)!important;
  color:var(--mintText)!important;
  border:1px solid rgba(232,255,240,.62)!important;
  box-shadow:0 14px 34px var(--mintGlow), inset 0 1px 0 rgba(255,255,255,.68), inset 0 -14px 28px rgba(5,125,69,.12)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
.primary:hover,
.seg-btn.active:hover,
.copy-btn:not(:disabled):hover,
.pro-pill:hover{filter:brightness(1.06) saturate(1.06)!important;}
.primary:active,
.seg-btn.active:active,
.copy-btn:not(:disabled):active,
.pro-pill:active{
  transform:scale(.965) translateY(1px)!important;
  box-shadow:0 8px 20px rgba(72,255,166,.18), inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.pro-unlocked-box,
.pro-active-card,
.ahente-pro-mode,
.pro-card-unlocked{
  border-color:rgba(154,255,200,.46)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.25),0 0 0 1px rgba(154,255,200,.08)!important;
}
.quote-progress span{
  background:linear-gradient(90deg,#e7fff0,#9affc8,#41e895)!important;
  box-shadow:0 0 18px rgba(72,255,166,.32)!important;
}
.bar span{background:linear-gradient(90deg,#e7fff0,#9affc8,#41e895)!important;}
.bottom-nav .nav-item[data-tab="process"]{
  background:linear-gradient(145deg,rgba(154,255,200,.18),rgba(255,255,255,.055))!important;
  border:1px solid rgba(154,255,200,.34)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 0 0 rgba(72,255,166,.22),inset 0 1px 0 rgba(255,255,255,.13)!important;
  animation:processMintPulse 2.25s ease-in-out infinite!important;
}
.bottom-nav .nav-item[data-tab="process"] span{color:#9affc8!important;}
@keyframes processMintPulse{
  0%,100%{box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 0 0 rgba(72,255,166,.22),inset 0 1px 0 rgba(255,255,255,.12)}
  50%{box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 0 10px rgba(72,255,166,0),inset 0 1px 0 rgba(255,255,255,.17)}
}
.feature-card-simple:hover,.academy-accordion:hover,.direct-card:hover,.lesson-row:hover{
  border-color:rgba(154,255,200,.32)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 0 1px rgba(154,255,200,.07)!important;
}
.feature-card-simple:after,.path-card:after{
  background:linear-gradient(105deg,transparent 42%,rgba(232,255,240,.07) 50%,transparent 58%)!important;
}

/* v14 visual comfort refinement: soft white premium buttons + aligned footer nav */
:root{
  --softWhite1:#ffffff;
  --softWhite2:#eef7f0;
  --softWhite3:#c9ddce;
  --softWhiteText:#06261a;
  --softWhiteGlow:rgba(238,247,240,.24);
}
.primary,
.seg-btn.active,
.copy-btn:not(:disabled),
.price-card .primary.full,
.academy-actions .primary,
.checkout-form button[type="submit"],
.pro-pill,
body.is-pro .pro-pill,
.pro-unlocked,
.toast{
  background:linear-gradient(135deg,var(--softWhite1) 0%,var(--softWhite2) 52%,var(--softWhite3) 100%)!important;
  color:var(--softWhiteText)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 20px var(--softWhiteGlow),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -14px 24px rgba(6,38,26,.08)!important;
  text-shadow:none!important;
}
.primary:hover,
.seg-btn.active:hover,
.copy-btn:not(:disabled):hover,
.pro-pill:hover{
  filter:brightness(1.015) saturate(.96)!important;
}
.primary:active,
.seg-btn.active:active,
.copy-btn:not(:disabled):active,
.pro-pill:active{
  transform:scale(.975) translateY(1px)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.quote-progress span,
.bar span{
  background:linear-gradient(90deg,#f8fff9,#dfeee4,#aac4b5)!important;
  box-shadow:0 0 12px rgba(248,255,249,.22)!important;
}
/* keep secondary buttons readable but calm */
.secondary,
.seg-btn:not(.active){
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(225,255,235,.13)!important;
}
/* footer nav alignment fix */
.bottom-nav{
  align-items:center!important;
  gap:6px!important;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  min-height:74px!important;
}
.nav-item{
  height:58px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:6px 2px!important;
  line-height:1!important;
  transform:none;
}
.nav-item span{
  display:block!important;
  height:22px!important;
  line-height:22px!important;
  font-size:19px!important;
}
.nav-item b,
.nav-item label{
  line-height:1!important;
}
.bottom-nav .nav-item[data-tab="process"]{
  height:64px!important;
  margin-top:-6px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.30),0 0 0 0 rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  animation:processSoftWhitePulse 2.35s ease-in-out infinite!important;
}
.bottom-nav .nav-item[data-tab="process"] span{color:#f3fff6!important;}
.bottom-nav .nav-item.active{
  background:rgba(255,255,255,.085)!important;
  color:#f3fff6!important;
}
@keyframes processSoftWhitePulse{
  0%,100%{box-shadow:0 10px 32px rgba(0,0,0,.30),0 0 0 0 rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.14)}
  50%{box-shadow:0 12px 36px rgba(0,0,0,.34),0 0 0 8px rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,.20)}
}
/* soften card focus colors that inherited the brighter mint button treatment */
.feature-card-simple:hover,.academy-accordion:hover,.direct-card:hover,.lesson-row:hover{
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.055)!important;
}


/* v15 official logo + deeper accordion polish */
.logo-mark{background:transparent!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;overflow:hidden;border-radius:15px!important;}
.logo-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px;}
.script-accordion{padding:0!important;}
.script-accordion:before{display:none!important;}
.script-head{grid-template-columns:1fr auto!important;}
.script-head .eyebrow{margin-bottom:4px;}
.script-head b{font-family:"Plus Jakarta Sans";font-size:16px;line-height:1.15;}
.script-accordion-body{padding:0 14px 15px;}
.pro-mini-module{margin-top:14px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);}
.pro-mini-module ol{margin-top:8px!important;}
/* calmer white glass buttons, less glare on dark green */
.primary,.seg-btn.active,.copy-btn:not(:disabled),.price-card .primary.full,.academy-actions .primary,.checkout-form button[type="submit"],.pro-pill,body.is-pro .pro-pill,.toast{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(231,241,234,.82),rgba(190,210,197,.72))!important;
  color:#052217!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 14px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -12px 22px rgba(7,38,26,.08)!important;
}
.primary:hover,.seg-btn.active:hover,.copy-btn:not(:disabled):hover,.pro-pill:hover{filter:brightness(1.01)!important;}
/* single-tone sound feedback has no visual double-pop */
button:active,a:active,.path-card:active,.lesson:active,.choice:active,.tool-row:active{filter:brightness(1.03)!important;}

/* v16 nested free lesson detail layer */
.nested-lesson-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.nested-lesson{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.16);overflow:hidden}
.nested-lesson.open{border-color:rgba(205,244,222,.42);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.nested-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;background:transparent;border:0;color:var(--text);padding:12px;font:inherit;cursor:pointer}
.nested-head span{width:28px;height:28px;border-radius:999px;background:rgba(225,248,235,.88);color:#07331e;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.nested-head b{display:block;font-family:"Plus Jakarta Sans";font-size:13.5px;line-height:1.2}
.nested-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.25}
.nested-head em{font-style:normal;color:#dff8e8;font-weight:900}
.nested-body{padding:0 14px 14px 51px;color:var(--muted);font-size:12.6px;line-height:1.55}
.nested-body p{margin:2px 0 10px}
.nested-body ul{margin:0;padding-left:16px}
.nested-body li{margin:7px 0;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:7px}
.nested-body li:last-child{border-bottom:0}
.mini-script{margin-top:12px;padding:12px;border-radius:14px;background:rgba(223,248,232,.08);border:1px solid rgba(223,248,232,.16);color:#eef9f2}
.mini-script b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#cdf4de;margin-bottom:5px}
.mini-script p{margin:0;color:#f4fff7}
.nested-static-item{padding:10px 0;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06)}


/* v18 visual polish: richer glassmorphism hero cards */
.hero,
.academy-hero,
.quote-hero {
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.025) 42%, rgba(2,22,14,.72)),
    radial-gradient(circle at 78% 6%, rgba(216,255,231,.18), transparent 32%),
    linear-gradient(155deg, rgba(9,80,51,.90), rgba(2,24,16,.84)) !important;
  border: 1px solid rgba(232,255,240,.20) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(22px) saturate(1.15);
}
.hero:before,
.academy-hero:before,
.quote-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255,255,255,.18), transparent 22%, transparent 68%, rgba(255,255,255,.065)),
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.10), transparent 32%);
  opacity: .72;
}
.academy-hero > *, .quote-hero > *, .hero > * { position: relative; z-index: 1; }
.feature-card-simple,
.academy-accordion,
.direct-card,
.card {
  backdrop-filter: blur(18px) saturate(1.08);
}
.nested-lesson {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(216,255,231,.11);
  border-radius: 16px;
  overflow: hidden;
  margin: 9px 0;
}
.nested-head {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--text);
  display: grid;
  grid-template-columns: 30px 1fr auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  padding: 12px;
  font: inherit;
}
.nested-head span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(216,255,231,.14);
  border: 1px solid rgba(216,255,231,.22);
  color: #eafff0;
  font-weight: 900;
  font-size: 11px;
}
.nested-head b { font-size: 13px; line-height: 1.15; }
.nested-head small { display:block; color: var(--muted); font-size: 11px; margin-top: 3px; line-height: 1.3; }
.nested-head em { color: var(--green); font-style: normal; font-weight: 900; }
.nested-body {
  padding: 0 14px 14px 52px;
  color: var(--muted);
  font-size: 12.6px;
  line-height: 1.55;
}
.nested-body p { margin: 0 0 10px; }
.nested-body ul { margin: 0 0 10px; padding-left: 18px; }
.nested-body li { margin: 7px 0; }
.mini-script {
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(216,255,231,.07);
  border: 1px solid rgba(216,255,231,.13);
}
.mini-script b { color: var(--soft); }
.mini-script p { margin: 5px 0 0; color: rgba(232,255,240,.82); }
.logo-mark img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* v20: deeper Pro sales-process sequence cards */
.pro-sequence{margin-top:20px;display:grid;gap:14px}
.pro-seq-card{border:1px solid rgba(217,255,237,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:22px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pro-seq-card.open{border-color:rgba(205,255,233,.38);box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.pro-seq-head{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;padding:18px 18px;background:transparent;border:0;color:var(--text)}
.pro-seq-head b{display:block;font-size:16px;line-height:1.2}
.pro-seq-head small{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.35}
.pro-seq-head em{font-style:normal;color:var(--accent);font-weight:900;font-size:20px}
.pro-seq-body{padding:0 16px 16px;display:grid;gap:12px;animation:softUnfold .22s ease both}
.ready-script{padding:14px;border-radius:18px;background:rgba(0,20,12,.34);border:1px solid rgba(255,255,255,.08)}
.ready-script .script-text{margin:8px 0 12px}
.pro-seq-card.locked{padding:0 0 14px;border-style:dashed;border-color:rgba(255,220,120,.28)}
.pro-seq-card.locked>span{display:block;margin:0 18px;color:var(--muted)}
@keyframes softUnfold{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* v21: make all client option buttons visible without horizontal swiping */
.client-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  overflow:visible;
  padding:2px 0 10px;
}
.client-tabs .seg-btn{
  width:100%;
  min-width:0;
  flex:initial;
  padding:10px 7px;
  font-size:11px;
  line-height:1.15;
  white-space:normal;
  text-align:center;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.script-client-tabs{
  margin-top:6px;
}
@media(max-width:360px){
  .client-tabs{gap:6px;}
  .client-tabs .seg-btn{font-size:10px;padding:9px 5px;}
}

/* v22 Client Script Bank expansion */
.script-bank-intro{margin:8px 0 18px;line-height:1.55}
.scenario-grid{gap:16px}
.scenario-card .script-head small{display:block;margin-top:8px;color:rgba(236,255,244,.68);font-size:.9rem;line-height:1.35;font-weight:650}
.lesson-note{padding:16px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(222,255,236,.10);margin-bottom:14px}
.lesson-note b{display:block;margin-bottom:6px;color:#eafff1}
.lesson-note p{margin:0;color:rgba(236,255,244,.76);line-height:1.5}
.script-stack{display:grid;gap:12px}
.copy-script-block{position:relative;padding:16px 74px 16px 16px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(222,255,236,.12)}
.copy-script-block p{margin:0;color:#f7fff9;line-height:1.55}
.inline-copy{position:absolute;right:10px;top:10px;min-width:52px;padding:10px 12px;border-radius:16px}
.legacy-script-head{margin-top:26px}

/* v23: slimmer Pro button and language polish */
.top-actions{gap:8px!important;align-items:center!important;flex-shrink:0!important;}
.pro-pill{
  min-width:86px!important;
  max-width:98px!important;
  padding:9px 11px!important;
  border-radius:22px!important;
  font-size:12.5px!important;
  line-height:1.05!important;
  letter-spacing:-.15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 20px rgba(0,0,0,.18)!important;
  transform:none!important;
}
body.is-pro .pro-pill{
  min-width:86px!important;
  max-width:98px!important;
  background:linear-gradient(145deg,rgba(250,255,250,.92),rgba(201,220,207,.75))!important;
  color:#062619!important;
  border:1px solid rgba(255,255,255,.65)!important;
}
.chip{min-width:50px!important;padding:9px 11px!important;border-radius:20px!important;}
@media(max-width:370px){
  .pro-pill{min-width:78px!important;max-width:88px!important;font-size:11.5px!important;padding:8px 9px!important;}
  .chip{min-width:44px!important;font-size:12px!important;padding:8px 9px!important;}
  .brand-copy b{font-size:16px!important;}
  .brand-copy small{font-size:11.5px!important;line-height:1.1!important;}
}
body.lang-fil .brand-copy small{font-size:12.5px!important;line-height:1.12!important;}
.translating-ready [data-translated="1"]{transition:opacity .18s ease;}


/* v32 minor polish requested: compact brand, 12s quote timing, white CTA, video tutorial screen */
.brand-copy b{
  font-size:20px!important;
  line-height:.95!important;
  letter-spacing:-.7px!important;
}
.brand-copy small{
  font-size:9.6px!important;
  line-height:1.08!important;
  max-width:150px!important;
  white-space:pre-line!important;
  color:rgba(236,255,245,.74)!important;
}
.pro-pill{
  min-width:auto!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,236,229,.88))!important;
  color:#052e1d!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 26px rgba(0,0,0,.18)!important;
}
.quote-hero .hero-actions .primary,
.quote-hero .hero-actions .secondary{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,236,230,.88))!important;
  color:#052e1d!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 28px rgba(0,0,0,.18)!important;
}
.quote-hero .hero-actions .secondary{
  background:rgba(255,255,255,.055)!important;
  color:#f5fff8!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.12)!important;
}
.quote-progress span{animation:quoteBar 12s linear infinite!important;}
.tutorial-screen{position:relative;z-index:2;margin:13px 0 0;}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.22);}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:.001;pointer-events:none;}
.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;background:radial-gradient(circle at 65% 20%,rgba(255,255,255,.15),transparent 42%),linear-gradient(145deg,rgba(6,40,26,.75),rgba(2,18,12,.82));}
.video-placeholder span{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#052e1d;font-size:18px;box-shadow:0 14px 28px rgba(0,0,0,.2);margin-bottom:2px;}
.video-placeholder b{font-size:14px;color:#f5fff8;}
.video-placeholder small{display:block;max-width:260px;color:rgba(230,255,239,.68);font-size:10.5px;line-height:1.35;margin-top:2px;}
@media(max-width:380px){.brand-copy b{font-size:18px!important}.brand-copy small{font-size:9px!important;max-width:132px!important}.video-placeholder span{width:38px;height:38px}.video-placeholder small{font-size:9.5px}.tutorial-screen{margin-top:10px}}

/* v33 MVP utility-dashboard refinements */
.tool-hero{padding-bottom:18px}
.flagship-card{grid-column:1 / -1;min-height:142px;background:linear-gradient(145deg,rgba(53,231,138,.18),rgba(255,209,102,.08))!important;border-color:rgba(53,231,138,.45)!important}
.flagship-card .feature-icon{font-size:34px}.flagship-card b{font-size:19px}.flagship-card small{font-size:12.5px;color:rgba(241,255,247,.76)}
.soon-card{border-style:dashed!important;background:linear-gradient(145deg,rgba(255,209,102,.075),rgba(255,255,255,.025))!important}
.soon-card:before{background:radial-gradient(circle at 24% 12%,rgba(255,209,102,.16),transparent 40%)!important}
.soon-card b{color:#fff8df}.soon-card small{color:rgba(255,232,170,.78)!important}
.price-card small{font-weight:900;color:var(--gold)!important;text-transform:uppercase;letter-spacing:.06em}
.price-card p{font-weight:800;color:var(--soft)!important}

/* v34 dashboard restructure: 3 main cards */
.main-card-section{margin-top:14px}
.main-card-stack{display:grid;gap:14px}
.main-tool-card{border:1px solid rgba(216,255,231,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.single-main-card{padding:0;background:transparent;border:0;box-shadow:none}
.full-main-card{min-height:154px!important;border-color:rgba(53,231,138,.42)!important;background:linear-gradient(145deg,rgba(53,231,138,.16),rgba(255,255,255,.04))!important}
.grouped-main-card{padding:14px;display:grid;gap:12px}
.group-card-head{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}
.group-card-head>span{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(53,231,138,.12);border:1px solid rgba(53,231,138,.24);font-size:23px}
.group-card-head h3{font-family:"Plus Jakarta Sans";font-size:19px;line-height:1;margin:0 0 4px;letter-spacing:-.5px}
.group-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}
.nested-grid{gap:9px}
.nested-grid .feature-card-simple{min-height:116px}
@media (min-width:760px){.main-card-stack{grid-template-columns:1fr}.nested-grid{grid-template-columns:repeat(3,1fr)}.tools .nested-grid{grid-template-columns:repeat(4,1fr)}}


/* v35 Home dashboard cleanup: cleaner spacing, white inner cards, no text/icon overlap */
.main-card-section{margin-top:12px!important;}
.main-card-section .section-head{margin-bottom:8px!important;align-items:center!important;}
.main-card-section .section-head h2{font-size:20px!important;}
.main-card-stack{gap:12px!important;}
.main-tool-card{border-radius:24px!important;}
.grouped-main-card{padding:12px!important;gap:10px!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.022))!important;}
.group-card-head{grid-template-columns:38px 1fr!important;gap:10px!important;align-items:center!important;}
.group-card-head>span{width:38px!important;height:38px!important;border-radius:15px!important;font-size:21px!important;}
.group-card-head h3{font-size:20px!important;line-height:1!important;margin-bottom:3px!important;}
.group-card-head p{font-size:12.5px!important;line-height:1.28!important;max-width:270px!important;}
.nested-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.nested-grid .feature-card-simple,
.single-main-card .feature-card-simple{
  background:linear-gradient(145deg,#ffffff,#eef8f2)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  color:#06351f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.92)!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:4px!important;
  overflow:hidden!important;
}
.nested-grid .feature-card-simple{
  min-height:122px!important;
  padding:54px 10px 11px!important;
  border-radius:19px!important;
}
.single-main-card .feature-card-simple{
  min-height:134px!important;
  padding:62px 18px 18px!important;
  border-radius:26px!important;
}
.nested-grid .feature-card-simple:before,
.single-main-card .feature-card-simple:before{
  background:radial-gradient(circle at 20% 8%,rgba(19,145,78,.14),transparent 44%)!important;
}
.nested-grid .feature-card-simple:after,
.single-main-card .feature-card-simple:after{display:none!important;}
.nested-grid .feature-card-simple .feature-icon,
.single-main-card .feature-card-simple .feature-icon{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  font-size:28px!important;
  line-height:1!important;
  z-index:2!important;
  filter:none!important;
}
.single-main-card .feature-card-simple .feature-icon{font-size:38px!important;top:16px!important;left:20px!important;}
.nested-grid .feature-card-simple .badge,
.single-main-card .feature-card-simple .badge{
  position:absolute!important;
  top:12px!important;
  right:10px!important;
  z-index:2!important;
  background:#e9fff1!important;
  border:1px solid rgba(26,157,88,.28)!important;
  color:#08723d!important;
  padding:5px 8px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  max-width:68px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.nested-grid .feature-card-simple .badge.gold,
.single-main-card .feature-card-simple .badge.gold{
  background:#fff5d5!important;
  border-color:rgba(174,126,20,.28)!important;
  color:#91640d!important;
}
.nested-grid .feature-card-simple b,
.single-main-card .feature-card-simple b{
  color:#062d1c!important;
  position:relative!important;
  z-index:1!important;
  font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif!important;
  letter-spacing:-.55px!important;
  overflow-wrap:anywhere!important;
  hyphens:auto!important;
}
.nested-grid .feature-card-simple b{font-size:14px!important;line-height:1.05!important;}
.single-main-card .feature-card-simple b{font-size:22px!important;line-height:1.02!important;letter-spacing:-.85px!important;}
.nested-grid .feature-card-simple small,
.single-main-card .feature-card-simple small{
  color:#486857!important;
  position:relative!important;
  z-index:1!important;
  font-weight:650!important;
}
.nested-grid .feature-card-simple small{font-size:11px!important;line-height:1.28!important;}
.single-main-card .feature-card-simple small{font-size:13px!important;line-height:1.3!important;margin-top:1px!important;}
.nested-grid .feature-card-simple .mini-lock,
.single-main-card .feature-card-simple .mini-lock{
  margin-top:auto!important;
  color:#9a6c11!important;
  font-size:10.5px!important;
  line-height:1.12!important;
  font-weight:900!important;
  position:relative!important;
  z-index:1!important;
}
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.single-main-card .pro-preview-card{
  background:linear-gradient(145deg,#ffffff,#fff9e8)!important;
  border:1px solid rgba(255,211,95,.45)!important;
}
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before{background:radial-gradient(circle at 24% 10%,rgba(255,209,102,.2),transparent 44%)!important;}
.focus-monitor{padding:14px!important;border-radius:24px!important;margin-top:14px!important;}
.focus-monitor .section-head{margin-bottom:10px!important;}
.focus-monitor h2{font-size:18px!important;}
.monitor-sub{font-size:11px!important;color:rgba(232,255,240,.58)!important;}
.focus-monitor .mini-btn{padding:9px 12px!important;border-radius:14px!important;font-size:12px!important;}
.focus-monitor .progress-row{grid-template-columns:108px 1fr 36px!important;gap:8px!important;}
.focus-monitor .progress-row span:first-child{font-size:11px!important;}
.focus-insight{font-size:11px!important;margin-top:10px!important;padding-top:10px!important;}
@media(max-width:390px){
  .content{padding-left:12px!important;padding-right:12px!important;}
  .grouped-main-card{padding:11px!important;}
  .nested-grid{gap:7px!important;}
  .nested-grid .feature-card-simple{min-height:118px!important;padding:52px 9px 10px!important;}
  .nested-grid .feature-card-simple b{font-size:13.2px!important;letter-spacing:-.45px!important;}
  .nested-grid .feature-card-simple small{font-size:10.4px!important;}
  .nested-grid .feature-card-simple .badge{font-size:9px!important;padding:5px 7px!important;max-width:62px!important;}
  .group-card-head h3{font-size:18px!important;}
  .group-card-head p{font-size:11.5px!important;}
}
@media(max-width:340px){
  .nested-grid{grid-template-columns:1fr!important;}
  .nested-grid .feature-card-simple{min-height:96px!important;padding:48px 12px 12px!important;}
}

/* v36 Home cleanup: wider flagship card + compact light-green inner cards */
.main-card-section{margin-top:8px!important;}
.main-card-section .section-head{margin-bottom:10px!important;}
.main-card-stack{gap:10px!important;}
.single-main-card{width:100%!important;display:block!important;margin:0!important;padding:0!important;}
.single-main-card .feature-card-simple{
  width:100%!important;
  max-width:none!important;
  min-height:176px!important;
  padding:74px 22px 24px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#f8fff9,#dff3e6)!important;
  border:1px solid rgba(202,244,220,.95)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.single-main-card .feature-card-simple .feature-icon{font-size:42px!important;top:20px!important;left:24px!important;}
.single-main-card .feature-card-simple .badge{top:24px!important;right:22px!important;font-size:11px!important;padding:7px 12px!important;max-width:92px!important;}
.single-main-card .feature-card-simple b{font-size:25px!important;line-height:1.02!important;max-width:100%!important;}
.single-main-card .feature-card-simple small{font-size:13.5px!important;line-height:1.25!important;font-weight:800!important;}
.grouped-main-card{padding:11px!important;gap:9px!important;border-radius:22px!important;}
.group-card-head{grid-template-columns:34px 1fr!important;gap:9px!important;}
.group-card-head>span{width:34px!important;height:34px!important;border-radius:13px!important;font-size:19px!important;}
.group-card-head h3{font-size:18px!important;margin:0 0 2px!important;}
.group-card-head p{font-size:11.5px!important;line-height:1.25!important;}
.nested-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
.nested-grid .feature-card-simple{
  min-height:104px!important;
  padding:43px 9px 9px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#effbf2,#d9f0e1)!important;
  border:1px solid rgba(180,229,200,.9)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.86)!important;
  gap:2px!important;
}
.nested-grid .feature-card-simple:before{background:radial-gradient(circle at 16% 8%,rgba(38,170,97,.16),transparent 42%)!important;}
.nested-grid .feature-card-simple .feature-icon{font-size:23px!important;top:10px!important;left:10px!important;}
.nested-grid .feature-card-simple .badge{top:10px!important;right:8px!important;font-size:8.8px!important;padding:5px 7px!important;max-width:58px!important;}
.nested-grid .feature-card-simple b{font-size:12.8px!important;line-height:1.02!important;letter-spacing:-.45px!important;max-width:100%!important;}
.nested-grid .feature-card-simple small{font-size:10.2px!important;line-height:1.22!important;font-weight:700!important;}
.nested-grid .feature-card-simple .mini-lock{font-size:9.5px!important;line-height:1.1!important;margin-top:3px!important;}
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.single-main-card .pro-preview-card{
  background:linear-gradient(145deg,#f3fbef,#e6f2d9)!important;
  border:1px solid rgba(209,202,117,.55)!important;
}
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before{background:radial-gradient(circle at 22% 8%,rgba(255,209,102,.18),transparent 42%)!important;}
.focus-monitor{margin-top:10px!important;}
@media(max-width:390px){
  .content{padding-left:12px!important;padding-right:12px!important;}
  .single-main-card .feature-card-simple{min-height:168px!important;padding:70px 20px 22px!important;border-radius:24px!important;}
  .single-main-card .feature-card-simple b{font-size:22.5px!important;}
  .single-main-card .feature-card-simple small{font-size:12.8px!important;}
  .nested-grid{gap:7px!important;}
  .nested-grid .feature-card-simple{min-height:99px!important;padding:41px 8px 8px!important;}
  .nested-grid .feature-card-simple b{font-size:12.2px!important;}
  .nested-grid .feature-card-simple small{font-size:9.8px!important;}
  .grouped-main-card{padding:10px!important;}
}
@media(max-width:340px){
  .nested-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .nested-grid .feature-card-simple{min-height:94px!important;padding:39px 7px 7px!important;}
  .nested-grid .feature-card-simple b{font-size:11.4px!important;}
  .nested-grid .feature-card-simple small{font-size:9.3px!important;}
}

/* v37 Sales Process card motion + green card / light-green inner cards */
.single-main-card .process-motion-card{
  background:linear-gradient(145deg,#0f7a45,#075830 58%,#063e25)!important;
  border:1px solid rgba(98,255,172,.55)!important;
  color:#f4fff8!important;
  overflow:hidden!important;
  position:relative!important;
  min-height:190px!important;
  padding:70px 20px 22px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(80,255,160,.10)!important;
}
.single-main-card .process-motion-card:before{
  content:""!important;
  position:absolute!important;
  inset:-60px -80px auto auto!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(159,255,194,.32),transparent 68%)!important;
  opacity:1!important;
}
.single-main-card .process-motion-card:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.12) 42%,transparent 58%)!important;
  transform:translateX(-120%)!important;
  animation:processShine 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
.single-main-card .process-motion-card .feature-icon{
  color:#eafff2!important;
  text-shadow:0 10px 22px rgba(0,0,0,.25)!important;
}
.single-main-card .process-motion-card .badge{
  background:rgba(232,255,240,.16)!important;
  border-color:rgba(232,255,240,.42)!important;
  color:#eafff2!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
.single-main-card .process-motion-card b,
.single-main-card .process-motion-card small{
  color:#f5fff8!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
.single-main-card .process-motion-card small{color:rgba(241,255,247,.82)!important;}
.process-flow{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  gap:8px!important;
  margin-top:14px!important;
  width:max-content!important;
  min-width:100%!important;
  animation:stepsSlide 13s linear infinite!important;
  will-change:transform!important;
}
.process-flow span{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:rgba(234,255,242,.14)!important;
  border:1px solid rgba(234,255,242,.25)!important;
  color:#f5fff8!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
@keyframes stepsSlide{
  0%{transform:translateX(0)}
  45%{transform:translateX(-42%)}
  55%{transform:translateX(-42%)}
  100%{transform:translateX(0)}
}
@keyframes processShine{
  0%,58%{transform:translateX(-125%)}
  72%,100%{transform:translateX(125%)}
}
.nested-grid .feature-card-simple,
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.nested-grid .pro-feature-card{
  background:linear-gradient(145deg,#e9f8ed,#cfe9d7)!important;
  border:1px solid rgba(155,218,181,.92)!important;
  color:#06351f!important;
}
.nested-grid .soon-card b,
.nested-grid .pro-preview-card b,
.nested-grid .pro-feature-card b,
.nested-grid .feature-card-simple b{color:#062d1c!important;}
.nested-grid .soon-card small,
.nested-grid .pro-preview-card small,
.nested-grid .pro-feature-card small,
.nested-grid .feature-card-simple small{color:#456551!important;}
.nested-grid .feature-card-simple:before,
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before{
  background:radial-gradient(circle at 18% 8%,rgba(38,170,97,.17),transparent 44%)!important;
}
@media(max-width:390px){
  .single-main-card .process-motion-card{min-height:184px!important;padding:68px 18px 20px!important;}
  .process-flow{margin-top:12px!important;gap:7px!important;}
  .process-flow span{font-size:9.8px!important;padding:6px 9px!important;}
}

/* v38 Official Ahente Pro green branding theme */
:root{
  --brandDeep:#022b19;
  --brandDark:#034225;
  --brandMid:#087a43;
  --brandBright:#36f28c;
  --brandMint:#dfffea;
}
.brand{min-width:0!important;flex:1 1 auto!important;max-width:calc(100% - 158px)!important;}
.brand-copy{min-width:0!important;}
.brand-copy small{
  font-size:8.7px!important;
  line-height:1.04!important;
  max-width:168px!important;
  white-space:pre!important;
  letter-spacing:-.08px!important;
  color:rgba(236,255,245,.78)!important;
}
.chip#langToggle{
  min-width:66px!important;
  padding:8px 10px!important;
  font-size:11.2px!important;
  letter-spacing:-.15px!important;
  color:#f6fff9!important;
}
.pro-pill,
body.is-pro .pro-pill{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,244,239,.92),rgba(215,226,219,.82))!important;
  color:#052e1d!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 26px rgba(0,0,0,.20),0 0 16px rgba(255,255,255,.10)!important;
}
.quote-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(109,255,158,.34),transparent 28%),
    linear-gradient(125deg,#05351f 0%,#097a42 30%,#0b4f2e 48%,#18a85b 64%,#032719 100%)!important;
  background-size:180% 180%!important;
  animation:mvpGreenGradient 9s ease-in-out infinite!important;
  border-color:rgba(107,255,171,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(67,255,146,.08),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.quote-hero:after{
  background:linear-gradient(105deg,transparent 10%,rgba(217,255,230,.12) 45%,rgba(64,255,140,.18) 52%,transparent 76%)!important;
  width:100%!important;height:100%!important;inset:0!important;border-radius:inherit!important;
  transform:translateX(-100%)!important;animation:mvpGreenSweep 5.8s ease-in-out infinite!important;
}
@keyframes mvpGreenGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes mvpGreenSweep{0%,50%{transform:translateX(-105%)}75%,100%{transform:translateX(105%)}}
.single-main-card .process-motion-card{
  background:linear-gradient(125deg,#03371f 0%,#078247 28%,#10a65b 48%,#056739 68%,#022b19 100%)!important;
  background-size:220% 220%!important;
  animation:processCardGreenFlow 8.5s ease-in-out infinite!important;
  border-color:rgba(93,255,165,.62)!important;
}
@keyframes processCardGreenFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Green Academy + Tools inner cards */
.nested-grid .feature-card-simple,
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.nested-grid .pro-feature-card,
.tools-green-grid .feature-card-simple,
.tools-green-grid .soon-card,
.tools-green-grid .pro-preview-card,
.tools-green-grid .pro-feature-card{
  background:
    radial-gradient(circle at 18% 8%,rgba(85,255,152,.20),transparent 42%),
    linear-gradient(145deg,#0b6d3d 0%,#064c2c 54%,#032f1c 100%)!important;
  border:1px solid rgba(94,255,165,.44)!important;
  color:#f5fff8!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.13),0 0 0 1px rgba(67,255,146,.06)!important;
}
.nested-grid .feature-card-simple:before,
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before,
.tools-green-grid .feature-card-simple:before,
.tools-green-grid .soon-card:before,
.tools-green-grid .pro-preview-card:before{
  background:radial-gradient(circle at 20% 8%,rgba(218,255,232,.22),transparent 44%)!important;
}
.nested-grid .feature-card-simple b,
.nested-grid .soon-card b,
.nested-grid .pro-preview-card b,
.nested-grid .pro-feature-card b,
.tools-green-grid .feature-card-simple b,
.tools-green-grid .soon-card b,
.tools-green-grid .pro-preview-card b,
.tools-green-grid .pro-feature-card b{
  color:#f7fff9!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
}
.nested-grid .feature-card-simple small,
.nested-grid .soon-card small,
.nested-grid .pro-preview-card small,
.nested-grid .pro-feature-card small,
.tools-green-grid .feature-card-simple small,
.tools-green-grid .soon-card small,
.tools-green-grid .pro-preview-card small,
.tools-green-grid .pro-feature-card small{
  color:rgba(225,255,237,.78)!important;
}
.nested-grid .feature-card-simple .mini-lock,
.tools-green-grid .feature-card-simple .mini-lock{
  color:#ffd66e!important;
}
.nested-grid .feature-card-simple .badge,
.tools-green-grid .feature-card-simple .badge{
  background:rgba(232,255,240,.16)!important;
  color:#eafff2!important;
  border:1px solid rgba(232,255,240,.38)!important;
}
.nested-grid .feature-card-simple .badge.gold,
.tools-green-grid .feature-card-simple .badge.gold{
  background:rgba(255,214,110,.14)!important;
  border-color:rgba(255,214,110,.48)!important;
  color:#ffe49a!important;
}
@media(max-width:390px){
  .brand{max-width:calc(100% - 146px)!important;}
  .brand-copy b{font-size:18px!important;}
  .brand-copy small{font-size:7.8px!important;max-width:142px!important;}
  .chip#langToggle{min-width:60px!important;font-size:10.5px!important;padding:8px 8px!important;}
  .pro-pill{font-size:11.2px!important;padding:8px 10px!important;max-width:86px!important;}
}

/* v39 Plain Green Branding Fix: remove moving/gradient hero + keep Go Pro button white */
.pro-pill,
body.is-pro .pro-pill,
.top-actions .pro-pill,
button.pro-pill{
  background:#ffffff!important;
  background-image:none!important;
  color:#052e1d!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.quote-hero{
  background:#075c35!important;
  background-image:none!important;
  background-size:auto!important;
  animation:none!important;
  border-color:rgba(92,255,159,.32)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.quote-hero:after{
  display:none!important;
  animation:none!important;
  background:none!important;
}
.single-main-card .process-motion-card{
  background:#078247!important;
  background-image:none!important;
  background-size:auto!important;
  animation:none!important;
  border-color:rgba(93,255,165,.50)!important;
}
.nested-grid .feature-card-simple,
.nested-grid .soon-card,
.nested-grid .pro-preview-card,
.nested-grid .pro-feature-card,
.tools-green-grid .feature-card-simple,
.tools-green-grid .soon-card,
.tools-green-grid .pro-preview-card,
.tools-green-grid .pro-feature-card{
  background:#086b3d!important;
  background-image:none!important;
  border:1px solid rgba(94,255,165,.38)!important;
  color:#f5fff8!important;
}
.nested-grid .feature-card-simple:before,
.nested-grid .soon-card:before,
.nested-grid .pro-preview-card:before,
.tools-green-grid .feature-card-simple:before,
.tools-green-grid .soon-card:before,
.tools-green-grid .pro-preview-card:before{
  display:none!important;
  background:none!important;
}

/* v40 Text Visibility Boost: subtle shadows on white text over green surfaces */
.quote-hero h1,
.quote-hero .eyebrow,
.quote-hero .muted,
.quote-hero .stats b,
.quote-hero .stats span,
.quote-hero .video-placeholder b,
.quote-hero .video-placeholder small,
.quote-hero .secondary,
.section-head h2,
.section-head .see,
.group-card-head h3,
.group-card-head p,
.single-main-card .feature-card-simple b,
.single-main-card .feature-card-simple small,
.single-main-card .feature-card-simple .badge,
.nested-grid .feature-card-simple b,
.nested-grid .feature-card-simple small,
.nested-grid .feature-card-simple .badge,
.tools-green-grid .feature-card-simple b,
.tools-green-grid .feature-card-simple small,
.tools-green-grid .feature-card-simple .badge,
.path-card h3,
.path-card p,
.lesson h3,
.lesson p,
.script-card h3,
.script-card p,
.tool-row b,
.tool-row span,
.step h3,
.step p,
.bottom-nav .nav-item,
.bottom-nav .nav-item span,
.hero h1,
.hero p,
.hero .eyebrow,
.hero .question,
.hero .script-text,
.cheat-display .question,
.seg-btn,
.tool-hero .page-title,
.tool-hero .muted,
.card h2,
.card h3,
.card h4,
.card p,
.card small,
.card li {
  text-shadow: 0 2px 8px rgba(0,0,0,.38), 0 1px 2px rgba(0,0,0,.45) !important;
}

/* Keep dark text controls crisp without shadow */
.pro-pill,
.top-actions .pro-pill,
button.pro-pill,
.primary,
.quote-hero .hero-actions .primary,
.quote-hero .hero-actions .secondary:first-child,
.quote-hero .hero-actions .primary *,
.primary *,
.pro-pill * {
  text-shadow: none !important;
}

/* v41 minor subscription mode polish */
.subscription-status-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin: 8px 0 14px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(101,255,166,.38);
  background: rgba(9,93,48,.45);
  color: #eafff0;
  font-weight: 900;
  letter-spacing: .08em;
  font-size: .82rem;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 28px rgba(0,0,0,.22);
}
.subscription-status-pill.mode-free {
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
}
.subscription-status-pill.mode-starter {
  border-color: rgba(255,216,111,.55);
  background: rgba(145,103,13,.30);
  color: #ffe59b;
}
.subscription-status-pill.mode-ahente {
  border-color: rgba(101,255,166,.65);
  background: linear-gradient(135deg, rgba(0,113,55,.72), rgba(5,49,32,.76));
  color: #dffff0;
}
.current-plan-card {
  outline: 2px solid rgba(101,255,166,.65);
  box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 26px rgba(71,255,145,.12);
}
.current-plan-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 20px;
  border: 1px solid rgba(101,255,166,.48);
  background: rgba(101,255,166,.12);
  color: #dbffea;
  font-weight: 900;
  letter-spacing: .03em;
  text-align: center;
}
.ahente-exclusive-card .badge {
  min-width: 92px;
  font-size: .72rem;
}
.ahente-exclusive-card.pro-card-unlocked .badge {
  min-width: auto;
}
.mode-starter .pro-mode-banner {
  border-color: rgba(255,216,111,.42);
  background: rgba(145,103,13,.18);
}
.mode-ahente .pro-mode-banner {
  border-color: rgba(101,255,166,.48);
  background: rgba(12,122,61,.24);
}

/* v42 Client Conversion Tracker MVP */
.tracker-card.pro-card-unlocked {
  border-color: rgba(101,255,166,.60) !important;
  background: linear-gradient(145deg, rgba(167,255,198,.96), rgba(211,255,225,.90)) !important;
  color: #07351e !important;
}
.tracker-hero h1,
.locked-tool-page h1 {
  margin-top: 4px;
}
.tracker-form-card label {
  display: grid;
  gap: 8px;
  color: rgba(234,255,241,.84);
  font-weight: 800;
  font-size: .92rem;
}
.tracker-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.tracker-form-grid .wide {
  grid-column: 1 / -1;
}
.tracker-form-grid input,
.tracker-form-grid select,
.tracker-form-grid textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(101,255,166,.28);
  border-radius: 18px;
  padding: 12px 13px;
  background: rgba(5,30,20,.72);
  color: #effff4;
  font: inherit;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.tracker-form-grid textarea {
  min-height: 92px;
  resize: vertical;
}
.tracker-limit-box,
.empty-tracker {
  border: 1px dashed rgba(255,216,111,.42);
  border-radius: 22px;
  padding: 18px;
  color: #fff3bd;
  background: rgba(111,75,8,.15);
}
.tracker-analytics .section-head b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  min-height: 46px;
  border-radius: 16px;
  background: rgba(101,255,166,.14);
  border: 1px solid rgba(101,255,166,.34);
  color: #dffff0;
  font-size: 1.15rem;
}
.tracker-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 16px;
}
.tracker-metrics span {
  min-height: 76px;
  border-radius: 20px;
  padding: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(234,255,241,.78);
  display: grid;
  align-content: center;
  gap: 2px;
  font-weight: 800;
}
.tracker-metrics b {
  display: block;
  font-size: 1.45rem;
  color: #f1fff5;
}
.tracker-breakdown {
  margin-top: 14px;
  color: rgba(234,255,241,.74);
  line-height: 1.55;
}
.tracker-client-list {
  display: grid;
  gap: 14px;
}
.tracker-client-card {
  padding: 18px !important;
}
.tracker-client-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.tracker-client-top h3 {
  margin: 3px 0 0;
  font-size: 1.28rem;
  line-height: 1.05;
}
.tracker-status {
  flex: 0 0 auto;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #07351e;
  background: #c8f7d6;
}
.tracker-status.status-hot { background: #ffe0a2; color: #4a2b00; }
.tracker-status.status-warm { background: #d9ffdf; color: #07351e; }
.tracker-status.status-cold { background: #d7e6ff; color: #0b2a53; }
.tracker-status.status-closed { background: #a9ffcc; color: #07351e; }
.tracker-status.status-lost { background: #ffd1d1; color: #571515; }
.tracker-stage-line {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(101,255,166,.22);
  background: rgba(101,255,166,.08);
  display: grid;
  gap: 4px;
}
.tracker-stage-line small,
.tracker-advice small {
  color: rgba(234,255,241,.74);
  line-height: 1.45;
}
.tracker-advice {
  margin-top: 12px;
  display: grid;
  gap: 6px;
  color: rgba(234,255,241,.82);
}
.tracker-advice b {
  color: #72ffa8;
}
.tracker-advice p {
  margin: 0;
  line-height: 1.5;
}
.tracker-notes {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  color: rgba(234,255,241,.76);
  line-height: 1.45;
}
.tracker-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.tracker-actions button {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 16px;
}
.locked-tool-page {
  margin-top: 16px;
}
@media (max-width: 380px){
  .tracker-form-grid { grid-template-columns: 1fr; }
  .tracker-metrics { grid-template-columns: repeat(2, 1fr); }
}


/* v44 targeted language toggle + Client Script Bank subtitle sizing fix */
#langToggle{
  min-width:82px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.scriptbank-subtitle,
body.lang-fil .scriptbank-subtitle{
  font-size:15px!important;
  line-height:1.55!important;
  letter-spacing:-.15px!important;
}
.script-bank-intro,
body.lang-fil .script-bank-intro{
  font-size:15px!important;
  line-height:1.55!important;
  letter-spacing:-.15px!important;
}
.script-bank-head{
  align-items:flex-start!important;
  gap:12px!important;
}
.script-bank-head h2,
body.lang-fil .script-bank-head h2{
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.7px!important;
  max-width:68%!important;
}
.script-bank-head span,
body.lang-fil .script-bank-head span{
  flex:0 0 96px!important;
  max-width:96px!important;
  text-align:right!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:500!important;
  color:rgba(236,255,245,.92)!important;
}
@media(max-width:370px){
  #langToggle{min-width:74px!important;font-size:11px!important;padding-left:8px!important;padding-right:8px!important;}
  .script-bank-head h2,
  body.lang-fil .script-bank-head h2{font-size:20px!important;max-width:66%!important;}
  .script-bank-head span,
  body.lang-fil .script-bank-head span{flex-basis:88px!important;max-width:88px!important;font-size:13px!important;}
}

/* v45 Ahente Pro Tracker Card Readability Fix
   Targeted only: Client Conversion Tracker card when Ahente Pro Mode turns it light green. */
.tracker-card.pro-card-unlocked,
.nested-grid .tracker-card.pro-card-unlocked,
.tools-green-grid .tracker-card.pro-card-unlocked {
  background: linear-gradient(145deg, rgba(167,255,198,.96), rgba(211,255,225,.92)) !important;
  border-color: rgba(101,255,166,.72) !important;
  color: #07351e !important;
}
.tracker-card.pro-card-unlocked b,
.tracker-card.pro-card-unlocked small,
.tracker-card.pro-card-unlocked .mini-lock,
.tracker-card.pro-card-unlocked .feature-icon,
.nested-grid .tracker-card.pro-card-unlocked b,
.nested-grid .tracker-card.pro-card-unlocked small,
.nested-grid .tracker-card.pro-card-unlocked .mini-lock,
.nested-grid .tracker-card.pro-card-unlocked .feature-icon,
.tools-green-grid .tracker-card.pro-card-unlocked b,
.tools-green-grid .tracker-card.pro-card-unlocked small,
.tools-green-grid .tracker-card.pro-card-unlocked .mini-lock,
.tools-green-grid .tracker-card.pro-card-unlocked .feature-icon {
  color: #07351e !important;
  text-shadow: none !important;
  filter: none !important;
}
.tracker-card.pro-card-unlocked .badge,
.nested-grid .tracker-card.pro-card-unlocked .badge,
.tools-green-grid .tracker-card.pro-card-unlocked .badge {
  background: rgba(7,53,30,.10) !important;
  border-color: rgba(7,53,30,.24) !important;
  color: #0b4b2c !important;
  text-shadow: none !important;
  box-shadow: 0 6px 16px rgba(7,53,30,.10), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.tracker-card.pro-card-unlocked .mini-lock,
.nested-grid .tracker-card.pro-card-unlocked .mini-lock,
.tools-green-grid .tracker-card.pro-card-unlocked .mini-lock {
  color: #0b6b3a !important;
}

/* v46 Header Tagline Consistency Fix
   Keep the top subtitle/tagline visually identical in English and Tagalog modes. */
.brand-copy small,
body.lang-fil .brand-copy small{
  font-size:8.7px!important;
  line-height:1.04!important;
  max-width:168px!important;
  white-space:pre!important;
  letter-spacing:-.08px!important;
  color:rgba(236,255,245,.78)!important;
}
@media(max-width:390px){
  .brand-copy small,
  body.lang-fil .brand-copy small{
    font-size:7.8px!important;
    line-height:1.04!important;
    max-width:142px!important;
  }
}
@media(max-width:370px){
  .brand-copy small,
  body.lang-fil .brand-copy small{
    font-size:7.8px!important;
    line-height:1.04!important;
    max-width:132px!important;
  }
}


/* v47 Document Templates library */
.document-hero .academy-icon{background:linear-gradient(145deg,#eafff0,#7ff0a9);color:#052e1d;}
.document-template-list{display:grid;gap:12px;}
.doc-template-card{padding:14px!important;background:linear-gradient(145deg,rgba(7,79,49,.92),rgba(3,32,20,.76));border-color:rgba(53,231,138,.28);}
.doc-template-top{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;}
.doc-num{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#eafff0,#7ff0a9);color:#04301d;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);}
.doc-template-card h3{margin:0 0 5px;font-size:16px;line-height:1.08;letter-spacing:-.45px;font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;color:#f4fff7;}
.doc-template-card p{margin:0;color:#bfd9c8;font-size:12.5px;line-height:1.45;}
.doc-use-grid{display:grid;gap:9px;margin-top:12px;}
.doc-use-grid>div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px;padding:10px 11px;}
.doc-use-grid b{display:block;margin-bottom:4px;color:#d8ffe7;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.doc-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;}
.doc-actions a,.doc-actions button{border:0;border-radius:14px;padding:11px 8px;font-weight:900;font-size:11.5px;text-align:center;text-decoration:none;background:linear-gradient(135deg,#eafff0,#d7ffe5);color:#052e1d;box-shadow:0 10px 22px rgba(0,0,0,.14);}
.doc-actions button.secondary{background:rgba(255,255,255,.07);color:#f1fff7;border:1px solid rgba(255,255,255,.14);}
@media(max-width:360px){.doc-actions{grid-template-columns:1fr}.doc-template-top{grid-template-columns:36px 1fr}.doc-num{width:36px;height:36px;border-radius:13px}.doc-template-card h3{font-size:15px}.doc-template-card p{font-size:12px}}

/* v48: RESA Law reminder inside Document Templates */
.resa-reminder-card{
  border-color: rgba(255,216,120,.42);
  background: linear-gradient(145deg, rgba(5,71,41,.96), rgba(5,42,29,.92));
  box-shadow: 0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
}
.resa-reminder-card .eyebrow{
  color: #7CFF9D;
}
.resa-reminder-card h2{
  margin: 8px 0 12px;
}
.resa-reminder-card .academy-actions{
  margin-top: 18px;
}
.resa-reminder-card .primary{
  width: 100%;
}

/* v49: RESA Law reminder inside Real Estate Fundamentals */
.fundamentals-resa-card{
  margin-top:18px;
}
.fundamentals-resa-card .primary{
  white-space:normal;
}

/* v50 Tools access visual alignment
   Document Templates becomes the same light active card as Client Conversion Tracker in Ahente Pro Mode.
   Both exclusive cards stay green when locked/inactive for Free and Starter Pro users.
   Commission Calculator is a free card for every user type. */
.ahente-exclusive-card:not(.pro-card-unlocked),
.nested-grid .ahente-exclusive-card:not(.pro-card-unlocked),
.tools-green-grid .ahente-exclusive-card:not(.pro-card-unlocked){
  background:linear-gradient(145deg,rgba(11,136,75,.92),rgba(5,88,50,.94))!important;
  border-color:rgba(53,231,138,.48)!important;
  color:#f1fff6!important;
}
.ahente-exclusive-card:not(.pro-card-unlocked) b,
.ahente-exclusive-card:not(.pro-card-unlocked) small,
.ahente-exclusive-card:not(.pro-card-unlocked) .feature-icon{
  color:#f1fff6!important;
}
.ahente-exclusive-card:not(.pro-card-unlocked) .mini-lock{
  color:#ffe28a!important;
}
.docs-card.pro-card-unlocked,
.nested-grid .docs-card.pro-card-unlocked,
.tools-green-grid .docs-card.pro-card-unlocked{
  background:linear-gradient(145deg,rgba(167,255,198,.96),rgba(211,255,225,.92))!important;
  border-color:rgba(101,255,166,.72)!important;
  color:#07351e!important;
}
.docs-card.pro-card-unlocked b,
.docs-card.pro-card-unlocked small,
.docs-card.pro-card-unlocked .mini-lock,
.docs-card.pro-card-unlocked .feature-icon,
.nested-grid .docs-card.pro-card-unlocked b,
.nested-grid .docs-card.pro-card-unlocked small,
.nested-grid .docs-card.pro-card-unlocked .mini-lock,
.nested-grid .docs-card.pro-card-unlocked .feature-icon,
.tools-green-grid .docs-card.pro-card-unlocked b,
.tools-green-grid .docs-card.pro-card-unlocked small,
.tools-green-grid .docs-card.pro-card-unlocked .mini-lock,
.tools-green-grid .docs-card.pro-card-unlocked .feature-icon{
  color:#07351e!important;
  text-shadow:none!important;
  filter:none!important;
}
.docs-card.pro-card-unlocked .badge,
.nested-grid .docs-card.pro-card-unlocked .badge,
.tools-green-grid .docs-card.pro-card-unlocked .badge{
  background:rgba(7,53,30,.10)!important;
  border-color:rgba(7,53,30,.24)!important;
  color:#0b4b2c!important;
  text-shadow:none!important;
  box-shadow:0 6px 16px rgba(7,53,30,.10), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.docs-card.pro-card-unlocked .mini-lock,
.nested-grid .docs-card.pro-card-unlocked .mini-lock,
.tools-green-grid .docs-card.pro-card-unlocked .mini-lock{
  color:#0b6b3a!important;
}
.commission-free-card,
.nested-grid .commission-free-card,
.tools-green-grid .commission-free-card{
  background:linear-gradient(145deg,rgba(11,136,75,.92),rgba(5,88,50,.94))!important;
  border-color:rgba(53,231,138,.48)!important;
  color:#f1fff6!important;
}
.commission-free-card .badge{
  background:rgba(220,255,235,.16)!important;
  border-color:rgba(220,255,235,.32)!important;
  color:#dfffee!important;
}
.commission-free-card .free-note{
  color:#9affc8!important;
}
.commission-tool-card input{
  width:100%;
  margin:8px 0;
}

/* v51: Clear subscription inclusions in plan cards */
.plan-detail-card{display:flex;flex-direction:column;min-height:280px}
.plan-includes{display:grid;gap:6px;margin:10px 0 0;padding:10px;border-radius:14px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.08)}
.plan-includes b{font-size:11px;color:var(--green);letter-spacing:.06em;text-transform:uppercase}
.plan-includes span{display:block;font-size:10.8px;line-height:1.28;color:#e9fff1;position:relative;padding-left:15px}
.plan-includes span:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.plan-limit{display:block;margin-top:8px;font-size:10.5px;line-height:1.3;color:#f8d67a;font-style:normal;font-weight:800}
.price-card .current-plan-label{margin-top:auto}
.price-card.plan-detail-card .secondary.full,.price-card.plan-detail-card .primary.full{margin-top:auto}
@media(max-width:380px){.plan-detail-card{padding:12px}.plan-includes{padding:8px;gap:5px}.plan-includes span{font-size:10px}.plan-limit{font-size:9.8px}.price-card h3{font-size:22px}}

/* Admin Panel v1 + payment verification upgrade */
.payment-help-note{font-size:11.5px;line-height:1.45;color:rgba(216,255,231,.68);margin:-3px 0 4px;padding:10px 12px;border-radius:14px;background:rgba(53,231,138,.07);border:1px solid rgba(53,231,138,.18)}
.admin-hero .academy-actions{grid-template-columns:1fr 1fr}.admin-help-card ol{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.55}.admin-help-card li{margin:6px 0}.admin-form-card{overflow:hidden}.admin-form-grid{display:grid;gap:10px}.admin-form-grid label,.admin-import-card label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:900}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.admin-import-card textarea{width:100%;padding:12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font:inherit;font-weight:700}.admin-form-grid select option{color:#082316;background:#f9fff9}.admin-form-grid input[readonly]{color:var(--green);background:rgba(53,231,138,.08);letter-spacing:.02em}.admin-form-grid textarea,.admin-import-card textarea{min-height:92px;resize:vertical;line-height:1.45}.admin-full{grid-column:1/-1}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.admin-actions button:nth-child(3){grid-column:1/-1}.admin-stats-card .stats{grid-template-columns:repeat(4,1fr);gap:7px}.admin-stats-card .stats div{padding:12px 6px}.admin-stats-card .stats b{font-size:20px}.admin-stats-card .stats span{font-size:10px}.admin-list{display:grid;gap:10px}.admin-row{display:grid;gap:12px;border-color:rgba(53,231,138,.22)}.admin-row h3{margin:3px 0 4px;font-size:18px}.admin-row small{display:block;margin-top:8px;color:rgba(216,255,231,.58);font-size:11px}.admin-code-box{margin-top:10px;padding:11px;border-radius:14px;background:rgba(53,231,138,.1);border:1px solid rgba(53,231,138,.26);font-size:12px;font-weight:900;letter-spacing:.03em;color:#dffff0;word-break:break-all}.admin-row-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-row-actions .mini-btn{padding:9px 8px;font-size:10.5px}.mini-btn.danger{border-color:rgba(255,99,99,.35);color:#ffd6d6}.admin-import-card textarea{min-height:120px;font-size:12px}.admin-form-card .small-note,.admin-hero .small-note{font-size:11.5px;line-height:1.45}.admin-form-card .section-head h2,.admin-help-card h2,.admin-import-card h2{font-size:22px;line-height:1.05}@media(min-width:430px){.admin-form-grid{grid-template-columns:1fr 1fr}.admin-row{grid-template-columns:1fr auto}.admin-row-actions{width:150px;grid-template-columns:1fr}.admin-actions button:nth-child(3){grid-column:auto}}

/* Payment Verification Upgrade v2 */
.admin-cloud-card input,
.admin-form-card input,
.admin-form-card select,
.admin-form-card textarea,
.admin-import-card textarea {
  width: 100%;
}
.cloud-row .admin-code-box {
  margin-top: 10px;
}
.cloud-list .empty {
  border: 1px dashed rgba(152,255,197,.24);
}
.optional-note{font-size:11px;font-weight:800;color:rgba(216,255,231,.62)}


/* v57 Client Script Bank targeted fix: keep scroll position on reveal + cleaner compact reading layout */
.scriptbank-page{
  padding-bottom:8px!important;
}
.scriptbank-page .page-title{
  font-size:clamp(32px,8.4vw,46px)!important;
  line-height:.98!important;
  letter-spacing:-1.6px!important;
  margin:10px 0 8px!important;
}
.scriptbank-page .pro-page-pill{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin-left:0!important;
  margin-top:10px!important;
  padding:7px 14px!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.scriptbank-subtitle,
body.lang-fil .scriptbank-subtitle{
  max-width:620px!important;
  margin:0 0 16px!important;
  font-size:16px!important;
  line-height:1.48!important;
  color:rgba(236,255,245,.72)!important;
}
.script-client-section{
  margin-top:8px!important;
  margin-bottom:14px!important;
}
.script-client-tabs{
  gap:9px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.script-client-tabs .seg-btn{
  min-height:50px!important;
  padding:11px 10px!important;
  border-radius:22px!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  letter-spacing:-.2px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(222,255,236,.13)!important;
  box-shadow:none!important;
}
.script-client-tabs .seg-btn.active{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(219,235,225,.86))!important;
  color:#052b1b!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.scriptbank-page .section{
  margin-top:16px!important;
}
.scriptbank-page .section-head{
  margin-bottom:8px!important;
}
.script-bank-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.script-bank-head h2,
body.lang-fil .script-bank-head h2{
  font-size:25px!important;
  line-height:1.08!important;
  letter-spacing:-.9px!important;
  max-width:76%!important;
  margin:0!important;
}
.script-bank-head span,
body.lang-fil .script-bank-head span{
  flex:0 0 auto!important;
  max-width:none!important;
  font-size:12px!important;
  line-height:1!important;
  opacity:.72!important;
  white-space:nowrap!important;
  text-transform:none!important;
}
.script-bank-intro,
body.lang-fil .script-bank-intro{
  margin:4px 0 14px!important;
  font-size:15.5px!important;
  line-height:1.52!important;
  color:rgba(236,255,245,.72)!important;
}
.scenario-grid{
  gap:11px!important;
}
.scriptbank-page .script-card.card{
  border-radius:24px!important;
  padding:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(222,255,236,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
.scriptbank-page .script-card.card.open{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(3,34,22,.72))!important;
  border-color:rgba(82,255,153,.24)!important;
}
.scriptbank-page .accordion-head.script-head{
  min-height:auto!important;
  padding:18px 18px!important;
  gap:12px!important;
}
.scriptbank-page .script-head .eyebrow{
  margin:0 0 8px!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  color:rgba(236,255,245,.7)!important;
}
.scriptbank-page .script-head b{
  display:block!important;
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.45px!important;
  color:#f7fff9!important;
}
.scenario-card .script-head small{
  margin-top:8px!important;
  font-size:14px!important;
  line-height:1.38!important;
  color:rgba(236,255,244,.66)!important;
  font-weight:650!important;
}
.scriptbank-page .script-head em{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(83,255,154,.10)!important;
  color:#65ff9e!important;
  font-size:26px!important;
  line-height:1!important;
  font-style:normal!important;
}
.scriptbank-page .script-accordion-body{
  padding:0 16px 16px!important;
  border-top:1px solid rgba(222,255,236,.08)!important;
}
.scriptbank-page .lesson-note{
  padding:13px 14px!important;
  border-radius:18px!important;
  margin:14px 0 12px!important;
  background:rgba(255,255,255,.04)!important;
}
.scriptbank-page .lesson-note b{
  font-size:13px!important;
  margin-bottom:4px!important;
}
.scriptbank-page .lesson-note p{
  font-size:14.5px!important;
  line-height:1.48!important;
  color:rgba(236,255,244,.76)!important;
}
.scriptbank-page .script-stack{
  gap:10px!important;
}
.scriptbank-page .copy-script-block{
  padding:13px 13px 58px!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.14)!important;
  border-color:rgba(222,255,236,.10)!important;
}
.scriptbank-page .copy-script-block p,
.scriptbank-page .script-text{
  font-size:14.8px!important;
  line-height:1.55!important;
  color:rgba(249,255,251,.92)!important;
}
.scriptbank-page .inline-copy,
.scriptbank-page .copy-btn{
  border-radius:14px!important;
  font-size:12px!important;
}
.scriptbank-page .inline-copy{
  top:auto!important;
  right:12px!important;
  bottom:12px!important;
  min-width:64px!important;
  padding:9px 12px!important;
}
.legacy-script-head{
  margin-top:18px!important;
}
@media(max-width:390px){
  .scriptbank-page .page-title{font-size:36px!important;}
  .script-client-tabs{gap:8px!important;}
  .script-client-tabs .seg-btn{font-size:12.5px!important;padding:10px 8px!important;min-height:48px!important;}
  .script-bank-head h2,body.lang-fil .script-bank-head h2{font-size:22px!important;max-width:72%!important;}
  .scriptbank-page .accordion-head.script-head{padding:16px 15px!important;}
  .scriptbank-page .script-head b{font-size:18px!important;}
  .scenario-card .script-head small{font-size:13.5px!important;}
}

/* v58 performance patch: smoother mobile scrolling / faster content rendering
   Removes expensive visual effects from scrolling cards and app panels. */
html{scroll-behavior:auto!important;}
*,*::before,*::after{
  animation:none!important;
  transition:none!important;
}
body{
  background:#031b12!important;
}
.app-shell{
  background:linear-gradient(180deg,#052e1d,#02140d)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.app-shell:before,
.hero:after,
.feature-card-simple:before,
.process-card:before,
.main-tool-card:before,
.tool-hero:before,
.mvp-card:before{
  display:none!important;
}
.glass,
.topbar,
.bottom-nav,
.modal-card,
.video-frame{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.card,
.hero,
.compact-hero,
.path-card,
.feature-card-simple,
.main-tool-card,
.tool-card,
.scriptbank-page .script-card.card,
.academy-accordion,
.direct-card,
.pro-seq-card,
.lesson-row,
.tool-row,
.process-card,
.mvp-card,
.doc-card,
.modal-card,
.qr-box,
.video-frame{
  box-shadow:none!important;
}
.card,
.hero,
.path-card,
.feature-card-simple,
.main-tool-card,
.tool-card,
.scriptbank-page .script-card.card,
.academy-accordion,
.direct-card,
.pro-seq-card,
.lesson-row,
.tool-row,
.process-card,
.mvp-card{
  background-color:rgba(7,52,33,.72)!important;
}
.primary,.secondary,.seg-btn,.choice,.copy-btn,.mini-btn,.pro-pill,.nav-item,.feature-card-simple,.path-card,.tool-card,.main-tool-card{
  transform:none!important;
  filter:none!important;
}
button:active,a:active,.path-card:active,.lesson:active,.choice:active,.tool-row:active,.feature-card-simple:active{
  transform:none!important;
  filter:none!important;
}
.bottom-nav{
  background:rgba(3,27,18,.98)!important;
  border-top:1px solid rgba(216,255,231,.12)!important;
}
.topbar{
  background:rgba(3,27,18,.98)!important;
}
.quote-progress span{animation:none!important;}
.daily-quote-slide.is-changing,
.daily-quote-slide.is-entering{
  opacity:1!important;
  transform:none!important;
}
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:auto!important;}
}

/* v59 targeted tracker + quote performance polish */
.quote-progress span{
  animation:quoteBar 12s linear infinite!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,#f8fff9,#dfeee4,#aac4b5)!important;
  box-shadow:0 0 12px rgba(248,255,249,.22)!important;
}
.tracker-form-collapsed{padding:14px 16px!important;}
.tracker-form-collapsed .section-head{margin:0!important;gap:12px!important;}
.compact-add-btn{min-height:42px!important;padding:10px 14px!important;border-radius:16px!important;white-space:nowrap!important;}
.tracker-form-grid.compact{gap:10px!important;margin:12px 0!important;}
.tracker-form-grid.compact input,
.tracker-form-grid.compact select{min-height:44px!important;border-radius:16px!important;padding:10px 12px!important;}
.tracker-form-grid.compact textarea{min-height:70px!important;border-radius:16px!important;padding:10px 12px!important;}
.tracker-client-list{gap:10px!important;}
.tracker-client-card{padding:0!important;overflow:hidden!important;border-left:4px solid rgba(154,255,200,.38)!important;}
.tracker-client-summary{
  width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;
  background:transparent;border:0;color:inherit;text-align:left;padding:13px 12px;min-height:74px;cursor:pointer;
}
.tracker-summary-main{display:grid;gap:2px;min-width:0;}
.tracker-summary-main b{font-size:1.04rem;line-height:1.08;color:#f3fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tracker-summary-main small{font-size:.78rem;line-height:1.15;color:rgba(234,255,241,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tracker-status-dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 4px rgba(255,255,255,.04);}
.tracker-status-dot.status-hot{background:#ffe0a2;}
.tracker-status-dot.status-warm{background:#9affc8;}
.tracker-status-dot.status-cold{background:#9ec6ff;}
.tracker-status-dot.status-closed{background:#65ffa6;}
.tracker-status-dot.status-lost{background:#ff9f9f;}
.tracker-open-indicator{font-size:1.35rem;font-weight:900;color:rgba(234,255,241,.82);line-height:1;}
.tracker-client-details{padding:0 12px 14px;}
.status-card-hot{border-left-color:#ffe0a2!important;}
.status-card-warm{border-left-color:#9affc8!important;}
.status-card-cold{border-left-color:#9ec6ff!important;}
.status-card-closed{border-left-color:#65ffa6!important;}
.status-card-lost{border-left-color:#ff9f9f!important;}
.tracker-stage-line{margin-top:2px!important;padding:10px 12px!important;border-radius:16px!important;}
.tracker-advice{margin-top:10px!important;gap:5px!important;}
.tracker-notes{margin-top:10px!important;padding:10px 12px!important;}
.tracker-actions{gap:8px!important;margin-top:10px!important;}
.tracker-actions button{min-height:40px!important;border-radius:14px!important;}
.tracker-metrics{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
.tracker-metrics span{min-height:58px!important;border-radius:16px!important;padding:10px!important;position:relative;overflow:hidden;}
.tracker-metrics span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(154,255,200,.55);}
.tracker-metrics b{font-size:1.25rem!important;}
.tracker-metrics .metric-hot:before{background:#ffe0a2;}
.tracker-metrics .metric-warm:before{background:#9affc8;}
.tracker-metrics .metric-cold:before{background:#9ec6ff;}
.tracker-metrics .metric-closed:before{background:#65ffa6;}
.tracker-metrics .metric-lost:before{background:#ff9f9f;}
.tracker-metrics .metric-total:before{background:#f8fff9;}
.tracker-metrics .metric-active:before{background:#43e890;}
@media(max-width:420px){
  .tracker-client-summary{grid-template-columns:auto 1fr auto;}
  .tracker-open-indicator{display:none;}
  .tracker-status{padding:7px 9px;font-size:.70rem;}
}