/* ═══════════════════════════════════════════════════════════════
   TESTARROW — OPTION A · "EDITORIAL"
   Deep navy + emerald + cream. Serif display, institutional weight.
   Reads like a serious professional program, not a dark SaaS template.
   ═══════════════════════════════════════════════════════════════ */

/* Font remap: display -> Fraunces (serif), UI/body -> Inter, labels -> Inter */
@font-face{font-family:'Space Grotesk';src:url('/fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Outfit';src:url('/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  --bg:      #0B1420;
  --bg2:     #10202F;
  --bg3:     #17293B;
  --neon:    #3FD98A;   /* refined emerald — brand green, dialed back from neon */
  --neon-hi: #4AFF88;   /* logo green, small accents only */
  --neon-dim:rgba(63,217,138,.10);
  --cyan:    #EADFC8;   /* cream replaces cyan as the secondary accent */
  --cream:   #EADFC8;
  --white:   #F2F7FA;
  --gray:    #7E92A3;
  --muted:   #A3B4C2;
  --border:  #22364A;
  --red:     #E2725B;
  --radius:  4px;
  /* module accents, retuned from the original neon set to the editorial palette */
  --gold:    #D8B478;
  --purple:  #A096C8;
  --orange:  #D98E62;
  --teal:    #7ED0C4;
  --mauve:   #C89BC8;
}
/* the two module colours that were hard-coded rather than tokenised */
.d3,.f3,.mc3::before{background:var(--teal)!important}
.d7,.f7,.mc7::before{background:var(--mauve)!important}
.b3{background:rgba(126,208,196,.09)!important;color:var(--teal)!important;border-color:rgba(126,208,196,.28)!important}
.b7{background:rgba(200,155,200,.09)!important;color:var(--mauve)!important;border-color:rgba(200,155,200,.28)!important}
.b4{color:var(--gold)!important;border-color:rgba(216,180,120,.28)!important;background:rgba(216,180,120,.09)!important}
.b5{color:var(--purple)!important;border-color:rgba(160,150,200,.28)!important;background:rgba(160,150,200,.09)!important}
.b6{color:var(--orange)!important;border-color:rgba(217,142,98,.28)!important;background:rgba(217,142,98,.09)!important}

/* ── Strip the sci-fi texture layer ─────────────────────────── */
body::before{display:none!important}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1100px 600px at 78% -10%, rgba(63,217,138,.07), transparent 60%),
    radial-gradient(900px 500px at 5% 12%, rgba(234,223,200,.035), transparent 62%);
  background-image:none;opacity:1;
}
.cursor,.cursor-ring{display:none!important}
body{cursor:auto!important;font-size:16.5px;letter-spacing:-.002em;-webkit-font-smoothing:antialiased}

/* ── Wordmark: white "Test", green "Arrow" — everywhere ─────── */
.ta-brand{white-space:nowrap;font-weight:inherit;font-style:inherit}
/* keeps a sentence containing the wordmark as ONE flex item inside flex <li>s,
   so the words can't wrap out of order */
.ta-txt{flex:1 1 auto;min-width:0}
.ta-t{color:var(--white)!important;-webkit-text-fill-color:var(--white)!important}
.ta-a{color:var(--neon)!important;-webkit-text-fill-color:var(--neon)!important}
/* on the cream-tinted panels the wordmark keeps the same two tones */
.g-box .ta-t,.exbox .ta-t,.welcome .ta-t,.form-card .ta-t{color:var(--white)!important;-webkit-text-fill-color:var(--white)!important}

/* ── Logo mark ──────────────────────────────────────────────── */
.logo-arrow,.f-arrow,.sb-logo .arr,.nav-logo .arr{
  clip-path:none!important;background-color:var(--neon-hi)!important;
  -webkit-mask:var(--ta-mark) center/contain no-repeat;
          mask:var(--ta-mark) center/contain no-repeat;
}
.logo-arrow{width:34px;height:26px}
.f-arrow{width:28px;height:21px}
.nav-logo,.footer-logo,.sb-logo{letter-spacing:-.02em}

/* ── Nav ────────────────────────────────────────────────────── */
nav{background:rgba(11,20,32,.82)!important;backdrop-filter:blur(20px) saturate(140%);height:78px;border-bottom:1px solid var(--border)}
nav.nav-open .nav-links{background:rgba(11,20,32,.98)!important}
@media(max-width:720px){.nav-links{background:rgba(11,20,32,.98)!important}}
.nav-links a{font-family:'Outfit',sans-serif;font-size:.9rem;letter-spacing:0;color:var(--muted);font-weight:450}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:transparent!important;color:var(--cream)!important;border:1px solid rgba(234,223,200,.4);border-radius:var(--radius);font-weight:500!important}
.nav-cta:hover{box-shadow:none!important;background:var(--cream)!important;color:var(--bg)!important;transform:none!important}

/* ── Type scale ─────────────────────────────────────────────── */
h1{font-weight:400;font-size:clamp(2.9rem,5.6vw,4.7rem);line-height:1.06;letter-spacing:-.025em}
h1 .accent{color:var(--cream);font-style:italic;font-weight:300}
h1 .dim{font-size:38%;font-weight:400;color:var(--gray);letter-spacing:.14em;text-transform:uppercase;font-family:'Outfit',sans-serif;margin-top:1.4rem;line-height:1.6}
.hero-sub{font-size:1.12rem;line-height:1.85;color:var(--muted);max-width:520px}
.hero-sub strong{color:var(--white);font-weight:600}

.sec-title{font-weight:400;letter-spacing:-.02em;line-height:1.12;font-size:clamp(2rem,4vw,3.1rem)}
.sec-title em{color:var(--cream);font-style:italic;font-weight:300}
.sec-label{font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.22em;color:var(--gray)}
.sec-label::before{content:'';display:inline-block;width:22px;height:1px;background:var(--neon);vertical-align:middle;margin-right:.7rem;transform:translateY(-1px)}
.sec-sub{font-size:1.02rem;color:var(--muted)}

/* ── Buttons ────────────────────────────────────────────────── */
.btn-primary,.btn-p.f,.done-btn,.tbtn.p{
  background:var(--neon)!important;color:#08131C!important;border:none;
  border-radius:var(--radius)!important;font-family:'Outfit',sans-serif!important;
  font-weight:600!important;letter-spacing:.005em;
}
.btn-primary:hover,.btn-p.f:hover,.done-btn:hover,.tbtn.p:hover{
  box-shadow:none!important;background:#4AFF88!important;transform:translateY(-1px)
}
.btn-ghost,.btn-p,.tbtn{border-radius:var(--radius)!important;border-color:var(--border)!important}
.btn-ghost:hover,.btn-p:hover,.tbtn:hover{border-color:var(--cream)!important;color:var(--cream)!important}

/* ── Hero furniture ─────────────────────────────────────────── */
.hero{padding-top:150px}
.hero-glow{background:none}
.hero-glow2{display:none}
.hero-badge{
  background:transparent;border:1px solid var(--border);color:var(--muted);
  font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.16em;border-radius:var(--radius);
}
.badge-dot{background:var(--neon-hi)}
.hero-stats{gap:2.5rem;margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}
.stat-num{font-weight:400;font-size:2.5rem;color:var(--white);letter-spacing:-.02em}
.stat-label{font-family:'Outfit',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.16em;color:var(--gray);margin-top:.6rem}

/* Terminal — quiet, not glowing */
.hero-terminal{border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.5);background:#0A1725;border-color:var(--border)}
.t-bar{background:#0E1E2D}
.t-title,.t-body{font-family:ui-monospace,'SFMono-Regular',Menlo,monospace}
.t-out.c{color:var(--cream)}
.t-prompt,.t-out.g{color:var(--neon)}

/* ── Mobile: tighten the hero, it shouldn't be vertically centred ─ */
@media(max-width:820px){
  .hero{min-height:auto;align-items:flex-start;padding:112px 6% 64px}
  h1{font-size:clamp(2.5rem,10vw,3.4rem)}
  h1 .dim{font-size:.78rem;margin-top:1.1rem}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem 1.25rem;margin-top:2.75rem;padding-top:2rem}
  .stat-num{font-size:2rem}
  .hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;justify-content:center}
  .sec-title{font-size:clamp(1.9rem,7.5vw,2.5rem)}
  .problem-wrap,.curriculum,.diff,.tools,.compare,.pricing,.career,.faq,.cta{padding-top:72px;padding-bottom:72px}
  .wk{gap:1.1rem}
  .wk-dot{width:48px;height:48px;font-size:.6rem}
  .timeline::before{left:24px}
}

/* ── Trust bar ──────────────────────────────────────────────── */
.trust-bar{background:transparent;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 6%}
.trust-item{font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.15em;color:var(--gray)}
.trust-icon{color:var(--neon)}

/* ── Cards, generally: flatten the glow, sharpen the edge ───── */
.problem-card,.wk-card,.diff-card,.tool-card,.price-card,.g-box,.card,.cc,.qcard,.mcard,.aitem,.opt{
  border-radius:6px!important;box-shadow:none!important;
}
.problem-card{background:transparent;border:none;border-left:2px solid var(--border);padding:1.1rem 0 1.1rem 1.6rem}
.problem-card:hover{border-left-color:var(--neon)}
.problem-card .icon{display:none}
.problem-card h4{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.02rem}
.problem-card p{font-size:.94rem;line-height:1.75}

/* ── Curriculum timeline ────────────────────────────────────── */
.timeline::before{background:var(--border);width:1px;left:29px}
.wk-dot{
  width:58px;height:58px;border-radius:50%;background:var(--bg);
  border:1px solid var(--border);font-family:'Outfit',sans-serif;font-size:.66rem;
  font-weight:600;letter-spacing:.06em;color:var(--gray);
}
.wk:hover .wk-dot,.wk.wk-active .wk-dot{
  background:var(--bg);border-color:var(--neon);color:var(--neon);
  box-shadow:none!important;transform:none;
}
.wk-card{background:var(--bg2);border-color:var(--border)}
.wk:hover .wk-card,.wk.wk-active .wk-card{border-color:rgba(63,217,138,.45)!important;box-shadow:none!important}
.wk-title{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.06rem;letter-spacing:-.01em}
.wk-desc{font-size:.93rem;line-height:1.78}
.tag,.lbadge{font-family:'Outfit',sans-serif!important;font-size:.63rem!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-radius:var(--radius)!important}
.t1{background:rgba(63,217,138,.09);color:var(--neon);border-color:rgba(63,217,138,.3)}
.t2{background:rgba(234,223,200,.07);color:var(--cream);border-color:rgba(234,223,200,.28)}
.t3{background:rgba(216,180,120,.08);color:#D8B478;border-color:rgba(216,180,120,.3)}
.t3a{background:rgba(126,208,196,.08);color:#7ED0C4;border-color:rgba(126,208,196,.3)}
.t4{background:rgba(226,114,91,.08);color:#E2725B;border-color:rgba(226,114,91,.3)}
.t5{background:rgba(160,150,200,.08);color:#A096C8;border-color:rgba(160,150,200,.3)}
.pill,.tpill{font-family:'Outfit',sans-serif!important;font-size:.7rem!important;font-weight:500;background:transparent!important;border-color:var(--border)!important;border-radius:100px!important;padding:3px 11px!important;color:var(--gray)!important}

/* ── Differentiators ────────────────────────────────────────── */
.diff{background:var(--bg2)}
.diff-card{background:transparent;border:1px solid var(--border);padding:2.4rem 2rem}
.diff-card::before{display:none}
.diff-card:hover,.diff-card.card-active{border-color:rgba(63,217,138,.4)!important;transform:none!important;background:rgba(255,255,255,.012)}
.diff-num{font-weight:400;font-size:1.5rem;color:var(--neon)!important;text-shadow:none!important;margin-bottom:1.4rem;letter-spacing:.02em}
.diff-card:hover .diff-num,.diff-card.card-active .diff-num{text-shadow:none!important}
.diff-card h3{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.08rem;margin-bottom:.8rem}
.diff-card p{font-size:.93rem;line-height:1.8}

/* ── Tools — kill the emoji, go typographic ─────────────────── */
.tool-emoji{display:none}
.tools-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.tool-card{
  background:transparent!important;border:none!important;
  border-right:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;
  border-radius:0!important;padding:1.5rem 1.2rem;text-align:left;position:relative;
  transition:background .18s ease;
}
.tool-card:hover{background:var(--bg3)!important}
.tool-card:hover::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--neon);
}
.tool-card:hover .tool-name{color:var(--cream)}
.tool-name{font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:500;color:var(--white);transition:color .18s ease}

/* ── Compare table ──────────────────────────────────────────── */
.compare{background:var(--bg2)}
thead tr{background:transparent}
th{font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.15em;color:var(--gray);padding:1.1rem 1.35rem}
th.hl{color:var(--neon);background:rgba(63,217,138,.05)}
td.hl{background:rgba(63,217,138,.04)}
.chk{color:var(--neon)}.prt{color:#D8B478}.crs{color:var(--red)}

/* ── Pricing ────────────────────────────────────────────────── */
.price-card{background:var(--bg2);border-radius:8px!important;padding:2.5rem 2.2rem}
.price-card.feat{background:var(--bg2)!important;border-color:rgba(234,223,200,.45)!important}
.price-card:hover{transform:none}
.feat-badge{background:var(--cream)!important;color:#0B1420!important;font-family:'Outfit',sans-serif;font-weight:700;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--radius)}
.p-name{font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;color:var(--gray)}
.p-amount{font-weight:400;font-size:3.4rem;letter-spacing:-.03em}
.p-amount sup{color:var(--gray);font-size:1.3rem}
.p-feats li .fc{color:var(--neon)}
.fin-note{font-family:'Outfit',sans-serif;font-size:.82rem;color:var(--gray)}
.fin-note span{color:var(--cream)}
/* the nav is fixed, so anchor jumps must clear it */
section[id],[id]{scroll-margin-top:96px}

/* ── Founding cohort banner ─────────────────────────────────── */
.founding-banner{
  max-width:760px;margin:0 auto 3rem;padding:2rem 2.25rem 1.9rem;text-align:center;
  background:var(--bg2);border:1px solid rgba(234,223,200,.4);border-radius:8px;
  position:relative;
}
.fb-tag{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  background:var(--cream);color:#0B1420;white-space:nowrap;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:.66rem;
  letter-spacing:.2em;text-transform:uppercase;padding:5px 18px;border-radius:var(--radius);
}
.fb-price{display:flex;align-items:baseline;justify-content:center;gap:1.1rem;margin-bottom:.65rem}
.fb-was{
  font-family:'Space Grotesk',serif;font-size:1.9rem;font-weight:400;color:var(--gray);
  text-decoration:line-through;text-decoration-thickness:1px;
}
.fb-now{font-family:'Space Grotesk',serif;font-size:3.6rem;font-weight:400;color:var(--white);letter-spacing:-.03em;line-height:1}
.fb-meta{
  font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--neon);margin-bottom:1.1rem;
}
.fb-meta span{color:var(--neon)}
.fb-sub{
  font-family:'Outfit',sans-serif;font-size:.9rem;line-height:1.75;color:var(--muted);
  max-width:560px;margin:0 auto;
}
.fb-sub strong{color:var(--cream);font-weight:600}
@media(max-width:600px){
  .founding-banner{padding:1.9rem 1.4rem 1.7rem}
  .fb-price{gap:.8rem}
  .fb-was{font-size:1.5rem}
  .fb-now{font-size:2.8rem}
  .fb-meta{font-size:.7rem;letter-spacing:.12em}
}

.fin-note[data-ta="bnpl"]{margin-top:.6rem;color:var(--muted)}
.fin-note[data-ta="bnpl"] strong{color:var(--cream);font-weight:600}
.refund-note{
  max-width:720px;margin:2.5rem auto 0;padding:1.25rem 1.5rem;
  background:var(--bg2);border:1px solid var(--border);border-radius:6px;
  font-family:'Outfit',sans-serif;font-size:.86rem;line-height:1.75;
  color:var(--muted);text-align:left;
}
.refund-note strong{color:var(--white);font-weight:600}
.refund-note span{color:var(--cream)}

/* ── Career + guarantee ─────────────────────────────────────── */
.career{background:var(--bg)}
.c-circle{background:transparent;border:1px solid var(--neon);font-family:'Outfit',sans-serif;font-weight:600;font-size:.82rem}
.c-line{background:var(--border)}
.c-txt h4{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.02rem}
.g-box{background:var(--bg2);border:1px solid rgba(234,223,200,.28);border-radius:8px!important;padding:2.2rem}
.g-box::before{content:'';display:none}
.g-box h3{color:var(--cream);font-weight:400;font-size:1.5rem;letter-spacing:-.015em}
.g-list li::before{color:var(--neon)}

/* ── FAQ ────────────────────────────────────────────────────── */
.faq-q{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.04rem}
.faq-q:hover{color:var(--cream)}
.faq-icon{color:var(--neon);font-weight:300}

/* ── CTA + footer ───────────────────────────────────────────── */
.cta-glow{background:radial-gradient(ellipse at center,rgba(63,217,138,.06) 0%,transparent 65%)}
.cta h2{font-weight:400;letter-spacing:-.025em}
.cta h2 em{color:var(--cream);font-style:italic;font-weight:300}
.cta-sub{font-family:'Outfit',sans-serif;font-size:.85rem;color:var(--gray)}
.cta-sub span{color:var(--cream)}
footer{background:var(--bg2)}
.footer-links a,.footer-copy{font-family:'Outfit',sans-serif;font-size:.82rem;color:var(--gray)}
.footer-links a:hover{color:var(--cream)}

/* ═══ LANDING / BOOKING / THANK-YOU PAGES ═════════════════════ */
/* these pages carry their own CSS; bring them onto the same system */

/* headline accent: cream italic, matching the home page — not a green gradient */
h1 em{
  font-style:italic!important;font-weight:300!important;
  background:none!important;-webkit-background-clip:initial!important;
  background-clip:initial!important;-webkit-text-fill-color:var(--cream)!important;
  color:var(--cream)!important;
}
.lp-hero h1{font-size:clamp(2.2rem,4.2vw,3.5rem)}
.nav-back{font-family:'Outfit',sans-serif;font-size:.8rem;letter-spacing:.1em;color:var(--gray)}
.nav-back:hover{color:var(--cream)}

.badge{
  background:transparent!important;border:1px solid var(--border)!important;
  color:var(--muted)!important;font-family:'Outfit',sans-serif!important;
  font-size:.72rem!important;font-weight:600;letter-spacing:.16em;border-radius:var(--radius)!important;
}
.badge-dot{box-shadow:none!important;background:var(--neon-hi)}

.form-card{background:var(--bg2);border:1px solid rgba(234,223,200,.28);border-radius:8px}
.form-card::before{display:none!important}
.form-card h2{font-weight:400;font-size:1.6rem;letter-spacing:-.02em}
.form-card .sub{color:var(--muted)}
.field label{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:.14em;color:var(--gray)}
.field input,.field select{
  background:var(--bg)!important;border:1px solid var(--border)!important;
  border-radius:var(--radius)!important;color:var(--white)!important;
  font-family:'Outfit',sans-serif!important;
}
.field input:focus,.field select:focus{border-color:var(--neon)!important;box-shadow:none!important;outline:none}
.submit-btn{
  background:var(--neon)!important;color:#08131C!important;border-radius:var(--radius)!important;
  font-family:'Outfit',sans-serif!important;font-weight:600!important;
}
.submit-btn:hover{box-shadow:none!important;background:var(--neon-hi)!important;transform:translateY(-1px)}

.check-list .ck,.ck{color:var(--neon)}
.founder-line strong{color:var(--white)}
/* the small avatar on the free-lesson page is still initials */
.founder-line .founder-avatar{background:var(--bg3)!important;border:1px solid var(--border);color:var(--cream)}
/* the booking page uses the real photograph */
img.founder-avatar{
  background:none!important;object-fit:cover;object-position:center 28%;
  border-radius:50%;border:1px solid rgba(234,223,200,.35);
  width:104px;height:104px;flex-shrink:0;display:block;
}

/* booking section: same treatment — no green wash */
.booking-section{background:var(--bg2)!important;border:1px solid rgba(234,223,200,.28)!important;border-radius:10px!important}
.booking-section::before{display:none!important}
.booking-section h2{font-weight:400;letter-spacing:-.02em}
.calendar-placeholder{
  background:var(--bg)!important;border:1px solid var(--border)!important;
  border-radius:6px!important;padding:2.25rem 2rem!important;
}
.calendar-placeholder strong{font-family:'Outfit',sans-serif;font-weight:600;color:var(--white)}
.booking-note{font-family:'Outfit',sans-serif}

/* inline links inside content panels should read as brand, not browser-default */
.calendar-placeholder a,.booking-note a,.ty-card a:not([class]),.section p a:not([class]){
  color:var(--cream)!important;text-decoration:none;
  border-bottom:1px solid rgba(234,223,200,.35);
}
.calendar-placeholder a:hover,.booking-note a:hover,
.ty-card a:not([class]):hover,.section p a:not([class]):hover{border-bottom-color:var(--cream)}

/* thank-you page: replace the green wash with a quiet navy panel */
.ty-card{background:var(--bg2)!important;border:1px solid rgba(234,223,200,.28)!important;border-radius:10px!important}
.ty-card::before{display:none!important}
.check-icon{
  background:transparent!important;border:1px solid var(--neon)!important;
  width:64px!important;height:64px!important;
}
.check-icon svg{stroke:var(--neon)!important;stroke-width:2!important}

.inside-card,.intro-card,.step-card,.host-card,.book-card{
  border-radius:6px!important;background:var(--bg2);border:1px solid var(--border);
}
.inside-card:hover,.inside-card.card-active,
.intro-card:hover,.intro-card.card-active{
  border-color:rgba(63,217,138,.4)!important;box-shadow:none!important;transform:none!important;
}
.inside-num{font-weight:400;font-size:1.4rem;color:var(--neon)!important}
.inside-card h3,.intro-card h3,.intro-card h2{font-family:'Outfit',sans-serif;font-weight:600}
.ic-letter{border-radius:var(--radius);font-family:'Outfit',sans-serif;font-weight:600}
.section .sec-title,.section h2{letter-spacing:-.02em}

/* ═══ LMS PORTAL ═══════════════════════════════════════════════ */
.sb{background:var(--bg2);border-right:1px solid var(--border)}
.sb-logo{border-bottom:1px solid var(--border)}
.sb-logo .g{color:var(--neon-hi)}
.sb-ico{display:none}
.sb-sec,.sb-prog-row,.tb-mod,.mpct,.mcard-s,.wstat-l,.qmeta,.qnum{font-family:'Outfit',sans-serif!important;font-weight:600;letter-spacing:.14em!important}
.sb-prog-row em{color:var(--neon)}
.pb-f,.mfill,.qpb-f{background:var(--neon)!important}
.sb-btn.active{background:rgba(63,217,138,.08);border-left-color:var(--neon);color:var(--neon)}
.mod-hd{font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.01em}
.mod-hd:hover{color:var(--cream)}
.topbar{background:var(--bg2)}
.tb-title{font-family:'Outfit',sans-serif;font-weight:600;font-size:.92rem}
/* on mobile the sidebar (and its logo) is hidden — keep the mark top-left */
@media(max-width:840px){
  .tb-l::before{
    content:'';width:26px;height:20px;flex-shrink:0;
    background-color:var(--neon-hi);
    -webkit-mask:var(--ta-mark) center/contain no-repeat;
            mask:var(--ta-mark) center/contain no-repeat;
  }
  .menu-btn{color:var(--muted);font-size:1.1rem}
}
.lh1{font-weight:400;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.025em;line-height:1.1}
.lover{font-size:1rem;line-height:1.85}
.obj-box{background:var(--bg2);border-left:2px solid var(--neon);border-radius:6px!important}
.obj-box h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon)}
.cc h3{font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem}
.exbox{background:var(--bg2)!important;border:1px solid rgba(234,223,200,.25)!important;border-radius:6px!important}
.exbox h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream)}
.exsteps li::before{font-family:'Outfit',sans-serif;background:rgba(63,217,138,.12);color:var(--neon)}
.welcome{background:var(--bg2)!important;border:1px solid rgba(234,223,200,.25)!important;border-radius:8px!important;padding:2rem}
.welcome h2{font-weight:400;font-size:1.9rem;letter-spacing:-.02em}
.welcome h2 span{color:var(--cream)}
.wstat-n{font-weight:400;font-size:2rem;color:var(--white)}
.card,.qcard{background:var(--bg2);border-color:var(--border)}
.ct{font-family:'Outfit',sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.01em}
.mcard{background:var(--bg3)}
.mcard:hover{border-color:rgba(63,217,138,.35);transform:none}
.mcard-ico,.aico{display:none}
.mcard-n,.atitle{font-family:'Outfit',sans-serif;font-weight:600}
.qtext{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.05rem;line-height:1.5}
.opt.sel{border-color:var(--cream);background:rgba(234,223,200,.06)}
.opt:hover{border-color:rgba(234,223,200,.45)}
.opt.ok{border-color:var(--neon);color:var(--neon);background:rgba(63,217,138,.07)}
.olet{font-family:'Outfit',sans-serif;font-weight:600}