/* ===== AnshuEDU Marketing Site ===== */
.mk-body{font-family:'Inter',sans-serif;background:#fff;color:var(--text)}

/* Page loader */
.mk-loader{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .4s ease,visibility .4s ease}
.mk-loader-hide{opacity:0;visibility:hidden;pointer-events:none}
.mk-loader-logo img{height:52px;animation:mkPulse 1.1s ease-in-out infinite}
.mk-loader-logo .mk-logo{width:56px;height:56px;font-size:24px;animation:mkPulse 1.1s ease-in-out infinite}
.mk-loader-bar{width:160px;height:4px;border-radius:99px;background:var(--border);overflow:hidden}
.mk-loader-bar span{display:block;width:40%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--secondary));animation:mkLoad 1s ease-in-out infinite}
@keyframes mkPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}
@keyframes mkLoad{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* Top contact bar */
.mk-topbar{background:var(--sidebar);color:#CBD5E1;font-size:12.5px;padding:9px 0}
.mk-topicon{display:inline-flex;align-items:center;gap:8px;color:#CBD5E1;text-decoration:none;margin-right:6px}
.mk-topicon:hover{color:#fff}
.mk-ic-dot{width:22px;height:22px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none;line-height:1}
.mk-topsocial{width:26px;height:26px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;transition:transform .2s;flex:none;line-height:1}
.mk-topsocial i{line-height:1}
.mk-topsocial:hover{transform:translateY(-2px) scale(1.08);color:#fff}
.mk-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}

/* Nav */
.mk-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:14px 0;transition:box-shadow .25s,padding .25s}
.mk-nav.mk-nav-fixed{position:fixed;top:0;left:0;right:0;z-index:1030;box-shadow:0 10px 26px -12px rgba(15,23,42,.18);animation:mkNavDrop .3s ease}
@keyframes mkNavDrop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.mk-brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--text);text-decoration:none}
.mk-brand span{color:var(--accent)}
.mk-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-size:16px}
.mk-logo-img{height:38px;width:auto;object-fit:contain}
.mk-nav .nav-link{font-weight:600;color:var(--text-2);padding:8px 16px !important;border-radius:10px}
.mk-nav .nav-link:hover,.mk-nav .nav-link.active{color:var(--primary);background:var(--primary-50)}
.btn-mk{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;border-radius:11px;padding:9px 20px;border:none;text-decoration:none;display:inline-flex;align-items:center;transition:transform .2s,box-shadow .2s}
.btn-mk-wa{background:#25D366;color:#fff;font-weight:700;border-radius:11px;padding:9px 20px;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}
.btn-mk-wa:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 20px -6px rgba(37,211,102,.5);color:#fff}
.btn-mk:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(37,99,235,.5)}
.btn-mk-line{border:1.5px solid var(--border);color:var(--text);font-weight:600;border-radius:11px;padding:8px 18px;text-decoration:none;display:inline-flex;align-items:center;transition:.2s}
.btn-mk-line:hover{border-color:var(--primary);color:var(--primary)}

/* Hero carousel */
.mk-hero-carousel{border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(37,99,235,.25);border:1px solid var(--border)}
.mk-hero-carousel .carousel-item{height:480px}
.mk-hero-carousel .carousel-item img{width:100%;height:100%;object-fit:cover}
.mk-hero-carousel .carousel-caption{text-align:left;left:24px;right:24px;bottom:24px;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);border-radius:16px;padding:18px 22px}
.mk-hero-carousel .carousel-caption h5{font-weight:800;font-size:19px;margin-bottom:4px}
.mk-hero-carousel .carousel-caption p{font-size:13.5px;margin-bottom:10px;opacity:.9}
.mk-hero-carousel .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;background:#fff}
@media (max-width:767px){.mk-hero-carousel .carousel-item{height:320px}}

/* Hero */
.mk-hero{padding:90px 0 70px;background:radial-gradient(1200px 500px at 80% -10%,var(--primary-50),transparent),radial-gradient(900px 400px at 0% 10%,var(--secondary-50),transparent)}

/* Full-bleed homepage hero (carousel fills the entire hero section) */
.mk-hero-full{position:relative;height:88vh;min-height:560px;max-height:820px;overflow:hidden;width:100%}
.mk-hero-full .carousel,.mk-hero-full .carousel-inner,.mk-hero-full .carousel-item{height:100%}
.mk-hero-full .carousel-item img,.mk-hero-full-fallback{width:100%;height:100%;object-fit:cover;display:block}
.mk-hero-full-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,35,.82) 0%,rgba(10,15,35,.62) 45%,rgba(10,15,35,.25) 75%,rgba(10,15,35,.1) 100%)}
.mk-hero-full-content{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.mk-hero-full .mk-badge{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.mk-hero-full .mk-h1{color:#fff}
.mk-hero-full .mk-h1 .grad{background:linear-gradient(135deg,#93C5FD,#C4B5FD);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-hero-full .mk-lead{color:rgba(255,255,255,.86)}
.mk-hero-full .mk-stat b{color:#fff}
.mk-hero-full .mk-stat span{color:rgba(255,255,255,.7)}
.mk-hero-full .btn-mk-line{border-color:rgba(255,255,255,.45);color:#fff}
.mk-hero-full .btn-mk-line:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.1)}
.mk-hero-full .carousel-indicators{z-index:3;margin-bottom:2rem}
.mk-hero-full .carousel-control-prev,.mk-hero-full .carousel-control-next{z-index:3;width:6%}
.mk-hero-anim{opacity:0;transform:translateY(24px)}
.mk-hero-anim.mk-anim-in{animation:mkHeroIn .75s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes mkHeroIn{to{opacity:1;transform:translateY(0)}}
.mk-hero-cta-gap{margin-top:289px}
@media (max-width:991px){.mk-hero-cta-gap{margin-top:120px}}
@media (max-width:575px){.mk-hero-cta-gap{margin-top:60px}}
@media (max-width:991px){
  .mk-hero-full{min-height:680px}
  .mk-hero-full-ov{background:linear-gradient(180deg,rgba(10,15,35,.55) 0%,rgba(10,15,35,.75) 55%,rgba(10,15,35,.92) 100%)}
  .mk-hero-full-content{text-align:center}
  .mk-hero-full .mk-stats{justify-content:center}
}
@media (max-width:575px){
  .mk-hero-full{min-height:720px}
}
.mk-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-50);color:var(--primary);font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:999px;margin-bottom:20px}
.mk-h1{font-size:52px;font-weight:900;line-height:1.1;letter-spacing:-1px}
.mk-h1 .grad{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-lead{font-size:18px;color:var(--text-2);max-width:520px;line-height:1.7}
.mk-hero-img{border-radius:24px;box-shadow:0 30px 60px -20px rgba(37,99,235,.25);border:1px solid var(--border)}
.mk-stats{display:flex;gap:36px;margin-top:40px;flex-wrap:wrap}
.mk-stat b{font-size:26px;font-weight:900;display:block}
.mk-stat span{font-size:12.5px;color:var(--text-2);font-weight:600}

/* Sections */
.mk-section{padding:80px 0}
.mk-section.alt{background:var(--bg)}
.mk-eyebrow{color:var(--primary);font-weight:800;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase}
.mk-h2{font-size:34px;font-weight:900;letter-spacing:-.5px;margin-top:8px}
.mk-sub{color:var(--text-2);font-size:16px;max-width:560px}

/* Feature cards (with image) */
.mk-feat{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;height:100%;transition:.25s}
.mk-feat:hover{transform:translateY(-6px);box-shadow:0 20px 40px -16px rgba(15,23,42,.16);border-color:transparent}
.mk-feat-img{height:140px;overflow:hidden}
.mk-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mk-feat:hover .mk-feat-img img{transform:scale(1.08)}
.mk-feat-body{padding:22px}
.mk-feat-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;margin-bottom:12px;position:relative;z-index:2;box-shadow:0 6px 14px -4px rgba(0,0,0,.3)}
.mk-feat-img + .mk-feat-body .mk-feat-ic{margin-top:-42px}
.mk-feat h5{font-weight:800;margin-bottom:8px}
.mk-feat p{color:var(--text-2);font-size:14px;margin:0;line-height:1.6}

/* Steps */
.mk-step{text-align:center;padding:0 12px}
.mk-step-num{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;font-size:20px;display:grid;place-items:center;margin:0 auto 16px}

/* Pricing */
.mk-price{background:linear-gradient(165deg, color-mix(in srgb, var(--card-clr, var(--primary)) 8%, #fff) 0%, #fff 65%);border:2px solid color-mix(in srgb, var(--card-clr, var(--border)) 35%, var(--border));border-radius:20px;padding:32px;height:100%;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s ease;transform:perspective(1000px) rotateX(4deg)}
.mk-price::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg, var(--card-clr, var(--primary)), color-mix(in srgb, var(--card-clr, var(--primary)) 40%, white))}
.mk-price:hover{transform:perspective(1000px) rotateX(0deg) translateY(-10px) scale(1.02);box-shadow:0 28px 50px -16px color-mix(in srgb, var(--card-clr, var(--primary)) 40%, transparent)}
.mk-price.popular{transform:perspective(1000px) rotateX(4deg) translateY(-6px);box-shadow:0 20px 40px -16px color-mix(in srgb, var(--card-clr, var(--primary)) 35%, transparent)}
.mk-price.popular:hover{transform:perspective(1000px) rotateX(0deg) translateY(-12px) scale(1.02)}
.mk-price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:11.5px;font-weight:800;padding:5px 16px;border-radius:999px}
.mk-price-amt{font-size:38px;font-weight:900;letter-spacing:-1px}
.mk-price-amt span{font-size:14px;font-weight:600;color:var(--text-2)}
.mk-price ul{list-style:none;padding:0;margin:22px 0}
.mk-price li{padding:7px 0;font-size:14px;display:flex;align-items:center;gap:10px;color:var(--text)}
.mk-price li i{color:var(--success)}

/* Testimonials */
.mk-quote{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;height:100%;transition:.2s}
.mk-quote:hover{transform:translateY(-4px);box-shadow:0 16px 32px -14px rgba(15,23,42,.14)}
.mk-quote .stars{color:var(--accent);font-size:13px;margin-bottom:10px}
.mk-quote p{font-size:14.5px;line-height:1.7;color:var(--text)}
.mk-quote-who{display:flex;align-items:center;gap:10px;margin-top:16px}
.mk-quote-who img{width:40px;height:40px;border-radius:11px}
.mk-quote-who .n{font-weight:700;font-size:13.5px}
.mk-quote-who .r{font-size:12px;color:var(--text-2)}

/* CTA band */
.mk-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:28px;padding:56px;color:#fff;text-align:center;margin:0 auto}
.mk-cta h3{font-size:30px;font-weight:900;margin-bottom:10px}
.mk-cta p{opacity:.92;max-width:480px;margin:0 auto 24px}
.btn-mk-white{background:#fff;color:var(--primary);font-weight:800;border-radius:11px;padding:11px 26px;text-decoration:none;display:inline-flex;align-items:center;transition:transform .2s}
.btn-mk-white:hover{transform:translateY(-2px)}

/* Footer (with optional background image) */
.mk-footer{position:relative;background-color:var(--sidebar);background-size:cover;background-position:center;color:#CBD5E1;padding:64px 0 24px;margin-top:40px}
.mk-footer-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.97))}
.mk-footer .mk-brand{color:#fff}
.mk-fttitle{color:#fff;font-weight:800;font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}
.mk-footer a{display:block;color:#94A3B8;text-decoration:none;font-size:14px;padding:5px 0;transition:.15s}
.mk-footer a:hover{color:#fff;padding-left:3px}
.mk-social{width:38px;height:38px;border-radius:11px;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s;font-size:15px;box-shadow:0 4px 10px -3px rgba(0,0,0,.4);flex:none;line-height:1}
.mk-social i{line-height:1}
.mk-social:hover{transform:translateY(-3px) scale(1.06);color:#fff;box-shadow:0 8px 18px -4px rgba(0,0,0,.5)}
.mk-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.mk-social-row{flex-wrap:wrap}
.mk-ftbottom{border-top:1px solid #1E293B;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#64748B}
.mk-ftbottom a,.mk-ftlegal a{display:inline;padding:0;color:#94A3B8;text-decoration:none}
.mk-ftbottom a:hover,.mk-ftlegal a:hover{color:#fff;text-decoration:underline}

/* Floating support button */
.mk-support{position:fixed;right:24px;bottom:24px;width:66px;height:66px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:26px;text-decoration:none;box-shadow:0 10px 24px -6px rgba(37,211,102,.6);z-index:1000;transition:transform .2s;overflow:hidden;border:3px solid #fff}
.mk-support:hover{transform:scale(1.08);color:#fff}
.mk-support img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:50%}
.mk-support-ping{position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:mkPing 1.8s ease-out infinite}
@keyframes mkPing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.mk-support-tip{position:fixed;right:90px;bottom:42px;background:var(--text);color:#fff;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:9px;z-index:1000;opacity:0;visibility:hidden;transition:.2s;white-space:nowrap}
.mk-support:hover ~ .mk-support-tip{opacity:1;visibility:visible}
@media (max-width:575px){.mk-support-tip{display:none}}

@media (max-width:991px){
  .mk-h1{font-size:36px}
  .mk-hero{padding:56px 0 40px;text-align:center}
  .mk-lead{margin:0 auto}
  .mk-stats{justify-content:center}
  .mk-h2{font-size:26px}
  .mk-cta{padding:36px 20px}
  .mk-topbar .d-flex.gap-3{gap:12px !important}
}