/* Talentapros site pages (Nov 2026).
   One index.html serves /, /course, /practice-books and /pricing. <html data-page> picks which
   sections show. Portal screens (body.tp-app) are never touched by these rules. */

/* ---------- Header menu ---------- */
.nav-links .nav-pricing{position:relative;display:inline-flex;align-items:center;gap:6px;color:#0E9A70!important;font-weight:800;padding:7px 12px;border-radius:999px;background:#E7F8F1;overflow:hidden;isolation:isolate}
.nav-links .nav-pricing::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%) no-repeat;background-size:220% 100%;animation:tpNavFlash 2.6s ease-in-out infinite}
@keyframes tpNavFlash{0%{background-position:160% 0}60%,100%{background-position:-70% 0}}
.nav-links .np-badge{font-size:10px;font-weight:800;color:#fff;background:#12B886;padding:2px 7px;border-radius:99px;animation:tpNavPulse 1.6s ease-in-out infinite}
@keyframes tpNavPulse{0%,100%{box-shadow:0 0 0 0 rgba(18,184,134,.55)}50%{box-shadow:0 0 0 6px rgba(18,184,134,0)}}
.nav-links .nav-wa{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#128C4A!important;border:1.5px solid #CDEFE2;background:#fff;padding:8px 12px;border-radius:12px;transition:background .2s,border-color .2s}
.nav-links .nav-wa:hover{background:#E9FBF0;border-color:#25D366}
.nav-links .nav-wa svg{width:18px;height:18px;color:#25D366;flex:none}
html[data-page="course"] .nav-links a[href="/course"],
html[data-page="practice-books"] .nav-links a[href="/practice-books"]{color:#0E9A70!important;box-shadow:inset 0 -2px 0 #12B886}
@media (max-width:1180px){.nav-links .nav-wa span{display:none}.nav-links .nav-wa{padding:8px}}
@media (max-width:980px){.nav-links>a.nav-pricing{display:inline-flex!important}.nav-links .nav-wa{display:none}}
@media (max-width:560px){.nav-links>a.nav-pricing .np-badge{display:none}}
@media (prefers-reduced-motion:reduce){.nav-links .nav-pricing::after,.nav-links .np-badge{animation:none}}

/* ---------- Which sections each page shows ---------- */
html[data-page="home"] body:not(.tp-app) main#top>:is(.hero,.proof-strip,#portal-highlights,#practice,#pricing-preview,#qb-workflows,#zena-intro,#who-for,#curriculum,#skills,#certification,#portal,#career,.pg-head){display:none!important}

html:is([data-page="course"],[data-page="practice-books"],[data-page="pricing"]) body:not(.tp-app) main#top{display:flex;flex-direction:column}
html:is([data-page="course"],[data-page="practice-books"],[data-page="pricing"]) body:not(.tp-app) main#top>*{width:100%}
html:is([data-page="course"],[data-page="practice-books"],[data-page="pricing"]) body:not(.tp-app) main#top>.hv-home{display:none!important}

html[data-page="course"] body:not(.tp-app) main#top>:not(.pg-course,#curriculum,#portal,#qb-workflows,#payroll,#who-for,#skills,#certification,#career,.wf-final,.hv-stickywrap){display:none!important}
html[data-page="course"] main#top>.pg-course{order:0}
html[data-page="course"] main#top>#curriculum{order:1}
html[data-page="course"] main#top>#portal{order:2}
html[data-page="course"] main#top>#qb-workflows{order:3}
html[data-page="course"] main#top>#payroll{order:4}
html[data-page="course"] main#top>#who-for{order:5}
html[data-page="course"] main#top>#skills{order:6}
html[data-page="course"] main#top>#certification{order:7}
html[data-page="course"] main#top>#career{order:8}
html[data-page="course"] main#top>.wf-final{order:9}

html[data-page="practice-books"] body:not(.tp-app) main#top>:not(.pg-practice,.proof-strip,#practice,#portal-highlights,.wf-final,.hv-stickywrap){display:none!important}
html[data-page="practice-books"] main#top>.pg-practice{order:0}
html[data-page="practice-books"] main#top>#practice{order:1}
html[data-page="practice-books"] main#top>.proof-strip{order:2}
html[data-page="practice-books"] main#top>#portal-highlights{order:3}
html[data-page="practice-books"] main#top>.wf-final{order:4}

html[data-page="pricing"] body:not(.tp-app) main#top>:not(.pg-pricing,#pricing,#plan-comparison,#faq,.wf-final,.hv-stickywrap){display:none!important}

/* ---------- Page headers (/course, /practice-books, /pricing) ---------- */
.pg-head{position:relative;overflow:hidden;padding:72px 0 56px;background:radial-gradient(900px 420px at 85% -10%,rgba(18,184,134,.16),transparent 65%),linear-gradient(180deg,#F6FBF9,#fff);border-bottom:1px solid #E3E8EE;font-family:var(--body,"Manrope",system-ui,sans-serif)}
.pg-head .pg-in{max-width:1180px;margin:0 auto;padding:0 20px}
.pg-head .pg-crumb{font-size:13px;font-weight:700;color:#596579;margin:0 0 14px}
.pg-head .pg-crumb a{color:#0E9A70;text-decoration:none}
.pg-head .pg-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0E9A70;background:#E7F8F1;padding:6px 12px;border-radius:99px}
.pg-head h1{font:800 clamp(32px,4.6vw,52px)/1.1 var(--display,"Manrope",system-ui,sans-serif);letter-spacing:-.02em;color:#172033;margin:16px 0 14px;max-width:820px}
.pg-head h1 em{font-style:normal;color:#12B886}
.pg-head p.pg-lede{font-size:18px;line-height:1.6;color:#596579;max-width:680px;margin:0}
.pg-head .pg-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}
.pg-head .pg-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 22px;border-radius:12px;text-decoration:none;transition:transform .2s,background .2s}
.pg-head .pg-btn.p{background:#12B886;color:#fff;box-shadow:0 10px 24px -10px rgba(18,184,134,.7)}
.pg-head .pg-btn.p:hover{background:#0E9A70;transform:translateY(-2px)}
.pg-head .pg-btn.o{background:#fff;color:#172033;border:1.5px solid #E3E8EE}
.pg-head .pg-btn.o:hover{border-color:#12B886;color:#0E9A70}
.pg-head .pg-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.pg-head .pg-chips a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E8EE;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;color:#172033;text-decoration:none;transition:border-color .2s,transform .2s}
.pg-head .pg-chips a:hover{border-color:#12B886;transform:translateY(-2px)}
.pg-head .pg-chips b{color:#0E9A70}
@media (max-width:600px){.pg-head{padding:48px 0 40px}.pg-head p.pg-lede{font-size:16px}}

/* ---------- Sticky bar vs. existing mobile bar and WhatsApp bubble ---------- */
body.tp-app .hv-stickywrap{display:none!important}
@media (min-width:601px){html[data-page] body:not(.tp-app) .wa-float{display:none!important}}
@media (max-width:600px){.hv-stickywrap{display:none!important}}

/* /practice-books: the page header already says this, so hide the repeated heading inside #practice */
html[data-page="practice-books"] #practice .pb-grid>div>.eyebrow,
html[data-page="practice-books"] #practice .pb-grid>div>h2,
html[data-page="practice-books"] #practice .pb-grid>div>.tp-script{display:none}

/* Header: text-size and dark-mode buttons removed from the public menu (Nov 2026) */
.nav-links .tools{display:none!important}

/* ===================== Round 2 (Nov 6) ===================== */

/* "Start learning" pop-up (replaces the full-width bar that covered the middle of the page) */
.hv .hv-sticky.hv-pop{left:auto;right:20px;bottom:20px;transform:translateY(140%);width:330px;max-width:calc(100vw - 32px);display:block;padding:18px 18px 16px;border-radius:18px;background:#0E1B3D;box-shadow:0 24px 50px -16px rgba(14,27,61,.6)}
.hv .hv-sticky.hv-pop.hv-show{transform:none}
.hv .hv-pop b{display:block;font-size:16px;line-height:1.3;margin:6px 30px 14px 0;color:#fff}
.hv .hv-pop-t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#9BE7CF}
.hv .hv-pop-dot{width:8px;height:8px;border-radius:50%;background:#12B886;box-shadow:0 0 0 3px rgba(18,184,134,.3)}
.hv .hv-pop .hv-acts{display:flex;gap:8px}
.hv .hv-pop .hv-btn{padding:11px 14px;font-size:14px}
.hv .hv-pop .hv-btn-p{flex:1;justify-content:center}
.hv .hv-pop .hv-wa{display:inline-flex;align-items:center;gap:6px;background:#1F2D52;color:#fff}
.hv .hv-pop-x{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.hv .hv-pop-x:hover{background:rgba(255,255,255,.2)}

/* Curriculum: module stats as a neat aligned list */
body:not(.tp-app) #curr .rm-meta{display:flex!important;flex-direction:column!important;gap:0!important;align-self:start;background:#F7FAF9;border:1px solid #E3E8EE;border-radius:12px;padding:4px 14px!important;min-width:170px}
body:not(.tp-app) #curr .rm-meta>span{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px dashed #E3E8EE;font-size:13px!important}
body:not(.tp-app) #curr .rm-meta>span i{font-style:normal;color:#596579}
body:not(.tp-app) #curr .rm-meta>span b{color:#0E9A70;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
body:not(.tp-app) #curr .rm-meta .rm-notes{display:block!important;padding:8px 0 6px;color:#0E9A70;font-size:12.5px}
@media (max-width:980px){body:not(.tp-app) #curr .rm-meta{grid-column:2;max-width:280px}body:not(.tp-app) #curr .rm-meta>span:nth-child(n+3){display:none!important}}

/* Footer: compact */
html[data-page] body:not(.tp-app) footer#contact .footer-wrap{padding-top:36px!important;padding-bottom:20px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-grid{gap:20px 28px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-grid ul{gap:4px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-grid a,html[data-page] body:not(.tp-app) footer#contact .foot-grid li{font-size:13.5px;line-height:1.45}
html[data-page] body:not(.tp-app) footer#contact .foot-grid h4{margin-bottom:8px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-brand-copy{font-size:13px;margin:6px 0 8px}
html[data-page] body:not(.tp-app) footer#contact .foot-brand .logo img{height:44px!important;width:auto}
html[data-page] body:not(.tp-app) footer#contact .foot-locations{margin-top:18px!important;padding-top:14px!important;gap:12px 28px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-location{font-size:13px!important;line-height:1.5!important}
html[data-page] body:not(.tp-app) footer#contact .foot-social{margin-top:14px!important;padding-top:12px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-social-list a{width:34px!important;height:34px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-bottom{margin-top:10px!important;padding-top:10px!important}
html[data-page] body:not(.tp-app) footer#contact .foot-legal{margin-top:8px!important}

/* Reviews: less space */
html[data-page] body:not(.tp-app) #testimonials{padding-top:56px!important;padding-bottom:48px!important}
html[data-page] body:not(.tp-app) #testimonials .sec-head{margin-bottom:18px!important}
html[data-page] body:not(.tp-app) #testimonials .tm-card{padding:20px!important;gap:10px!important}
html[data-page] body:not(.tp-app) #testimonials .tm-card blockquote p{font-size:15px;line-height:1.55}

/* One type scale for every public section (big where the eye should land) */
html[data-page] body:not(.tp-app) main#top>section:not(.hero):not(.pg-head) h2:not(.sr){font-size:clamp(30px,3.4vw,44px)!important;line-height:1.12!important;letter-spacing:-.02em!important;font-weight:800!important}
html[data-page] body:not(.tp-app) main#top>section .sec-head>p,html[data-page] body:not(.tp-app) main#top>section .price-head>p{font-size:17px!important;line-height:1.6!important;max-width:640px}
html[data-page] body:not(.tp-app) main#top>section h3{letter-spacing:-.01em}
html[data-page] body:not(.tp-app) main#top>section .eyebrow{font-size:12.5px!important;letter-spacing:.08em}
.hv h2{font-size:clamp(30px,3.4vw,44px)!important}

/* Successful Pros: NEW ticker */
#pricing .tp-new{display:flex;align-items:center;gap:8px;margin:12px 0 4px;padding:6px 6px 6px 6px;border-radius:999px;background:#E7F8F1;border:1px solid #CDEFE2;overflow:hidden}
#pricing .tp-new-b{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#fff;background:#12B886;padding:3px 9px;border-radius:999px;animation:tpNavPulse 1.6s ease-in-out infinite}
#pricing .tp-new-v{overflow:hidden;flex:1;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#pricing .tp-new-track{display:flex;gap:22px;width:max-content;animation:tpNewMarq 16s linear infinite;font-size:12.5px;font-weight:700;color:#0A6E50;white-space:nowrap}
#pricing .tp-new-track span::before{content:"✦ ";color:#12B886}
#pricing .tp-new:hover .tp-new-track{animation-play-state:paused}
@keyframes tpNewMarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#pricing .tp-new-track{animation:none}}

/* Practice Books live demo: bigger, with sound */
.pb-demo-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(14,27,61,.45)}
.pb-demo-frame video{display:block;width:100%;height:auto}
.pb-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:#12B886;color:#fff;font:800 15px/1 var(--body,"Manrope",sans-serif);padding:14px 22px 14px 14px;border-radius:999px;box-shadow:0 14px 30px -10px rgba(18,184,134,.8);animation:tpNavPulse 1.8s ease-in-out infinite}
.pb-demo-play span{width:34px;height:34px;border-radius:50%;background:#fff;color:#12B886;display:grid;place-items:center;font-size:13px;padding-left:3px}
.pb-demo-play[hidden]{display:none}
html[data-page="practice-books"] #practice .pb-grid{grid-template-columns:1fr!important;gap:36px!important}
html[data-page="practice-books"] #practice .pb-demo{order:-1;max-width:1120px;width:100%;margin:0 auto}
html[data-page="practice-books"] #practice .pb-grid>div:not(.pb-demo){max-width:820px;margin:0 auto}
html[data-page="practice-books"] #practice .pb-grid>*{grid-column:1/-1!important;grid-row:auto!important}
html[data-page] body:not(.tp-app) footer#contact .foot-grid{grid-template-columns:1.25fr 1.3fr 1fr 1fr 1fr!important}
@media (max-width:980px){html[data-page] body:not(.tp-app) footer#contact .foot-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:480px){html[data-page] body:not(.tp-app) header.nav .nav-links>a.btn-gold{display:none!important}}

/* ===================== Round 3 (Nov 6) ===================== */
/* Curriculum rows: every column starts on the same line; lessons in a tidy 3-column grid */
body:not(.tp-app) #curr .rm-row{align-items:start!important;padding:22px 24px!important}
body:not(.tp-app) #curr .rm-row>*{margin-top:0!important}
body:not(.tp-app) #curr .rm-main h4{margin:6px 0 6px!important;line-height:1.25}
body:not(.tp-app) #curr .rm-les-d>summary{padding:6px 0 10px!important}
body:not(.tp-app) #curr .rm-les{gap:0!important}
body:not(.tp-app) #curr .rm-les li{display:grid!important;grid-template-columns:42px 1fr 46px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #EEF2F6;font-size:14.5px}
body:not(.tp-app) #curr .rm-les li:last-child{border-bottom:0}
body:not(.tp-app) #curr .rm-les li span{min-width:0!important;font:700 12px/1 var(--mono,ui-monospace,monospace);color:#0E9A70;background:#E7F8F1;border-radius:6px;padding:4px 0;text-align:center}
body:not(.tp-app) #curr .rm-les li em{font-style:normal;text-align:right;color:#596579;font-size:13px;font-variant-numeric:tabular-nums}
body:not(.tp-app) #curr .rm-meta{margin-top:6px!important}

/* Announcement bar: make the NEW news stand out */
.announcement a strong{display:inline-block;background:#12B886;color:#fff!important;padding:2px 9px;border-radius:99px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;margin-right:8px;animation:tpNavPulse 1.6s ease-in-out infinite}
.announcement{position:relative;overflow:hidden}
.announcement::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%) no-repeat;background-size:250% 100%;animation:tpNavFlash 4s ease-in-out infinite}
/* the shared nudge card (nudge.js) replaces the homepage pop-up */
.hv-stickywrap{display:none!important}

/* ===== Less navy: light sections, emerald accents (Nov 6) ===== */
.tn-card{background:#fff!important;color:#172033!important;border:1px solid #CDEFE2;box-shadow:0 24px 50px -18px rgba(10,110,80,.45)!important}
.tn-card .tn-t{color:#0E9A70!important}.tn-card p{color:#596579!important}
.tn-card .tn-x{background:#EEF2F6!important;color:#172033!important}
.tn-card .tn-btn.w{background:#fff!important;color:#128C4A!important;border:1.5px solid #CDEFE2}

/* ===== Pricing: Lifetime (Advanced Pros) is the hero plan; bigger plan text ===== */
html[data-page] #pricing .plans .ticket.pop{border:1.5px solid #CDEFE2!important;box-shadow:0 18px 40px -26px rgba(14,27,61,.25)!important}
html[data-page] #pricing .plans .ticket.pop .badge.badge-pop{background:#E7F8F1!important;color:#0A6E50!important;border-color:#CDEFE2!important}
html[data-page] #pricing .plans .ticket.pop .btn-plan{background:#0E1B3D!important;color:#fff!important}
html[data-page] #pricing .plans .ticket.tp-best{position:relative;border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--tpA,0deg),#12B886,#9BE7CF,#12B886,#0A6E50,#12B886) border-box!important;box-shadow:0 34px 70px -30px rgba(18,184,134,.75)!important;transform:translateY(-10px) scale(1.03);z-index:2;animation:tpRot 6s linear infinite}
@property --tpA{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes tpRot{to{--tpA:360deg}}
html[data-page] #pricing .plans .ticket.tp-best .tp-best-b{display:inline-flex!important;align-items:center;gap:6px;background:linear-gradient(135deg,#12B886,#0A6E50)!important;color:#fff!important;border:0!important;font-weight:800;letter-spacing:.03em;padding:6px 14px!important;box-shadow:0 8px 18px -8px rgba(18,184,134,.8)}
html[data-page] #pricing .tp-best-why{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 2px}
html[data-page] #pricing .tp-best-why span{font-size:12px;font-weight:800;color:#0A6E50;background:#E7F8F1;border:1px solid #CDEFE2;padding:4px 10px;border-radius:99px}
html[data-page] #pricing .plans .ticket.tp-best .btn-plan{background:linear-gradient(135deg,#12B886,#0A6E50)!important;color:#fff!important;box-shadow:0 14px 30px -12px rgba(18,184,134,.8)!important}
html[data-page] #pricing .plans .ticket.tp-best .amt{color:#0A6E50}
@media (max-width:980px){html[data-page] #pricing .plans .ticket.tp-best{transform:none}}
@media (prefers-reduced-motion:reduce){html[data-page] #pricing .plans .ticket.tp-best{animation:none}}
html[data-page] #pricing .plans .ticket .pname{font-size:clamp(26px,2.4vw,30px)!important}
html[data-page] #pricing .plans .ticket .for{font-size:15.5px!important;line-height:1.5}
html[data-page] #pricing .plans .ticket>ul li{font-size:15.5px!important;line-height:1.5}
html[data-page] #pricing .plans .ticket .perday,html[data-page] #pricing .plans .ticket .gst-total{font-size:14.5px!important}
html[data-page] #pricing .tp-new-track{font-size:13.5px}

/* Hero tag + learner story highlight */
.hv .tp-firsts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hv .tp-first{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#12B886,#0A6E50);padding:7px 14px;border-radius:99px;box-shadow:0 10px 22px -12px rgba(18,184,134,.9)}
.hv .tp-first i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35);animation:tpNavPulse 1.6s infinite}
.hv #hv-jwho{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:#0A6E50;background:#E7F8F1;border:1px solid #CDEFE2;padding:5px 12px 5px 6px;border-radius:99px;animation:hv-pop .45s cubic-bezier(.3,1.6,.5,1)}
.hv .tp-story{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#12B886;padding:3px 8px;border-radius:99px}
.hv .hv-c-kick{font-size:14px!important}

/* Comparison table: highlight the Lifetime column */
html[data-page] .cmp .col-pop{background:transparent!important}
html[data-page] .cmp tr>*:nth-child(4){background:rgba(18,184,134,.1)!important}
html[data-page] .cmp thead th:nth-child(4){color:#0A6E50!important;font-weight:800}

/* Login: same highlighted pill everywhere */
html[data-page] body:not(.tp-app) header.nav .nav-links .btn-login{border:1.5px solid #12B886!important;color:#0A6E50!important;background:#fff!important;font-weight:800!important}
html[data-page] body:not(.tp-app) header.nav .nav-links .btn-login:hover{background:#E7F8F1!important}

.hv .hv-jhead>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.hv #hv-jwho{display:inline-flex!important;width:auto}
.hv #hv-jwho .tp-story{color:#fff!important;font-size:10.5px!important;display:inline-block}
.hv #hv-jsub{display:block}
html[data-page] body:not(.tp-app) .announcement a strong{color:#fff!important;background:#12B886!important}