/* =========================================================
   Kanz Knowledge — Theme V2
   Light Premium Education Design System
   Homepage preview layer — safe CSS overrides
========================================================= */

:root{
  --v2-primary:#5426e8;
  --v2-primary-2:#7b45f5;
  --v2-primary-dark:#25106f;

  --v2-accent:#ffb936;
  --v2-accent-light:#ffd978;
  --v2-accent-soft:#fff3d6;

  --v2-bg:#f8f9ff;
  --v2-bg-blue:#eef4ff;
  --v2-bg-warm:#fff8ee;

  --v2-surface:#ffffff;
  --v2-surface-soft:rgba(255,255,255,.78);
  --v2-border:rgba(57,42,127,.10);
  --v2-border-strong:rgba(84,38,232,.20);

  --v2-text:#101936;
  --v2-text-soft:#4e5871;
  --v2-text-muted:#7b8499;

  --v2-shadow:
    0 18px 55px rgba(31,30,78,.10);

  --v2-shadow-hover:
    0 28px 70px rgba(73,46,169,.17);

  --v2-radius:26px;
  --v2-radius-sm:18px;
}

/* =========================================================
   Global Background
========================================================= */

html{
  background:var(--v2-bg);
}

body{
  color:var(--v2-text);
  background:
    radial-gradient(circle at 7% 8%, rgba(123,69,245,.13), transparent 23%),
    radial-gradient(circle at 92% 20%, rgba(255,185,54,.16), transparent 22%),
    radial-gradient(circle at 15% 72%, rgba(66,163,255,.09), transparent 23%),
    radial-gradient(circle at 85% 88%, rgba(255,185,54,.10), transparent 20%),
    linear-gradient(
      135deg,
      var(--v2-bg) 0%,
      var(--v2-bg-blue) 50%,
      var(--v2-bg-warm) 100%
    );
}

body::before{
  inset:0;
  opacity:.7;
  background:
    radial-gradient(circle at 12% 28%, rgba(84,38,232,.10), transparent 24%),
    radial-gradient(circle at 80% 68%, rgba(255,185,54,.11), transparent 25%);
  filter:blur(8px);
  animation:none;
}

body::after{
  opacity:.45;
  background-image:
    radial-gradient(circle, rgba(84,38,232,.14) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(255,185,54,.16) 0 1px, transparent 1.5px);
  background-size:58px 58px, 84px 84px;
  animation:none;
}

::selection{
  background:rgba(84,38,232,.20);
  color:var(--v2-primary-dark);
}

/* =========================================================
   Offer Bar
========================================================= */

.kanz-offer-bar{
  color:#27174f;
  background:
    linear-gradient(
      90deg,
      #fff3d7,
      #ffe7ad 35%,
      #fff7e9 70%,
      #f1eaff
    );
  border-bottom:1px solid rgba(173,119,16,.14);
  box-shadow:0 5px 20px rgba(64,43,112,.08);
}

/* =========================================================
   Header
========================================================= */

.kanz-header{
  background:rgba(255,255,255,.86);
  border-bottom:1px solid var(--v2-border);
  box-shadow:0 12px 34px rgba(38,36,82,.08);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

.kanz-header .kanz-container{
  min-height:82px;
}

.kanz-logo{
  color:var(--v2-primary-dark);
  font-size:1.45rem;
}

.kanz-logo::before{
  background:
    linear-gradient(
      145deg,
      #fff2a9,
      #ffc63f 46%,
      #c18a0c 100%
    );
  border-radius:17px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 11px 28px rgba(230,162,22,.28);
}

.kanz-nav a{
  color:#202946;
}

.kanz-nav a:hover,
.kanz-nav a.is-active{
  color:var(--v2-primary);
  text-shadow:none;
}

.kanz-nav a.is-active{
  position:relative;
}

.kanz-nav a.is-active::after{
  content:"";
  position:absolute;
  right:12%;
  left:12%;
  bottom:-13px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v2-primary),var(--v2-accent));
}

/* =========================================================
   Buttons
========================================================= */

.kanz-btn-main,
.kanz-cta-btn,
.kanz-offer-btn,
.kanz-market-btn{
  color:#fff;
  border:0;
  background:
    linear-gradient(
      100deg,
      var(--v2-primary),
      var(--v2-primary-2) 48%,
      #d66bd8 72%,
      var(--v2-accent) 100%
    );
  box-shadow:
    0 14px 32px rgba(84,38,232,.23),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.kanz-btn-main:hover,
.kanz-cta-btn:hover,
.kanz-offer-btn:hover,
.kanz-market-btn:hover{
  transform:translateY(-3px);
  box-shadow:
    0 19px 42px rgba(84,38,232,.29),
    inset 0 1px 0 rgba(255,255,255,.40);
}

.kanz-btn-outline{
  color:var(--v2-primary-dark);
  border:1px solid rgba(84,38,232,.25);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 24px rgba(52,45,98,.08);
}

.kanz-btn-outline:hover{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(100deg,var(--v2-primary),var(--v2-primary-2));
}

/* =========================================================
   Trust Bar
========================================================= */

.kanz-trust-bar{
  padding:38px 20px;
}

.kanz-trust-item{
  background:rgba(255,255,255,.78);
  border:1px solid var(--v2-border);
  box-shadow:0 13px 34px rgba(40,40,90,.07);
  backdrop-filter:blur(14px);
}

.kanz-trust-number{
  color:var(--v2-primary);
}

.kanz-trust-label{
  color:var(--v2-text-soft);
}

/* =========================================================
   Intro CTA + Video
========================================================= */

.kanz-cta-subscribe{
  padding-top:66px;
}

.kanz-cta-box h3{
  color:var(--v2-text);
}

.kanz-cta-box p{
  color:var(--v2-text-soft);
}

.kanz-intro-video-title{
  color:var(--v2-text);
  text-shadow:none;
}

.kanz-intro-video-frame{
  border:1px solid rgba(84,38,232,.22);
  background:#fff;
  box-shadow:
    0 28px 75px rgba(39,35,87,.16),
    0 0 0 7px rgba(255,255,255,.65);
}

/* =========================================================
   Hero
========================================================= */

.kanz-hero{
  padding-top:74px;
}

.kanz-hero::before{
  inset:18px 2.5% auto;
  border:1px solid rgba(84,38,232,.09);
  border-radius:44px;
  background:
    radial-gradient(circle at 8% 20%, rgba(84,38,232,.15), transparent 28%),
    radial-gradient(circle at 92% 78%, rgba(255,185,54,.18), transparent 26%),
    linear-gradient(
      135deg,
      rgba(255,255,255,.92),
      rgba(244,246,255,.94) 52%,
      rgba(255,249,237,.96)
    );
  box-shadow:var(--v2-shadow);
}

.kanz-hero::after{
  background:radial-gradient(circle, rgba(84,38,232,.14), transparent 65%);
}

.kanz-hero h1{
  background:
    linear-gradient(
      90deg,
      var(--v2-primary-dark),
      var(--v2-primary),
      #bd62c8,
      #ce8b13
    );
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.kanz-hero p{
  color:var(--v2-text-soft);
}

/* =========================================================
   Text Sections
========================================================= */

.kanz-mission-text,
.kanz-about-text,
.kanz-courses-intro,
.kanz-stats-head p,
.kanz-testimonials-head p,
.kanz-faq-head p,
.kanz-final-cta-box p,
.kanz-trust-text{
  color:var(--v2-text-soft);
}

.kanz-fields h2,
.kanz-about h2,
.kanz-courses h2,
.kanz-cta h2,
.kanz-stats-head h2,
.kanz-testimonials-head h2,
.kanz-faq-head h2,
.kanz-final-cta-box h2{
  color:var(--v2-text);
  text-shadow:none;
}

/* =========================================================
   Generic Cards
========================================================= */

.kanz-card,
.kanz-about-card,
.kanz-stat-card,
.kanz-testimonial-card,
.kanz-course-card,
.kanz-benefit-card,
.kanz-market-item,
.kanz-step,
.kanz-faq-item,
.kanz-subscription-faq-item{
  color:var(--v2-text);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(248,249,255,.94)
    );
  border:1px solid var(--v2-border);
  box-shadow:var(--v2-shadow);
}

.kanz-card::before,
.kanz-about-card::before,
.kanz-stat-card::before,
.kanz-testimonial-card::before{
  background:
    radial-gradient(circle, rgba(123,69,245,.13), transparent 70%);
}

.kanz-card:hover,
.kanz-course-card:hover,
.kanz-about-card:hover,
.kanz-stat-card:hover,
.kanz-testimonial-card:hover,
.kanz-benefit-card:hover,
.kanz-market-item:hover{
  border-color:var(--v2-border-strong);
  box-shadow:var(--v2-shadow-hover);
}

.kanz-card h3,
.kanz-about-card h3,
.kanz-course-content h3,
.kanz-benefit-card h3,
.kanz-market-item h3{
  color:var(--v2-primary-dark);
}

.kanz-card p,
.kanz-about-card p,
.kanz-course-content p,
.kanz-stat-card p,
.kanz-testimonial-card p,
.kanz-benefit-card p,
.kanz-market-item p,
.kanz-step p{
  color:var(--v2-text-soft);
}

/* =========================================================
   Course Cards
========================================================= */

.kanz-course-card{
  border-radius:22px;
}

.kanz-course-video{
  background:#f4f5fa;
  border-bottom:1px solid var(--v2-border);
}

.kanz-course-video video{
  background:#f3f4f8;
}

.kanz-course-content{
  background:rgba(255,255,255,.96);
}

/* =========================================================
   Stats
========================================================= */

.kanz-stat-number{
  color:var(--v2-primary);
  text-shadow:none;
}

.kanz-stat-suffix{
  color:#d89916;
}

.kanz-stat-card h3{
  color:var(--v2-text);
}

/* =========================================================
   CTA / Final CTA / Trust
========================================================= */

.kanz-cta .kanz-container,
.kanz-final-cta-box,
.kanz-trust-box{
  background:
    radial-gradient(circle at 8% 12%, rgba(84,38,232,.13), transparent 29%),
    radial-gradient(circle at 90% 80%, rgba(255,185,54,.15), transparent 25%),
    linear-gradient(135deg,#fff,#f4f5ff 52%,#fff8e9);
  border:1px solid var(--v2-border);
  box-shadow:var(--v2-shadow);
}

.kanz-cta p{
  color:var(--v2-text-soft);
}

/* =========================================================
   Lifetime Offer
========================================================= */

.kanz-offer-card{
  background:
    radial-gradient(circle at top right, rgba(255,185,54,.17), transparent 28%),
    linear-gradient(145deg,#fff,#f5f2ff);
  border:1px solid var(--v2-border);
  box-shadow:var(--v2-shadow);
}

.kanz-offer-badge{
  color:var(--v2-primary);
  background:rgba(84,38,232,.08);
  border-color:rgba(84,38,232,.15);
}

.kanz-offer-card h2,
.kanz-offer-feature{
  color:var(--v2-text);
}

.kanz-offer-text,
.kanz-offer-sub,
.kanz-offer-note{
  color:var(--v2-text-soft);
}

.kanz-offer-price-box{
  background:rgba(255,255,255,.82);
  border:1px solid var(--v2-border);
  box-shadow:0 12px 30px rgba(47,42,100,.07);
}

.kanz-offer-label{
  color:var(--v2-primary);
}

.kanz-offer-price{
  color:var(--v2-text);
}

.kanz-offer-feature{
  background:rgba(255,255,255,.72);
  border-color:var(--v2-border);
}

/* =========================================================
   Journey
========================================================= */

.kanz-learning-journey h2,
.kanz-benefits h2,
.kanz-section-title{
  color:var(--v2-text);
}

.kanz-journey-intro,
.kanz-section-lead,
.kanz-market-note,
.kanz-market-small{
  color:var(--v2-text-soft);
}

.kanz-journey::before{
  background:
    linear-gradient(
      var(--v2-primary),
      var(--v2-primary-2),
      var(--v2-accent)
    );
}

.kanz-step::before{
  background:var(--v2-primary);
  box-shadow:0 0 0 7px rgba(84,38,232,.10);
}

.kanz-step h3{
  color:var(--v2-primary-dark);
}

/* =========================================================
   FAQ
========================================================= */

.kanz-faq-question,
.kanz-subscription-faq h2,
.kanz-subscription-faq-item summary{
  color:var(--v2-text);
}

.kanz-faq-answer,
.kanz-subscription-faq-lead,
.kanz-subscription-faq-item p{
  color:var(--v2-text-soft);
}

.kanz-subscription-faq-item summary::before{
  color:var(--v2-primary);
}

/* =========================================================
   Testimonials
========================================================= */

.kanz-stars{
  color:#f0aa16;
  text-shadow:none;
}

.kanz-testimonial-card h3{
  color:var(--v2-primary-dark);
}

/* =========================================================
   Footer
========================================================= */

.kanz-footer{
  color:var(--v2-text-soft);
  background:
    linear-gradient(
      145deg,
      #f3f5ff,
      #ffffff 50%,
      #fff7e7
    );
  border-top:1px solid var(--v2-border);
}

.kanz-footer-col h4{
  color:var(--v2-text);
}

.kanz-footer-col p,
.kanz-footer-col a,
.kanz-footer-bottom{
  color:var(--v2-text-soft);
}

.kanz-footer-col a:hover,
.kanz-founder a{
  color:var(--v2-primary);
}

/* =========================================================
   Live Activity
========================================================= */

.kanz-live-pill{
  color:var(--v2-text-soft);
  background:rgba(255,255,255,.92);
  border:1px solid var(--v2-border);
  box-shadow:0 16px 38px rgba(37,29,89,.13);
}

/* =========================================================
   Decorative Separators
========================================================= */

.kanz-fields::after,
.kanz-about::after,
.kanz-courses::after,
.kanz-stats::after,
.kanz-testimonials::after,
.kanz-faq::after,
.kanz-trust::after,
.kanz-mission::after{
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(84,38,232,.23),
      rgba(255,185,54,.25),
      transparent
    );
}

/* =========================================================
   Mobile Navigation
========================================================= */

@media(max-width:991px){

  .kanz-nav-wrap{
    background:rgba(255,255,255,.97);
    border-color:var(--v2-border);
    box-shadow:0 25px 60px rgba(36,30,89,.14);
  }

  .kanz-menu-toggle span{
    background:var(--v2-primary-dark);
  }

}

@media(max-width:640px){

  .kanz-hero::before{
    inset:8px 8px auto;
    border-radius:26px;
  }

  .kanz-card,
  .kanz-about-card,
  .kanz-stat-card,
  .kanz-testimonial-card{
    border-radius:20px;
  }

}

/* =========================================================
   Footer V2 — Five Columns Alignment Fix
========================================================= */

.kanz-footer{
  padding:64px 24px 34px;
}

.kanz-footer-container{
  width:min(1280px, 100%);
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:
    minmax(210px, 1.35fr)
    repeat(3, minmax(145px, .85fr))
    minmax(210px, 1.15fr);
  gap:34px;
  align-items:start;
}

.kanz-footer-col{
  min-width:0;
  height:100%;
  text-align:right;
}

.kanz-footer-col h4{
  position:relative;
  margin:0 0 22px;
  padding-bottom:12px;
  font-size:18px;
  font-weight:900;
}

.kanz-footer-col h4::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--v2-primary),
    var(--v2-primary-2),
    var(--v2-accent)
  );
}

.kanz-footer-col p{
  margin:0 0 12px;
  font-size:14px;
  line-height:2;
}

.kanz-footer-col ul{
  margin:0;
  padding:0;
}

.kanz-footer-col li{
  margin-bottom:12px;
}

.kanz-footer-col a{
  display:inline-block;
  line-height:1.8;
}

.kanz-footer-col:last-child{
  padding:22px;
  border:1px solid var(--v2-border);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 38px rgba(48,38,104,.08);
}

.kanz-footer-col:last-child > a{
  display:block;
  width:100%;
  margin:14px 0 18px;
  padding:12px 14px;
  color:var(--v2-primary);
  text-align:center;
  direction:ltr;
  overflow-wrap:anywhere;
  border:1px solid rgba(84,38,232,.14);
  border-radius:12px;
  background:rgba(84,38,232,.05);
}

.kanz-footer-col:last-child > p:last-child{
  margin-bottom:0;
  padding-top:16px;
  border-top:1px solid var(--v2-border);
  color:var(--v2-text-muted);
  font-size:13px;
}

/* Tablet */
@media(max-width:1100px){

  .kanz-footer-container{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .kanz-footer-col:last-child{
    grid-column:auto;
  }

}

/* Mobile */
@media(max-width:768px){

  .kanz-footer{
    padding:48px 16px 28px;
  }

  .kanz-footer-container{
    grid-template-columns:1fr;
    gap:20px;
  }

  .kanz-footer-col{
    padding:20px;
    border:1px solid var(--v2-border);
    border-radius:18px;
    background:rgba(255,255,255,.64);
  }

  .kanz-footer-col:last-child{
    padding:20px;
  }

}


/* =========================================================
   Logo Image V2
========================================================= */

.kanz-logo{
    gap:16px;
}

.kanz-logo::before{

    content:"";

    width:54px;
    height:54px;

    border-radius:16px;

    background-image:url("/assets/posters/kanz/platform-introduction.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    box-shadow:
        0 10px 28px rgba(82,54,187,.18);

    border:2px solid rgba(255,255,255,.95);

}

@media(max-width:768px){

    .kanz-logo::before{

        width:46px;
        height:46px;
        border-radius:14px;

    }

}


/* =========================================================
   Kanz Theme V2.1
   Sky Blue Premium + Strong Typography + Colored Identity
========================================================= */

:root{
  --v2-primary:#2563eb;
  --v2-primary-2:#4f46e5;
  --v2-primary-dark:#102a56;

  --v2-cyan:#06b6d4;
  --v2-sky:#38bdf8;
  --v2-green:#10b981;
  --v2-orange:#f59e0b;
  --v2-purple:#7c3aed;
  --v2-red:#ef476f;

  --v2-bg:#eef9ff;
  --v2-bg-blue:#e4f4ff;
  --v2-bg-soft:#f7fcff;

  --v2-surface:#ffffff;
  --v2-text:#102442;
  --v2-text-soft:#39536f;
  --v2-text-muted:#647b91;

  --v2-border:rgba(37,99,235,.12);
  --v2-border-strong:rgba(37,99,235,.28);

  --v2-shadow:
    0 16px 42px rgba(31,78,121,.10);

  --v2-shadow-hover:
    0 24px 58px rgba(31,78,121,.18);
}

/* ===== Typography Foundation ===== */

html,
body,
button,
input,
textarea,
select{
  font-family:"Cairo", Tahoma, Arial, sans-serif !important;
}

body{
  color:var(--v2-text);
  font-weight:500;
  background:
    radial-gradient(circle at 8% 10%, rgba(56,189,248,.17), transparent 24%),
    radial-gradient(circle at 92% 18%, rgba(37,99,235,.13), transparent 24%),
    radial-gradient(circle at 18% 80%, rgba(6,182,212,.10), transparent 24%),
    radial-gradient(circle at 88% 88%, rgba(79,70,229,.09), transparent 23%),
    linear-gradient(
      135deg,
      #f8fdff 0%,
      #eaf7ff 48%,
      #f3f9ff 100%
    );
}

body::before{
  background:
    radial-gradient(circle at 14% 30%, rgba(56,189,248,.11), transparent 27%),
    radial-gradient(circle at 84% 68%, rgba(37,99,235,.10), transparent 27%);
}

body::after{
  background-image:
    radial-gradient(circle, rgba(37,99,235,.13) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(6,182,212,.12) 0 1px, transparent 1.5px);
}

/* ===== Global Text Quality ===== */

h1,
h2,
h3,
h4,
h5,
h6{
  color:var(--v2-text);
  font-family:"Cairo", Tahoma, Arial, sans-serif !important;
  font-weight:900;
  letter-spacing:0;
}

p,
li,
a,
summary,
button{
  font-family:"Cairo", Tahoma, Arial, sans-serif !important;
}

p{
  color:var(--v2-text-soft);
  font-weight:500;
}

.kanz-mission-text,
.kanz-about-text,
.kanz-courses-intro,
.kanz-stats-head p,
.kanz-testimonials-head p,
.kanz-faq-head p,
.kanz-final-cta-box p,
.kanz-trust-text,
.kanz-offer-text,
.kanz-journey-intro,
.kanz-section-lead,
.kanz-subscription-faq-lead{
  color:#334f6c;
  font-size:1.03rem;
  font-weight:500;
  line-height:2;
}

/* ===== Clean Sky Backgrounds — Remove Pink/Warm Cast ===== */

.kanz-footer,
.kanz-cta .kanz-container,
.kanz-final-cta-box,
.kanz-trust-box,
.kanz-offer-card{
  background:
    radial-gradient(circle at 8% 12%, rgba(56,189,248,.13), transparent 28%),
    radial-gradient(circle at 92% 80%, rgba(37,99,235,.10), transparent 27%),
    linear-gradient(135deg,#ffffff,#edf8ff 55%,#f7fcff);
}

.kanz-footer{
  background:
    linear-gradient(
      145deg,
      #eaf7ff,
      #ffffff 50%,
      #edf8ff
    );
}

/* ===== Main Section Separation ===== */

.kanz-fields,
.kanz-stats,
.kanz-lifetime-offer,
.kanz-market-work,
.kanz-benefits,
.kanz-subscription-faq,
.kanz-testimonials{
  position:relative;
}

.kanz-lifetime-offer,
.kanz-benefits,
.kanz-testimonials{
  background:
    linear-gradient(
      180deg,
      rgba(224,244,255,.66),
      rgba(248,252,255,.78)
    );
  border-top:1px solid rgba(37,99,235,.08);
  border-bottom:1px solid rgba(37,99,235,.08);
}

.kanz-market-work,
.kanz-subscription-faq{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.75),
      rgba(232,247,255,.78)
    );
}

/* ===== Strong Section Headings ===== */

.kanz-fields h2,
.kanz-about h2,
.kanz-courses h2,
.kanz-cta h2,
.kanz-stats-head h2,
.kanz-testimonials-head h2,
.kanz-faq-head h2,
.kanz-final-cta-box h2,
.kanz-learning-journey h2,
.kanz-benefits h2,
.kanz-subscription-faq h2,
.kanz-section-title{
  color:#102a56;
  font-weight:900;
  line-height:1.45;
}

.kanz-section-badge,
.kanz-offer-badge{
  color:#1d4ed8;
  background:rgba(37,99,235,.09);
  border-color:rgba(37,99,235,.18);
  font-weight:800;
}

/* ===== General Cards ===== */

.kanz-card,
.kanz-about-card,
.kanz-stat-card,
.kanz-testimonial-card,
.kanz-course-card,
.kanz-benefit-card,
.kanz-market-item,
.kanz-step,
.kanz-faq-item,
.kanz-subscription-faq-item{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(37,99,235,.11);
  box-shadow:var(--v2-shadow);
}

.kanz-card p,
.kanz-about-card p,
.kanz-course-content p,
.kanz-stat-card p,
.kanz-testimonial-card p,
.kanz-benefit-card p,
.kanz-market-item p,
.kanz-step p,
.kanz-faq-answer,
.kanz-subscription-faq-item p{
  color:#3b536d;
  font-weight:500;
  line-height:1.95;
}

/* ===== 31 Learning Field Cards — Color Cycle ===== */

.kanz-card{
  border-top:5px solid var(--card-accent,#2563eb);
}

.kanz-card:nth-child(6n+1){--card-accent:#2563eb;}
.kanz-card:nth-child(6n+2){--card-accent:#7c3aed;}
.kanz-card:nth-child(6n+3){--card-accent:#06b6d4;}
.kanz-card:nth-child(6n+4){--card-accent:#10b981;}
.kanz-card:nth-child(6n+5){--card-accent:#f59e0b;}
.kanz-card:nth-child(6n+6){--card-accent:#ef476f;}

.kanz-card h3{
  color:var(--card-accent);
  font-weight:900;
}

/* ===== Course Video Cards ===== */

.kanz-course-card{
  border-top:5px solid var(--course-accent,#2563eb);
  overflow:hidden;
}

.kanz-course-card:nth-child(6n+1){--course-accent:#2563eb;}
.kanz-course-card:nth-child(6n+2){--course-accent:#7c3aed;}
.kanz-course-card:nth-child(6n+3){--course-accent:#06b6d4;}
.kanz-course-card:nth-child(6n+4){--course-accent:#10b981;}
.kanz-course-card:nth-child(6n+5){--course-accent:#f59e0b;}
.kanz-course-card:nth-child(6n+6){--course-accent:#ef476f;}

.kanz-course-content{
  background:#fff;
}

.kanz-course-content h3{
  color:var(--course-accent);
  font-size:1.24rem;
  font-weight:900;
}

.kanz-course-content p{
  color:#39536f;
  font-size:.98rem;
}

.kanz-course-buttons .kanz-btn-outline{
  color:var(--course-accent);
  border-color:color-mix(in srgb, var(--course-accent) 35%, transparent);
  background:color-mix(in srgb, var(--course-accent) 7%, white);
}

/* ===== Benefits Cards ===== */

.kanz-benefit-card{
  position:relative;
  padding-top:72px;
  border-top:5px solid var(--benefit-color);
}

.kanz-benefit-card:nth-child(1){--benefit-color:#2563eb;}
.kanz-benefit-card:nth-child(2){--benefit-color:#10b981;}
.kanz-benefit-card:nth-child(3){--benefit-color:#f59e0b;}

.kanz-benefit-card::before{
  position:absolute;
  top:20px;
  right:50%;
  transform:translateX(50%);
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff;
  font-size:21px;
  background:var(--benefit-color);
  box-shadow:0 10px 25px color-mix(in srgb, var(--benefit-color) 30%, transparent);
}

.kanz-benefit-card:nth-child(1)::before{content:"💬";}
.kanz-benefit-card:nth-child(2)::before{content:"🚀";}
.kanz-benefit-card:nth-child(3)::before{content:"🎓";}

.kanz-benefit-card h3{
  color:var(--benefit-color);
  font-weight:900;
}

/* ===== Market Work Cards ===== */

.kanz-market-item{
  position:relative;
  border-top:5px solid var(--market-color);
}

.kanz-market-item:nth-child(1){--market-color:#2563eb;}
.kanz-market-item:nth-child(2){--market-color:#7c3aed;}
.kanz-market-item:nth-child(3){--market-color:#10b981;}

.kanz-market-item h3{
  color:var(--market-color);
  font-weight:900;
}

.kanz-market-note,
.kanz-market-small{
  color:#536d86;
  font-weight:600;
}

/* ===== Lifetime Offer ===== */

.kanz-offer-price{
  color:#102a56;
  font-weight:900;
}

.kanz-offer-label{
  color:#7c3aed;
  font-weight:900;
}

.kanz-offer-feature{
  position:relative;
  color:#203a56;
  font-weight:700;
  background:#fff;
  border-left:5px solid var(--feature-color);
  box-shadow:0 9px 24px rgba(31,78,121,.07);
}

.kanz-offer-feature:nth-child(1){--feature-color:#2563eb;}
.kanz-offer-feature:nth-child(2){--feature-color:#10b981;}
.kanz-offer-feature:nth-child(3){--feature-color:#7c3aed;}
.kanz-offer-feature:nth-child(4){--feature-color:#f59e0b;}

.kanz-offer-note{
  color:#536d86;
  font-weight:600;
}

/* ===== Testimonials — Stronger Visual Identity ===== */

.kanz-testimonial-card{
  position:relative;
  padding-top:34px;
  border-top:5px solid var(--testimonial-color);
}

.kanz-testimonial-card:nth-child(4n+1){--testimonial-color:#2563eb;}
.kanz-testimonial-card:nth-child(4n+2){--testimonial-color:#7c3aed;}
.kanz-testimonial-card:nth-child(4n+3){--testimonial-color:#10b981;}
.kanz-testimonial-card:nth-child(4n+4){--testimonial-color:#f59e0b;}

.kanz-testimonial-card::after{
  content:"❝";
  position:absolute;
  top:14px;
  left:18px;
  color:color-mix(in srgb, var(--testimonial-color) 22%, transparent);
  font-size:46px;
  font-weight:900;
  line-height:1;
}

.kanz-testimonial-card h3{
  color:var(--testimonial-color);
  font-size:1.04rem;
  font-weight:900;
}

.kanz-testimonial-card p{
  color:#344f6b;
  font-size:.96rem;
  line-height:2;
}

.kanz-stars{
  color:#f59e0b;
  font-size:1.15rem;
}

/* ===== Trust Section ===== */

.kanz-trust-text{
  color:#29445f;
  font-weight:600;
}

.kanz-trust-icons .kanz-trust-item{
  color:#163a63;
  font-weight:800;
  background:#fff;
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 9px 24px rgba(31,78,121,.08);
}

/* ===== FAQ ===== */

.kanz-faq-question,
.kanz-subscription-faq-item summary{
  color:#173553;
  font-weight:800;
}

.kanz-faq-item.active,
.kanz-subscription-faq-item[open]{
  border-color:rgba(37,99,235,.28);
  box-shadow:0 16px 38px rgba(37,99,235,.10);
}

/* ===== Footer Typography ===== */

.kanz-footer-col h4{
  color:#102a56;
  font-weight:900;
}

.kanz-footer-col p,
.kanz-footer-col a,
.kanz-footer-bottom{
  color:#405b76;
  font-weight:500;
}

.kanz-footer-col a:hover,
.kanz-founder a{
  color:#2563eb;
}

/* ===== Live Activity Pill ===== */

.kanz-live-pill{
  color:#284660;
  font-weight:600;
  background:rgba(255,255,255,.96);
  border-color:rgba(16,185,129,.22);
}

/* ===== Mobile Text Quality ===== */

@media(max-width:768px){

  body{
    font-size:15px;
  }

  .kanz-mission-text,
  .kanz-about-text,
  .kanz-courses-intro,
  .kanz-section-lead{
    font-size:.96rem;
  }

  .kanz-course-content h3,
  .kanz-card h3{
    font-size:1.15rem;
  }

}