/* =============================================================================
   TestKav · pages/course-info.css — LUXE light skin for course_info (B2B landing)
   Static marketing page. Replaces the old 57KB dark stylesheet.
   Tokens align with luxe.css (page extends base_luxe). Light-only, flat, gold.
   ========================================================================== */
:root{
  --paper:#fff;--paper-2:#faf7f0;--ink:#14110d;--ink-2:#33302b;--ink-3:#6b645b;
  --line:rgba(20,17,13,.10);--line-2:rgba(20,17,13,.15);
  --gold:#ffc218;--gold-text:#f5b80e;--gold-deep:#cf9a0c;--gold-soft:rgba(255,194,24,.42);--gold-faint:rgba(255,194,24,.12);
  --ff-d:'Pinar',serif;--ff:'Estedad',system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);
  --gold-300:#ffd34a;--gold-400:var(--gold-text);--gold-500:var(--gold);--gold-600:var(--gold-deep);
}
.atmosphere,.arc,.orbit,.hero__arc,.mode-card__arc{display:none !important}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.section{padding:54px 0;position:relative}
.section__head{max-width:720px;margin:0 auto 34px;text-align:center}
.section__eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold-soft);border-radius:999px;padding:6px 14px;margin-bottom:14px}
.section__title{font-family:var(--ff-d);font-weight:900;color:var(--ink);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.55;margin:0 0 12px}
.section__title em,.hero__title em,.final-cta__title em{font-style:normal;color:var(--gold-text)}
.section__subtitle{font-size:.95rem;color:var(--ink-2);line-height:1.95;margin:0}

.divider{position:relative;height:1px;background:var(--line);max-width:min(1180px,90vw);margin:6px auto}
.divider svg{display:none}
.divider__node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--gold-faint)}

/* NOTE: luxe.css defines .hero as a 2-col grid (home hero). This page has its own
   .hero__grid, so the section must reset to a plain block to avoid that grid. */
.hero{display:block;padding:46px 0 8px;position:relative}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.hero__title{font-family:var(--ff-d);font-weight:900;color:var(--ink);font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.45;margin:14px 0 16px}
.hero__subtitle{font-size:1rem;color:var(--ink-2);line-height:2.05;margin:0 0 22px;max-width:54ch}
.hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.cta-primary,.cta-secondary,.mode-card__cta,.final-cta__btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-d);font-weight:800;font-size:.95rem;border-radius:13px;padding:13px 22px;transition:.3s var(--ease)}
.cta-primary,.final-cta__btn{color:var(--btn-ink);background:var(--btn-grad);border:1px solid transparent;box-shadow:var(--btn-shadow)}
.cta-primary:hover,.final-cta__btn:hover{background:var(--btn-grad-hover);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}
.cta-primary:active,.final-cta__btn:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}
.cta-primary:focus-visible,.final-cta__btn:focus-visible{outline:0;box-shadow:var(--ring),var(--btn-shadow)}
.cta-secondary{color:var(--ink);background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}
.cta-secondary i{color:var(--gold-deep)}
.cta-secondary:hover{border-color:var(--gold);color:var(--gold-deep);background:var(--paper-2);transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--gold-soft)}
.cta-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
.cta-secondary:focus-visible{outline:0;border-color:var(--gold);box-shadow:var(--ring)}
.hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px}
.hero__trust-item{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--ink-3)}
.hero__trust-item i{color:var(--gold-deep)}
.hero__visual{position:relative;display:grid;place-items:center;min-height:300px}

.bubble{position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;background:#fff;border:1px solid var(--line);color:var(--gold-deep);box-shadow:0 18px 38px -22px rgba(20,17,13,.32);z-index:2}
.bubble--instructor{top:6%;inset-inline-end:4%}
.bubble--students{bottom:8%;inset-inline-start:2%}

.voucher{width:100%;max-width:330px;background:linear-gradient(155deg,#fff,var(--paper-2));border:1px solid var(--line-2);border-radius:20px;padding:20px;box-shadow:0 36px 80px -50px rgba(20,17,13,.4);position:relative}
.voucher::before,.voucher::after{content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line-2);transform:translateY(-50%)}
.voucher::before{inset-inline-start:-9px}.voucher::after{inset-inline-end:-9px}
.voucher__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px dashed var(--line-2)}
.voucher__brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:.9rem}
.voucher__brand i{color:var(--gold-deep);font-size:1.1rem}
.voucher__chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,var(--gold),var(--gold-300));opacity:.85}
.voucher__body{padding-top:14px}
.voucher__label{font-size:.74rem;color:var(--ink-3);margin-bottom:4px}
.voucher__code{font-family:var(--ff-d);font-weight:900;font-size:1.4rem;color:var(--ink);letter-spacing:.04em;direction:ltr;text-align:start;margin-bottom:16px}
.voucher__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.voucher__meta-item{display:flex;flex-direction:column;gap:3px}
.voucher__meta-label{font-size:.68rem;color:var(--ink-3)}
.voucher__meta-value{font-family:var(--ff-d);font-weight:800;font-size:.92rem;color:var(--ink)}
.voucher__meta-value--gold{color:var(--gold-deep)}

.stats-bar{margin-top:30px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:8px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:20px 14px;position:relative;border-inline-start:0}
.stat+.stat::before{content:"";position:absolute;inset-inline-start:0;top:22%;height:56%;width:1px;background:var(--line)}
.stat__value{font-family:var(--ff-d);font-weight:900;font-size:1.7rem;color:var(--gold-text);line-height:1.2}
.stat__label{font-size:.82rem;color:var(--ink-3);margin-top:5px}

.modes{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.modes__connector{align-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line-2);font-family:var(--ff-d);font-weight:800;color:var(--ink-3);font-size:.9rem}
.mode-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease)}
.mode-card:hover{border-color:var(--gold-soft);box-shadow:0 36px 80px -52px rgba(20,17,13,.36);transform:translateY(-4px)}
.mode-card__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mode-card__icon{width:52px;height:52px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold-soft)}
.mode-card__icon--alt{color:var(--ink);background:var(--paper-2);border-color:var(--line-2)}
.mode-card__pill{display:inline-block;font-size:.7rem;font-weight:700;border-radius:999px;padding:3px 10px;margin-bottom:6px}
.mode-card__pill--gold{color:#1c1402;background:var(--gold)}
.mode-card__pill--ghost{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line-2)}
.mode-card__title{font-family:var(--ff-d);font-weight:800;font-size:1.15rem;color:var(--ink);margin:0}
.mode-card__desc{font-size:.9rem;color:var(--ink-2);line-height:1.95;margin:0 0 16px}
.mode-card__list{list-style:none;display:grid;gap:10px;margin:0 0 20px;padding:0}
.mode-card__list li{display:flex;align-items:flex-start;gap:9px;font-size:.88rem;color:var(--ink-2);line-height:1.7}
.mode-card__list li i{color:var(--gold-deep);margin-top:3px;flex:none}
.mode-card__cta{align-self:flex-start;margin-top:auto;color:var(--btn-ink);background:var(--btn-grad);border:1px solid transparent;box-shadow:var(--btn-shadow)}
.mode-card__cta:hover{background:var(--btn-grad-hover);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}
.mode-card__cta:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}
.mode-card__cta:focus-visible{outline:0;box-shadow:var(--ring),var(--btn-shadow)}

.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pricing-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.pricing-card__head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.pricing-card__head-icon{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:1.2rem;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold-soft)}
.pricing-card__head-title{font-family:var(--ff-d);font-weight:800;font-size:1.08rem;color:var(--ink);margin:0 0 3px}
.pricing-card__head-sub{font-size:.83rem;color:var(--ink-3);margin:0;line-height:1.6}
.pay-bar{display:flex;align-items:stretch;height:46px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:18px;font-size:.8rem;font-weight:700}
.pay-bar__instructor{display:grid;place-items:center;background:var(--gold);color:#1c1402;text-align:center;padding:0 8px}
.pay-bar__split{width:3px;background:#fff}
.pay-bar__student{flex:1;display:grid;place-items:center;background:var(--gold-faint);color:var(--gold-deep);text-align:center;padding:0 8px}
.price-table{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:16px}
.price-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:.85rem}
.price-table__row+.price-table__row{border-top:1px solid var(--line)}
.price-table__row--head{background:var(--paper-2);font-family:var(--ff-d);font-weight:700;color:var(--ink)}
.price-table__row--head>div{padding:11px 13px}
.price-table__cell{padding:11px 13px;color:var(--ink-2)}
.price-table__cell--gold{color:var(--gold-deep);font-weight:700}
.pricing-card__note{display:flex;align-items:flex-start;gap:9px;font-size:.84rem;color:var(--ink-2);line-height:1.8;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.pricing-card__note i{color:var(--gold-deep);margin-top:3px;flex:none}

.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proc-step{position:relative;padding:4px}
.proc-step__num{display:flex;align-items:center;margin-bottom:14px}
.proc-step__num-circle{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--ff-d);font-weight:900;font-size:1.1rem;color:#1c1402;background:var(--gold);z-index:1}
.proc-step__num-line{flex:1;height:2px;background:var(--line);margin-inline-start:8px}
.proc-step:last-child .proc-step__num-line{display:none}
.proc-step__title{font-family:var(--ff-d);font-weight:800;font-size:1.02rem;color:var(--ink);margin:0 0 8px}
.proc-step__text{font-size:.87rem;color:var(--ink-2);line-height:1.85;margin:0}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease)}
.feature:hover{border-color:var(--gold-soft);box-shadow:0 30px 64px -44px rgba(20,17,13,.32);transform:translateY(-3px)}
.feature__icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold-soft);margin-bottom:15px}
.feature__title{font-family:var(--ff-d);font-weight:800;font-size:1.05rem;color:var(--ink);margin:0 0 9px}
.feature__text{font-size:.88rem;color:var(--ink-2);line-height:1.9;margin:0}

.compare{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.compare__row{display:grid;grid-template-columns:1.4fr 1fr 1fr}
.compare__row+.compare__row{border-top:1px solid var(--line)}
.compare__cell{padding:14px 16px;font-size:.88rem;color:var(--ink-2);display:flex;align-items:center;line-height:1.6}
.compare__cell:not(:first-child){border-inline-start:1px solid var(--line);justify-content:center;text-align:center}
.compare__row--head{background:var(--paper-2)}
.compare__row--head .compare__cell{font-family:var(--ff-d);font-weight:800;color:var(--ink)}
.compare__cell-label{font-family:var(--ff-d);font-weight:700;color:var(--ink)}
.compare__cell-yes{color:var(--gold-deep);font-weight:700}
.compare__cell-yes::before{content:"\F26B";font-family:"bootstrap-icons";margin-inline-end:6px;color:var(--gold-deep)}
.compare__head-tag{display:inline-block;font-size:.78rem;font-weight:700;border-radius:999px;padding:5px 13px}
.compare__head-tag--gold{color:#1c1402;background:var(--gold)}
.compare__head-tag--ghost{color:var(--ink-2);background:#fff;border:1px solid var(--line-2)}

.faq{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:border-color .3s var(--ease)}
.faq-item[open]{border-color:var(--gold-soft)}
.faq-item summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:17px 19px;font-family:var(--ff-d);font-weight:700;font-size:1rem;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item__icon{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--gold-faint);color:var(--gold-deep);transition:transform .3s var(--ease),background .3s var(--ease)}
.faq-item[open] .faq-item__icon{transform:rotate(45deg);background:var(--gold);color:#1c1402}
.faq-item__body{padding:0 19px 18px 60px;font-size:.9rem;color:var(--ink-2);line-height:2}
.faq-item__body strong{color:var(--ink)}

.section--final{padding-bottom:60px}
.final-cta{border:1px solid var(--gold-soft);border-radius:24px;background:linear-gradient(160deg,#fff,var(--gold-faint));padding:46px 36px;text-align:center;box-shadow:0 40px 90px -56px rgba(207,154,12,.5)}
.final-cta__eyebrow{display:inline-block;font-size:.74rem;font-weight:700;color:var(--gold-deep);background:#fff;border:1px solid var(--gold-soft);border-radius:999px;padding:6px 14px;margin-bottom:14px}
.final-cta__title{font-family:var(--ff-d);font-weight:900;color:var(--ink);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.5;margin:0 0 12px}
.final-cta__sub{font-size:.96rem;color:var(--ink-2);line-height:1.95;max-width:54ch;margin:0 auto 24px}
.final-cta__btn-row{display:flex;justify-content:center}
.final-cta__btn{font-size:1rem;padding:15px 30px}

.foot{display:none}  /* page has its own footer line; base_luxe provides the canonical site footer */

@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr;gap:30px}
  .bubble{display:none}
  .hero__visual{min-height:auto;order:-1}
  .pricing,.modes{grid-template-columns:1fr}
  .modes__connector{justify-self:center}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .features{grid-template-columns:repeat(2,1fr)}
  .proc-step__num-line{display:none}
}
@media (max-width:600px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .features,.process-steps{grid-template-columns:1fr}
  .compare__row{grid-template-columns:1.2fr 1fr 1fr}
  .compare__cell{padding:11px 9px;font-size:.8rem}
  .faq-item__body{padding-inline:19px}
}

/* coherence: eyebrow/kicker match the minimal site-wide style (gold dot + text, no pill) */
.section__eyebrow,.kicker{background:none;border:0;border-radius:0;padding:0;color:var(--ink-2);gap:9px}
.section__eyebrow::before,.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}