:root{
  --navy:#061a3a;
  --navy-2:#0b2853;
  --navy-3:#123c76;
  --gold:#e7a800;
  --gold-2:#ffc72c;
  --cream:#fffaf0;
  --ink:#0b1e3b;
  --muted:#627089;
  --line:rgba(6,26,58,.10);
  --white:#fff;
  --shadow:0 24px 70px rgba(5,24,54,.12);
  --radius:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;z-index:-1;background-image:radial-gradient(rgba(6,26,58,.045) 1px,transparent 1px);background-size:24px 24px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.top-strip{background:#04142e;color:#dce8fb;font-size:12px;letter-spacing:.05em}
.top-strip-inner{height:38px;display:flex;align-items:center;justify-content:space-between}
.top-strip a{color:#fff}
.top-links{display:flex;gap:12px;align-items:center}
.icon{color:var(--gold-2)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,26,58,.07);transition:.3s}
.site-header.scrolled{box-shadow:0 10px 35px rgba(6,26,58,.08)}
.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{width:188px;flex:0 0 188px}
.brand img{width:100%;height:76px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:8px}
.main-nav>a{position:relative;padding:11px 14px;font-size:14px;font-weight:700;color:#29405e;transition:.25s}
.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:.25s}
.main-nav>a:hover,.main-nav>a.active{color:var(--navy)}
.main-nav>a:hover:after,.main-nav>a.active:after{transform:scaleX(1)}
.nav-cta{background:var(--navy);color:#fff!important;border-radius:999px;padding:13px 19px!important;box-shadow:0 10px 25px rgba(6,26,58,.18)}
.nav-cta span{color:var(--gold-2);margin-left:7px}
.nav-toggle{display:none;border:0;background:transparent;width:44px;height:44px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px auto;transition:.25s}

/* Hero */
.hero{position:relative;min-height:680px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(120deg,#04142e 0%,#092957 58%,#0b376e 100%);color:#fff}
.hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-230px;top:-300px;background:radial-gradient(circle,rgba(231,168,0,.27),transparent 64%);animation:floatGlow 7s ease-in-out infinite}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 45%,rgba(255,255,255,.03) 45% 45.1%,transparent 45.1%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,black,transparent 80%);opacity:.5}
.hero .container{position:relative;z-index:2}
.hero-content{max-width:720px;padding:90px 0 110px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;padding:8px 13px;color:#dce8fb;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 18px var(--gold-2)}
.hero h1{font-family:"Manrope",sans-serif;font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:25px 0 24px}
.hero h1 .gold{color:var(--gold-2);display:inline-block}
.hero-lead{font-size:18px;line-height:1.7;color:#d4e0f0;max-width:640px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.3s;cursor:pointer}
.btn-primary{background:var(--gold-2);color:var(--navy);box-shadow:0 15px 30px rgba(231,168,0,.18)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(231,168,0,.3)}
.btn-ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--navy)}
.hero-orbit{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:440px;height:440px;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:1}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(231,168,0,.38);inset:38px;animation:spin 20s linear infinite}
.hero-orbit:after{inset:95px;animation-direction:reverse;animation-duration:14s}
.hero-logo-card{position:absolute;inset:90px;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 35px 90px rgba(0,0,0,.25)}
.hero-logo-card img{width:210px;height:210px;object-fit:contain}
.float-pill{position:absolute;padding:11px 15px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--navy);font-size:12px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.2);animation:bob 4s ease-in-out infinite}
.pill-one{right:-10px;top:65px}.pill-two{left:-28px;bottom:72px;animation-delay:1s}.pill-three{right:32px;bottom:15px;animation-delay:1.8s}
.stats{position:relative;margin-top:-45px;z-index:4}
.stats-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:25px 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:8px 20px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat strong{font-family:"Space Grotesk";font-size:30px;color:var(--navy);display:block}
.stat span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}

/* Generic sections */
.section{padding:105px 0}
.section.alt{background:linear-gradient(180deg,#f9fbff,#fff)}
.section-dark{background:var(--navy);color:#fff}
.section-head{max-width:720px;margin-bottom:48px}
.kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#bd8300;margin-bottom:10px}
.section-head h2{font-family:"Manrope";font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.045em}
.section-head p{margin-top:15px;color:var(--muted);font-size:16px}
.section-dark .section-head p{color:#bdcce0}
.split{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}
.visual-frame{position:relative;border-radius:28px;overflow:hidden;background:#eef4fb;box-shadow:var(--shadow)}
.visual-frame img{width:100%;height:auto;transition:transform .7s}
.visual-frame:hover img{transform:scale(1.025)}
.visual-frame:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.7);border-radius:20px;pointer-events:none}
.feature-list{display:grid;gap:14px;margin-top:26px}
.feature{display:flex;gap:15px;align-items:flex-start;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.3s}
.feature:hover{transform:translateX(5px);box-shadow:0 12px 30px rgba(6,26,58,.07)}
.feature-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;background:#fff4cf;color:#9b6b00;font-weight:900}
.feature h3{font-size:16px;margin-bottom:2px}.feature p{font-size:13px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.course-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;min-height:310px;box-shadow:0 12px 45px rgba(6,26,58,.05);transition:.35s}
.course-card:hover{transform:translateY(-8px);box-shadow:0 25px 65px rgba(6,26,58,.13);border-color:rgba(231,168,0,.4)}
.course-card:before{content:"";position:absolute;width:140px;height:140px;right:-65px;top:-65px;background:rgba(231,168,0,.14);border-radius:50%;transition:.4s}
.course-card:hover:before{transform:scale(1.4)}
.course-no{font-family:"Space Grotesk";font-size:12px;font-weight:800;color:#a87500;letter-spacing:.12em}
.course-card h3{font-family:"Manrope";font-size:24px;line-height:1.12;margin:13px 0 11px}
.course-card p{font-size:14px;color:var(--muted);margin-bottom:17px}
.course-tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#f3f7fc;color:#29405e}
.course-link{display:inline-flex;margin-top:23px;font-size:13px;font-weight:800;color:var(--navy);gap:8px}
.course-link span{color:#c48a00}
.marquee-wrap{overflow:hidden;background:var(--gold);color:var(--navy);padding:12px 0;border-top:1px solid #d89c00;border-bottom:1px solid #d89c00}
.marquee{display:flex;width:max-content;animation:marquee 24s linear infinite}
.marquee span{font-family:"Space Grotesk";font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;padding:0 25px;white-space:nowrap}
.marquee i{font-style:normal}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-card{padding:23px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);transition:.3s}
.process-card:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}
.process-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold-2);color:var(--navy);font-weight:900;margin-bottom:20px}
.process-card h3{font-size:17px;margin-bottom:7px}.process-card p{font-size:13px;color:#bdcce0}
.quote-band{padding:70px 0;background:linear-gradient(110deg,#fff9e8,#fff)}
.quote-box{display:flex;align-items:center;justify-content:space-between;gap:35px}
.quote-box h2{font-family:"Manrope";font-size:clamp(30px,4vw,46px);line-height:1.1;max-width:700px;letter-spacing:-.04em}
.quote-box h2 span{color:#c68d00}
.page-hero{padding:95px 0 90px;background:linear-gradient(120deg,#04142e,#0c356a);color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-170px;top:-250px;background:radial-gradient(circle,rgba(231,168,0,.3),transparent 65%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-family:"Manrope";font-size:clamp(45px,6vw,72px);letter-spacing:-.05em;line-height:1;margin:18px 0 14px}
.page-hero p{color:#cfdbeb;max-width:650px;font-size:17px}
.breadcrumb{font-size:12px;color:#aebfd7;font-weight:700}.breadcrumb span{color:var(--gold-2)}
.course-detail{scroll-margin-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:24px}
.course-detail .course-card{min-height:0}
.course-detail .course-card ul{padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:4px}
.course-detail .course-card li::marker{color:#c58c00}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:stretch}
.contact-panel{border-radius:28px;padding:35px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.contact-panel:after{content:"";position:absolute;width:280px;height:280px;right:-100px;bottom:-110px;border-radius:50%;border:1px solid rgba(231,168,0,.35);box-shadow:0 0 0 35px rgba(231,168,0,.04),0 0 0 70px rgba(231,168,0,.03)}
.contact-panel h2{font-family:"Manrope";font-size:36px;line-height:1.1;margin-bottom:12px}
.contact-panel>p{color:#c7d4e5;font-size:14px}
.contact-item{display:flex;gap:13px;margin-top:25px;position:relative;z-index:2}.contact-item .ci{width:43px;height:43px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--gold-2);flex:0 0 43px}.contact-item strong{display:block;font-size:13px}.contact-item span,.contact-item a{font-size:13px;color:#c7d4e5}
.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:35px;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#31445f}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4ee;border-radius:13px;padding:13px 14px;font:inherit;font-size:14px;color:var(--ink);outline:none;background:#fbfcfe;transition:.2s}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b98609;box-shadow:0 0 0 4px rgba(231,168,0,.10)}
.alert{padding:13px 15px;border-radius:13px;background:#effaf1;color:#236532;font-size:13px;margin-bottom:18px;font-weight:700}
.map-card{margin-top:25px;border-radius:25px;overflow:hidden;border:1px solid var(--line);min-height:330px;background:linear-gradient(135deg,#eaf1f9,#fff)}
.map-inner{height:330px;display:grid;place-items:center;text-align:center;position:relative;background-image:linear-gradient(rgba(6,26,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,26,58,.05) 1px,transparent 1px);background-size:38px 38px}
.map-pin{font-size:50px;animation:bob 3s ease-in-out infinite}.map-inner strong{display:block;font-family:"Manrope";font-size:21px;margin-top:10px}.map-inner p{font-size:13px;color:var(--muted)}
.site-footer{background:#04142e;color:#d0dced;position:relative;overflow:hidden;padding:75px 0 20px}
.footer-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-250px;top:-250px;background:radial-gradient(circle,rgba(231,168,0,.13),transparent 65%)}
.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .95fr 1.05fr;gap:35px;position:relative}
.footer-brand img{width:210px;height:90px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.footer-brand p{font-size:13px;line-height:1.8;color:#9fb1c9;max-width:350px;margin-top:10px}
.site-footer h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 15px}
.site-footer a{display:block;color:#9fb1c9;font-size:13px;margin:8px 0;transition:.2s}.site-footer a:hover{color:#fff}.site-footer p{font-size:13px;line-height:1.8;color:#9fb1c9}.footer-phone{font-weight:800!important;color:var(--gold-2)!important;font-size:16px!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#8395af}.footer-bottom b{color:var(--gold-2);padding:0 6px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#20b75a;color:#fff;z-index:900;box-shadow:0 15px 35px rgba(0,0,0,.22);font-size:31px;border:4px solid #fff;animation:whatsappPulse 2.3s infinite}.whatsapp-float span{transform:rotate(-20deg)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}

/* Animations */
@keyframes floatGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,35px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes whatsappPulse{0%,100%{box-shadow:0 15px 35px rgba(0,0,0,.22),0 0 0 0 rgba(32,183,90,.35)}50%{box-shadow:0 15px 35px rgba(0,0,0,.22),0 0 0 12px rgba(32,183,90,0)}}
@keyframes loaderOut{to{opacity:0;visibility:hidden}}
.site-loader{position:fixed;inset:0;background:var(--navy);z-index:3000;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-family:"Space Grotesk";font-weight:800;letter-spacing:.12em;animation:loaderOut .55s ease 1s forwards}.loader-ring{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold-2);border-radius:50%;animation:spin .8s linear infinite}

/* Responsive */
@media(max-width:1050px){
  .hero-orbit{right:-90px;opacity:.6}
  .main-nav>a{padding-left:9px;padding-right:9px}
  .main-nav>a:not(.nav-cta):after{left:9px;right:9px}
}
@media(max-width:850px){
  .top-strip{display:none}
  .nav-wrap{min-height:74px}.brand{width:160px;flex-basis:160px}.brand img{height:65px}
  .nav-toggle{display:block}
  .main-nav{position:absolute;left:20px;right:20px;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 25px 55px rgba(6,26,58,.14);display:grid;gap:2px;transform:translateY(-10px);opacity:0;visibility:hidden;transition:.25s}
  .main-nav.open{transform:none;opacity:1;visibility:visible}
  .main-nav>a{padding:13px 14px;border-radius:12px}.main-nav>a:hover{background:#f5f8fc}.main-nav>a:after{display:none}
  .nav-cta{text-align:center;margin-top:4px}
  .hero{min-height:720px}.hero-content{padding:80px 0 115px}.hero-orbit{width:340px;height:340px;right:-110px;top:64%;opacity:.45}.hero-logo-card{inset:68px}.hero-logo-card img{width:165px;height:165px}
  .stats-card{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}
  .split,.contact-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .course-detail{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:min(100% - 28px,1180px)}
  .hero h1{font-size:47px}.hero-lead{font-size:15px}.hero-orbit{display:none}.hero-content{padding-top:65px}
  .stats{margin-top:-30px}.stats-card{padding:13px}.stat{padding:12px 9px}.stat strong{font-size:23px}.stat span{font-size:9px}
  .section{padding:75px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:35px}
  .cards,.process,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .quote-box{flex-direction:column;align-items:flex-start}
  .page-hero{padding:70px 0}.page-hero h1{font-size:47px}
  .visual-frame:after{inset:8px;border-radius:15px}
  .whatsapp-float{width:52px;height:52px;right:15px;bottom:15px}
}

/* ================= PREMIUM POLISH v2 ================= */
:root{--gold:#d99a08;--gold-2:#ffc928;--navy:#031a3b;--navy-2:#082a58}
.top-strip{background:linear-gradient(90deg,#02142f,#082d5d,#02142f);position:relative;overflow:hidden}.top-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 45%,transparent 70%);transform:translateX(-100%);animation:topShine 7s linear infinite}.top-strip-inner{position:relative;z-index:1}.top-dot{opacity:.4}.site-header{box-shadow:0 6px 30px rgba(3,26,59,.06)}.nav-shine{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);opacity:.75}.brand{filter:drop-shadow(0 8px 18px rgba(3,26,59,.09))}.nav-cta{position:relative;overflow:hidden}.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-110%);animation:buttonShine 4s ease-in-out infinite}.nav-cta>*{position:relative}.cta-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 5px rgba(255,201,40,.1);display:inline-block}
/* Loader */
.site-loader{background:radial-gradient(circle at 50% 45%,#0a356b 0%,#031a3b 45%,#010b1d 100%);flex-direction:column;gap:18px}.loader-brand{display:flex;align-items:center;gap:16px;animation:loaderBrandIn .7s ease both}.loader-logo{width:76px;height:76px;border-radius:22px;background:#fff;padding:8px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 20px 60px rgba(0,0,0,.3);animation:loaderFloat 2s ease-in-out infinite}.loader-logo img{width:100%;height:100%;object-fit:contain}.loader-name{font-family:"Manrope",sans-serif;font-size:25px;letter-spacing:.08em;color:#fff;font-weight:800}.loader-name b{color:var(--gold-2)}.loader-name span{display:block;font-size:10px;letter-spacing:.35em;margin-top:3px;color:#dce8fb}.loader-line{width:180px;height:3px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.loader-line i{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:99px;animation:loaderLine 1s ease-in-out infinite}
/* Premium slider */
.premium-slider{height:min(760px,calc(100vh - 38px));min-height:650px;position:relative;background:#031a3b;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.hero-slide.is-active{opacity:1;visibility:visible}.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,43,.97) 0%,rgba(3,26,59,.88) 34%,rgba(3,26,59,.43) 65%,rgba(3,26,59,.38) 100%)}.hero-slide:nth-child(2) .slide-overlay{background:linear-gradient(90deg,rgba(3,26,59,.97),rgba(3,26,59,.84) 38%,rgba(3,26,59,.28))}.hero-slide:nth-child(3) .slide-overlay{background:linear-gradient(90deg,rgba(3,26,59,.96),rgba(3,26,59,.82) 38%,rgba(3,26,59,.26))}.hero-slide.is-active .slide-bg{animation:heroZoom 7s ease both}.hero-slide-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2}.hero-content{max-width:720px;padding:70px 0 80px}.hero h1{font-size:clamp(48px,6.4vw,84px);text-shadow:0 15px 45px rgba(0,0,0,.18)}.hero h1 span{color:var(--gold-2)}.hero-lead{max-width:650px}.hero-progress{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));z-index:8;display:flex;align-items:center;gap:22px;color:#fff}.slider-count{font-size:12px;letter-spacing:.12em;min-width:54px}.slider-count b{color:var(--gold-2);font-size:18px}.slider-dots{display:flex;gap:8px;flex:1}.slider-dots button{width:42px;height:4px;border:0;background:rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:.3s}.slider-dots button.active{background:var(--gold-2);width:72px}.slider-arrows{display:flex;gap:7px}.slider-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:.25s}.slider-arrows button:hover{background:var(--gold-2);color:var(--navy);border-color:var(--gold-2);transform:translateY(-2px)}.hero-scroll{position:absolute;right:25px;bottom:125px;z-index:7;writing-mode:vertical-rl;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:9px}.hero-scroll i{width:1px;height:42px;background:linear-gradient(var(--gold-2),transparent);animation:scrollLine 1.7s ease-in-out infinite}
/* Cards / sections premium */
.course-card,.process-card,.visual-frame,.stats-card,.form-card,.contact-panel{transition:transform .35s ease,box-shadow .35s ease}.course-card:hover,.process-card:hover{transform:translateY(-9px);box-shadow:0 28px 65px rgba(5,24,54,.15)}.visual-frame{box-shadow:0 28px 70px rgba(5,24,54,.14)}.visual-frame:hover{transform:translateY(-5px)}.stats-card{position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold))}.section-head h2{letter-spacing:-.045em}.kicker{letter-spacing:.16em}
/* Footer */
.site-footer{background:radial-gradient(circle at 85% 10%,rgba(231,168,0,.13),transparent 24%),linear-gradient(135deg,#020f25,#041c3e 55%,#02152e);padding-top:40px}.footer-grid-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.footer-glow{filter:blur(5px)}.footer-top-cta{position:relative;z-index:2;border:1px solid rgba(255,255,255,.11);background:linear-gradient(110deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:25px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:52px;overflow:hidden}.footer-top-cta:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-120px;border:1px solid rgba(255,201,40,.25)}.footer-top-cta h2{font-family:"Manrope";font-size:clamp(24px,3vw,38px);line-height:1.08;color:#fff;margin-top:5px}.footer-top-cta h2 span{color:var(--gold-2)}.footer-kicker{color:var(--gold-2);font-size:10px}.footer-cta{position:relative;z-index:1;display:inline-flex!important;align-items:center;gap:18px;background:var(--gold-2);color:var(--navy)!important;border-radius:999px!important;padding:15px 20px!important;font-weight:900!important;box-shadow:0 15px 35px rgba(0,0,0,.18);margin:0!important}.footer-cta b{font-size:19px}.footer-brand img{filter:none;width:220px;height:92px;background:#fff;border-radius:14px;padding:8px;object-fit:contain}.footer-socials{display:flex;gap:8px;margin-top:18px}.footer-socials a{display:inline-flex!important;border:1px solid rgba(255,255,255,.12);padding:7px 11px;border-radius:999px;margin:0!important;font-size:11px!important}.footer-socials a:hover{background:var(--gold-2);color:var(--navy)!important;border-color:var(--gold-2)}.footer-location{display:flex;gap:10px}.footer-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,201,40,.1);color:var(--gold-2);font-size:20px;flex:0 0 34px}.footer-bottom{position:relative;z-index:2}
.whatsapp-float{display:flex!important;align-items:center;justify-content:center;gap:5px}.whatsapp-float i{display:none;font-style:normal;font-size:10px;font-weight:800}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes topShine{to{transform:translateX(100%)}}@keyframes buttonShine{0%,55%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}@keyframes loaderBrandIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes loaderFloat{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes loaderLine{0%{transform:translateX(-130%)}100%{transform:translateX(320%)}}@keyframes scrollLine{50%{height:55px;opacity:.4}}
@media(max-width:850px){.premium-slider{height:720px;min-height:720px}.slide-bg{object-position:62% center}.slide-overlay{background:linear-gradient(90deg,rgba(3,26,59,.96),rgba(3,26,59,.72) 65%,rgba(3,26,59,.4))}.hero-progress{bottom:22px}.hero-scroll{display:none}.footer-top-cta{align-items:flex-start;flex-direction:column}.footer-cta{width:max-content}.top-strip-inner{justify-content:center}.top-links{display:none}}
@media(max-width:560px){.premium-slider{height:680px;min-height:680px}.slide-bg{object-position:62% center}.hero-content{padding:60px 0 110px}.hero h1{font-size:46px}.hero-progress{width:calc(100% - 28px);gap:12px}.slider-dots button{width:25px}.slider-dots button.active{width:45px}.slider-arrows button{width:36px;height:36px}.slider-count{min-width:45px}.footer-top-cta{padding:22px}.footer-cta{width:100%;justify-content:center}.footer-brand img{width:200px}.whatsapp-float i{display:block}.whatsapp-float span{font-size:24px}}


/* ===== PREMIUM POLISH v3 ===== */
.site-header{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(6,26,58,.08);box-shadow:0 5px 28px rgba(4,20,46,.05)}
.nav-wrap{min-height:92px}.brand{width:205px;flex-basis:205px}.brand img{height:80px;filter:drop-shadow(0 12px 22px rgba(6,26,58,.12));transition:transform .35s ease}.brand:hover img{transform:scale(1.025)}
.main-nav{gap:4px}.main-nav>a:not(.nav-cta){border-radius:14px}.main-nav>a:not(.nav-cta):hover{background:rgba(6,26,58,.045)}
.nav-cta{padding:14px 20px!important;box-shadow:0 14px 32px rgba(6,26,58,.22),inset 0 1px 0 rgba(255,255,255,.15)!important}
.nav-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;overflow:hidden;opacity:0;transition:.3s}.site-header.scrolled .nav-progress{opacity:1}.nav-progress span{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--gold),var(--gold-2),#fff0a8);box-shadow:0 0 14px rgba(255,199,44,.55);animation:navProgress 2.8s ease-in-out infinite}
.site-loader{backdrop-filter:blur(12px)}.loader-logo{position:relative!important;background:rgba(255,255,255,.96)!important;border-radius:50%!important;padding:12px!important;width:92px!important;height:92px!important;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 0 10px rgba(255,199,44,.05),0 22px 70px rgba(0,0,0,.35)!important}.loader-logo img{position:relative;z-index:2}.loader-orbit{position:absolute;inset:-9px;border:1px solid rgba(255,199,44,.65);border-top-color:transparent;border-radius:50%;animation:spin 1.6s linear infinite}.loader-orbit:after{content:"";position:absolute;right:-4px;top:50%;width:7px;height:7px;background:var(--gold-2);border-radius:50%;box-shadow:0 0 12px var(--gold-2)}
.premium-slider{min-height:670px;height:min(780px,calc(100vh - 38px));box-shadow:0 18px 55px rgba(3,26,59,.18)}.hero-slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(255,199,44,.13),transparent 23%),linear-gradient(180deg,rgba(2,18,43,.04),rgba(2,18,43,.18));mix-blend-mode:screen}.hero-slide.is-active .slide-bg{animation:heroZoom 8.5s cubic-bezier(.2,.65,.25,1) both}.hero-content{position:relative}.hero-content:before{content:"";position:absolute;left:-32px;top:42px;width:3px;height:130px;background:linear-gradient(var(--gold-2),transparent);opacity:.8}.hero h1{letter-spacing:-.065em}.hero h1 span{background:linear-gradient(90deg,var(--gold-2),#ffe17b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions .btn{box-shadow:0 14px 35px rgba(0,0,0,.16)}
.campaign-slide .slide-bg{object-fit:cover;object-position:center}.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,59,.10),transparent 35%,rgba(3,26,59,.06) 70%,rgba(3,26,59,.20));z-index:1}.campaign-badge{position:absolute;left:clamp(20px,6vw,90px);bottom:115px;z-index:4;padding:15px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.65);background:rgba(3,26,59,.76);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(3,26,59,.22);color:#fff}.campaign-badge span{display:block;color:var(--gold-2);font-size:10px;font-weight:900;letter-spacing:.18em}.campaign-badge b{display:block;margin-top:3px;font-family:Manrope,sans-serif;font-size:18px}.campaign-cta{position:absolute;right:clamp(20px,6vw,90px);bottom:115px;z-index:4;display:inline-flex;gap:12px;align-items:center;padding:14px 18px;border-radius:999px;background:var(--gold-2);color:var(--navy);font-weight:900;box-shadow:0 16px 35px rgba(3,26,59,.22);transition:.3s}.campaign-cta:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(3,26,59,.3)}
.slider-dots button{height:5px;box-shadow:0 0 0 rgba(255,199,44,0)}.slider-dots button.active{box-shadow:0 0 14px rgba(255,199,44,.55)}.slider-arrows button{box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.12)}
.footer-contact-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-15px 0 34px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}.footer-contact-strip a{display:flex!important;align-items:center;gap:13px;margin:0!important;padding:13px 15px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.footer-contact-strip a:hover{background:rgba(255,199,44,.09);border-color:rgba(255,199,44,.22);transform:translateY(-2px)}.fc-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--gold-2),var(--gold));color:var(--navy);font-size:18px;font-weight:900;flex:0 0 43px}.footer-contact-strip small{display:block;color:#90a4c0;font-size:9px;font-weight:800;letter-spacing:.12em}.footer-contact-strip b{display:block;color:#fff;font-size:13px;margin-top:2px}.footer-top-cta{box-shadow:0 20px 60px rgba(0,0,0,.12)}.footer-brand img{box-shadow:0 15px 35px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.18)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;margin-top:30px}
.whatsapp-float{box-shadow:0 16px 40px rgba(0,0,0,.2)!important;border:2px solid rgba(255,255,255,.9)}
@keyframes navProgress{0%{transform:translateX(-120%)}55%{transform:translateX(150%)}100%{transform:translateX(300%)}}
@media(max-width:850px){.nav-wrap{min-height:78px}.brand{width:178px;flex-basis:178px}.brand img{height:68px}.footer-contact-strip{grid-template-columns:1fr}.campaign-badge{left:18px;bottom:95px}.campaign-cta{right:18px;bottom:95px}.premium-slider{height:690px;min-height:690px}}
@media(max-width:560px){.brand{width:158px;flex-basis:158px}.brand img{height:62px}.premium-slider{height:650px;min-height:650px}.campaign-badge{left:14px;bottom:92px;right:14px}.campaign-badge b{font-size:15px}.campaign-cta{left:14px;right:auto;bottom:28px;padding:12px 16px}.hero-content:before{left:-14px;height:92px}.footer-contact-strip{border-radius:18px;padding:7px}.footer-contact-strip a{padding:11px}.site-footer{padding-top:32px}}

/* =========================================================
   PREMIUM EXPERIENCE LAYER — SKILL NINE ACADEMY
   Final visual polish: floating glass UI, cinematic slider,
   magnetic hovers, depth, glow and responsive refinement.
========================================================= */

:root{
  --sn-gold:#e8ad16;
  --sn-gold-hi:#ffd34d;
  --sn-navy:#061a3a;
  --sn-blue:#0a2d60;
  --sn-glass:rgba(255,255,255,.72);
  --sn-border:rgba(255,255,255,.68);
  --sn-shadow:0 28px 90px rgba(4,23,51,.14);
}

body{background:#fff}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 15%,rgba(232,173,22,.035),transparent 24%),radial-gradient(circle at 90% 60%,rgba(10,45,96,.035),transparent 25%)}

/* Floating header */
.site-header{position:fixed;top:51px;left:0;right:0;background:transparent;border:0;backdrop-filter:none;box-shadow:none;padding:0 18px;transition:top .55s cubic-bezier(.2,.8,.2,1),padding .55s ease}
.site-header .nav-wrap{width:min(1240px,calc(100vw - 36px));min-height:78px;margin:auto;padding:7px 10px 7px 18px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.83),rgba(255,255,255,.61));box-shadow:0 18px 55px rgba(4,23,51,.12),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);position:relative;overflow:hidden}
.site-header .nav-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.38) 48%,transparent 62%);transform:translateX(-120%);animation:snHeaderShine 8s ease-in-out infinite}
.site-header.scrolled{top:0;padding:0}
.site-header.scrolled .nav-wrap{width:100%;border-radius:0;border-left:0;border-right:0;border-top:0;box-shadow:0 12px 40px rgba(4,23,51,.14);background:rgba(255,255,255,.94)}
.site-header.scrolled .nav-wrap:before{display:none}
.brand{position:relative;z-index:2;width:184px;flex-basis:184px;height:64px;border-radius:19px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand:before{content:"";position:absolute;width:48px;height:48px;left:13px;border-radius:50%;border:1px solid rgba(232,173,22,.38);box-shadow:0 0 0 6px rgba(232,173,22,.045);transition:.5s}
.brand:hover:before{transform:rotate(180deg) scale(1.08)}
.brand img{position:relative;z-index:2;width:174px;height:62px;object-fit:contain;transition:.4s}
.brand:hover img{transform:scale(1.035);filter:drop-shadow(0 8px 16px rgba(6,26,58,.15))}
.main-nav{position:relative;z-index:3;gap:14px}
.main-nav>a:not(.nav-cta){border-radius:14px;padding:11px 14px;transition:transform .3s ease,color .3s ease,background .3s ease}
.main-nav>a:not(.nav-cta):before{content:"";position:absolute;inset:3px;border-radius:12px;background:linear-gradient(135deg,rgba(6,26,58,.055),rgba(232,173,22,.08));opacity:0;transform:scale(.8);transition:.3s;z-index:-1}
.main-nav>a:not(.nav-cta):hover:before,.main-nav>a.active:not(.nav-cta):before{opacity:1;transform:scale(1)}
.main-nav>a:not(.nav-cta):hover{transform:translateY(-2px);color:var(--sn-gold)}
.nav-cta{position:relative;overflow:hidden;min-height:46px;padding:0 17px!important;display:inline-flex!important;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(135deg,#ffd54e,#e8ad16);box-shadow:0 12px 30px rgba(232,173,22,.25),inset 0 1px 0 rgba(255,255,255,.7);transition:.3s!important}
.nav-cta:before{content:"";position:absolute;top:-70%;left:-35%;width:28%;height:240%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:snCtaShine 4.5s ease-in-out infinite}
.nav-cta:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(232,173,22,.35),inset 0 1px 0 rgba(255,255,255,.8)}
.nav-cta>*{position:relative;z-index:2}
.nav-cta .cta-dot{width:8px;height:8px;border-radius:50%;background:var(--sn-navy);box-shadow:0 0 0 4px rgba(6,26,58,.08);margin:0}
.nav-progress{position:absolute!important;left:0;right:0;bottom:0;height:2px;z-index:10;border-radius:0 0 26px 26px;overflow:hidden;background:transparent}
.nav-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--sn-gold),var(--sn-gold-hi));box-shadow:0 0 14px rgba(232,173,22,.7)}
.site-header.scrolled .nav-progress{border-radius:0}

/* Cinematic slider */
.premium-slider{isolation:isolate;box-shadow:0 25px 90px rgba(3,20,45,.20)}
.hero-slide{overflow:hidden}
.slide-bg{transform:scale(1.08);will-change:transform;transition:transform 8s cubic-bezier(.2,.65,.25,1),filter 1.2s ease}
.hero-slide.is-active .slide-bg{transform:scale(1.0);filter:saturate(1.04) contrast(1.03)}
.hero-slide:not(.is-active) .slide-bg{filter:saturate(.85)}
.slide-overlay{background:linear-gradient(90deg,rgba(2,15,37,.94) 0%,rgba(3,26,59,.78) 38%,rgba(3,26,59,.26) 72%,rgba(3,26,59,.18) 100%),linear-gradient(0deg,rgba(2,18,43,.55),transparent 55%)}
.hero-slide:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 18%,rgba(255,207,61,.13),transparent 22%),radial-gradient(circle at 15% 80%,rgba(35,120,255,.08),transparent 25%)}
.hero-slide-inner{z-index:3}
.hero-content{position:relative}
.hero-content:before{content:"";position:absolute;left:-28px;top:40px;width:3px;height:135px;border-radius:9px;background:linear-gradient(var(--sn-gold-hi),transparent);box-shadow:0 0 18px rgba(255,211,77,.3)}
.hero h1{letter-spacing:-.07em}
.hero h1 span{background:linear-gradient(90deg,var(--sn-gold-hi),#fff0a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-actions .btn{position:relative;overflow:hidden}
.hero-actions .btn:after{content:"";position:absolute;top:-70%;left:-40%;width:25%;height:240%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:.5s}
.hero-actions .btn:hover:after{left:125%}
.slider-dots button{position:relative;overflow:hidden}
.slider-dots button:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.22);transform:translateX(-100%)}
.slider-dots button.active:after{animation:snSlideProgress 6s linear forwards}
.slider-arrows button{backdrop-filter:blur(12px);transition:.3s cubic-bezier(.2,.8,.2,1)}
.slider-arrows button:hover{transform:translateY(-3px) scale(1.05)!important}
.hero-scroll i{box-shadow:0 0 12px rgba(255,211,77,.5)}

/* Premium global cards */
.cards{perspective:1000px}
.course-card,.process-card,.feature,.contact-panel,.form-card,.stats-card,.visual-frame{position:relative;overflow:hidden}
.course-card,.process-card,.feature,.contact-panel,.form-card{border-radius:26px}
.course-card:after,.process-card:after,.feature:after,.contact-panel:after,.form-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.55) 48%,transparent 67%);transform:translateX(-125%);transition:transform .75s ease}
.course-card:hover:after,.process-card:hover:after,.feature:hover:after,.contact-panel:hover:after,.form-card:hover:after{transform:translateX(125%)}
.course-card:hover,.process-card:hover{transform:translateY(-11px) scale(1.012);box-shadow:0 32px 75px rgba(5,24,54,.17)}
.course-card .course-no{transition:color .3s ease,transform .3s ease}
.course-card:hover .course-no{color:var(--sn-gold);transform:translateX(3px)}
.course-link{transition:.3s!important}
.course-card:hover .course-link{transform:translateX(4px);color:var(--sn-gold)!important}
.tag{transition:.25s}
.course-card:hover .tag{border-color:rgba(232,173,22,.35);background:#fffaf0}
.visual-frame{box-shadow:0 30px 80px rgba(5,24,54,.16);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}
.visual-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.6);border-radius:21px;z-index:2;pointer-events:none}
.visual-frame:hover{transform:translateY(-9px) rotateX(1deg);box-shadow:0 40px 100px rgba(5,24,54,.2)}
.feature{transition:transform .4s ease,background .4s ease,box-shadow .4s ease;padding:18px;border-radius:20px}
.feature:hover{transform:translateX(7px);background:#fff;box-shadow:0 18px 45px rgba(5,24,54,.08)}
.feature-icon{transition:.4s cubic-bezier(.2,.8,.2,1)}
.feature:hover .feature-icon{transform:rotate(-7deg) scale(1.08);background:var(--sn-gold-hi);color:var(--sn-navy)}
.process-card{transition:.4s cubic-bezier(.2,.8,.2,1);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))}
.process-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));border-color:rgba(255,211,77,.28);transform:translateY(-10px) scale(1.01)}
.process-num{transition:.4s}
.process-card:hover .process-num{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,211,77,.05)}
.stats-card{border-radius:26px;box-shadow:0 28px 75px rgba(5,24,54,.13);transition:.45s}
.stats-card:hover{transform:translateY(-5px);box-shadow:0 35px 90px rgba(5,24,54,.17)}
.stat{transition:.35s}
.stat:hover{transform:translateY(-3px)}

/* Marquee */
.marquee-wrap{overflow:hidden;border-top:1px solid rgba(6,26,58,.07);border-bottom:1px solid rgba(6,26,58,.07);background:linear-gradient(90deg,#fffaf0,#fff,#fffaf0)}
.marquee span{font-family:Space Grotesk,sans-serif;letter-spacing:.08em}
.marquee i{animation:snSpark 1.8s ease-in-out infinite;display:inline-block}

/* CTA band */
.quote-band{position:relative;overflow:hidden}
.quote-band:before{content:"";position:absolute;width:500px;height:500px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(232,173,22,.15),transparent 68%)}
.quote-box{position:relative;border:1px solid rgba(6,26,58,.08);border-radius:30px;background:linear-gradient(135deg,#fff,#fff9e8);box-shadow:0 25px 70px rgba(5,24,54,.08);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}
.quote-box:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(-120%);animation:snHeaderShine 7s ease-in-out infinite}
.quote-box>*{position:relative;z-index:2}

/* Footer premium */
.site-footer{position:relative;background:radial-gradient(circle at 84% 8%,rgba(255,205,63,.14),transparent 22%),radial-gradient(circle at 12% 75%,rgba(35,115,255,.10),transparent 25%),linear-gradient(135deg,#020d20,#041b3c 55%,#02142c);padding-top:48px}
.footer-contact-strip{position:relative;z-index:3;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);backdrop-filter:blur(16px);border-radius:22px;padding:8px;box-shadow:0 25px 60px rgba(0,0,0,.16)}
.footer-contact-strip a{border-radius:16px!important;transition:.35s!important}
.footer-contact-strip a:hover{background:rgba(255,255,255,.075);transform:translateY(-3px)}
.fc-icon{transition:.4s}
.footer-contact-strip a:hover .fc-icon{transform:rotate(-8deg) scale(1.08);background:var(--sn-gold-hi)!important;color:var(--sn-navy)!important}
.footer-top-cta{border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.12);transition:.4s}
.footer-top-cta:hover{transform:translateY(-4px);border-color:rgba(255,211,77,.22)}
.footer-cta{transition:.3s!important}
.footer-cta:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(232,173,22,.3)!important}
.footer-brand img{border-radius:18px!important;box-shadow:0 15px 45px rgba(0,0,0,.15);transition:.4s}
.footer-brand img:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 22px 55px rgba(0,0,0,.22)}
.footer-socials a{transition:.3s!important}
.footer-socials a:hover{transform:translateY(-3px)}
.site-footer .footer-grid>div>a:not(.footer-phone){transition:transform .25s ease,color .25s ease!important}
.site-footer .footer-grid>div>a:not(.footer-phone):hover{transform:translateX(5px);color:var(--sn-gold-hi)!important}
.footer-bottom{padding-top:24px!important;margin-top:35px;border-top:1px solid rgba(255,255,255,.10)}
.whatsapp-float{transition:.35s cubic-bezier(.2,.8,.2,1)!important}
.whatsapp-float:hover{transform:translateY(-6px) scale(1.06);box-shadow:0 22px 50px rgba(32,183,90,.28)!important}

/* Reveal refinement */
.reveal{transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease;filter:blur(2px)}
.reveal.visible{filter:blur(0)}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

/* Loader */
.site-loader{background:radial-gradient(circle at 50% 40%,#0a356b,#031a3b 50%,#010b1d)!important}
.loader-logo{box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 0 10px rgba(255,199,44,.05),0 25px 80px rgba(0,0,0,.4)!important}

@keyframes snHeaderShine{0%,15%{transform:translateX(-120%)}42%,100%{transform:translateX(130%)}}
@keyframes snCtaShine{0%,15%{left:-35%}48%,100%{left:125%}}
@keyframes snSlideProgress{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes snSpark{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.25) rotate(15deg);opacity:1}}

@media(max-width:850px){
  .site-header{top:10px;padding:0 10px}
  .site-header .nav-wrap{width:100%;min-height:76px;border-radius:21px;padding:6px 9px 6px 14px}
  .site-header.scrolled .nav-wrap{border-radius:0}
  .nav-toggle{display:block;position:relative;z-index:10}
  .main-nav{position:absolute;top:calc(100% + 9px);left:6px;right:6px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 65px rgba(4,23,51,.18);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:.35s cubic-bezier(.2,.8,.2,1)}
  .main-nav.open{opacity:1;visibility:visible;transform:none}
  .main-nav>a:not(.nav-cta){min-height:48px;display:flex;align-items:center;padding:0 16px}
  .main-nav>a:not(.nav-cta):after{left:16px;right:auto;bottom:6px;width:0}.main-nav>a.active:not(.nav-cta):after,.main-nav>a:not(.nav-cta):hover:after{width:22px}
  .nav-cta{justify-content:center;width:100%;margin-top:2px}
  .brand{width:158px;flex-basis:158px;height:60px}.brand img{width:152px;height:58px}
  .premium-slider{height:700px;min-height:700px}
  .slide-bg{object-position:62% center}
  .hero-content:before{left:-14px;height:105px}
  .quote-box{flex-direction:column;align-items:flex-start}
}

@media(max-width:560px){
  .site-header{top:7px;padding:0 7px}
  .site-header .nav-wrap{min-height:68px;border-radius:18px;padding-left:10px}
  .site-header.scrolled .nav-wrap{min-height:68px}
  .brand{width:145px;flex-basis:145px;height:54px}.brand img{width:140px;height:52px}
  .brand:before{width:38px;height:38px;left:9px}
  .premium-slider{height:660px;min-height:660px}
  .slide-overlay{background:linear-gradient(90deg,rgba(2,15,37,.92),rgba(3,26,59,.68) 72%,rgba(3,26,59,.42)),linear-gradient(0deg,rgba(2,18,43,.72),transparent 55%)}
  .hero h1{font-size:45px}.hero-lead{font-size:15px}.hero-content{padding-top:45px}
  .hero-content:before{left:-10px;height:82px}
  .hero-progress{bottom:18px;width:calc(100% - 26px)}
  .slider-dots{gap:5px}.slider-dots button{width:20px}.slider-dots button.active{width:38px}
  .slider-arrows button{width:36px;height:36px}
  .quote-box{padding:25px}.quote-box .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* =========================================================
   INNER PAGES + CINEMATIC SLIDER — PREMIUM PASS
========================================================= */
body.inner-page{background:#f8fafE}
body.inner-page .site-header{top:51px}
body.inner-page main{position:relative}

/* Premium inner-page title area */
.page-hero{
  min-height:390px;
  padding:158px 0 92px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 82% 28%,rgba(255,199,44,.19),transparent 22%),
    radial-gradient(circle at 8% 92%,rgba(47,126,255,.13),transparent 28%),
    linear-gradient(125deg,#03132d 0%,#082b5b 52%,#0b3b78 100%);
  isolation:isolate;
}
.page-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.42;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
.page-hero:after{
  content:"";position:absolute;width:560px;height:560px;right:-180px;top:-280px;border-radius:50%;
  border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012);
  animation:pageOrb 12s ease-in-out infinite;z-index:-1;pointer-events:none;
}
.page-hero .container{position:relative}
.page-hero .container:before{
  content:"";position:absolute;left:0;top:-12px;width:62px;height:3px;border-radius:10px;
  background:linear-gradient(90deg,var(--gold-2),rgba(255,199,44,0));box-shadow:0 0 18px rgba(255,199,44,.35)
}
.page-hero .breadcrumb{
  display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.075);backdrop-filter:blur(14px);border-radius:999px;
  color:#dce8fb;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.08);
}
.page-hero .breadcrumb span{color:var(--gold-2);opacity:.8}
.page-hero h1{
  position:relative;max-width:900px;margin:20px 0 15px!important;
  font-size:clamp(42px,6vw,76px)!important;line-height:.98!important;
  text-wrap:balance;text-shadow:0 18px 55px rgba(0,0,0,.2);
  animation:pageTitleIn .8s cubic-bezier(.2,.8,.2,1) both;
}
.page-hero p{max-width:700px!important;color:#d3dfef!important;font-size:16px!important;line-height:1.75!important;animation:pageTextIn .9s .1s cubic-bezier(.2,.8,.2,1) both}

/* Inner pages should feel like the same floating premium header as home */
body.inner-page .site-header .nav-wrap{box-shadow:0 18px 55px rgba(4,23,51,.15),inset 0 1px 0 rgba(255,255,255,.95)}
body.inner-page .site-header.scrolled .nav-wrap{box-shadow:0 12px 40px rgba(4,23,51,.14)}

/* Cinematic home slider refinements */
.premium-slider{border-radius:0 0 34px 34px;box-shadow:0 22px 70px rgba(3,26,59,.22)}
.hero-slide:before{background:radial-gradient(circle at 74% 18%,rgba(255,207,61,.17),transparent 23%),radial-gradient(circle at 12% 82%,rgba(45,128,255,.12),transparent 26%)}
.hero-content{
  padding:30px 34px 34px 30px;
  border-left:1px solid rgba(255,255,255,.18);
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0 28px 28px 0;
  background:linear-gradient(135deg,rgba(3,26,59,.30),rgba(3,26,59,.08));
  backdrop-filter:blur(3px);
  box-shadow:0 25px 70px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.08);
}
.hero-content:after{content:"";position:absolute;right:16px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 7px rgba(255,199,44,.08),0 0 20px var(--gold-2);animation:snPulse 2.2s ease-in-out infinite}
.hero-slide.is-active .hero-content .eyebrow{animation:slideItemIn .75s .12s both}
.hero-slide.is-active .hero-content h1{animation:slideItemIn .8s .2s both}
.hero-slide.is-active .hero-content .hero-lead{animation:slideItemIn .8s .28s both}
.hero-slide.is-active .hero-content .hero-actions{animation:slideItemIn .8s .36s both}
.hero-slide:not(.is-active) .hero-content>*{animation:none}
.hero-slide.is-active .slide-bg{filter:saturate(1.06) contrast(1.04)}
.slider-dots button{position:relative;overflow:hidden}
.slider-dots button.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:dotSweep 2.4s linear infinite}
.slider-arrows button{backdrop-filter:blur(14px);transition:transform .3s,background .3s,border-color .3s}
.slider-arrows button:first-child:hover{transform:translateX(-3px)}
.slider-arrows button:last-child:hover{transform:translateX(3px)}

@keyframes pageTitleIn{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes pageTextIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pageOrb{50%{transform:translate(-18px,14px) rotate(8deg)}}
@keyframes slideItemIn{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes dotSweep{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes snPulse{50%{transform:scale(1.2);box-shadow:0 0 0 10px rgba(255,199,44,.04),0 0 24px var(--gold-2)}}

@media(max-width:850px){
  body.inner-page .site-header{top:10px}
  .page-hero{min-height:350px;padding:135px 0 72px}
  .page-hero h1{font-size:clamp(40px,9vw,58px)!important}
  .page-hero .container:before{top:-9px}
  .hero-content{padding:24px 24px 28px 22px;background:linear-gradient(135deg,rgba(3,26,59,.32),rgba(3,26,59,.08))}
  .premium-slider{border-radius:0 0 25px 25px}
}
@media(max-width:560px){
  body.inner-page .site-header{top:7px}
  .page-hero{min-height:320px;padding:120px 0 62px}
  .page-hero .breadcrumb{font-size:9px;padding:7px 11px}
  .page-hero h1{font-size:39px!important;margin-top:17px!important}
  .page-hero p{font-size:14px!important;line-height:1.65!important}
  .hero-content{padding:20px 18px 23px 17px;border-radius:0 20px 20px 0}
  .hero-content:after{right:11px;top:11px}
  .premium-slider{border-radius:0 0 20px 20px}
}

/* =========================================================
   SKILL NINE — PREMIUM V3 / ELITE VISUAL SYSTEM
   Inner header exactly aligned with homepage + redesigned hero
========================================================= */

/* Remove the extra inner-page header offset — same floating position as Home */
body.inner-page .site-header{top:51px!important;left:0;right:0;padding:0 18px!important}
body.inner-page .site-header.scrolled{top:0!important;padding:0!important}
body.inner-page .site-header .nav-wrap{width:min(1240px,calc(100vw - 36px));margin:auto}

/* Inner page title: editorial / premium composition */
.page-hero{
  min-height:455px!important;
  padding:172px 0 105px!important;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:
    radial-gradient(ellipse at 78% 35%,rgba(255,199,44,.18),transparent 25%),
    radial-gradient(ellipse at 15% 90%,rgba(37,123,255,.16),transparent 30%),
    linear-gradient(125deg,#020d21 0%,#062552 52%,#0b3d7b 100%)!important;
}
.page-hero:before{
  opacity:.30!important;
  background-size:46px 46px!important;
  mask-image:linear-gradient(to right,black 0%,rgba(0,0,0,.7) 60%,transparent 100%)!important;
}
.page-hero:after{
  width:720px!important;height:720px!important;right:-270px!important;top:-360px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 75px rgba(255,255,255,.018),0 0 0 150px rgba(255,255,255,.012)!important;
}
.page-hero .container{width:min(1240px,calc(100% - 40px));}
.page-hero .container:before{
  top:-22px!important;width:92px!important;height:4px!important;
  background:linear-gradient(90deg,var(--gold-2),rgba(255,199,44,0))!important;
}
.page-hero .container:after{
  content:"";position:absolute;right:3%;top:50%;width:130px;height:130px;border:1px solid rgba(255,255,255,.10);
  border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 22px rgba(255,255,255,.018),0 0 55px rgba(255,199,44,.05);
  animation:heroRing 8s ease-in-out infinite;pointer-events:none;
}
.page-hero .breadcrumb{
  position:relative;z-index:2;padding:9px 15px!important;gap:11px!important;
  background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.14)!important;
}
.page-hero .breadcrumb:before{content:"✦";color:var(--gold-2);font-size:10px}
.page-hero h1{
  max-width:850px!important;margin:25px 0 17px!important;
  font-family:"Space Grotesk",sans-serif!important;
  font-size:clamp(48px,6.7vw,82px)!important;
  font-weight:700!important;letter-spacing:-.065em!important;line-height:.96!important;
  text-shadow:0 20px 60px rgba(0,0,0,.30)!important;
}
.page-hero h1 span{
  background:linear-gradient(100deg,#ffc72c 0%,#ffe68a 45%,#ffc72c 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.page-hero p{
  max-width:670px!important;margin:0!important;color:rgba(231,239,250,.82)!important;
  font-size:16px!important;line-height:1.78!important;
}
.page-hero p:after{
  content:"";display:block;width:58px;height:1px;margin-top:25px;
  background:linear-gradient(90deg,var(--gold-2),transparent);opacity:.7;
}

/* New premium cinematic slider */
.premium-slider{
  min-height:720px!important;height:min(790px,calc(100vh - 38px))!important;
  border-radius:0 0 42px 42px!important;
  box-shadow:0 30px 100px rgba(2,17,39,.26)!important;
  background:#020e22!important;
}
.hero-slide{transition:opacity .95s cubic-bezier(.2,.75,.2,1),visibility .95s}
.slide-bg{transform:scale(1.045);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1s ease!important}
.hero-slide.is-active .slide-bg{transform:scale(1.0);filter:saturate(1.08) contrast(1.05)!important}
.slide-overlay{
  background:
    linear-gradient(90deg,rgba(1,11,28,.97) 0%,rgba(2,19,43,.88) 35%,rgba(2,19,43,.47) 64%,rgba(2,19,43,.18) 100%),
    linear-gradient(180deg,rgba(1,10,25,.18),rgba(1,10,25,.55))!important;
}
.hero-slide:after{
  background:
    radial-gradient(circle at 73% 20%,rgba(255,199,44,.16),transparent 20%),
    radial-gradient(circle at 88% 78%,rgba(55,139,255,.15),transparent 27%),
    linear-gradient(90deg,rgba(0,0,0,.05),transparent 55%)!important;
}
.hero-slide-inner{align-items:center!important}
.hero-content{
  max-width:770px!important;padding:42px 48px 45px 42px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-left:3px solid var(--gold-2)!important;
  border-radius:0 34px 34px 0!important;
  background:linear-gradient(135deg,rgba(2,19,43,.64),rgba(2,19,43,.20))!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.10)!important;
  overflow:hidden;
}
.hero-content:before{
  left:auto!important;right:0!important;top:0!important;width:1px!important;height:100%!important;
  background:linear-gradient(180deg,transparent,var(--gold-2),transparent)!important;
  opacity:.55!important;
}
.hero-content:after{right:22px!important;top:22px!important}
.hero .eyebrow{
  display:inline-flex!important;align-items:center;gap:9px!important;
  padding:7px 12px!important;border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.hero h1{
  margin-top:20px!important;font-size:clamp(50px,6.4vw,88px)!important;
  line-height:.93!important;letter-spacing:-.075em!important;
}
.hero-lead{font-size:17px!important;color:rgba(235,242,251,.82)!important;line-height:1.75!important}
.hero-actions{margin-top:28px!important}
.hero-actions .btn{border-radius:14px!important;padding:14px 21px!important}
.slider-arrows{gap:10px!important}
.slider-arrows button{
  width:50px!important;height:50px!important;border-radius:16px!important;
  background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.10)!important;
}
.slider-arrows button:hover{border-radius:50%!important}
.hero-progress{bottom:26px!important}
.slider-dots button{height:5px!important;background:rgba(255,255,255,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.slider-dots button.active{height:5px!important;background:var(--gold-2)!important;box-shadow:0 0 18px rgba(255,199,44,.32)}
.hero-scroll{right:34px!important;bottom:145px!important}

/* Premium headings throughout all pages */
.section-head .kicker,.kicker{
  letter-spacing:.18em!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important;
  display:inline-flex!important;align-items:center;gap:9px!important;
}
.section-head .kicker:before,.kicker:before{content:"";width:24px;height:2px;border-radius:3px;background:var(--gold-2);box-shadow:0 0 12px rgba(255,199,44,.25)}
.section-head h2{letter-spacing:-.055em!important}
.course-card,.feature,.contact-panel,.form-card,.visual-frame{
  box-shadow:0 18px 55px rgba(4,23,51,.08)!important;
}
.course-card:hover,.feature:hover,.contact-panel:hover,.form-card:hover{box-shadow:0 28px 70px rgba(4,23,51,.13)!important}

@keyframes heroRing{50%{transform:translateY(-50%) scale(1.08) rotate(8deg);opacity:.65}}

@media(max-width:850px){
  body.inner-page .site-header{top:10px!important;padding:0 10px!important}
  body.inner-page .site-header.scrolled{top:0!important;padding:0!important}
  body.inner-page .site-header .nav-wrap{width:100%}
  .page-hero{min-height:410px!important;padding:145px 0 78px!important}
  .page-hero .container:after{right:-25px;width:95px;height:95px}
  .page-hero h1{font-size:clamp(43px,9vw,62px)!important}
  .premium-slider{height:700px!important;min-height:700px!important;border-radius:0 0 28px 28px!important}
  .hero-content{max-width:650px!important;padding:32px 28px 34px 27px!important;border-radius:0 25px 25px 0!important}
  .hero h1{font-size:clamp(44px,8vw,66px)!important}
  .hero-lead{font-size:15px!important}
}
@media(max-width:560px){
  body.inner-page .site-header{top:7px!important;padding:0 7px!important}
  body.inner-page .site-header.scrolled{top:0!important;padding:0!important}
  .page-hero{min-height:370px!important;padding:128px 0 65px!important}
  .page-hero .container{width:calc(100% - 28px)}
  .page-hero .container:before{top:-14px!important;width:62px!important}
  .page-hero .container:after{display:none}
  .page-hero h1{font-size:40px!important;line-height:.98!important;margin:20px 0 14px!important}
  .page-hero p{font-size:14px!important;line-height:1.65!important}
  .premium-slider{height:650px!important;min-height:650px!important;border-radius:0 0 22px 22px!important}
  .hero-content{margin-right:10px;padding:24px 20px 25px 19px!important;border-radius:0 21px 21px 0!important}
  .hero h1{font-size:45px!important}
  .hero-lead{font-size:14px!important}
  .hero-actions{margin-top:22px!important}
  .hero-actions .btn{padding:12px 16px!important}
  .hero-progress{bottom:17px!important;width:calc(100% - 22px)!important}
  .hero-scroll{display:none!important}
}

/* =========================================================
   SIGNATURE SHOWCASE SLIDER — premium editorial redesign
   ========================================================= */
.premium-showcase{
  min-height:760px!important;height:min(800px,calc(100vh - 30px))!important;
  position:relative!important;overflow:hidden!important;background:#061a3b!important;
  border-radius:0 0 42px 42px!important;isolation:isolate!important;
}
.premium-showcase:before{
  content:"";position:absolute;inset:0;z-index:-3;
  background:radial-gradient(circle at 78% 45%,rgba(197,139,0,.16),transparent 24%),
             radial-gradient(circle at 15% 85%,rgba(54,111,192,.20),transparent 28%),
             linear-gradient(120deg,#03132e 0%,#06204a 52%,#061b3d 100%);
}
.slider-grid{position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,black,transparent 82%)}
.slider-orbit{position:absolute;border:1px solid rgba(255,199,44,.12);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:620px;height:620px;right:-170px;top:55px;box-shadow:0 0 100px rgba(255,199,44,.05)}.orbit-two{width:420px;height:420px;right:-65px;top:155px;border-color:rgba(255,255,255,.08)}
.hero-showcase-inner{height:100%;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:30px;position:relative;z-index:2}
.hero-showcase-copy{position:relative;z-index:5;padding:78px 0 88px;max-width:690px}.showcase-kicker{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.showcase-kicker i{width:32px;height:2px;background:var(--gold-2);box-shadow:0 0 18px rgba(255,199,44,.45)}
.showcase-index{position:absolute;right:20px;top:74px;color:var(--gold-2);font:800 13px/1 Manrope,sans-serif;letter-spacing:.08em}.showcase-index span{color:rgba(255,255,255,.34);font-size:10px}
.hero-showcase-copy h1{font-size:clamp(54px,6.3vw,92px)!important;line-height:.91!important;letter-spacing:-.075em!important;margin:24px 0 22px!important;color:#fff!important;text-shadow:0 18px 55px rgba(0,0,0,.18)}.hero-showcase-copy h1 span{color:transparent!important;background:linear-gradient(100deg,#f4b91e 5%,#ffe58a 55%,#c58b00 100%);background-clip:text;-webkit-background-clip:text}.hero-showcase-copy>p{max-width:590px;color:rgba(238,244,252,.73);font-size:16px;line-height:1.78;margin:0}
.hero-showcase-copy .hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.showcase-link{color:#fff;text-decoration:none;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:9px;transition:.3s}.showcase-link b{color:var(--gold-2);font-size:18px}.showcase-link:hover{transform:translateX(4px);color:var(--gold-2)}
.hero-showcase-visual{position:relative;height:650px;display:flex;align-items:center;justify-content:center;perspective:1200px}.visual-aura{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,199,44,.18),rgba(255,199,44,.04) 40%,transparent 70%);filter:blur(8px);animation:auraPulse 5s ease-in-out infinite}.image-shadow{position:absolute;width:420px;height:70px;bottom:70px;border-radius:50%;background:rgba(0,0,0,.48);filter:blur(28px);transform:rotate(-7deg)}
.hero-image-card{width:min(465px,82%);aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:30px;padding:8px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,199,44,.55),rgba(255,255,255,.14));box-shadow:0 38px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.12);transform:rotate(3.5deg) translateY(4px);transition:transform .7s cubic-bezier(.2,.75,.2,1)}.hero-image-card:before{content:"";position:absolute;inset:8px;border-radius:24px;border:1px solid rgba(255,255,255,.55);z-index:3;pointer-events:none}.hero-image-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:23px;transform:scale(1.015);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.image-sheen{position:absolute;inset:-40% -80%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.3) 50%,transparent 57%);transform:translateX(-50%) rotate(8deg);animation:imageSheen 5.5s ease-in-out infinite;z-index:4;pointer-events:none}.hero-showcase-visual:hover .hero-image-card{transform:rotate(0deg) translateY(-8px) scale(1.018)}.hero-showcase-visual:hover .hero-image-card img{transform:scale(1.05)}
.floating-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(255,255,255,.16);background:rgba(6,26,59,.76);backdrop-filter:blur(18px);border-radius:17px;box-shadow:0 20px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.1);color:#fff;animation:chipFloat 4.5s ease-in-out infinite}.floating-chip b{color:var(--gold-2);font-size:17px}.floating-chip span{font-size:10px;line-height:1.35;color:rgba(255,255,255,.66);font-weight:700}.floating-chip span b{color:#fff;font-size:10px}.floating-chip i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,199,44,.13);color:var(--gold-2);font-style:normal;font-weight:900}.chip-top{top:102px;right:3%}.chip-bottom{bottom:105px;left:1%;animation-delay:-1.8s}
.showcase-brand{position:absolute;left:32px;bottom:34px;z-index:5;color:rgba(255,255,255,.34);font-size:9px;letter-spacing:.24em;font-weight:900;display:flex;align-items:center;gap:8px}.showcase-brand span{width:18px;height:1px;background:var(--gold-2)}
.premium-progress{left:50%!important;bottom:25px!important;width:min(690px,52%)!important;transform:translateX(-50%)!important;display:flex!important;align-items:center;gap:16px!important;padding:9px 10px 9px 15px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(3,18,42,.45)!important;backdrop-filter:blur(16px)!important;border-radius:999px!important;box-shadow:0 18px 45px rgba(0,0,0,.16)!important}.premium-progress .slider-dots{gap:7px}.premium-progress .slider-dots button{height:4px!important;flex:1;width:auto!important;min-width:20px;background:rgba(255,255,255,.2)!important}.premium-progress .slider-dots button.active{background:var(--gold-2)!important;box-shadow:0 0 15px rgba(255,199,44,.42)!important}.premium-progress .slider-arrows button{width:37px!important;height:37px!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important}.premium-progress .slider-arrows button:hover{background:var(--gold-2)!important;color:#061a3b!important}
.premium-showcase .hero-slide{transform:translateX(35px) scale(.985);transition:opacity .75s ease,visibility .75s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.premium-showcase .hero-slide.is-active{transform:translateX(0) scale(1)}.premium-showcase .hero-slide.is-active .hero-showcase-copy{animation:copyIn .8s .08s both}.premium-showcase .hero-slide.is-active .hero-showcase-visual{animation:visualIn 1s .02s both}
@keyframes copyIn{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes visualIn{from{opacity:0;transform:translateX(35px) scale(.95)}to{opacity:1;transform:none}}@keyframes imageSheen{0%,42%{transform:translateX(-70%) rotate(8deg)}65%,100%{transform:translateX(70%) rotate(8deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes auraPulse{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.06);opacity:1}}
@media(max-width:900px){.premium-showcase{height:820px!important;min-height:820px!important}.hero-showcase-inner{grid-template-columns:1fr;align-content:center;gap:0}.hero-showcase-copy{padding:90px 0 0;max-width:640px}.hero-showcase-copy h1{font-size:clamp(48px,8vw,70px)!important}.hero-showcase-visual{position:absolute;right:-100px;bottom:-55px;width:430px;height:430px;opacity:.48}.floating-chip{display:none}.showcase-index{right:0;top:88px}.premium-progress{width:min(600px,70%)!important}.showcase-brand{display:none}}
@media(max-width:560px){.premium-showcase{height:750px!important;min-height:750px!important;border-radius:0 0 24px 24px!important}.slider-grid{background-size:48px 48px}.orbit-one{width:380px;height:380px;right:-180px;top:170px}.orbit-two{display:none}.hero-showcase-copy{padding:90px 0 70px}.showcase-kicker{font-size:9px;letter-spacing:.1em}.showcase-index{top:91px;right:8px}.hero-showcase-copy h1{font-size:47px!important;line-height:.91!important;margin:20px 0 17px!important}.hero-showcase-copy>p{font-size:13.5px;line-height:1.65;max-width:340px}.hero-showcase-copy .hero-actions{gap:14px;margin-top:23px;flex-wrap:wrap}.hero-showcase-copy .btn{padding:12px 16px!important}.showcase-link{font-size:12px}.hero-showcase-visual{right:-145px;bottom:-38px;width:390px;height:390px;opacity:.34}.hero-image-card{border-radius:24px}.premium-progress{width:calc(100% - 24px)!important;bottom:15px!important;padding:7px 8px 7px 12px!important}.premium-progress .slider-count{min-width:40px}.premium-progress .slider-arrows button{width:34px!important;height:34px!important}.premium-progress .slider-dots{gap:5px}.premium-showcase .hero-slide{transform:translateX(18px) scale(.99)}}

/* =========================================================
   SKILL NINE — V5 HEADER POLISH
   Inner pages: same premium sticky behavior as Home
========================================================= */
/* Full-width breathing room on inner-page floating header */
body.inner-page .site-header{
  top:51px!important;
  left:0!important;
  right:0!important;
  padding:0 18px!important;
}
body.inner-page .site-header .nav-wrap{
  width:calc(100vw - 36px)!important;
  max-width:none!important;
  margin:0 auto!important;
}
/* Once sticky/scrolled, make the glass bar truly edge-to-edge */
body.inner-page .site-header.scrolled{
  top:0!important;
  padding:0!important;
}
body.inner-page .site-header.scrolled .nav-wrap{
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
}
/* Remove the decorative circle in front of the academy logo */
body.inner-page .brand:before,
body.home-page .brand:before{
  display:none!important;
  content:none!important;
}
/* Give the actual logo more visual presence without stretching it */
body.inner-page .brand{
  width:225px!important;
  flex:0 0 225px!important;
  height:70px!important;
  border-radius:14px!important;
  justify-content:flex-start!important;
}
body.inner-page .brand img{
  width:215px!important;
  height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 9px 18px rgba(6,26,58,.12))!important;
}
body.inner-page .brand:hover img{transform:scale(1.035)!important}
/* Keep nav balanced after the larger logo */
body.inner-page .nav-wrap{gap:24px!important}
body.inner-page .main-nav{margin-left:auto!important}

@media(max-width:850px){
  body.inner-page .site-header{top:10px!important;padding:0 10px!important}
  body.inner-page .site-header .nav-wrap{width:100%!important;max-width:none!important}
  body.inner-page .brand{
    width:190px!important;flex-basis:190px!important;height:62px!important;
  }
  body.inner-page .brand img{width:182px!important;height:60px!important}
}
@media(max-width:560px){
  body.inner-page .site-header{top:7px!important;padding:0 7px!important}
  body.inner-page .site-header .nav-wrap{width:100%!important}
  body.inner-page .brand{
    width:168px!important;flex-basis:168px!important;height:55px!important;
  }
  body.inner-page .brand img{width:160px!important;height:53px!important}
}

/* =========================================================
   SKILL NINE — COMPLETE SITE SIGNATURE POLISH (2026)
   Visual-only layer: preserves existing PHP, forms and routes.
   ========================================================= */
:root{--s9-ink:#071a38;--s9-navy:#061632;--s9-blue:#123b70;--s9-gold:#d6a329;--s9-gold-light:#ffe5a0;--s9-paper:#f7f8fb;--s9-text:#1a2940;--s9-muted:#657187;--s9-line:rgba(10,31,64,.1);--s9-radius:24px;--s9-shadow:0 22px 60px rgba(8,28,59,.09)}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--s9-text);background:#fff;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:rgba(214,163,41,.28);color:var(--s9-ink)}
.container{width:min(1200px,calc(100% - 48px))!important}
.top-strip{background:#04132c!important;color:rgba(255,255,255,.78)!important;border-bottom:1px solid rgba(255,255,255,.09)}.top-strip a{transition:color .25s}.top-strip a:hover{color:#ffe5a0!important}
.site-header{transition:background .35s,box-shadow .35s,top .35s!important}.site-header .nav-wrap{border:1px solid rgba(255,255,255,.48)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 12px 42px rgba(5,23,52,.1)!important;backdrop-filter:blur(22px) saturate(1.35)!important;border-radius:20px!important;transition:all .35s!important}.site-header.scrolled .nav-wrap{border-color:rgba(10,31,64,.08)!important;box-shadow:0 12px 36px rgba(5,23,52,.1)!important}.main-nav>a{font-weight:700!important;transition:color .25s,background .25s,transform .25s!important}.main-nav>a:not(.nav-cta):hover,.main-nav>a.active{color:#a87500!important}.main-nav .nav-cta{box-shadow:0 9px 22px rgba(197,139,0,.23)!important;transition:transform .25s,box-shadow .25s!important}.main-nav .nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(197,139,0,.3)!important}
/* hero gets cinematic depth while retaining existing slider controls */
.premium-showcase{box-shadow:0 28px 75px rgba(3,16,39,.14)!important}.premium-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(2,13,31,.12),transparent 58%),linear-gradient(0deg,rgba(2,13,31,.2),transparent 28%)}.hero-showcase-inner{width:min(1200px,calc(100% - 64px))!important}.hero-showcase-copy h1{font-family:'Manrope',sans-serif!important;font-weight:800!important;text-wrap:balance!important}.hero-showcase-copy>p{font-size:17px!important;max-width:560px!important}.showcase-kicker{color:#f4d88c!important}.hero-showcase-copy .btn-primary{box-shadow:0 13px 30px rgba(214,163,41,.22)!important;transition:transform .25s,box-shadow .25s!important}.hero-showcase-copy .btn-primary:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(214,163,41,.34)!important}.hero-image-card{box-shadow:0 42px 100px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.18)!important}.premium-progress{z-index:8!important}
/* section rhythm and typography */
.section{position:relative;padding-top:104px!important;padding-bottom:104px!important}.section.alt{background:linear-gradient(180deg,#f7f9fc 0%,#f1f4f9 100%)!important}.section-head{max-width:790px!important;margin-bottom:44px!important}.section-head .kicker,.kicker{font-size:11px!important;letter-spacing:.19em!important;font-weight:800!important;text-transform:uppercase!important;color:#a87500!important}.section-head h2,.page-hero h1{font-family:'Manrope',sans-serif!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1.08!important;color:var(--s9-ink)!important;text-wrap:balance}.section-head h2{font-size:clamp(32px,4vw,51px)!important;margin-top:14px!important;margin-bottom:17px!important}.section-head p{color:#657187!important;font-size:16px!important;line-height:1.85!important;max-width:720px!important}.section-dark{background:radial-gradient(ellipse at 85% 15%,rgba(214,163,41,.14),transparent 30%),linear-gradient(135deg,#04132c,#0a2850 62%,#071a38)!important;position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.section-dark .container{position:relative;z-index:1}.section-dark .section-head h2{color:#fff!important}.section-dark .section-head p{color:rgba(255,255,255,.72)!important}
/* cards across course, mission, training and feature sections */
.cards{gap:22px!important}.course-card,.process-card,.stats-card,.contact-panel,.form-card,.map-card{border-radius:24px!important;box-shadow:0 10px 32px rgba(7,26,56,.055)!important;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s!important}.course-card{position:relative!important;overflow:hidden!important;border:1px solid rgba(10,31,64,.085)!important;background:linear-gradient(145deg,#fff 0%,#fcfdff 100%)!important;padding:30px!important}.course-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#a87500,#ffe5a0,#d6a329);transform:scaleX(.22);transform-origin:left;transition:transform .35s}.course-card:hover{transform:translateY(-7px)!important;box-shadow:0 24px 54px rgba(7,26,56,.12)!important;border-color:rgba(214,163,41,.35)!important}.course-card:hover:before{transform:scaleX(1)}.course-no{font-size:10px!important;letter-spacing:.15em!important;color:#a87500!important;font-weight:800!important}.course-card h3,.process-card h3{font-family:'Manrope',sans-serif!important;color:#0a2144!important;letter-spacing:-.025em!important;font-size:22px!important;line-height:1.25!important}.course-card p,.process-card p{font-size:15px!important;line-height:1.8!important;color:#657187!important}.course-tags{gap:8px!important}.tag{background:#f3f5f9!important;color:#31415b!important;border:1px solid #e6eaf1!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important;font-weight:700!important}.course-link{font-weight:800!important;color:#946900!important}.course-link span{display:inline-block;transition:transform .25s}.course-link:hover span{transform:translateX(4px)}.process-card{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(12px)}.process-card:hover{transform:translateY(-5px)!important;background:rgba(255,255,255,.09)!important;box-shadow:0 18px 45px rgba(0,0,0,.16)!important}.process-num{color:#ffe5a0!important}
/* stats and quote areas */
.stats{padding-top:0!important;position:relative;z-index:3}.stats-card{border:1px solid rgba(214,163,41,.18)!important;background:linear-gradient(135deg,#fff,#fbfcff)!important;box-shadow:0 22px 55px rgba(7,26,56,.09)!important}.stats-card:hover{transform:translateY(-4px)!important;box-shadow:0 28px 65px rgba(7,26,56,.13)!important}.quote-band{background:linear-gradient(120deg,#f7f9fc,#fff 60%,#fff9e9)!important;border-top:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important}
/* premium inner-page title banners */
.page-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding:160px 0 82px!important;background:radial-gradient(ellipse at 78% 18%,rgba(214,163,41,.2),transparent 28%),radial-gradient(ellipse at 5% 100%,rgba(48,102,169,.25),transparent 35%),linear-gradient(125deg,#04132c 0%,#09254b 58%,#071a38 100%)!important;color:#fff!important}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(110deg,#000,transparent 90%)}.page-hero:after{content:"";position:absolute;right:-90px;bottom:-250px;width:490px;height:490px;border:1px solid rgba(255,220,135,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.014);z-index:-1}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(42px,5.4vw,68px)!important;color:#fff!important;margin:0 0 18px!important}.page-hero p{max-width:720px!important;color:rgba(255,255,255,.76)!important;font-size:17px!important;line-height:1.85!important}.page-hero .kicker{color:#ffe5a0!important}
/* enquiry/contact layout */
.contact-grid{align-items:stretch!important;gap:28px!important}.contact-panel{background:linear-gradient(145deg,#061832,#0c2c53)!important;color:#fff!important;padding:34px!important;box-shadow:0 24px 55px rgba(5,23,52,.16)!important}.contact-panel h2,.contact-panel h3{color:#fff!important;font-family:'Manrope',sans-serif!important}.contact-panel p,.contact-panel span{color:rgba(255,255,255,.73)!important}.contact-item{border-bottom:1px solid rgba(255,255,255,.1)!important;padding:18px 0!important}.contact-item .ci{background:rgba(214,163,41,.15)!important;color:#ffe5a0!important;border:1px solid rgba(255,229,160,.18)!important;border-radius:12px!important}.contact-item a{color:#ffe5a0!important}.form-card{padding:34px!important;border:1px solid rgba(10,31,64,.09)!important;background:#fff!important;box-shadow:0 22px 55px rgba(7,26,56,.08)!important}.form-card input,.form-card select,.form-card textarea{border:1px solid #dfe5ef!important;border-radius:12px!important;background:#fbfcfe!important;min-height:48px!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.form-card textarea{min-height:130px!important}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none!important;border-color:#c58b00!important;background:#fff!important;box-shadow:0 0 0 4px rgba(214,163,41,.12)!important}.map-card{overflow:hidden!important;border:1px solid #e8edf4!important}
/* buttons: restrained metallic gold, never overly glossy */
.btn,.footer-cta{border-radius:999px!important;font-weight:800!important;letter-spacing:.005em!important;transition:transform .25s,box-shadow .25s,background .25s!important}.btn-primary,.footer-cta{background:linear-gradient(110deg,#c18a16,#e3b641 52%,#f0cf78)!important;color:#071a38!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(193,138,22,.2)!important}.btn-primary:hover,.footer-cta:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(193,138,22,.3)!important}
/* full footer experience */
.site-footer{position:relative!important;overflow:hidden!important;background:radial-gradient(ellipse at 85% 0%,rgba(214,163,41,.13),transparent 28%),linear-gradient(135deg,#031127,#071d3b 65%,#06152e)!important;color:#fff!important}.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(135deg,#000,transparent 70%)}.site-footer .container{position:relative;z-index:1}.footer-contact-strip{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(16px)!important;border-radius:20px!important}.footer-contact-strip>a{transition:background .25s!important}.footer-contact-strip>a:hover{background:rgba(255,255,255,.055)!important}.footer-top-cta{border-bottom:1px solid rgba(255,255,255,.12)!important}.footer-top-cta h2{font-family:'Manrope',sans-serif!important;letter-spacing:-.04em!important}.footer-top-cta h2 span{color:#ffe5a0!important}.footer-grid h4{color:#ffe5a0!important}.footer-grid a{transition:color .2s!important}.footer-grid a:hover{color:#ffe5a0!important}
/* refined scrollbars, focus and accessible motion */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(214,163,41,.65)!important;outline-offset:3px!important}.reveal{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:900px){.container{width:min(100% - 36px,720px)!important}.section{padding-top:76px!important;padding-bottom:76px!important}.section-head{margin-bottom:32px!important}.page-hero{padding:135px 0 66px!important}.hero-showcase-copy>p{font-size:15px!important}.course-card{padding:25px!important}.contact-panel,.form-card{padding:27px!important}}
@media(max-width:560px){.container{width:calc(100% - 32px)!important}.top-strip{font-size:10px!important}.section{padding-top:62px!important;padding-bottom:62px!important}.section-head h2{font-size:32px!important;line-height:1.12!important}.section-head p{font-size:14px!important;line-height:1.75!important}.page-hero{padding:118px 0 52px!important}.page-hero h1{font-size:39px!important;line-height:1.04!important}.page-hero p{font-size:14px!important}.cards{gap:15px!important}.course-card{padding:23px!important;border-radius:19px!important}.course-card h3{font-size:20px!important}.course-card p{font-size:14px!important}.contact-panel,.form-card{padding:22px!important;border-radius:20px!important}.footer-contact-strip{border-radius:16px!important}.hero-showcase-copy>p{font-size:13.5px!important}}

/* HOME PAGE: make the scrolled/sticky navigation bar truly edge-to-edge.
   The .nav-wrap also has .container, so remove its max-width and auto margins
   only while the homepage header is in its sticky state. */
body.home-page .site-header.scrolled {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
body.home-page .site-header.scrolled .nav-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}


/* Skill Nine animated course-orbit hero: logo stays centered while course badges gently orbit */
.orbit-showcase{overflow:visible!important;isolation:isolate}
.orbit-showcase .image-shadow,.orbit-showcase .hero-image-card{display:none!important}
.orbit-ring{position:absolute;left:50%;top:49%;border:1px solid rgba(255,199,44,.65);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-ring-one{width:390px;height:390px;box-shadow:0 0 22px rgba(255,199,44,.10),inset 0 0 22px rgba(255,199,44,.06);animation:orbitSpin 28s linear infinite}
.orbit-ring-two{width:500px;height:500px;border-color:rgba(52,167,255,.28);border-style:dashed;animation:orbitSpin 42s linear infinite reverse}
.orbit-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:245px;height:245px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at 35% 25%,#123d70,#061a39 68%);border:2px solid rgba(255,199,44,.88);box-shadow:0 0 0 10px rgba(255,199,44,.06),0 0 42px rgba(0,149,255,.4),inset 0 0 30px rgba(35,143,255,.22);z-index:3;animation:centerFloat 4s ease-in-out infinite}
.orbit-center img{width:100px;height:100px;object-fit:contain;border-radius:50%;background:#fff;padding:7px;box-shadow:0 0 24px rgba(255,199,44,.28)}
.orbit-center strong{font-size:17px;letter-spacing:.15em;color:#fff;font-weight:900}.orbit-center small{font-size:8px;letter-spacing:.18em;color:#ffd34d;font-weight:800}.orbit-center-glow{position:absolute;inset:-9px;border:1px solid rgba(70,181,255,.7);border-radius:50%;animation:glowRing 3s ease-out infinite;pointer-events:none}
.course-orbit-icon{position:absolute;z-index:5;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:radial-gradient(circle at 35% 25%,#174e86,#03152f 72%);border:1px solid #35b7ff;box-shadow:0 0 0 4px rgba(35,153,255,.10),0 0 24px rgba(0,144,255,.35),inset 0 0 14px rgba(47,174,255,.22);animation:badgeFloat 4s ease-in-out infinite;transition:background .25s,box-shadow .25s}
.course-orbit-icon span{font-size:22px;font-weight:900;line-height:1;color:#ffd24a;text-shadow:0 0 12px rgba(255,199,44,.3)}.course-orbit-icon small{font-size:9px;font-weight:800;line-height:1.1;text-align:center;max-width:70px;color:#f3f8ff}.orbit-pos-1{left:calc(50% - 39px);top:calc(49% - 280px);animation-delay:-.4s}.orbit-pos-2{left:calc(50% - 190px);top:calc(49% - 220px);animation-delay:-1.2s}.orbit-pos-3{left:calc(50% + 112px);top:calc(49% - 220px);animation-delay:-2.1s}.orbit-pos-4{left:calc(50% + 190px);top:calc(49% - 45px);animation-delay:-.8s}.orbit-pos-5{left:calc(50% + 135px);top:calc(49% + 160px);animation-delay:-1.6s}.orbit-pos-6{left:calc(50% - 39px);top:calc(49% + 205px);animation-delay:-2.6s}.orbit-pos-7{left:calc(50% - 190px);top:calc(49% + 130px);animation-delay:-1s}.orbit-pos-8{left:calc(50% - 245px);top:calc(49% - 40px);animation-delay:-2.9s}
.orbit-showcase .chip-top{top:70px;right:-1%}.orbit-showcase .chip-bottom{bottom:72px;left:-1%}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes centerFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes badgeFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes glowRing{0%{transform:scale(.96);opacity:.75}100%{transform:scale(1.13);opacity:0}}
@media(max-width:1100px){.orbit-ring-one{width:320px;height:320px}.orbit-ring-two{width:410px;height:410px}.orbit-center{width:205px;height:205px}.orbit-center img{width:82px;height:82px}.course-orbit-icon{width:66px;height:66px}.course-orbit-icon small{font-size:8px}.orbit-pos-1{top:calc(49% - 235px)}.orbit-pos-2{left:calc(50% - 160px);top:calc(49% - 180px)}.orbit-pos-3{left:calc(50% + 94px);top:calc(49% - 180px)}.orbit-pos-4{left:calc(50% + 155px);top:calc(49% - 35px)}.orbit-pos-5{left:calc(50% + 110px);top:calc(49% + 130px)}.orbit-pos-6{top:calc(49% + 165px)}.orbit-pos-7{left:calc(50% - 160px);top:calc(49% + 105px)}.orbit-pos-8{left:calc(50% - 205px);top:calc(49% - 30px)}}
@media(max-width:900px){.hero-showcase-visual.orbit-showcase{right:-55px;bottom:-85px;width:440px;height:440px;opacity:.82}.orbit-showcase .floating-chip{display:none}.orbit-ring-one{width:270px;height:270px}.orbit-ring-two{width:345px;height:345px}.orbit-center{width:170px;height:170px}.orbit-center img{width:68px;height:68px}.orbit-center strong{font-size:13px}.orbit-center small{font-size:7px}.course-orbit-icon{width:57px;height:57px}.course-orbit-icon span{font-size:17px}.course-orbit-icon small{font-size:7px}.orbit-pos-1{top:calc(49% - 190px)}.orbit-pos-2{left:calc(50% - 132px);top:calc(49% - 145px)}.orbit-pos-3{left:calc(50% + 75px);top:calc(49% - 145px)}.orbit-pos-4{left:calc(50% + 125px);top:calc(49% - 25px)}.orbit-pos-5{left:calc(50% + 90px);top:calc(49% + 105px)}.orbit-pos-6{top:calc(49% + 130px)}.orbit-pos-7{left:calc(50% - 132px);top:calc(49% + 85px)}.orbit-pos-8{left:calc(50% - 170px);top:calc(49% - 20px)}}
@media(max-width:560px){.hero-showcase-visual.orbit-showcase{right:-85px;bottom:-58px;width:360px;height:360px;opacity:.72}.orbit-ring-one{width:210px;height:210px}.orbit-ring-two{width:275px;height:275px}.orbit-center{width:132px;height:132px;border-width:1px}.orbit-center img{width:53px;height:53px;padding:4px}.orbit-center strong{font-size:10px;letter-spacing:.1em}.orbit-center small{font-size:5.5px}.course-orbit-icon{width:43px;height:43px;border-width:1px;box-shadow:0 0 0 2px rgba(35,153,255,.08),0 0 14px rgba(0,144,255,.25)}.course-orbit-icon span{font-size:12px}.course-orbit-icon small{font-size:5.5px;max-width:40px}.orbit-pos-1{top:calc(49% - 150px);left:calc(50% - 22px)}.orbit-pos-2{left:calc(50% - 105px);top:calc(49% - 112px)}.orbit-pos-3{left:calc(50% + 62px);top:calc(49% - 112px)}.orbit-pos-4{left:calc(50% + 100px);top:calc(49% - 18px)}.orbit-pos-5{left:calc(50% + 72px);top:calc(49% + 82px)}.orbit-pos-6{top:calc(49% + 100px);left:calc(50% - 22px)}.orbit-pos-7{left:calc(50% - 105px);top:calc(49% + 68px)}.orbit-pos-8{left:calc(50% - 130px);top:calc(49% - 15px)}.orbit-showcase .visual-aura{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-center,.course-orbit-icon,.orbit-center-glow{animation:none!important}}


/* HOME TRAINING STEPS: premium cards and responsive spacing */
.premium-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.premium-process .process-card{position:relative;min-width:0;min-height:245px;padding:24px 22px 21px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;background:linear-gradient(150deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;overflow:hidden;display:flex;flex-direction:column;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease!important}
.premium-process .process-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,199,44,.13);border-radius:50%;right:-65px;bottom:-72px;box-shadow:0 0 0 18px rgba(255,199,44,.025),0 0 0 36px rgba(255,199,44,.02);pointer-events:none}
.premium-process .process-card:hover{transform:translateY(-7px)!important;border-color:rgba(255,199,44,.65)!important;box-shadow:0 18px 38px rgba(0,0,0,.2)!important}
.process-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
.premium-process .process-num{width:42px;height:42px;margin:0!important;box-shadow:0 7px 20px rgba(255,199,44,.17);font-size:13px}
.process-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,199,44,.28);border-radius:13px;color:#ffc72c;background:rgba(255,199,44,.07);font-size:23px}
.premium-process .process-card h3{color:#fff!important;font-size:17px!important;line-height:1.4;margin:0 0 9px!important}
.premium-process .process-card p{color:#bdcce0;font-size:13px;line-height:1.7;margin:0 0 18px}
.process-bottom-label{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#ffc72c;font-size:9px;font-weight:800;letter-spacing:1.5px}
.process-cta-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;color:#bdcce0;font-size:13px}
.process-cta-row a{color:#ffc72c;font-weight:800;white-space:nowrap}.process-cta-row a b{margin-left:7px}
.gallery-preview-section{overflow:hidden}
.gallery-preview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.gallery-preview-head>div{max-width:730px}.gallery-preview-head h2{font-family:Manrope,sans-serif;font-size:clamp(29px,4vw,44px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 12px}.gallery-preview-head h2 span{color:#c58b00}.gallery-preview-head p{color:var(--muted);line-height:1.7;max-width:600px}
.gallery-preview-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:17px}
.gallery-preview-item{position:relative;display:block;height:255px;overflow:hidden;border-radius:20px;background:#07162b;border:1px solid rgba(7,22,43,.1)}
.gallery-preview-item.preview-large{height:300px}.gallery-preview-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .4s ease}.gallery-preview-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,14,31,.88))}.gallery-preview-item:hover img{transform:scale(1.06);filter:saturate(1.08)}
.gallery-preview-item>span{position:absolute;z-index:2;left:20px;right:17px;bottom:18px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#fff;font-weight:800;font-size:14px}.gallery-preview-item>span b{color:#ffc72c;font-size:20px}
/* Gallery page */
.gallery-page-hero{background:radial-gradient(ellipse at 80% 15%,rgba(255,199,44,.18),transparent 32%),linear-gradient(120deg,#04142e,#0c356a)}
.gallery-page-hero .breadcrumb a{color:#cfdbeb}.gallery-hero-kicker{margin-top:28px;color:#ffc72c;font-size:10px;font-weight:800;letter-spacing:2px}.gallery-page-hero h1{max-width:850px}.gallery-page-hero p{max-width:670px;margin-bottom:25px}
.gallery-page-section{background:#f7f9fc}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:-5px 0 30px}.gallery-filter{border:1px solid #d9e1ec;background:#fff;color:#243955;border-radius:999px;padding:10px 17px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:all .25s ease}.gallery-filter:hover,.gallery-filter.active{background:#071b39;border-color:#071b39;color:#fff;box-shadow:0 8px 20px rgba(7,27,57,.12)}
.academy-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.academy-gallery-card{padding:0;border:1px solid #e1e7ef;border-radius:18px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;min-width:0;box-shadow:0 8px 24px rgba(10,35,67,.045);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.academy-gallery-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(10,35,67,.12);border-color:rgba(197,139,0,.55)}.academy-gallery-card[hidden]{display:none!important}.academy-gallery-image{height:230px;display:block;position:relative;overflow:hidden;background:#e8edf4}.academy-gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.academy-gallery-card:hover .academy-gallery-image img{transform:scale(1.055)}.gallery-zoom{position:absolute;right:13px;top:13px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:rgba(4,20,46,.82);color:#ffc72c;font-size:20px;opacity:0;transform:translateY(5px);transition:all .25s}.academy-gallery-card:hover .gallery-zoom,.academy-gallery-card:focus-visible .gallery-zoom{opacity:1;transform:translateY(0)}.academy-gallery-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 17px 19px}.academy-gallery-caption>span{display:grid;gap:5px}.academy-gallery-caption strong{font-size:15px;color:#0a1c36}.academy-gallery-caption small{font-size:12px;line-height:1.6;color:#68788e}.academy-gallery-caption>b{font-size:10px;letter-spacing:1px;color:#b47b00;padding-top:3px}.gallery-empty{padding:30px;text-align:center;color:#52647b}
.gallery-lightbox[hidden]{display:none!important}.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(2,10,24,.94);display:flex;align-items:center;justify-content:center;padding:30px;gap:20px;backdrop-filter:blur(10px)}.gallery-lightbox figure{margin:0;max-width:min(1000px,80vw);max-height:85vh;display:grid;gap:13px;justify-items:center}.gallery-lightbox figure img{display:block;max-width:100%;max-height:76vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.gallery-lightbox figcaption{color:#fff;font-weight:700;text-align:center}.gallery-lightbox button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;border-radius:50%;width:46px;height:46px;flex:0 0 46px;font-size:27px;display:grid;place-items:center;transition:background .2s}.gallery-lightbox button:hover{background:rgba(255,199,44,.2);border-color:#ffc72c}.gallery-lightbox .gallery-lightbox-close{position:absolute;right:25px;top:22px;font-size:31px}.gallery-bottom-cta .quote-box h2{color:#fff}.gallery-bottom-cta .quote-box h2 span{display:block;color:#ffc72c;margin-top:8px}
@media(max-width:1000px){.premium-process{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-preview-grid{grid-template-columns:1fr 1fr}.gallery-preview-item.preview-large{grid-row:span 2;height:100%}.gallery-preview-item{height:220px}}
@media(max-width:700px){.process-cta-row{align-items:flex-start;flex-direction:column}.gallery-preview-head{align-items:flex-start;flex-direction:column}.gallery-preview-grid{grid-template-columns:1fr 1fr;gap:11px}.gallery-preview-item,.gallery-preview-item.preview-large{height:190px;grid-row:auto}.gallery-preview-item>span{left:12px;right:10px;bottom:12px;font-size:12px}.academy-gallery-grid{gap:13px}.academy-gallery-image{height:190px}.academy-gallery-caption{padding:13px}.academy-gallery-caption strong{font-size:13px}.academy-gallery-caption small{font-size:11px}.gallery-lightbox{padding:20px 12px;gap:8px}.gallery-lightbox figure{max-width:calc(100vw - 100px)}.gallery-lightbox button{width:38px;height:38px;flex-basis:38px;font-size:23px}.gallery-lightbox .gallery-lightbox-close{right:12px;top:12px}}
@media(max-width:480px){.premium-process{grid-template-columns:1fr;gap:12px}.premium-process .process-card{min-height:0;padding:20px!important}.process-card-top{margin-bottom:15px}.gallery-preview-grid{grid-template-columns:1fr}.gallery-preview-item,.gallery-preview-item.preview-large{height:220px}.academy-gallery-grid{grid-template-columns:1fr}.academy-gallery-image{height:235px}.gallery-filters{gap:7px}.gallery-filter{padding:9px 12px;font-size:11px}.gallery-hero-kicker{font-size:9px;letter-spacing:1.2px}.gallery-lightbox figure{max-width:calc(100vw - 78px)}}
@media(prefers-reduced-motion:reduce){.premium-process .process-card,.gallery-preview-item img,.academy-gallery-card,.academy-gallery-image img{transition:none!important}}

/* =========================================================
   MOBILE FIX — NAV MENU + HOMEPAGE SLIDER
   Targeted override; desktop styling and other sections retained.
========================================================= */
@media (max-width: 850px) {
  .site-header { z-index: 2000 !important; }
  .site-header .nav-wrap {
    overflow: visible !important;
    position: relative !important;
    isolation: isolate;
  }
  .site-header .nav-wrap:before { pointer-events: none !important; }
  .nav-toggle {
    display: inline-flex !important;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative !important;
    z-index: 2005 !important;
    border: 1px solid rgba(6,26,58,.13) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 5px 15px rgba(6,26,58,.09);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .nav-toggle span {
    display: block !important;
    width: 21px !important;
    height: 2px !important;
    margin: 3px auto !important;
    border-radius: 4px;
    background: #031a3b !important;
    transition: transform .25s ease, opacity .2s ease;
  }
  .nav-toggle.is-open span:first-child { transform: translateY(8px) rotate(45deg); }
  .nav-toggle.is-open span:nth-child(2) { opacity: 0; }
  .nav-toggle.is-open span:last-child { transform: translateY(-8px) rotate(-45deg); }
  .site-header .main-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100dvh - 125px);
    overflow-y: auto !important;
    padding: 10px !important;
    border: 1px solid rgba(6,26,58,.1) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.985) !important;
    box-shadow: 0 22px 55px rgba(4,23,51,.22) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 2004 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
  }
  .site-header .main-nav.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  .site-header .main-nav > a {
    display: flex !important;
    align-items: center;
    min-height: 46px;
    width: 100%;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 11px !important;
    color: #10284a !important;
    font-size: 14px !important;
    line-height: 1.4;
    text-decoration: none;
  }
  .site-header .main-nav > a:hover,
  .site-header .main-nav > a.active { background: #f0f5fc !important; }
  .site-header .main-nav > a.nav-cta {
    justify-content: center;
    margin-top: 5px !important;
    color: #071a37 !important;
    background: linear-gradient(135deg,#ffd85d,#e9ad19) !important;
  }
}

@media (max-width: 560px) {
  /* Give the mobile hero room so text, orbit artwork and controls don't collide. */
  .premium-showcase {
    height: 790px !important;
    min-height: 790px !important;
    overflow: hidden !important;
  }
  .premium-showcase .hero-slide { overflow: hidden; }
  .premium-showcase .hero-showcase-inner {
    width: calc(100% - 34px) !important;
    display: block !important;
    position: relative;
    height: 100%;
  }
  .premium-showcase .hero-showcase-copy {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 100%;
    padding: 104px 0 245px !important;
  }
  .premium-showcase .showcase-kicker {
    max-width: calc(100% - 35px);
    font-size: 8px !important;
    line-height: 1.6;
    letter-spacing: .07em !important;
  }
  .premium-showcase .showcase-index { top: 103px !important; right: 0 !important; font-size: 11px; }
  .premium-showcase .hero-showcase-copy h1 {
    max-width: 100%;
    font-size: clamp(38px, 10.5vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
    margin: 20px 0 15px !important;
    overflow-wrap: normal;
  }
  .premium-showcase .hero-showcase-copy > p {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  .premium-showcase .hero-showcase-copy .hero-actions {
    gap: 12px !important;
    margin-top: 19px !important;
    align-items: flex-start;
  }
  .premium-showcase .hero-showcase-copy .btn-primary { padding: 11px 13px !important; font-size: 12px; }
  .premium-showcase .showcase-link { font-size: 11px !important; padding-top: 9px; }
  .premium-showcase .hero-showcase-visual.orbit-showcase {
    right: 50% !important;
    bottom: 50px !important;
    transform: translateX(50%);
    width: 300px !important;
    height: 300px !important;
    opacity: .86 !important;
    z-index: 2;
  }
  .premium-showcase .orbit-ring-one { width: 190px !important; height: 190px !important; }
  .premium-showcase .orbit-ring-two { width: 245px !important; height: 245px !important; }
  .premium-showcase .orbit-center { width: 120px !important; height: 120px !important; }
  .premium-showcase .orbit-center img { width: 48px !important; height: 48px !important; }
  .premium-showcase .course-orbit-icon { width: 39px !important; height: 39px !important; }
  .premium-showcase .course-orbit-icon span { font-size: 11px !important; }
  .premium-showcase .course-orbit-icon small { font-size: 5px !important; max-width: 36px; }
  .premium-showcase .orbit-pos-1 { left: calc(50% - 20px) !important; top: calc(49% - 127px) !important; }
  .premium-showcase .orbit-pos-2 { left: calc(50% - 91px) !important; top: calc(49% - 96px) !important; }
  .premium-showcase .orbit-pos-3 { left: calc(50% + 52px) !important; top: calc(49% - 96px) !important; }
  .premium-showcase .orbit-pos-4 { left: calc(50% + 87px) !important; top: calc(49% - 14px) !important; }
  .premium-showcase .orbit-pos-5 { left: calc(50% + 62px) !important; top: calc(49% + 69px) !important; }
  .premium-showcase .orbit-pos-6 { left: calc(50% - 20px) !important; top: calc(49% + 84px) !important; }
  .premium-showcase .orbit-pos-7 { left: calc(50% - 91px) !important; top: calc(49% + 57px) !important; }
  .premium-showcase .orbit-pos-8 { left: calc(50% - 112px) !important; top: calc(49% - 13px) !important; }
  .premium-showcase .premium-progress {
    width: calc(100% - 24px) !important;
    bottom: 12px !important;
    z-index: 12 !important;
  }
  .premium-showcase .slider-arrows button { width: 32px !important; height: 32px !important; }
}

@media (max-width: 380px) {
  .premium-showcase { height: 810px !important; min-height: 810px !important; }
  .premium-showcase .hero-showcase-copy h1 { font-size: 37px !important; }
  .premium-showcase .hero-showcase-copy .hero-actions { gap: 8px !important; }
  .premium-showcase .hero-showcase-copy .btn-primary { font-size: 11px; }
  .premium-showcase .hero-showcase-visual.orbit-showcase { width: 280px !important; height: 280px !important; bottom: 52px !important; }
}


/* Floating WhatsApp: use the official-style WhatsApp mark instead of a text symbol */
.whatsapp-float{gap:5px!important;color:#fff!important;background:#25D366!important}
.whatsapp-float svg{display:block!important;width:23px!important;height:23px!important;flex:0 0 23px!important;fill:currentColor!important}
.whatsapp-float i{font-style:normal!important}
@media(max-width:560px){.whatsapp-float{gap:4px!important}.whatsapp-float svg{width:21px!important;height:21px!important;flex-basis:21px!important}}