:root{
  --ink:#070d1a;
  --ink2:#0b1324;
  --ink3:#111a2c;
  --lime:#baff2f;
  --lime2:#d1ff6b;
  --paper:#f4f5f0;
  --white:#ffffff;
  --text:#101623;
  --muted:#697386;
  --line:#dfe4df;
  --soft:#edf0e8;
  --shadow:0 22px 60px rgba(7,13,26,.13);
  --shadow2:0 13px 32px rgba(7,13,26,.08);
  --max:1380px;
  --r:0px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif;
  background:var(--paper);
  color:var(--text);
  line-height:1.62;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(92%,var(--max));margin:auto}
.skip{position:absolute;left:-9999px;top:8px;background:var(--lime);color:var(--ink);padding:9px 13px;z-index:999;font-weight:900}
.skip:focus{left:8px}

.top{
  background:var(--lime);
  color:#05070c;
  font-size:13px;
  font-weight:900;
  padding:9px 0;
  text-align:center;
}
.top .container{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.top a{font-weight:950}
.noticebar{
  display:none;
}

header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(244,245,240,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(7,13,26,.11);
}
.nav{
  min-height:84px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
  font-weight:950;
  line-height:.95;
  letter-spacing:-.035em;
}
.brand span:last-child{font-size:18px;max-width:125px}
.mark{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:950;
  color:var(--lime);
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 31% 26%,rgba(255,255,255,.43),transparent 16%),
    radial-gradient(circle at 39% 34%,rgba(186,255,47,.24),transparent 31%),
    linear-gradient(145deg,#17223a 0%,#070d1a 62%,#02050a 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    inset 7px 7px 14px rgba(255,255,255,.08),
    inset -10px -12px 16px rgba(0,0,0,.55),
    0 9px 18px rgba(7,13,26,.25),
    0 0 0 1px rgba(186,255,47,.1);
}
.mark:after{
  content:"";
  position:absolute;
  width:18px;height:7px;
  border-radius:50%;
  top:8px;left:10px;
  background:rgba(255,255,255,.34);
  filter:blur(1px);
  z-index:-1;
}
.links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  font-size:13px;
  font-weight:900;
  color:#0d1421;
}
.links a{position:relative;white-space:nowrap}
.links a:after{
  content:"";
  position:absolute;left:0;bottom:-10px;width:0;height:3px;
  background:var(--lime);
  box-shadow:0 0 12px rgba(186,255,47,.6);
  transition:.2s;
}
.links a:hover:after,.links a.active:after{width:100%}
.actions{display:flex;align-items:center;gap:10px}
.hamb{display:none;width:46px;height:46px;border:1px solid #cfd4cf;background:var(--paper);font-size:21px;cursor:pointer}
.mobile{display:none;border-top:1px solid #d6dad5;padding:12px 0 20px}
.mobile.open{display:block}
.mobile a{display:block;padding:10px 0;font-size:14px;font-weight:900}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:0;border:1px solid transparent;
  padding:14px 21px;
  font-size:13px;font-weight:950;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(7,13,26,.12)}
.primary{background:var(--ink);color:#fff}
.white{background:var(--lime);color:var(--ink)}
.outline{border-color:#9aa19b;background:transparent;color:var(--ink)}
.dark{background:var(--ink);color:#fff}
.ghost{border-color:#6e7889;background:transparent;color:#fff}

.eyebrow{
  display:inline-flex;
  background:transparent;
  color:#657087;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:18px;
  padding-left:55px;
  position:relative;
}
.eyebrow:before{
  content:"";position:absolute;left:0;top:50%;width:43px;height:3px;background:var(--lime);
}
.eyebrow.light{color:#aab5cb}
.eyebrow.light:before{background:var(--lime)}

.hero{
  min-height:660px;
  position:relative;isolation:isolate;overflow:hidden;
  color:#fff;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    var(--ink);
  background-size:60px 60px;
  padding:92px 0 72px;
}
.herogrid{display:grid;grid-template-columns:1.07fr .93fr;gap:62px;align-items:center}
.hero h1,.pagehero h1{
  font-size:clamp(52px,7vw,96px);
  line-height:.93;
  letter-spacing:-.075em;
  margin-bottom:28px;
  font-weight:950;
}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero p,.pagehero p{font-size:19px;color:#c6cfde;max-width:850px}
.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.pills{display:flex;gap:9px;flex-wrap:wrap}
.pill{font-size:11px;font-weight:900;color:#d8dfeb;border:1px solid #313a4b;padding:8px 10px;background:#0b1324}
.herocard{
  background:var(--paper);
  color:var(--text);
  padding:22px;
  border:1px solid #fff;
  box-shadow:14px 14px 0 rgba(186,255,47,.92);
}
.heroinner{background:transparent;color:var(--text);padding:0}
.mini{
  display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;
  padding:16px;border:1px solid #d9ded8;background:#fff;margin-bottom:11px;
}
.mini:last-child{margin-bottom:0}
.icon{
  width:50px;height:50px;display:grid;place-items:center;
  background:var(--lime);color:var(--ink);font-size:20px;font-weight:950;
}
.mini h3{font-size:14px;font-weight:950}
.mini p{font-size:12px;color:var(--muted);line-height:1.35}
.pricechip{font-size:11px;font-weight:950;background:var(--ink);color:#fff;padding:7px 9px}

.pagehero{
  color:#fff;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    var(--ink);
  background-size:60px 60px;
  padding:82px 0 75px;
}
.pagehero h1{max-width:1120px}
.crumb{font-size:12px;font-weight:850;color:#9eabc0;margin-bottom:18px}
.crumb a{color:var(--lime)}

section{padding:88px 0}
.soft{background:#eceee8;border-top:1px solid #d8ddd7;border-bottom:1px solid #d8ddd7}
.sectionhead{max-width:900px;margin:0 auto 46px;text-align:center}
.sectionhead.left{margin-left:0;text-align:left}
.sectionhead h2,.split h2{
  color:var(--ink);font-size:clamp(34px,4.2vw,58px);line-height:1.02;
  letter-spacing:-.055em;margin-bottom:16px;font-weight:950;
}
.sectionhead p,.split p{font-size:17px;color:var(--muted)}

.statswrap{margin-top:-33px;position:relative;z-index:5}
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:var(--paper);border:1px solid #d6dbd5;
  box-shadow:var(--shadow);
}
.stat{padding:24px;border-right:1px solid #d6dbd5}
.stat:last-child{border-right:0}
.stat strong{display:block;font-size:29px;color:var(--ink);letter-spacing:-.04em;margin-bottom:7px}
.stat span{font-size:12px;color:var(--muted);font-weight:850}

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card,.coursecard,.pricebox,.contactcard,.formcard{
  background:#fff;border:1px solid #d9ded8;
  box-shadow:none;
  padding:25px;
  position:relative;
  transition:.2s;
}
.card:hover,.coursecard:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--lime)}
.card h3{font-size:20px;line-height:1.18;letter-spacing:-.025em;color:var(--ink);margin:12px 0 9px;font-weight:950}
.card p{font-size:14px;color:var(--muted)}
.card .more,.coursecard .more{display:inline-flex;margin-top:15px;color:var(--ink);font-weight:950;font-size:12px;border-bottom:3px solid var(--lime)}
.badge{display:inline-flex;width:max-content;background:var(--lime);color:var(--ink);padding:6px 9px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.money{font-size:27px;font-weight:950;color:var(--ink);margin:10px 0;letter-spacing:-.045em}
.money small{font-size:11px;color:var(--muted);font-weight:800}

.split{display:grid;grid-template-columns:.96fr 1.04fr;gap:52px;align-items:center}
.checks{display:grid;gap:12px;margin-top:22px}
.check{display:flex;gap:10px;color:#283445;font-weight:780}
.tick{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:950}
.darkpanel{
  color:#fff;background:var(--ink);
  padding:32px;border:1px solid #263044;
  box-shadow:12px 12px 0 var(--lime);
}
.darkpanel h2,.darkpanel h3{color:#fff}
.darkpanel p{color:#c5cede}
.panelgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.tile{min-height:130px;padding:19px;border:1px solid #344056;background:#0c1425}
.tile strong{display:block;color:var(--lime);font-size:28px;margin-bottom:7px}
.tile span{font-size:13px;color:#c7d0df}

.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.chip{padding:16px;text-align:center;background:#fff;border:1px solid #d6dbd5;font-size:12px;font-weight:950}
.chip:hover{background:var(--lime)}

.filters{
  display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:12px;
  background:#fff;padding:18px;border:1px solid #d8ddd7;margin-bottom:22px;
}
.field{margin-bottom:13px}
.field label{display:block;font-size:11px;font-weight:950;color:#283445;margin-bottom:6px}
.field input,.field select,.field textarea{
  width:100%;border:1px solid #d6dbd5;background:#fff;padding:12px;color:var(--text);outline:none;border-radius:0;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--lime)}
.field textarea{min-height:132px;resize:vertical}

.coursegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.coursecard{display:flex;flex-direction:column;gap:11px}
.coursecard h3{font-size:19px;line-height:1.17;letter-spacing:-.025em;color:var(--ink);font-weight:950}
.coursecard p{font-size:13px;color:var(--muted)}
.coursecard .price{font-size:23px;font-weight:950;color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.tag{font-size:10px;font-weight:900;padding:5px 8px;background:#eef0eb;border:1px solid #d7dcd6;color:#485366}
.hide{display:none!important}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:#fff;border:1px solid #d8ddd7;padding:22px}
.num{width:40px;height:40px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:950;margin-bottom:15px}
.step h3{font-size:18px;color:var(--ink);font-weight:950;margin-bottom:6px}
.step p{font-size:13px;color:var(--muted)}

.faq{max-width:930px;margin:auto;display:grid;gap:9px}
.faqitem{border:1px solid #d5dad4;background:#fff}
.faqbtn{width:100%;padding:18px 19px;background:#fff;border:0;text-align:left;display:flex;justify-content:space-between;font-weight:950;cursor:pointer}
.faqanswer{display:none;padding:0 19px 18px;color:var(--muted);font-size:14px}
.faqitem.open .faqanswer{display:block}

.coursecontent{display:grid;grid-template-columns:1.1fr .52fr;gap:32px;align-items:start}
.prose h2{font-size:29px;color:var(--ink);letter-spacing:-.03em;margin:30px 0 8px;font-weight:950}
.prose h3{font-size:19px;color:var(--ink);margin:20px 0 7px}
.prose p,.prose li{color:#48566b}
.prose ul,.prose ol{padding-left:21px;margin:9px 0}
.sticky{position:sticky;top:112px}
.pricebox .big{font-size:46px;line-height:1;font-weight:950;letter-spacing:-.06em;color:var(--ink);margin-top:15px}
.pricebox .sub{font-size:13px;color:var(--muted);margin:8px 0 17px}
.notice{padding:18px;background:#fff;border-left:7px solid var(--lime);border-top:1px solid #d8ddd7;border-right:1px solid #d8ddd7;border-bottom:1px solid #d8ddd7;color:#465267}
.notice strong{color:var(--ink)}

.formgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.contactline{padding:11px 0;border-bottom:1px solid #d8ddd7;font-weight:780}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formstatus{font-size:13px;color:var(--muted);margin-top:10px}

.cta{padding-top:0}
.ctabox{
  background:var(--ink);color:#fff;padding:55px;text-align:center;
  border:1px solid #293349;box-shadow:12px 12px 0 var(--lime);
}
.ctabox h2{font-size:clamp(34px,4.3vw,57px);line-height:1.02;letter-spacing:-.055em;margin-bottom:14px;font-weight:950}
.ctabox p{max-width:760px;margin:0 auto 24px;color:#c5cfdd;font-size:17px}

.legal{max-width:930px;margin:auto}
.legal h2{font-size:27px;letter-spacing:-.025em;margin:29px 0 8px;font-weight:950}
.legal p,.legal li{color:#48566b}
.legal ul{padding-left:21px}

footer{background:var(--ink);color:#fff;padding:58px 0 24px;border-top:8px solid var(--lime)}
.footergrid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:29px;margin-bottom:32px}
.footerbrand{font-size:21px;font-weight:950;margin-bottom:10px}
.footergrid h4{font-size:12px;letter-spacing:.1em;margin-bottom:12px;color:var(--lime)}
.footergrid p,.footergrid a{display:block;color:#aeb9ca;font-size:13px;margin-bottom:7px}
.socials{display:flex;gap:8px;margin-top:13px}
.social{width:35px;height:35px;display:grid!important;place-items:center;border:1px solid #394357;color:#fff!important;margin:0!important}
.social:hover{background:var(--lime);color:var(--ink)!important}
.footerbottom{border-top:1px solid #303a4b;padding-top:19px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8f9bb0;font-size:12px}

.whatsapp{position:fixed;right:20px;bottom:20px;z-index:84;display:grid;justify-items:end;gap:8px}
.walabel{background:var(--lime);color:var(--ink);padding:9px 12px;font-size:12px;font-weight:950;box-shadow:var(--shadow2)}
.wabtn{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  color:var(--lime);font-size:25px;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.35),transparent 15%),
    linear-gradient(145deg,#17223a,#050911);
  border:1px solid #3b4557;
  box-shadow:inset 5px 5px 10px rgba(255,255,255,.06),inset -8px -9px 13px rgba(0,0,0,.55),0 14px 26px rgba(7,13,26,.28);
}
.cookies{position:fixed;left:18px;bottom:18px;z-index:96;max-width:420px;background:#fff;border:1px solid #d7dcd6;padding:18px;box-shadow:var(--shadow);display:none}
.cookies.open{display:block}
.cookies p{font-size:13px;color:var(--muted);margin:5px 0 11px}
.cookieactions{display:flex;gap:7px;flex-wrap:wrap}

.reveal{opacity:0;transform:translateY(17px);transition:.5s}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1250px){
  .links{gap:14px;font-size:12px}
  .nav{gap:18px}
}
@media(max-width:1080px){
  .links,.actions{display:none}.hamb{display:block}.nav{grid-template-columns:auto 1fr auto}
  .herogrid,.split,.coursecontent,.formgrid{grid-template-columns:1fr}
  .sticky{position:static}
  .stats,.grid3,.coursegrid{grid-template-columns:repeat(2,1fr)}
  .grid4,.steps{grid-template-columns:repeat(2,1fr)}
  .chips{grid-template-columns:repeat(3,1fr)}
  .footergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .top{font-size:11px}.hero{padding:62px 0}.hero h1,.pagehero h1{font-size:clamp(43px,13vw,63px)}
  section{padding:64px 0}
  .stats,.grid2,.grid3,.grid4,.coursegrid,.steps,.chips,.panelgrid,.footergrid,.filters{grid-template-columns:1fr}
  .statswrap{margin-top:-25px}.stat{border-right:0;border-bottom:1px solid #d6dbd5}.stat:last-child{border-bottom:0}
  .formrow{grid-template-columns:1fr}.ctabox{padding:38px 20px}
  .walabel{display:none}.whatsapp{right:13px;bottom:13px}
  .cookies{left:10px;right:10px;bottom:82px;max-width:none}
  .brand span:last-child{font-size:16px}
  .mini{grid-template-columns:48px 1fr}.pricechip{grid-column:1/-1;width:max-content}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* DSM V6 FORCE-UNIFIED LIME THEME — cache-busting build */
:root{--lime:#baff2f!important;--ink:#070d1a!important;--paper:#f4f5f0!important}
.top{background:#baff2f!important;color:#070d1a!important}
header{background:rgba(244,245,240,.98)!important}
.mark{
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.5),transparent 15%),radial-gradient(circle at 38% 33%,rgba(186,255,47,.26),transparent 29%),linear-gradient(145deg,#1b263d 0%,#070d1a 60%,#020409 100%)!important;
  color:#baff2f!important;border:1px solid rgba(186,255,47,.36)!important;border-radius:50%!important;
  box-shadow:inset 8px 8px 14px rgba(255,255,255,.08),inset -10px -12px 17px rgba(0,0,0,.62),0 10px 20px rgba(7,13,26,.28),0 0 18px rgba(186,255,47,.15)!important
}
.pagehero,.hero{
 background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#070d1a!important;
 background-size:60px 60px!important
}
.eyebrow:before{background:#baff2f!important}.badge,.icon,.num,.tick{background:#baff2f!important;color:#070d1a!important}
.btn.white{background:#baff2f!important;color:#070d1a!important}.btn.primary{background:#070d1a!important;color:#fff!important}
.card:hover,.coursecard:hover{box-shadow:8px 8px 0 #baff2f!important}.darkpanel,.ctabox{background:#070d1a!important;box-shadow:12px 12px 0 #baff2f!important}
.links a:after{background:#baff2f!important}.chip:hover{background:#baff2f!important}.footergrid h4{color:#baff2f!important}footer{border-top:8px solid #baff2f!important}
.pricing-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #30394b;margin-top:30px;max-width:1000px;background:#0b1324}
.pricing-strip .tier{padding:15px;border-right:1px solid #30394b}.pricing-strip .tier:last-child{border-right:0}
.pricing-strip strong{display:block;color:#baff2f;font-size:20px;letter-spacing:-.03em}.pricing-strip span{display:block;color:#c7d0df;font-size:11px;font-weight:800;margin-top:3px}
@media(max-width:900px){.pricing-strip{grid-template-columns:1fr 1fr}.pricing-strip .tier{border-bottom:1px solid #30394b}}
@media(max-width:600px){.pricing-strip{grid-template-columns:1fr}}


/* ===========================
   V7 BRAND CONSISTENCY LAYER
   =========================== */
.mark{
  width:50px!important;
  height:50px!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:0!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.015) 35%,rgba(0,0,0,.16) 100%),
    #070d1a!important;
  border:1px solid #182235!important;
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,.10),
    inset -4px -5px 8px rgba(0,0,0,.42),
    0 7px 16px rgba(7,13,26,.18)!important;
  position:relative!important;
  overflow:hidden!important;
  font-size:12px!important;
  letter-spacing:-.05em!important;
  color:#fff!important;
}
.mark:before{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  left:5px!important;
  right:5px!important;
  height:11px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0))!important;
  transform:skewX(-18deg)!important;
  pointer-events:none!important;
}
.mark:after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:5px!important;
  width:19px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.18)!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
}
.logo-d,.logo-m{color:#fff!important}
.logo-s{color:#baff2f!important;text-shadow:0 0 10px rgba(186,255,47,.35)!important}
.mark span{position:relative!important;z-index:2!important;font-weight:950!important}

.catalogue-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #d5dad4;
  background:#fff;
  margin:24px 0 26px;
}
.catalogue-summary>div{
  padding:18px;
  border-right:1px solid #d5dad4;
}
.catalogue-summary>div:last-child{border-right:0}
.catalogue-summary strong{
  display:block;
  font-size:26px;
  line-height:1;
  color:#070d1a;
  letter-spacing:-.04em;
  margin-bottom:7px;
}
.catalogue-summary span{font-size:12px;color:#697386;font-weight:800}

.catalogue-toolbar{
  display:grid;
  grid-template-columns:1.35fr repeat(4,.75fr);
  gap:10px;
  padding:18px;
  background:#fff;
  border:1px solid #d5dad4;
  margin-bottom:20px;
}
.catalogue-toolbar label{
  display:block;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:5px;color:#475265;
}
.catalogue-toolbar input,.catalogue-toolbar select{
  width:100%;height:44px;padding:0 11px;border:1px solid #d5dad4;border-radius:0;background:white;color:#111827;
}
.catalogue-toolbar input:focus,.catalogue-toolbar select:focus{
  outline:0;border-color:#070d1a;box-shadow:0 0 0 3px #baff2f;
}
.catalogue-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.catalogue-item{
  background:#fff;
  border:1px solid #d5dad4;
  padding:21px;
  display:flex;
  flex-direction:column;
  min-height:270px;
  transition:.18s;
}
.catalogue-item:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #baff2f}
.catalogue-item .cat-kicker{
  font-size:10px;font-weight:950;letter-spacing:.12em;color:#596579;text-transform:uppercase;
}
.catalogue-item h3{
  color:#070d1a;font-size:19px;line-height:1.16;letter-spacing:-.025em;margin:10px 0 9px;
}
.catalogue-item p{color:#697386;font-size:13px;margin-bottom:13px}
.catalogue-item .cat-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.catalogue-item .cat-meta span{font-size:10px;font-weight:900;background:#edf0e8;border:1px solid #d6dbd5;padding:5px 7px}
.catalogue-item .cat-price{font-size:22px;font-weight:950;color:#070d1a;margin-top:13px}
.catalogue-item .cat-price small{font-size:11px;font-weight:800;color:#697386}
.catalogue-item a{margin-top:14px;font-size:12px;font-weight:950;border-bottom:3px solid #baff2f;width:max-content}

.catalogue-pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:28px;flex-wrap:wrap}
.catalogue-pagination button{
  min-width:42px;height:42px;border:1px solid #cfd5ce;background:#fff;color:#070d1a;font-weight:900;cursor:pointer
}
.catalogue-pagination button.active,.catalogue-pagination button:hover{background:#baff2f;border-color:#baff2f}
.catalogue-pagination button:disabled{opacity:.35;cursor:not-allowed}

.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.path-card{background:#fff;border:1px solid #d6dbd5;padding:25px}
.path-card .number{font-size:12px;font-weight:950;color:#697386;letter-spacing:.12em}
.path-card h3{font-size:22px;color:#070d1a;letter-spacing:-.03em;margin:8px 0}
.path-card p{font-size:14px;color:#697386}
.path-card a{display:inline-flex;margin-top:15px;font-size:12px;font-weight:950;border-bottom:3px solid #baff2f}

.detail-hero-box{
  background:#f4f5f0;border:1px solid #d6dbd5;padding:26px;box-shadow:10px 10px 0 #baff2f;color:#070d1a;
}
.detail-hero-box .detail-price{font-size:44px;font-weight:950;letter-spacing:-.06em}
.detail-hero-box p{color:#697386!important;font-size:14px!important}

@media(max-width:1100px){
 .catalogue-toolbar{grid-template-columns:1fr 1fr}
 .catalogue-grid,.path-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .catalogue-summary{grid-template-columns:1fr 1fr}
 .catalogue-summary>div:nth-child(2){border-right:0}
 .catalogue-summary>div{border-bottom:1px solid #d5dad4}
 .catalogue-toolbar{grid-template-columns:1fr}
 .catalogue-grid,.path-grid{grid-template-columns:1fr}
}

/* ============================
   V8 — FINAL BRAND / COURSE UX
   ============================ */
:root{
  --lime:#b7ff25;
  --ink:#070b13;
  --paper:#f5f5f0;
}

/* Exact photo-1 style logo: square, black, D+M white, S lime, subtle 3D light */
.mark{
  width:54px!important;height:54px!important;border-radius:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.018) 38%,rgba(0,0,0,.20) 100%),
    #070b13!important;
  border:1px solid #1b2230!important;
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,.08),
    inset -5px -6px 10px rgba(0,0,0,.45),
    0 8px 16px rgba(7,11,19,.18)!important;
  position:relative!important;overflow:hidden!important;
}
.mark:before{
  content:""!important;position:absolute!important;z-index:1!important;
  width:38px!important;height:13px!important;left:7px!important;top:5px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.02))!important;
  transform:skewX(-18deg)!important;
}
.mark:after{
  content:""!important;position:absolute!important;z-index:1!important;
  width:17px!important;height:5px!important;left:10px!important;top:8px!important;
  border-radius:50%!important;background:rgba(255,255,255,.20)!important;filter:blur(.5px)!important;
}
.mark .logo-d,.mark .logo-m{color:#fff!important}
.mark .logo-s{color:var(--lime)!important;text-shadow:0 0 9px rgba(183,255,37,.32)!important}
.mark span{position:relative!important;z-index:2!important;font-weight:950!important;font-size:13px!important}

/* Header always readable and compact */
.nav{grid-template-columns:auto 1fr auto!important}
.links{gap:17px!important;font-size:12px!important}
.links a{cursor:pointer!important}

/* Pricing display */
.price-pair{
  display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8ddd7;margin-top:16px;
}
.price-pair>div{padding:15px;background:#fff}
.price-pair>div+div{border-left:1px solid #d8ddd7}
.price-pair span{display:block;font-size:10px;letter-spacing:.08em;font-weight:950;color:#667085;text-transform:uppercase}
.price-pair strong{display:block;margin-top:4px;font-size:24px;letter-spacing:-.04em;color:var(--ink)}
.group-note{
  margin-top:10px;padding:11px 12px;background:#f0f3ea;border-left:5px solid var(--lime);
  color:#465267;font-size:12px;font-weight:750;
}
.group-note strong{color:var(--ink)}

.course-outline{
  display:grid;gap:11px;margin-top:14px;
}
.module{
  display:grid;grid-template-columns:52px 1fr;gap:13px;padding:15px;border:1px solid #d7dcd6;background:#fff;
}
.module-num{
  width:52px;height:52px;display:grid;place-items:center;background:var(--lime);
  color:var(--ink);font-weight:950;font-size:12px;
}
.module h4{font-size:16px;color:var(--ink);margin-bottom:3px}
.module p{font-size:13px;color:#697386}

.course-summary-grid{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7dcd6;margin:18px 0 25px;background:#fff;
}
.course-summary-grid div{padding:15px;border-right:1px solid #d7dcd6}
.course-summary-grid div:last-child{border-right:0}
.course-summary-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#697386;font-weight:950}
.course-summary-grid strong{display:block;margin-top:4px;font-size:16px;color:var(--ink)}

.catalogue-item .price-pair{margin-top:auto}
.catalogue-item .cat-price{display:none!important}
.catalogue-item a{margin-top:13px}

@media(max-width:1150px){.links{display:none!important}.actions{display:none!important}.hamb{display:block!important}}
@media(max-width:700px){
  .price-pair,.course-summary-grid{grid-template-columns:1fr}
  .price-pair>div+div,.course-summary-grid div{border-left:0;border-right:0;border-bottom:1px solid #d8ddd7}
  .course-summary-grid div:last-child{border-bottom:0}
}

/* =============================
   V9 — GLOBAL IDENTICAL LOGO
   ============================= */
.brand-logo-v9{
  width:54px;
  height:54px;
  display:block;
  flex:0 0 54px;
  object-fit:contain;
  filter:drop-shadow(0 7px 10px rgba(7,11,19,.16));
}
.brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.brand .mark{display:none!important}

/* Explicit page navigation */
.links a[data-hard-nav]{
  cursor:pointer!important;
  pointer-events:auto!important;
}