.cc-cat,.hc-eyebrow,.stat-l{text-transform:uppercase}
.cta-section,.stats-section{z-index:2}
.cert-section,.cta-section,.stats-section,.why-section,footer{content-visibility:auto}
.cc-title,.cta-h,.demo-cta-h,.hero-h,.stat-n{font-family:var(--font-h)}
.cert-section .sec-h,.cert-section .sec-sub{text-align:center;white-space:normal}
.hero-card,.stats-section{position:relative;overflow:hidden}
.cta-btns,.tcard,.tcard-av,.tcard-g,.tcard-top,.testi-track,.why-icon{display:flex}
.cert-content .cert-points,.cert-points{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none}
.cta-box,.tcard{background:#fff}
.cert-check,.cert-points li{align-items:center;display:flex}
.tcard-g,.tcard-google{align-items:center;gap:4px}
.cta-section .cta-stripe,.demo-cta-box::before{position:absolute;top:0;height:3px;background:linear-gradient(90deg,var(--teal-deep),var(--indigo))}
.cta-box::after,.cta-box::before{position:absolute;width:24px;height:24px;border-color:rgba(249,115,22,.4);border-style:solid;content:""}
.cat-i,.tcard-google:hover,.tcard-more:hover{color:var(--indigo-deep)}

/* ===== Hero ===== */
.hero{min-height:auto;padding:60px 0 80px;position:relative;overflow:hidden;background:linear-gradient(160deg,#e8f0fe 0,#f4f6fb 40%,#fff7ed 100%);contain:layout paint}
.blob{position:absolute;border-radius:50%;filter:blur(24px);opacity:.35;pointer-events:none;will-change:auto}
@media (prefers-reduced-motion:no-preference) and (min-width:769px){
  .blob{animation:12s ease-in-out infinite blobFloat;will-change:transform}
}
.blob-1{width:300px;height:300px;top:-150px;right:-100px;background:rgba(59,130,246,.13);animation-delay:0s}
.blob-2{width:250px;height:250px;bottom:-100px;left:-80px;background:rgba(249,115,22,.1);animation-delay:-5s}
@keyframes blobFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(20px,-30px) scale(1.04)}
  66%{transform:translate(-15px,20px) scale(.97)}
}
.hero-inner{display:grid;grid-template-columns:1fr 460px;gap:72px;align-items:start}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;margin-bottom:24px;border:1.5px solid rgba(249,115,22,.3);border-radius:100px;background:#fff;box-shadow:var(--shadow);color:#1e293b;font-size:1rem;font-weight:600;white-space:nowrap}
.badge-dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--indigo-dim);font-size:.7rem}
.hero-h{margin-bottom:22px;color:var(--text);font-size:clamp(2rem,4.2vw,2.8rem);font-weight:300;line-height:1.15;letter-spacing:-.025em}
.hero-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);color:#1e293b;margin-top:-38px}
.hero-card-top{height:4px;background:linear-gradient(90deg,var(--teal-deep),var(--teal),var(--indigo))}
.hc-body{padding:32px 30px}
.hc-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:#334155;font-size:.85rem;font-weight:700;letter-spacing:.1em}
.hc-dot{width:7px;height:7px;border-radius:50%;background:var(--indigo)}
@media (prefers-reduced-motion:no-preference){
  .hc-dot{animation:2s infinite blink}
}
.placement-btn{display:inline-flex;align-items:center;gap:8px}
.placement-btn svg{flex-shrink:0}

/* ===== Stats ===== */
.stats-section{padding:72px 0;background:linear-gradient(135deg,#dbeafe 0,#eff6ff 40%,#fff7ed 100%);contain-intrinsic-size:0 200px}
.stats-section::before{position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 0 50%,rgba(59,130,246,.18),transparent),radial-gradient(ellipse 40% 60% at 100% 50%,rgba(249,115,22,.08),transparent);content:"";pointer-events:none}
.stats-row{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  width:100%;
  max-width:100%;
  gap:1px;
  overflow:hidden;
  border:1.5px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:rgba(0,0,0,.06);
  box-shadow:0 8px 32px rgba(59,130,246,.12);
}
.stat-cell{padding:36px 24px;background:#fff;text-align:center;border:none !important;min-width:0}
.stat-cell:hover{background:#fafafa}
.stat-n{display:block;min-height:3rem;background:linear-gradient(135deg,var(--indigo-deep),var(--indigo));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--indigo);font-size:3rem;font-weight:600;line-height:1;letter-spacing:-.04em}
.stat-l{margin-top:8px;color:var(--text-3);font-size:.85rem;font-weight:500;letter-spacing:.1em}

/* ===== Course card base (used inside .tc) ===== */
.cc-cat{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:100px;font-size:.9rem;font-weight:700;letter-spacing:.08em}
.cat-i{background:var(--indigo-dim)}
.cat-a{background:rgba(14,165,233,.1);color:#0369a1}
.cc-title{margin-bottom:8px;color:var(--text);font-size:1.45rem;font-weight:600;line-height:1.3}
.cc-desc{margin-bottom:14px;color:var(--text-3);font-size:.82rem;line-height:1.65}
.cc-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.cc-meta-item{display:flex;align-items:center;gap:4px;color:var(--text-4);font-size:.85rem}
.cc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}

/* ===== Why section ===== */
.why-section{background:var(--bg);contain-intrinsic-size:0 500px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.why-card{position:relative;overflow:hidden;padding:28px 24px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.why-card::before{position:absolute;right:0;bottom:0;left:0;height:3px;transform:scaleX(0);border-radius:0 0 var(--radius-lg) var(--radius-lg);content:"";transition:transform .35s var(--ease)}
.why-card:hover{transform:translateY(-4px);border-color:var(--indigo);box-shadow:var(--shadow-md)}
.why-card:hover::before{transform:scaleX(1)}
.why-icon{align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:12px;font-size:1.3rem}
.wi-b,.wi-t{background:var(--teal-dim)}
.wi-i{background:var(--indigo-dim)}
.wi-r{background:var(--rose-dim)}
.wi-a{background:rgba(14,165,233,.1)}
.wi-g{background:rgba(5,150,105,.1)}
.why-card h3{margin-bottom:8px;color:var(--text);font-size:.95rem;font-weight:700}
.why-card p{color:var(--text-3);font-size:.83rem;line-height:1.7}

/* ===== Final CTA ===== */
.cta-section{position:relative;overflow:hidden;padding:100px 0;background:var(--bg);contain-intrinsic-size:0 300px}
.cta-section::before{position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 20% 50%,rgba(59,130,246,.07),transparent),radial-gradient(ellipse 45% 60% at 80% 50%,rgba(249,115,22,.08),transparent);content:"";pointer-events:none}
.cta-box{position:relative;z-index:1;padding:80px 60px;border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}
.cta-box::before{top:16px;left:16px;border-width:2px 0 0 2px;border-radius:4px 0 0}
.cta-box::after{right:16px;bottom:16px;border-width:0 2px 2px 0;border-radius:0 0 4px}
.cta-h{margin-bottom:16px;color:var(--text);font-size:clamp(2.4rem,4.5vw,4rem);font-weight:300;line-height:1.08;letter-spacing:-.02em}
.cta-p{max-width:520px;margin:0 auto 40px;color:var(--text-3);font-size:1rem;line-height:1.8}
.cta-btns{justify-content:center;flex-wrap:wrap;gap:14px}
.cta-section .cta-stripe{left:50%;width:200px;transform:translateX(-50%);border-radius:0 0 4px 4px}

/* ===== Alumni / testimonials ===== */
.alumni-company{color:#475569;font-weight:500}
.sec-tag{color:#1e293b;font-weight:700}
.testi-section{contain-intrinsic-size:0 400px}
.testi-fade{position:relative;overflow:hidden;margin-top:48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent)}
.testi-track{align-items:flex-start;width:max-content;gap:32px;padding:8px 20px;will-change:transform}
.tcard{flex:0 0 340px;flex-direction:column;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.tcard-top{align-items:center;gap:12px;margin-bottom:12px}
.tcard-av{align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:700}
.tcard-who{flex:1;min-width:0}
.tcard-name{overflow:hidden;color:var(--text);font-size:.9rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.tcard-g{margin-top:2px}
.tcard-stars{align-self:flex-start;flex-shrink:0;color:#fbbc05;font-size:.85rem;letter-spacing:1px}
.tcard-text{display:-webkit-box;overflow:hidden;margin-bottom:6px;color:var(--text-2);font-size:.85rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;white-space:pre-line}
.tcard-text.expanded{overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}
.tcard-more{align-self:flex-start;margin:0 0 10px;padding:2px 0;border:none;background:0 0;color:var(--teal-deep);cursor:pointer;font-size:.78rem;font-weight:600}
.tcard-more:hover{text-decoration:underline}
.tcard-google{display:inline-flex;padding-top:10px;border-top:1px solid var(--border);color:var(--text-4);font-size:.76rem;font-weight:600;text-decoration:none}

/* ===== Demo CTA ===== */
.demo-cta-section{padding:60px 0;background:var(--bg)}
.demo-cta-box{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:28px;overflow:hidden;padding:36px 40px;border:1.5px solid var(--border);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-lg)}
.demo-cta-box::before{right:0;left:0;content:""}
.demo-cta-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border-radius:16px;background:var(--indigo-dim);font-size:1.8rem}
.demo-cta-content{flex:1;min-width:260px}
.demo-cta-h{margin-bottom:8px;color:var(--text);font-size:1.5rem;font-weight:600}
.cert-section .sec-sub,.demo-cta-p{color:var(--text-3);line-height:1.7}
.demo-cta-p{max-width:520px;font-size:.9rem}
.demo-cta-btns{display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px}

/* ===== Certification section ===== */
.cert-section{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff7ed 0,#f4f6fb 45%,#eff6ff 100%);contain-intrinsic-size:0 500px}
.cert-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cert-inner>.rv{width:100%;max-width:900px}
.cert-section .sec-sub{width:100%;max-width:720px;margin:0 auto 26px;padding:0 16px}
.cert-points li{justify-content:flex-start;gap:10px;min-width:0;color:var(--text-2);font-size:.92rem;font-weight:500;line-height:1.45}
.cert-check{justify-content:center;flex-shrink:0;width:22px;min-width:22px;height:22px;border-radius:50%;background:var(--teal-dim);color:var(--teal-deep);font-size:.72rem;font-weight:800}
.cert-gallery{display:flex;align-items:center;justify-content:center;gap:32px;width:100%;max-width:1020px;margin:44px auto 0}
.cert-img{display:block;flex-shrink:0;width:auto;max-width:100%;height:420px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.16);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cert-img:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(0,0,0,.22)}
.cert-img-1{aspect-ratio:2000/1414}
.cert-img-2{aspect-ratio:1131/1600}

/* ===== Footer / captcha ===== */
footer{contain-intrinsic-size:0 350px}
.g-recaptcha{min-height:78px;transform-origin:left top}

/* ===== Responsive: 1024 / 900 / 768 / 600 ===== */
@media (max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:56px}
  .hero-card{max-width:480px}
  .stats-row{grid-template-columns:1fr 1fr !important}
}
@media (max-width:900px){
  .cert-gallery{gap:24px}
  .cert-img{height:340px}
}
@media (max-width:768px){
  .hero{padding-top:45px;padding-bottom:60px}
  .hero-badge{padding:8px 16px 8px 10px;font-size:.95rem;box-shadow:0 4px 14px rgba(30,41,59,.08)}
  .testi-track{gap:16px}
  .alumni-pill:nth-child(n+5),.blob,.co-pill:nth-child(n+5){display:none}
  .why-grid{grid-template-columns:1fr}
  .cta-box{padding:48px 24px}
  .mq-header .sec-sub{display:block;max-width:100%;padding:0 24px;font-size:.88rem;text-align:center}
  .mq-row{width:auto;flex-wrap:wrap;justify-content:center;animation:none!important}
  .demo-cta-box{flex-direction:column;padding:28px 20px;text-align:center}
  .demo-cta-icon{width:52px;height:52px;font-size:1.4rem}
  .demo-cta-h{font-size:1.25rem}
  .demo-cta-p{max-width:100%;font-size:.85rem}
  .demo-cta-btns{flex-direction:column;width:100%;gap:10px}
  .demo-cta-btns .btn{justify-content:center;width:100%;padding:13px}
  .tcard{flex-basis:280px;padding:16px 18px}
}
@media (max-width:600px){
  .stat-cell{padding:24px 12px}
  .stat-n{min-height:2.2rem;font-size:2.2rem}
  .mq-header{padding:0 24px;text-align:center}
  .mq-header .sec-h,.mq-header .sec-sub{max-width:100%;margin-right:auto;margin-left:auto;padding:0;text-align:center}
  .mq-header .sec-sub{display:block;font-size:.88rem;line-height:1.75}
}
@media (max-width:400px){.g-recaptcha{transform:scale(.9)}}
@media (max-width:360px){.g-recaptcha{transform:scale(.8)}}
@media (max-width:320px){.g-recaptcha{transform:scale(.7)}}

/* ===== Certification content ===== */
.cert-content{display:flex;flex-direction:column;align-items:center;padding:14px 20px 0;text-align:center}
.cert-tag{margin-bottom:18px;padding:7px 14px 7px 10px;border:1px solid rgba(249,115,22,.22);background:rgba(255,255,255,.75);box-shadow:0 4px 16px rgba(30,41,59,.05)}
.cert-title{max-width:780px;margin:0;color:var(--text);font-size:clamp(2.25rem,4vw,3.7rem);font-weight:300;letter-spacing:-.035em;line-height:1.06}
.cert-description{max-width:690px!important;margin:18px auto 0!important;color:var(--text-3);font-size:1rem;line-height:1.8}
.cert-content .cert-points{display:grid;gap:12px;width:100%;max-width:820px;margin:30px auto 24px;padding:0;text-align:left}
.cert-content .cert-points li{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(255,255,255,.76);box-shadow:0 5px 16px rgba(30,41,59,.05);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.cert-content .cert-points li:hover{transform:translateY(-3px);border-color:rgba(59,130,246,.4);box-shadow:0 12px 26px rgba(30,41,59,.1)}
.cert-content .cert-check{width:30px;min-width:30px;height:30px;margin-top:1px;border:1px solid rgba(14,165,233,.18);border-radius:10px;background:linear-gradient(135deg,var(--teal-dim),var(--indigo-dim));color:var(--teal-deep);font-size:.88rem}
.cert-content .cert-points strong{display:block;margin-bottom:3px;color:var(--text);font-size:.9rem;font-weight:700;line-height:1.35}
.cert-content .cert-points small{display:block;color:var(--text-3);font-size:.76rem;font-weight:400;line-height:1.5}

@media (max-width:768px){
  .cert-content{padding-right:16px;padding-left:16px}
  .cert-title{font-size:clamp(2rem,8vw,2.8rem)}
  .cert-description{font-size:.92rem}
}
@media (max-width:640px){
  .cert-section .sec-sub{max-width:560px;padding:0 20px;font-size:.9rem}
  .cert-points li{font-size:.88rem}
  .cert-gallery{flex-direction:column;gap:22px;margin-top:34px}
  .cert-img{width:85%;max-width:420px;height:auto}
  .cert-content .cert-points{grid-template-columns:1fr;gap:10px;margin-top:24px}
  .cert-content .cert-points li{padding:14px}
  .cert-content .cert-points small{font-size:.74rem}
}

/* ===== Trending courses ===== */
.trending-section{
  position:relative;
  overflow:hidden;
  padding:100px 0;
  background:linear-gradient(160deg,#fff7ed 0%,#f4f6fb 50%,#eff6ff 100%);
  contain-intrinsic-size:0 600px;
}
.trending-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;opacity:.55}
.trending-glow.g1{width:480px;height:480px;top:-160px;left:-120px;background:rgba(249,115,22,.22)}
.trending-glow.g2{width:420px;height:420px;bottom:-140px;right:-100px;background:rgba(59,130,246,.22)}
@media (prefers-reduced-motion:no-preference) and (min-width:769px){
  .trending-glow{animation:trendGlowFloat 10s ease-in-out infinite}
  .trending-glow.g2{animation-delay:-5s}
}
@keyframes trendGlowFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(30px,-20px) scale(1.08)}
}
.trending-tag{
  position:relative;
  z-index:1;
  background:linear-gradient(135deg,var(--indigo-dim),var(--teal-dim));
  border:1px solid rgba(249,115,22,.3);
  color:#9a3412;
  gap:8px;
}
.trending-fire{display:inline-block;animation:trendFireFlicker 1.6s ease-in-out infinite}
@keyframes trendFireFlicker{
  0%,100%{transform:scale(1) rotate(0deg)}
  25%{transform:scale(1.15) rotate(-4deg)}
  75%{transform:scale(1.1) rotate(4deg)}
}
.trending-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
  margin-top:52px;
  align-items:stretch;
}
.tc{
  position:relative;
  background:#fff;
  border:1px solid rgba(15,23,42,.07);
  border-radius:22px;
  box-shadow:0 10px 28px rgba(30,41,59,.07);
  overflow:visible;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.tc::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:24px;
  background:linear-gradient(135deg,var(--indigo-deep),var(--teal),var(--rose));
  opacity:0;
  filter:blur(10px);
  transition:opacity .4s var(--ease);
}
.tc:has(.cat-a)::before{background:linear-gradient(135deg,var(--teal-deep),var(--indigo),var(--amber))}
.tc:hover{
  transform:translateY(-10px);
  border-color:transparent;
  box-shadow:0 26px 50px rgba(30,41,59,.16);
}
.tc:hover::before{opacity:.35}
.tc .cc-body{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:visible;
  padding:34px 28px 28px;
  border-radius:21px;
  background:linear-gradient(180deg,#fff 0%,#fff 70%,rgba(59,130,246,.035) 100%);
}
.tc:has(.cat-a) .cc-body{background:linear-gradient(180deg,#fff 0%,#fff 70%,rgba(20,184,166,.04) 100%)}
.tc .cc-body::before{
  content:"";
  position:absolute;
  top:0;left:28px;right:28px;
  height:4px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--indigo-deep),var(--indigo));
  box-shadow:0 2px 10px rgba(79,70,229,.45);
}
.tc:has(.cat-a) .cc-body::before{
  background:linear-gradient(90deg,var(--teal-deep),var(--teal));
  box-shadow:0 2px 10px rgba(13,148,136,.4);
}
.tc-ribbon{
  position:absolute;
  top:-14px;
  left:auto;
  right:20px;
  z-index:4;
  transform:rotate(6deg);
  overflow:hidden;
  padding:7px 15px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--indigo-deep),var(--rose));
  color:#fff;
  font-weight:800;
  font-size:.68rem;
  letter-spacing:.03em;
  box-shadow:0 8px 20px rgba(234,88,12,.4);
}
.tc-ribbon::after{
  content:"";
  position:absolute;
  top:0;left:-60%;
  width:40%;height:100%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);
  animation:ribbonShine 3.2s ease-in-out infinite;
}
@keyframes ribbonShine{
  0%{left:-60%}
  50%{left:130%}
  100%{left:130%}
}
.tc-shine{display:none}
.tc .cc-cat{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.06em;
}
.tc .cc-cat.cat-i,
.tc .cc-cat.cat-a{
  background:none;
  padding:0;
}
.tc .cc-cat.cat-i::before,
.tc .cc-cat.cat-a::before{
  content:"";
  width:9px;height:9px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--indigo-deep),var(--indigo));
  box-shadow:0 0 0 4px var(--indigo-dim);
}
.tc .cc-cat.cat-a::before{
  background:linear-gradient(135deg,var(--teal-deep),var(--teal));
  box-shadow:0 0 0 4px var(--teal-dim);
}
.tc .cc-title{
  color:var(--text);
  display:flex;
  align-items:flex-start;
  margin-top:16px;
  min-height:70px;
  font-weight:700;
  font-size:1.35rem;
  line-height:1.28;
  letter-spacing:-.01em;
}
.tc .cc-desc{
  color:var(--text-3);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  margin-top:8px;
  min-height:62px;
}
.tc .cc-meta{
  margin:18px -28px 0;
  padding:16px 28px 4px;
  border-top:1.5px dashed rgba(79,70,229,.2);
}
.tc .cc-meta-item{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:100px;
  background:linear-gradient(135deg,var(--indigo-dim),var(--teal-dim));
  color:var(--indigo-deep);
  font-weight:700;
  font-size:.8rem;
}
.tc .cc-footer{
  margin-top:auto;
  margin-bottom:10px;
  padding:0 28px;
  border-top:none;
}
.tc .cc-footer .btn{
  width:100%;
  justify-content:center;
  gap:8px;
  margin-top:20px;
  border-radius:100px;
  padding:14px 20px;
  font-size:.85rem;
  font-weight:700;
  background:linear-gradient(135deg,var(--indigo-deep) 0%,var(--indigo) 50%,var(--rose) 150%);
  background-size:220% 220%;
  background-position:0% 50%;
  box-shadow:0 10px 24px rgba(79,70,229,.28);
  transition:background-position .5s ease,box-shadow .35s var(--ease),transform .35s var(--ease);
}
.tc .cc-footer .btn:hover{
  background-position:100% 50%;
  box-shadow:0 14px 32px rgba(234,88,12,.4);
  transform:translateY(-3px);
}
@media (max-width:1024px){
  .trending-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .trending-grid{grid-template-columns:1fr;gap:36px;margin-top:40px}
  .trending-section{padding:64px 0}
}

/* ===== Company logos ===== */
.alumni-mq-wrap.co-section{
  position:relative;
  overflow:hidden;
  padding:72px 0!important;
  background:
    radial-gradient(rgba(29,78,216,.10) 1.2px,transparent 1.2px) 0 0/24px 24px,
    linear-gradient(160deg,#eff6ff 0%,#ffffff 45%,#fff7ed 100%);
  border-top:none;border-bottom:none;
}
.co-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 60% at 8% 25%,rgba(249,115,22,.16),transparent),
    radial-gradient(ellipse 40% 60% at 92% 80%,rgba(59,130,246,.18),transparent);
}
.co-section::after{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--indigo-deep),var(--indigo),var(--teal),var(--teal-deep));
}
.co-section .mq-header{position:relative;z-index:1;margin-bottom:38px}
.co-section .sec-h strong{font-weight:700}
.co-section .sec-h::after{
  content:"";display:block;width:64px;height:4px;margin:14px auto 0;
  border-radius:4px;background:linear-gradient(90deg,var(--indigo),var(--teal));
}
.co-section .sec-tag{
  background:#fff;
  border:1px solid rgba(249,115,22,.3);
  box-shadow:0 4px 14px rgba(249,115,22,.12);
}
.co-marquee{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:24px;
  overflow:hidden;padding:14px 0 26px;
}
.co-track{display:flex;width:max-content;transform:translateZ(0)}
.co-marquee:hover .co-track{animation-play-state:paused}
.co-track-ltr{animation:coScrollRight 50s linear infinite}
.co-track-rtl{animation:coScrollLeft 44s linear infinite;margin-left:-96px}
@keyframes coScrollRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes coScrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.co-track .co-pill:nth-child(n+1){
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  margin-right:22px;padding:16px 24px;
  background:#fff;
  border:1.5px solid rgba(29,78,216,.10);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(29,78,216,.10),0 2px 6px rgba(10,15,30,.05);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.co-track .co-pill:nth-child(n+1)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  transform:scaleX(0);transition:transform .3s var(--ease);
}
.co-track-ltr .co-pill::after{background:linear-gradient(90deg,var(--indigo-deep),var(--indigo))}
.co-track-rtl .co-pill::after{background:linear-gradient(90deg,var(--teal-deep),var(--teal))}
.co-track-ltr .co-pill:nth-child(n+1):hover{
  transform:translateY(-6px) scale(1.04);
  border-color:rgba(249,115,22,.55);
  box-shadow:0 16px 32px rgba(249,115,22,.25);
}
.co-track-rtl .co-pill:nth-child(n+1):hover{
  transform:translateY(-6px) scale(1.04);
  border-color:rgba(59,130,246,.55);
  box-shadow:0 16px 32px rgba(59,130,246,.25);
}
.co-track .co-pill:nth-child(n+1):hover::after{transform:scaleX(1)}
.co-track .co-logo{width:140px;height:40px;max-width:none;object-fit:contain;transform:none}
@media (max-width:768px){
  .alumni-mq-wrap.co-section{padding:52px 0!important}
  .co-marquee{gap:16px;padding:10px 0 20px}
  .co-track-ltr{animation:coScrollRight 38s linear infinite!important}
  .co-track-rtl{animation:coScrollLeft 34s linear infinite!important;margin-left:-60px}
  .co-track .co-pill:nth-child(n+1){margin-right:14px;padding:10px 16px;border-radius:12px}
  .co-track .co-logo{width:112px;height:32px}
  .testi-fade{margin-top:32px}
}

/* ===== Hero heading responsive sizing ===== */
.hero-h-accent{display:block;white-space:nowrap}
@media (min-width:1025px){
  .hero-h-line1{white-space:nowrap}
  .hero-h{font-size:clamp(1.7rem,3.4vw,2.4rem)}
}
@media (max-width:768px){
  .hero-h-line1{white-space:normal}
  .hero-h{font-size:clamp(1.6rem,6vw,2rem);line-height:1.25}
  .hero-h-br{display:none}
  .hero-h-accent{display:inline}
}

/* ===== Hero badge + placement button row ===== */
.hero-badge-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:24px;
  margin-top:-40px;
}
.hero-badge-row .hero-badge{margin-bottom:0}

/* ===== Partner card + highlights row ===== */
.cert-partners-row{
  display:flex;
  align-items:stretch;
  gap:16px;
}
.cert-partners-row .cert-partners{
  display:flex;
  flex-direction:column;
  margin:0;
}
.cert-partners-row .cert-partners-box{flex:1}
.cert-partners-row .cert-partners-single{
  margin:0;
  max-width:280px;
  flex-shrink:0;
}
.cert-partners-box{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  padding:14px 14px 20px;
  background:linear-gradient(145deg,#ffffff,var(--teal-pale) 120%);
  border:1.5px solid var(--border-teal);
  border-radius:16px;
  box-shadow:var(--shadow-md);
}

/* partner item: logo left, name / role / description right */
.partner-item{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto 1fr;
  grid-template-areas:
    "logo name"
    "logo role"
    "logo desc";
  align-content:center;
  align-items:center;
  justify-content:start;
  justify-items:start;
  column-gap:16px;
  row-gap:4px;
  flex:1;
  min-width:0;
  text-align:left;
}
.partner-item img{
  grid-area:logo;
  justify-self:start;
  align-self:center;
  height:92px;
  width:auto;
  max-width:100%;
  flex-shrink:0;
  object-fit:contain;
  margin-bottom:0;
}
.partner-info{display:contents}
.partner-name{
  grid-area:name;
  justify-self:start;
  align-self:center;
  text-align:left;
  margin:0 0 0 15px;
  font-size:1rem;
  font-weight:800;
  color:var(--text);
}
.partner-role-highlight{
  grid-area:role;
  justify-self:start;
  align-self:center;
  display:inline-block;
  margin:0 0 0 15px;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#d97706;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
}
.partner-desc{
  grid-area:desc;
  justify-self:start;
  align-self:start;
  max-width:none;
  margin:0 0 0 15px;
  padding:0;
  text-align:left;
  font-size:.72rem;
  font-weight:600;
  line-height:1.4;
  color:#ea580c;
  background:none;
  border:none;
  border-radius:0;
}

/* highlights box (right of partner card) */
.highlight-box{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  padding:20px 22px;
  background:linear-gradient(145deg,#ffffff,var(--indigo-pale) 120%);
  border:1.5px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow-md);
  margin-top:0;
}
.highlight-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 48px;
  width:100%;
  list-style:none;
}
.highlight-list li{
  display:block;
  padding-bottom:16px;
  border-bottom:1px dashed var(--border-2);
}
.highlight-list li:nth-last-child(-n+2){
  padding-bottom:0;
  border-bottom:none;
}
.hl-text{
  display:block;
  color:var(--indigo-deep);
  font-size:.78rem;
  font-weight:600;
  line-height:1.4;
  text-align:left;
}
.hl-text strong{
  display:block;
  color:var(--text);
  font-size:.86rem;
  font-weight:800;
}
@media (max-width:360px){
  .hero-badge{font-size:.85rem;padding:6px 12px 6px 8px}
}

@media (max-width:768px){
  .hero-inner{padding-right:0;gap:16px}
  .hero-badge{margin-right:0;align-self:flex-start}
  .hero-h{padding-right:16px}
  .hc-body{padding-right:30px}

  .hero-badge-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:0}
  .placement-btn{width:100%;justify-content:center}

  .cert-partners-row{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:16px}
  .cert-partners-row .cert-partners-single{max-width:100%}
  .cert-partners-box{padding:16px 18px}
  .partner-item{column-gap:14px}
  .partner-item img{height:80px}
  .partner-name,.partner-role-highlight,.partner-desc{margin-left:19px}
  .partner-role-highlight{white-space:nowrap}

  .highlight-box{padding:16px 18px}
  .hl-text{font-size:.75rem}
  .hl-text strong{font-size:.82rem}

  .hero-card{margin-top:0}
  .cert-partners-box,.highlight-box,.hero-card{width:100%;max-width:100%;margin-left:0;margin-right:0}
}
@media (max-width:400px){
  .highlight-list{grid-template-columns:1fr 1fr;gap:8px 10px}
  .hl-text{font-size:.7rem}
  .hl-text strong{font-size:.78rem}
}

.partner-name,
.partner-role-highlight,
.partner-desc{margin-left:15px}

.cert-badges-row{margin-top:16px}
.cert-badge-box{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:110px;
  padding:14px 18px;
  background:linear-gradient(145deg,#ffffff,var(--teal-pale) 120%);
  border:1.5px solid var(--border-teal);
  border-radius:16px;
  box-shadow:var(--shadow-md);
}

.cert-badge-logo{
  flex-direction:column;
  justify-content:center;
  gap:8px;
  width:280px;
  max-width:280px;
  flex-shrink:0;
  text-align:center;
}
.cert-badge-logo img{height:44px;width:auto;max-width:100%;object-fit:contain}
.cert-badge-logo .cert-badge-title{font-size:.85rem;color:var(--indigo-deep)}
.cert-badge-global{
  flex:1;
  min-width:0;
  justify-content:flex-start;
  gap:16px;
  background:linear-gradient(145deg,#ffffff,var(--indigo-pale) 120%);
  border-color:var(--border);
}
.cert-badge-title{color:var(--text);font-size:1rem;font-weight:800;line-height:1.3}
.cert-badge-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:56px;
  height:56px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--indigo-dim),var(--teal-dim));
  border:1.5px solid rgba(249,115,22,.3);
  box-shadow:0 0 0 5px rgba(249,115,22,.08);
  font-size:1.6rem;
}
.cert-badge-text{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.cert-badge-global .cert-badge-title{color:#d97706;font-size:1.05rem}
.cert-badge-sub{color:var(--text-3);font-size:.78rem;font-weight:600;line-height:1.4}

@media (max-width:768px){
  .cert-badge-logo{width:100%;max-width:100%}
  .cert-badge-box{min-height:80px}
}

/* ===== YouTube Shorts ===== */
.shorts-section{padding:80px 0;background:var(--bg)}
.shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:7200px;margin:48px auto 0}
.shorts-card{position:relative;overflow:hidden;aspect-ratio:1/1;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#0f172a;box-shadow:var(--shadow-md);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.shorts-card:hover{transform:translateY(-6px);border-color:var(--indigo);box-shadow:0 22px 44px rgba(30,41,59,.18)}
.shorts-card iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
@media (max-width:768px){
  .shorts-section{padding:48px 0}
  .shorts-grid{
    display:flex;
    gap:12px;
    margin-top:28px;
    padding:0 16px 12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .shorts-card{
    flex:0 0 220px;
    aspect-ratio:3/4;
    border-radius:12px;
    scroll-snap-align:center;
  }
}
@media (hover:none){
  .shorts-card:hover{transform:none;box-shadow:var(--shadow-md)}
}

@media (max-width:768px){
  .shorts-section,
  .sub-nav-item[href="#video-stories"]{display:none}
}