:root{
--green:#1B6E3E; --green-d:#12512d; --green-dd:#0b3a20; --green-ink:#0c2a1c;
--gold:#C9A227; --gold-l:#E8C95A; --gold-ink:#7a5f14;
--cream:#FAF6E8; --paper:#FDFBF6; --ink:#182019; --muted:#5c6a5f; --line:#e7e2d2;
--radius:16px; --maxw:1200px;
--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--serif:"Fraunces",Georgia,"Times New Roman",serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-.01em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.eyebrow{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
header .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;max-width:var(--maxw);margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}
.brand .mark{width:48px;height:48px;flex:0 0 auto}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-weight:600;letter-spacing:2px;font-size:17px;color:#fff;transition:color .35s}
.brand .wm span{font-size:8.5px;letter-spacing:3px;color:var(--gold-l);margin-top:3px;transition:color .35s}
nav.links{display:flex;align-items:center;gap:28px}
nav.links a{font-size:14.5px;font-weight:500;color:rgba(255,255,255,.82);transition:color .25s;position:relative}
nav.links a:hover,nav.links a.active{color:#fff}
nav.links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold-l)}
.nav-cta{font-size:14px;font-weight:600;padding:10px 20px;border-radius:30px;background:var(--gold);color:#3a2c00!important;transition:transform .2s ease,background .25s}
.nav-cta::after{display:none!important}
.nav-cta:hover{transform:translateY(-1px);background:var(--gold-l)}
header.scrolled{background:rgba(253,251,246,.92);backdrop-filter:blur(14px);border-color:var(--line);box-shadow:0 6px 24px rgba(20,40,25,.06)}
header.scrolled .brand .wm b{color:var(--green)}
header.scrolled .brand .wm span{color:var(--gold-ink)}
header.scrolled nav.links a{color:#3d4a40}
header.scrolled nav.links a:hover,header.scrolled nav.links a.active{color:var(--green)}
.menu-btn{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.3s}
header.scrolled .menu-btn span{background:var(--green)}
/* HERO (home) */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;background:var(--green-ink);overflow:hidden}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fallback{position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 20%,#1b6e3e33,transparent),linear-gradient(160deg,#0c2a1c,#071a12 60%,#0b3a20)}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,15,.72) 0%,rgba(7,20,15,.35) 45%,transparent 75%);pointer-events:none}
.hero .wrap{position:relative;z-index:3;padding-top:120px;padding-bottom:80px;width:100%}
.hero-inner{max-width:760px}
.hero .eyebrow{color:var(--gold-l)}
.hero h1{color:var(--cream);font-size:clamp(40px,7vw,80px);margin:20px 0 8px;font-weight:500}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(28px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 .gold{color:var(--gold-l);font-style:italic;font-weight:400}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
.hero p.lead{color:rgba(244,241,232,.8);font-size:clamp(16px,2vw,19px);max-width:560px;margin:22px 0 34px;opacity:0;animation:fadein 1s ease .7s forwards}
@keyframes fadein{to{opacity:1}}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadein 1s ease .95s forwards}
.trust-row{margin-top:44px;display:flex;gap:26px;flex-wrap:wrap;color:rgba(244,241,232,.6);font-size:13px;letter-spacing:1px;opacity:0;animation:fadein 1s ease 1.15s forwards}
.trust-row span{display:flex;align-items:center;gap:8px}
.trust-row i{width:5px;height:5px;border-radius:50%;background:var(--gold-l)}
/* PAGE HERO (inner pages) */
.phero{position:relative;background:var(--green-ink);overflow:hidden;padding:150px 0 80px}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 130% at 82% 10%,rgba(27,110,62,.55),transparent 60%),linear-gradient(160deg,#0c2a1c,#071a12)}
.phero .bindu{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:230px;height:230px;opacity:.9}
.phero .wrap{position:relative;z-index:2}
.phero .eyebrow{color:var(--gold-l)}
.phero h1{color:var(--cream);font-size:clamp(34px,5.2vw,58px);margin:16px 0 14px;max-width:760px}
.phero p{color:rgba(244,241,232,.8);font-size:18px;max-width:600px}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;padding:15px 28px;border-radius:34px;cursor:pointer;transition:transform .2s ease,background .25s,box-shadow .25s;border:1.5px solid transparent}
.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none!important}
.btn-gold{background:var(--gold);color:#3a2c00;box-shadow:0 10px 30px rgba(201,162,39,.28)}
.btn-gold:hover{transform:translateY(-2px);background:var(--gold-l)}
.btn-ghost{background:transparent;border-color:rgba(244,241,232,.35);color:var(--cream)}
.btn-ghost:hover{border-color:var(--gold-l);color:var(--gold-l)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 10px 30px rgba(27,110,62,.22)}
.btn-green:hover{transform:translateY(-2px);background:var(--green-d)}
.btn-outline{background:transparent;border-color:var(--green);color:var(--green)}
.btn-outline:hover{background:var(--green);color:#fff}
/* SECTIONS */
section{position:relative}
.section{padding:100px 0}
.section.cream{background:var(--cream)}
.sec-head{max-width:680px;margin-bottom:54px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head h2{font-size:clamp(30px,4.4vw,48px);margin:14px 0 16px}
.sec-head p{color:var(--muted);font-size:17px}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.lede{font-size:20px;line-height:1.6;color:#334037;max-width:760px;font-family:var(--serif);font-weight:400}
.prose{max-width:720px}
.prose p{color:#3a4740;font-size:16.5px;margin-bottom:18px}
/* PROGRAMS grid */
.prog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.prog{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.prog.live{cursor:pointer}
.prog.live:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(20,40,25,.09);border-color:#d8cfa6}
.prog .idx{font-family:var(--serif);font-size:15px;color:var(--gold-ink);opacity:.6}
.prog h3{font-size:24px;margin:16px 0 10px}
.prog p{color:var(--muted);font-size:15px}
.pill{position:absolute;top:26px;right:28px;font-size:11px;font-weight:600;letter-spacing:.6px;padding:6px 13px;border-radius:20px;text-transform:uppercase}
.pill.now{background:var(--green);color:#fff}
.pill.soon{background:#efe9d4;color:var(--gold-ink)}
.prog.soon{opacity:.72}
.prog .go{margin-top:18px;font-size:14px;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:7px}
.prog .go svg{transition:transform .25s}
.prog.live:hover .go svg{transform:translateX(4px)}
/* TOOLS marquee */
.marquee{overflow:hidden;padding:7px 0}
.mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mrow{display:flex;gap:14px;width:max-content;animation:scrollx 55s linear infinite}
.mrow.rev{animation-direction:reverse}
.marquee:hover .mrow{animation-play-state:paused}
@keyframes scrollx{to{transform:translateX(-50%)}}
.chip{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--paper);border:1px solid var(--line);border-radius:40px;white-space:nowrap;font-weight:500;font-size:15px;color:#2f3a33}
.chip .lg{width:22px;height:22px;flex:0 0 auto}
.chip .mono{width:24px;height:24px;border-radius:7px;background:#e8f0e9;color:var(--green);font-family:var(--serif);font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.tools-note{margin-top:28px;font-size:12px;color:var(--muted);text-align:center}
/* LANGUAGES */
.lang-marquee{overflow:hidden;padding:9px 0}
.lang-track{display:flex;gap:16px;width:max-content;animation:scrollx 65s linear infinite}
.lang-track.rev{animation-direction:reverse}
.lang-marquee:hover .lang-track{animation-play-state:paused}
.gchip{display:inline-flex;align-items:baseline;gap:9px;padding:14px 26px;border-radius:16px;background:var(--paper);border:1px solid var(--line);font-family:var(--serif);font-size:23px;font-weight:500;color:var(--green);white-space:nowrap}
.gchip small{font-family:var(--sans);font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.5px}
.lang-note{text-align:center;color:#3a4740;font-size:15.5px;max-width:660px;margin:30px auto 0}
.lang-note b{color:var(--green)}
/* SPLIT (copy + aside) */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.aside-card{position:relative;aspect-ratio:1/1;border-radius:24px;background:linear-gradient(160deg,#0c2a1c,#12512d);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 30px 70px rgba(12,42,28,.25)}
.aside-card .ring{position:absolute;border:1px solid rgba(232,201,90,.25);border-radius:50%}
.aside-card .stat{position:relative;text-align:center;color:var(--cream);z-index:2;padding:20px}
.aside-card .stat b{font-family:var(--serif);font-size:60px;display:block;color:var(--gold-l);line-height:1}
.aside-card .stat span{font-size:14px;letter-spacing:1px;color:rgba(244,241,232,.75)}
.callout{background:#fff;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 22px;margin:22px 0;font-size:15.5px;color:#2f3a33}
.callout b{color:var(--green)}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.feat .f{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;font-weight:500;color:#2f3a33}
.feat .f .ck{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e8f0e9;display:flex;align-items:center;justify-content:center;margin-top:1px}
.feat .f .ck svg{width:12px;height:12px}
/* TIMELINE (chapters) */
.timeline{max-width:820px;margin:0 auto;position:relative}
.tl-item{position:relative;padding:0 0 30px 66px}
.tl-item::before{content:"";position:absolute;left:22px;top:6px;bottom:-6px;width:1px;background:var(--line)}
.tl-item:last-child::before{display:none}
.tl-num{position:absolute;left:0;top:0;width:45px;height:45px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:var(--green);font-size:17px;z-index:1}
.tl-item.on .tl-num{background:var(--green);color:#fff;border-color:var(--green)}
.tl-item h3{font-size:20px;margin-bottom:4px}
.tl-item p{color:var(--muted);font-size:15px}
/* LADDER */
.ladder{display:flex;flex-direction:column;gap:14px;max-width:900px}
.rung{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;transition:border-color .3s,transform .3s}
.rung:hover{border-color:#d8cfa6;transform:translateX(4px)}
.rung .lv{font-family:var(--serif);font-size:26px;color:var(--gold);width:56px}
.rung h3{font-size:20px;margin-bottom:4px}
.rung p{color:var(--muted);font-size:14.5px}
.rung.soon{opacity:.74}
/* VALUES */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px}
.why .ic{width:46px;height:46px;border-radius:13px;background:#e8f0e9;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.why .ic svg{width:23px;height:23px;stroke:var(--green);fill:none;stroke-width:2}
.why h3{font-size:19px;margin-bottom:8px}
.why p{color:var(--muted);font-size:14.5px}
/* STEPS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{position:relative;padding-top:26px}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--serif);font-size:30px;color:var(--gold);opacity:.55;display:block;margin-bottom:14px}
.step h3{font-size:18px;margin-bottom:8px}
.step p{color:var(--muted);font-size:14.5px}
/* STAT ROW */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px}
.stat-box{text-align:center;padding:26px 16px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.stat-box b{font-family:var(--serif);font-size:40px;color:var(--green);display:block;line-height:1}
.stat-box span{font-size:13.5px;color:var(--muted);margin-top:8px;display:block}
/* PULLQUOTE */
.pq{text-align:center;max-width:860px;margin:0 auto;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,3.4vw,36px);line-height:1.3;color:var(--green)}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.cbox h3{font-size:20px;margin-bottom:8px}
.cbox p{color:var(--muted);font-size:15px;margin-bottom:16px;line-height:1.55}
.cbox a.mail{color:var(--green);font-weight:600}
/* CTA band */
.cta-band{background:var(--green-ink);position:relative;overflow:hidden;text-align:center;padding:96px 0}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(27,110,62,.5),transparent 70%)}
.cta-band .wrap{position:relative;z-index:2}
.cta-band h2{color:var(--cream);font-size:clamp(30px,4.6vw,50px);margin-bottom:16px}
.cta-band p{color:rgba(244,241,232,.75);font-size:18px;max-width:560px;margin:0 auto 34px}
/* FOOTER */
footer{background:#081c12;color:rgba(244,241,232,.7);padding:70px 0 30px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:44px;border-bottom:1px solid rgba(244,241,232,.12)}
.foot-brand .wm b{font-family:var(--sans);font-weight:600;letter-spacing:2px;color:#fff;font-size:18px}
.foot-brand .tl{font-family:var(--serif);font-style:italic;color:var(--gold-l);margin:12px 0 8px;font-size:16px}
.foot-brand small{color:rgba(244,241,232,.5)}
footer h4{color:#fff;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-weight:600}
footer ul{list-style:none}
footer ul li{margin-bottom:10px}
footer ul a:hover{color:var(--gold-l)}
.foot-contact p{margin-bottom:10px;line-height:1.55}
.foot-contact a{color:var(--gold-l)}
.foot-bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:rgba(244,241,232,.5);font-size:13px}
@media(max-width:900px){
nav.links{display:none}
.menu-btn{display:block}
.prog-grid,.split,.why-grid,.steps,.foot-grid,.feat,.contact-grid,.stat-row{grid-template-columns:1fr}
.steps{gap:34px}
.stat-row{grid-template-columns:1fr 1fr}
.aside-card{max-width:400px;margin:0 auto}
.section{padding:72px 0}
.phero .bindu{display:none}
.rung{grid-template-columns:auto 1fr;gap:16px}
.rung .pill{position:static}
nav.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(253,251,246,.98);backdrop-filter:blur(14px);padding:12px 0;border-bottom:1px solid var(--line)}
nav.links.open a{padding:14px 28px;color:var(--ink);width:100%}
nav.links.open a.active::after{display:none}
}
@media(prefers-reduced-motion:reduce){
*{animation-duration:.01ms!important;transition-duration:.01ms!important}
.hero h1 .w,.hero p.lead,.hero-cta,.trust-row{opacity:1!important;transform:none!important}
.reveal{opacity:1;transform:none}
.mrow,.lang-track{animation:none!important}
}
/* CONTACT FORM + WHATSAPP */
.form{max-width:640px}
.field{margin-bottom:18px}
.field label{display:block;font-size:13.5px;font-weight:600;color:#2f3a33;margin-bottom:7px}
.field label .req{color:#b23b3b}
.field input,.field select,.field textarea{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(27,110,62,.12)}
.field textarea{min-height:120px;resize:vertical}
.field.err input,.field.err textarea{border-color:#c0574d;box-shadow:0 0 0 3px rgba(192,87,77,.12)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.btn-wa{background:#25D366;color:#08351b;border:0;box-shadow:0 10px 30px rgba(37,211,102,.26)}
.btn-wa:hover{background:#1fbe5a}
.btn-wa svg{width:20px;height:20px;fill:currentColor}
.form-note{font-size:12.5px;color:var(--muted);margin-top:14px;max-width:520px}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:200;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:600;font-size:14.5px;padding:13px 20px;border-radius:40px;box-shadow:0 12px 30px rgba(37,211,102,.42);transition:transform .2s}
.wa-float:hover{transform:translateY(-2px)}
.wa-float svg{width:22px;height:22px;fill:#fff}
@media(max-width:600px){.wa-float .lbl{display:none}.wa-float{padding:15px;right:16px;bottom:16px}.form-row{grid-template-columns:1fr}}
/* LEGAL PAGES */
.legal{max-width:820px}
.legal .updated{font-size:13px;color:var(--muted);margin-bottom:22px;letter-spacing:.3px;text-transform:uppercase}
.legal h3{font-size:20px;margin:36px 0 10px}
.legal p{color:#3a4740;font-size:16px;line-height:1.72;margin-bottom:14px}
.legal ul{margin:0 0 16px 22px;color:#3a4740;font-size:16px}
.legal li{margin-bottom:8px;line-height:1.65}
.legal a{color:var(--green);font-weight:500}
.foot-bottom a{color:rgba(244,241,232,.6)}
.foot-bottom a:hover{color:var(--gold-l)}
/* AUTH + VERIFY */
.auth-wrap{max-width:460px;margin:0 auto}
.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px}
.auth-card h2{font-size:26px;margin-bottom:6px}
.auth-card .sub{color:var(--muted);font-size:15px;margin-bottom:24px}
.auth-card .btn{width:100%;justify-content:center;margin-top:6px}
.btn-oauth{width:100%;justify-content:center;gap:10px;background:#fff;border-color:var(--line);color:var(--ink)}
.btn-oauth:hover{border-color:var(--green);transform:translateY(-1px)}
.btn-oauth svg{width:19px;height:19px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
/* consent checkboxes — never pre-ticked, each purpose separate */
.consent{margin:22px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.chk{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px;cursor:pointer;font-size:13.5px;line-height:1.55;color:#2f3a33}
.chk input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--green);cursor:pointer}
.chk a{color:var(--green);font-weight:600;text-decoration:underline}
.chk i{color:var(--muted);font-style:normal;font-size:12.5px}
.minor-note{background:#fbf4dd;border:1px solid #ecdca6;color:#7a5f14;font-size:13px;line-height:1.6;padding:13px 15px;border-radius:11px;margin:0 0 13px 28px}
.minor-note a{color:var(--green);font-weight:600}
.consent-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.consent-row .sub{color:var(--muted);font-size:13px}
.consent-row .btn{padding:9px 18px;font-size:13.5px;width:auto}
.auth-alt{text-align:center;font-size:14px;color:var(--muted);margin-top:18px}
.auth-alt a{color:var(--green);font-weight:500}
.auth-msg{font-size:14px;padding:12px 14px;border-radius:10px;margin-bottom:16px;display:none}
.auth-msg.err{display:block;background:#fbeceb;color:#a23c33;border:1px solid #eecbc7}
.auth-msg.ok{display:block;background:#e8f0e9;color:#1b6e3e;border:1px solid #cfe3d4}
.auth-notice{background:#fbf4dd;border:1px solid #ecdca6;color:#7a5f14;font-size:14px;padding:14px 16px;border-radius:12px;margin-bottom:20px}
.verify-box{max-width:620px;margin:0 auto}
.verify-row{display:flex;gap:12px}
.verify-row input{flex:1}
.verify-result{margin-top:24px;border-radius:14px;padding:24px;display:none}
.verify-result.show{display:block}
.verify-result.valid{background:#e8f0e9;border:1px solid #cfe3d4}
.verify-result.invalid{background:#fbeceb;border:1px solid #eecbc7}
.verify-result .rtag{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:12px}
.verify-result.valid .rtag{color:#1b6e3e}
.verify-result.invalid .rtag{color:#a23c33}
.verify-result table{width:100%;font-size:15px}
.verify-result td{padding:6px 0;color:#2f3a33}
.verify-result td:first-child{color:var(--muted);width:40%}
/* COURSE — self-paced lesson runner */
.course-head{max-width:720px;margin:0 auto 8px}
.course-head h2{font-size:clamp(24px,3.4vw,34px);margin:6px 0 8px}
.course-head .sub{color:var(--muted);font-size:15px}
.course-progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:16px;max-width:720px;margin-left:auto;margin-right:auto}
.course-progress>i{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .4s ease}
.module-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px auto;max-width:720px}
.module-pill{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;transition:border-color .2s,color .2s}
.module-pill:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.module-pill.done{background:var(--green);border-color:var(--green);color:#fff}
.module-pill.current{border-color:var(--green);color:var(--green);box-shadow:0 0 0 3px rgba(27,110,62,.12)}
.module-pill.locked{opacity:.4;cursor:not-allowed}
.step-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:36px;max-width:720px;margin:0 auto}
.step-kicker{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-ink);font-weight:600;margin-bottom:16px}
.step-body{font-size:17px;line-height:1.75;color:var(--ink)}
.step-body.card{font-size:20px;line-height:1.6;font-family:var(--serif);font-weight:400}
.step-time{color:var(--muted);font-size:13.5px;font-weight:600}
.quiz-opt{display:block;width:100%;text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;cursor:pointer;font-size:15px;transition:border-color .2s,background .2s}
.quiz-opt:hover:not(:disabled){border-color:var(--green)}
.quiz-opt.correct{border-color:var(--green);background:#e8f0e9}
.quiz-opt.incorrect{border-color:#a23c33;background:#fbeceb}
.quiz-opt:disabled{cursor:default;opacity:.75}
.step-feedback{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14.5px}
.step-feedback.ok{background:#e8f0e9;color:#1b6e3e}
.step-feedback.bad{background:#fbeceb;color:#a23c33}
.step-nav{display:flex;justify-content:space-between;max-width:720px;margin:20px auto 0}
/* Dashboard course + certificate rows */
.course-row{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;background:#fff}
.course-row.is-locked{opacity:.62}
.course-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.course-row .sub{color:var(--muted);font-size:14px}
.course-row .btn{padding:10px 20px;font-size:14px;width:auto}
.pill-ok{flex:0 0 auto;background:#e8f0e9;color:#1b6e3e;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}
.pill-lock{flex:0 0 auto;background:var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}
.cert-row{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}
.cert-panel{text-align:center;padding:20px 12px}
.cert-panel h2{font-size:clamp(22px,3vw,30px);margin:10px 0}
@media(max-width:700px){.step-panel{padding:24px 20px}}
.founding{text-align:center;max-width:640px;margin:0 auto;padding:40px 0}
.founding .ph-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0}
.founding .ph{aspect-ratio:3/2;border:1px dashed #d8cfa6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#b9ad82;font-size:12px;background:var(--paper)}
@media(max-width:700px){.founding .ph-grid{grid-template-columns:repeat(2,1fr)}.verify-row{flex-direction:column}}
/* FAQ */
.faq{max-width:800px;margin:0 auto}
.faq h3{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-ink);margin:36px 0 14px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:500;font-size:16px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--green);font-size:22px;line-height:1;flex:0 0 auto}
.faq details[open] summary::after{content:"\2013"}
.faq details[open] summary{color:var(--green)}
.faq .a{padding:0 22px 20px;color:#3a4740;font-size:15.5px;line-height:1.66}
.faq .a a{color:var(--green);font-weight:500}
/* 404 */
.nf{text-align:center;padding:20px 0}
.nf .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* SOCIAL */
.social-row{display:flex;gap:11px;margin-top:20px;flex-wrap:wrap}
.social-row a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,241,232,.22);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s}
.social-row a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.social-row svg{width:15px;height:15px;fill:rgba(244,241,232,.78)}
.social-row .smono{font-family:var(--serif);font-weight:600;font-size:13px;color:rgba(244,241,232,.78);line-height:1}
.social-row a:hover svg{fill:#3a2c00}
.social-row a:hover .smono{color:#3a2c00}
.foot-bottom .legal-links{flex-basis:100%;text-align:center;line-height:2;color:rgba(244,241,232,.5)}
/* language switcher */
.langsel{display:flex;align-items:center;margin-left:4px}
.langsel select{appearance:none;background:transparent;border:1px solid rgba(232,201,90,.45);color:var(--cream);
font-family:var(--sans);font-size:13.5px;font-weight:500;padding:7px 26px 7px 12px;border-radius:99px;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right 8px center;background-size:13px}
.langsel select:hover{border-color:var(--gold-l)}
.langsel select option{background:#0b3a20;color:#fff}
header.scrolled .langsel select{border-color:rgba(27,110,62,.3);color:var(--ink);
background-image:url("data:image/svg+xml;utf8,")}
@media(max-width:900px){.langsel{margin:8px 0}}
/* language capability picker */
.langblock{margin:22px 0 4px;padding-top:18px;border-top:1px solid var(--line)}
.fieldlabel{display:block;font-size:13.5px;font-weight:600;color:#2f3a33;margin-bottom:4px}
.hint{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:10px}
/* marks a field as genuinely optional, so nobody fills one in out of doubt */
.opt{font-weight:400;color:var(--muted)}
.langgrid{display:flex;flex-wrap:wrap;gap:8px}
.langchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;
padding:7px 13px;font-size:13px;cursor:pointer;background:#fff;transition:border-color .18s,background .18s}
.langchip:hover{border-color:var(--green)}
.langchip input{width:14px;height:14px;accent-color:var(--green);cursor:pointer;margin:0}
.langchip:has(input:checked){border-color:var(--green);background:#e8f0e9}
.langchip.is-off{opacity:.35;cursor:not-allowed}
.langchip.is-off:hover{border-color:var(--line)}
.lang-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lang-tag{background:#e8f0e9;color:var(--green);border-radius:99px;padding:4px 11px;font-size:12.5px;font-weight:600}
/* text-style button (e.g. "Show all languages") */
.linkbtn{background:none;border:0;padding:6px 0;margin-top:8px;font-family:var(--sans);font-size:13px;
font-weight:600;color:var(--green);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{color:var(--green-d)}
/* live language coverage (only rendered when real data exists) */
.cov{max-width:820px;margin:0 auto;text-align:center}
.cov h2{font-size:clamp(26px,3.6vw,38px);margin:14px 0 12px}
.cov-sub{color:var(--muted);font-size:16px;max-width:620px;margin:0 auto 26px}
.cov-tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.cov-tag{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);
border-radius:99px;padding:9px 15px;font-size:14px;font-weight:500;color:var(--ink)}
.cov-tag i{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--green);
border-radius:99px;min-width:20px;padding:2px 6px;text-align:center}
/* ============================================================
INTERACTIVE LESSON BLOCKS (blocks.js)
Tool pages inside a lesson. The teacher meets the real tool at the
moment the idea is taught, instead of only reading about it.
============================================================ */
.blk{text-align:left}
.blk-kicker{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold,#C9A227);
font-weight:600;margin:0 0 6px}
.blk-h{font-family:var(--serif,Georgia,serif);font-size:23px;line-height:1.25;margin:0 0 10px}
.blk-p{color:#3a4740;margin:0 0 16px}
.blk .lbl{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;
color:#5c6b61;font-weight:600;margin-bottom:6px}
.blk-field{margin-top:16px}
.blk-hint{font-size:12px;color:#5c6b61;margin-top:6px}
/* tool launch buttons */
.tool-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.tool-open{display:flex;flex-direction:column;gap:2px;position:relative;
border:1px solid #d9e0d6;background:#fff;border-radius:12px;padding:12px 34px 12px 14px;
text-decoration:none;min-width:200px;flex:1 1 200px;transition:border-color .18s,transform .18s,box-shadow .18s}
.tool-open:hover{border-color:var(--green,#1B6E3E);transform:translateY(-2px);
box-shadow:0 6px 18px rgba(27,110,62,.12)}
.tool-open .tn{font-weight:600;color:var(--green,#1B6E3E);font-size:15px}
.tool-open .tm{font-size:12.5px;color:#5c6b61}
.tool-open .ta{position:absolute;right:13px;top:13px;color:var(--gold,#C9A227);font-weight:700}
/* copyable prompt */
.promptbox{background:#f5f7f4;border:1px solid #e0e6dd;border-radius:12px;padding:14px 16px;margin:14px 0}
.promptbox .prompt{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:13.5px;line-height:1.6;margin:0 0 12px;color:#1d2a22}
.watchfor{background:#fff8dd;border-left:4px solid var(--gold,#C9A227);border-radius:0 10px 10px 0;
padding:12px 16px;margin:14px 0;font-size:14.5px}
/* predict */
.pred-opts{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.pred-opt{text-align:left;border:1px solid #d9e0d6;background:#fff;border-radius:12px;
padding:13px 16px;font:inherit;font-size:15px;cursor:pointer;transition:border-color .18s,background .18s}
.pred-opt:hover:not(:disabled){border-color:var(--green,#1B6E3E)}
.pred-opt.spent{opacity:.55;cursor:default}
.pred-opt.chosen{opacity:1;border-color:var(--green,#1B6E3E);background:#f2f7f3;font-weight:600}
.pred-reveal{background:#f2f7f3;border-left:4px solid var(--green,#1B6E3E);border-radius:0 10px 10px 0;
padding:13px 16px;margin-top:12px;font-size:14.5px}
/* compare */
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.cmp{border:1px solid #e0e6dd;border-radius:12px;padding:14px}
.cmp .prompt{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:13px;line-height:1.55;margin:0 0 10px}
.cmp-out{font-size:14px;color:#3a4740;border-top:1px dashed #dde3d9;padding-top:10px}
.cmp-weak{background:#fdf6f4;border-color:#f0ddd6}
.cmp-strong{background:#f4f9f5;border-color:#cfe4d5}
@media(max-width:720px){.cmp-grid{grid-template-columns:1fr}}
/* build */
.build-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:720px){.build-fields{grid-template-columns:1fr}}
/* spot */
.spot-list{display:flex;flex-direction:column;gap:9px;margin:14px 0}
.spot-item{display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid #d9e0d6;
background:#fff;border-radius:12px;padding:12px 15px;font:inherit;font-size:15px;cursor:pointer;
transition:border-color .18s,background .18s;flex-wrap:wrap}
.spot-item:hover{border-color:var(--green,#1B6E3E)}
.spot-tick{flex:0 0 18px;width:18px;height:18px;border:2px solid #c3ccbf;border-radius:5px;margin-top:2px;
transition:background .18s,border-color .18s}
.spot-item.picked .spot-tick{background:var(--green,#1B6E3E);border-color:var(--green,#1B6E3E)}
.spot-item.picked .spot-tick::after{content:'✓';color:#fff;font-size:12px;display:block;
line-height:14px;text-align:center;font-weight:700}
.spot-t{flex:1 1 auto}
.spot-why{flex:1 0 100%;font-size:13.5px;color:#3a4740;padding-left:29px;margin-top:6px}
.spot-item.revealed{cursor:default}
.spot-item.is-ai{background:#f4f9f5;border-color:#9dc7ac}
.spot-item.not-ai{background:#fdf6f4;border-color:#e8cfc5}
/* ---- narrative blocks: bridge / magic moment / cliffhanger / vow ----
The offline L1 is a ten-episode thriller. These four blocks carry that
continuity into the online course: the recap, the wonder-before-explanation
opening, the hook into the next episode, and the signing ceremonies. */
.blk-bridge .bridge-beats{list-style:none;margin:0 0 20px;padding:0;
border-left:2px solid #e3dcc4;padding-left:16px}
.bridge-beats li{display:flex;gap:10px;margin-bottom:7px;font-size:14.5px;color:#5c6b61}
.bp-ep{flex:0 0 auto;font-weight:700;color:var(--gold,#C9A227);font-size:12px;letter-spacing:1px;
padding-top:3px;min-width:34px}
.bp-t{flex:1 1 auto}
.ep-open{background:linear-gradient(135deg,#14301f,#1B6E3E);color:#fff;border-radius:14px;padding:24px 26px}
.ep-label{display:inline-block;font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;
color:#E8C95A;font-weight:700;margin-bottom:8px}
.ep-title{font-family:var(--serif,Georgia,serif);font-size:29px;line-height:1.15;margin:0;color:#fff}
.ep-lead{margin:12px 0 0;color:rgba(255,255,255,.9);font-size:15.5px}
.blk-moment .moment-hold{background:#14301f;color:#fff;border-radius:12px;padding:16px 18px;
margin-top:14px;font-size:15px;line-height:1.6}
.blk-moment .moment-hold .lbl{color:#E8C95A}
.blk-cliff .herotag{background:var(--cream,#FAF6E8);border:1px solid #e3dcc4;border-radius:12px;
padding:16px 20px;margin-bottom:18px}
.herotag-line{font-family:var(--serif,Georgia,serif);font-size:19px;line-height:1.45;margin:0;color:#1d2a22}
.cliffbox{background:#14301f;color:#fff;border-radius:14px;padding:22px 26px}
.cliff-h{font-family:var(--serif,Georgia,serif);font-size:24px;margin:0 0 8px;color:#fff}
.cliff-p{margin:0;color:rgba(255,255,255,.88);font-size:15.5px;line-height:1.6}
.blk-vow .vowcard{background:var(--cream,#FAF6E8);border:1px solid #e3dcc4;border-radius:14px;padding:22px 24px}
.vow-lines{margin:0 0 6px;padding-left:22px}
.vow-lines li{font-family:var(--serif,Georgia,serif);font-size:17px;line-height:1.5;margin-bottom:10px;color:#1d2a22}
.vow-done{margin-top:12px;background:#f2f7f3;border-left:3px solid var(--green,#1B6E3E);
border-radius:0 8px 8px 0;padding:11px 15px;font-size:14.5px}
.vow-seal{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
background:var(--green,#1B6E3E);color:#fff;border-radius:50%;font-size:12px;margin-right:6px}
/* journey map — module pills become the film's episode list */
.module-pill.ep{position:relative}
.journey-cap{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#5c6b61;
font-weight:600;margin:0 0 8px}
/* ---- comprehensive gateway assessments (assessment.js) ---- */
.exam-status{background:#fff;border:1px solid #dfe3dd;border-radius:14px;padding:24px 26px;max-width:640px}
.exam-status p{margin:0 0 8px}
.exam-q{background:#fff;border:1px solid #dfe3dd;border-radius:14px;padding:22px 24px;margin:0 0 16px}
.exam-q .q-text{font-size:17px;font-weight:600;margin:0 0 14px;line-height:1.5}
.exam-q .q-opts{display:flex;flex-direction:column;gap:9px}
.exam-q .quiz-opt.chosen{border-color:var(--green,#1B6E3E);background:#f2f7f3;font-weight:600}
#exam-foot{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(250,250,248,0),#faf9f6 40%);
padding:18px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#exam-foot .sub{margin:0}
/* ---------- pricing (launch offer) ---------- */
.price-inline{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--ink);margin-top:6px}
.price-inline s,.price-row s{color:var(--muted)}
.price-inline b{color:var(--green);font-size:16px}
.offer-chip{font-size:11px;letter-spacing:.5px;font-weight:600;padding:3px 9px;border-radius:20px;background:var(--gold);color:#3a2c00}
.price-wrap{display:grid;gap:24px;max-width:560px;margin:0 auto}
.price-wrap.two{max-width:1040px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.price-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 50px rgba(12,42,28,.08);display:flex;flex-direction:column;gap:12px}
.price-card .offer-tag{align-self:flex-start;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;padding:6px 12px;border-radius:20px;background:var(--gold);color:#3a2c00}
.price-card h3{font-size:24px;margin:4px 0 0}
.price-blurb{color:var(--muted);margin:0}
.price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price-row s{font-size:22px}
.price-row b{font-family:var(--serif);font-size:48px;line-height:1;color:var(--green);font-weight:600}
.price-row span{font-size:16px;color:var(--ink);font-weight:500}
.price-total{font-size:14px;color:var(--muted);margin:0}
.price-card .btn{align-self:flex-start;margin-top:6px}
.inc-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.inc{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.inc-k{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.inc h3{margin:10px 0 8px;font-size:21px}
.inc p{color:var(--muted);margin:0}
.pay-now{font-weight:600;color:var(--green)} .pay-was{color:var(--muted);margin-left:8px}
.pay-off{margin-left:8px;font-size:12px;font-weight:600;color:var(--gold-ink)}
.pay-gst{display:block;font-size:13px;color:var(--muted);margin-top:4px}
/* region picker (region.js) */
.region-pick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:0 auto 22px;font-size:14px;color:var(--muted);text-align:center}
.region-pick select{margin-left:8px;font:inherit;color:var(--ink);padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.region-pick .rp-note{font-size:12.5px}
/* ---------- Myfriend (chat.js) ---------- */
.mf-launch{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:40px;background:var(--green-ink);color:var(--cream);text-decoration:none;box-shadow:0 12px 30px rgba(12,42,28,.28);transition:transform .2s ease}
.mf-launch:hover{transform:translateY(-2px)}
.mf-launch .mf-mark{width:40px;height:40px;flex:none}
.mf-lbl{font-weight:600;font-size:14px;letter-spacing:.2px}
.mf-launch.mf-open .mf-lbl{display:none}
.mf-launch.mf-open{padding:8px}
.mf-panel{position:fixed;right:20px;bottom:88px;z-index:201;width:370px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(12,42,28,.25)}
.mf-panel[hidden]{display:none}
.mf-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--green-ink);color:var(--cream)}
.mf-head .mf-mark{width:36px;height:36px;flex:none}
.mf-title{flex:1;display:flex;flex-direction:column;line-height:1.2}
.mf-title b{font-family:var(--serif);font-weight:500;font-size:19px}
.mf-title span{font-size:12px;color:var(--gold-l)}
.mf-x{background:none;border:0;color:var(--cream);font-size:26px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}
.mf-x:hover{background:rgba(255,255,255,.08)}
.mf-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.mf-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.55;word-wrap:break-word}
.mf-msg p{margin:0 0 6px}.mf-msg p:last-child{margin:0}
.mf-msg ul{margin:4px 0 6px;padding-left:18px}
.mf-bot{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}
.mf-bot a{color:var(--green);font-weight:600}
.mf-me{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:4px}
.mf-chips{display:flex;flex-wrap:wrap;gap:6px}
.mf-chips button{font:inherit;font-size:13px;padding:6px 12px;border-radius:20px;border:1px solid var(--green);background:transparent;color:var(--green);cursor:pointer}
.mf-chips button:hover{background:var(--green);color:#fff}
.mf-typing{display:flex;gap:4px;padding:4px 0}
.mf-typing span{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:mfdot 1s infinite ease-in-out}
.mf-typing span:nth-child(2){animation-delay:.15s}.mf-typing span:nth-child(3){animation-delay:.3s}
@keyframes mfdot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.mf-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line);background:#fff}
.mf-form textarea{flex:1;resize:none;font:inherit;font-size:14.5px;padding:9px 13px;border:1px solid var(--line);border-radius:20px;max-height:120px;background:var(--paper);color:var(--ink)}
.mf-form textarea:focus{outline:none;border-color:var(--green)}
.mf-send{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--gold);color:#3a2c00;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mf-send svg{width:18px;height:18px}
.mf-send:disabled{opacity:.5;cursor:wait}
.mf-foot{margin:0;padding:6px 14px 10px;font-size:11.5px;color:var(--muted);background:#fff}
.mf-foot a{color:var(--green);font-weight:600}
.mf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:520px){
.mf-panel{right:0;left:0;bottom:0;top:0;width:auto;max-width:none;height:auto;border-radius:0}
.mf-launch.mf-open{display:none}
.mf-launch{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){.mf-typing span{animation:none}.mf-launch{transition:none}}
/* ---------- invoice (invoice.js) ---------- */
.inv-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 auto 20px;max-width:780px}
.invoice{max-width:780px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;color:var(--ink);font-size:14.5px;line-height:1.55}
.inv-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.inv-brand b{display:block;font-size:18px;letter-spacing:.12em;color:var(--ink,#182019)}
.inv-brand span{display:block;font-size:10px;letter-spacing:.3em;color:#9a7b12;margin-top:3px}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--green);padding-bottom:14px;margin-bottom:18px}
.inv-head h2{margin:0;font-size:26px}
.inv-no{margin:4px 0 0;font-family:ui-monospace,Menlo,monospace;font-weight:600;color:var(--green)}
.inv-date{text-align:right}.inv-date span{display:block;font-size:12px;color:var(--muted)}
.inv-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-bottom:18px}
.inv-parties h4{margin:0 0 6px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-ink)}
.inv-parties p{margin:0}
.inv-lines,.inv-sum{width:100%;border-collapse:collapse}
.inv-lines th{text-align:left;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 6px}
.inv-lines td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.inv-lines th:last-child,.inv-lines td:last-child,.inv-sum td:last-child{text-align:right;white-space:nowrap}
.inv-sum{max-width:340px;margin:14px 0 0 auto}
.inv-sum td{padding:5px 6px}
.inv-total td{border-top:2px solid var(--green);font-weight:700;font-size:16px;color:var(--green);padding-top:9px}
.inv-words{margin:16px 0 6px}.inv-note{font-size:12.5px;color:var(--muted);margin:6px 0 0}
@media print{
header#hdr,footer,.phero,.mf-launch,.mf-panel,.no-print,.wa-float{display:none!important}
body{background:#fff}.section{padding:0}.invoice{border:0;border-radius:0;padding:0;max-width:none}
}
.inv-refund{margin:10px 0 0;padding:8px 12px;border-radius:8px;background:#fbf5e0;color:var(--gold-ink);font-size:13.5px}
/* ---------- admin dashboard (admin.js) ---------- */
#admin{max-width:1180px;margin:0 auto}
.adm-sec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:22px}
.adm-sec h2{font-size:22px;margin:0 0 12px}
.adm-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.adm-row h2{margin:0}
.adm-tools{justify-content:flex-start;margin-bottom:12px}
.adm-tools input[type=search],.adm-grant input,.adm-grant select,.adm-row select,.adm-chatform input{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.adm-tools input[type=search]{flex:1;min-width:220px}
.adm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:12px}
.adm-card{background:var(--cream);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.adm-card span{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-ink);font-weight:600}
.adm-card b{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--green-ink)}
.adm-card small{color:var(--muted);font-size:12.5px}
.adm-tablewrap{overflow-x:auto;margin-top:8px}
.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}
.adm-table th{text-align:left;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px}
.adm-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.adm-table small{color:var(--muted)}
.adm-table small.warn,.adm-results .warn{color:#a15c07}
.adm-actions{display:flex;flex-direction:column;gap:6px;min-width:130px}
.adm-actions .btn{padding:7px 12px;font-size:13px}
.adm-badge{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:12px;background:var(--cream);color:var(--muted)}
.adm-badge.s-paid{background:#e6f3ea;color:var(--green)}.adm-badge.s-refunded{background:#fbf0dc;color:#8a5a00}
.adm-badge.s-failed{background:#fbe9e9;color:#9a2b2b}.adm-badge.s-flag{background:#fdecc8;color:#8a5a00}
.adm-grant{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.adm-grant textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);min-height:90px}
.adm-grant .adm-row{justify-content:flex-start}.adm-grant input{flex:1;min-width:200px}
.adm-results{margin:6px 0 0;padding-left:18px;font-size:13.5px}.adm-results .ok{color:var(--green)}
.adm-chatform{justify-content:flex-start}.adm-chatform label{display:flex;gap:6px;align-items:center;font-size:13.5px}
.adm-chatform input[type=number]{width:90px}
.adm-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:300;background:var(--green-ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;max-width:min(92vw,560px);transition:all .25s}
.adm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.adm-toast.bad{background:#8a2b2b}
.renew-box{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}
.renew-box .warn{color:#9a3412}
/* Wordmark: EDSHREEM KNOWLEDGE / AI · EDTECH (founder, 2026-09-29) */
.foot-brand .wm{display:flex;flex-direction:column;line-height:1.1}
.foot-brand .wm span{font-size:9px;letter-spacing:3px;color:var(--gold-l);margin-top:5px}
@media (max-width:420px){.brand .wm b{font-size:14px;letter-spacing:1.4px}.brand .wm span{font-size:7.5px;letter-spacing:2.4px}}
/* The longer wordmark needs more room: one line always, and the menu
switches to the ☰ button a little earlier (it used to at 900px). */
.brand .wm b{white-space:nowrap}
nav.links a{white-space:nowrap}
@media(max-width:1180px){
nav.links{display:none}
.menu-btn{display:block}
nav.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(253,251,246,.98);backdrop-filter:blur(14px);padding:12px 0;border-bottom:1px solid var(--line)}
nav.links.open a{padding:14px 28px;color:var(--ink);width:100%}
nav.links.open a.active::after{display:none}
}
@media(max-width:360px){.brand .wm b{font-size:12.5px;letter-spacing:1px}.brand .mark{width:34px;height:34px}}
/* Logo mark beside EDSHREEM KNOWLEDGE: bigger, brighter, gently lit (founder, 2026-09-29) */
.brand .mark{filter:drop-shadow(0 0 6px rgba(232,201,90,.45));transition:filter .35s}
.brand .mark circle:nth-of-type(1){stroke-width:3.2}
.brand .mark circle:nth-of-type(3){fill:#2E9B5A;stroke:#F4F1E8;stroke-width:.9}
header.scrolled .brand .mark{filter:none}
header.scrolled .brand .mark circle:nth-of-type(3){fill:#1B6E3E;stroke:none}
@media(max-width:420px){.brand .mark{width:40px;height:40px}}
header.scrolled .brand .mark circle:nth-of-type(1),header.scrolled .brand .mark circle:nth-of-type(2){stroke:#A8841F}
header.scrolled .brand .mark circle:nth-of-type(n+4){fill:#A8841F}
/* Course reviews (review.html, testimonials.html) */
.stars{display:flex;gap:4px}
.stars button{background:none;border:0;font-size:32px;line-height:1;color:#d8d2bf;cursor:pointer;padding:2px}
.stars button.on{color:#E8C95A}
.stars button:focus-visible{outline:2px solid var(--green,#1B6E3E);border-radius:4px}
.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:34px;text-align:left}
.review-card{margin:0;background:#fff;border:1px solid #e7e2d2;border-radius:14px;padding:20px}
.review-stars{color:#E8C95A;font-size:18px;letter-spacing:2px}
.review-stars span{color:#d8d2bf}
.review-card blockquote{margin:12px 0 14px;font-size:15px;line-height:1.6;color:#2b3a30}
.review-card figcaption b{display:block}
.review-card figcaption span{font-size:13px;color:#5c6a5f}