/* V32 TRUE 100% ZOOM PREMIUM UI SYSTEM
   Purpose: make the website fit naturally at browser 100% zoom, restore premium nav hover, and polish page-wide layout. */
:root{
  --v32-navy:#06142e;
  --v32-blue:#0b2a6f;
  --v32-gold:#d9a441;
  --v32-ink:#0f172a;
  --v32-muted:#526174;
  --v32-soft:#f6f8fc;
  --v32-line:#e5eaf2;
  --v32-radius:24px;
  --v32-shadow:0 18px 48px rgba(6,20,46,.10);
  --v32-shadow-strong:0 24px 70px rgba(6,20,46,.16);
}
html{font-size:15.5px!important;scroll-behavior:smooth;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
body{overflow-x:hidden!important;background:#fff!important;color:var(--v32-ink)!important;line-height:1.65!important;min-width:0!important;}
*,*::before,*::after{box-sizing:border-box!important;}
img,video,iframe,svg{max-width:100%!important;height:auto;}

/* Natural 100% zoom layout: no oversized canvas, no forced visual scaling. */
.container{width:min(100% - 44px,1120px)!important;max-width:1120px!important;margin-inline:auto!important;padding-inline:0!important;}
.section{padding:clamp(64px,6.2vw,96px) 0!important;position:relative;}
main{isolation:isolate;}

/* Typography calibrated for 100% zoom on normal laptops. */
h1,h2,h3,h4{font-family:"Space Grotesk","Inter",system-ui,sans-serif!important;color:var(--v32-ink);letter-spacing:-.035em!important;text-wrap:balance;}
h1{font-size:clamp(2.65rem,4.9vw,4.9rem)!important;line-height:.98!important;max-width:920px!important;}
h2,.head h2,.section h2{font-size:clamp(2rem,3.35vw,3.65rem)!important;line-height:1.04!important;max-width:900px!important;}
h3{font-size:clamp(1.15rem,1.7vw,1.55rem)!important;line-height:1.18!important;}
p{font-size:clamp(.98rem,1.05vw,1.08rem)!important;color:var(--v32-muted)!important;line-height:1.75!important;}
.head{max-width:870px!important;margin:0 auto clamp(28px,3vw,44px)!important;text-align:center!important;}
.head p{max-width:760px!important;margin:12px auto 0!important;}
.tag{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;padding:9px 14px!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:uppercase!important;}

/* Premium header and 100% desktop fit. */
.topbar{font-size:.82rem!important;background:#06142e!important;color:#dbe7ff!important;}
.topbar .container{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.topbar p,.topbar a{font-size:.82rem!important;color:#dbe7ff!important;margin:0!important;}
.header,.prestige-pro-header{position:sticky!important;top:0!important;z-index:3000!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(226,232,240,.88)!important;box-shadow:0 8px 28px rgba(6,20,46,.05)!important;}
.nav{height:74px!important;min-height:74px!important;display:flex!important;align-items:center!important;gap:14px!important;position:relative!important;}
.brand{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;flex:0 0 auto!important;min-width:0!important;}
.brand img{width:46px!important;height:46px!important;object-fit:contain!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(6,20,46,.10)!important;}
.brand span{display:grid!important;line-height:1.05!important;min-width:0!important;max-width:190px!important;}
.brand strong{font-size:.92rem!important;font-weight:950!important;letter-spacing:-.02em!important;white-space:nowrap!important;color:var(--v32-navy)!important;}
.brand small{font-size:.66rem!important;font-weight:850!important;color:#64748b!important;white-space:nowrap!important;}
.menu.prestige-menu{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;position:static!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:visible!important;}
.mobile-toggle,.mobile-menu-head,.mobile-close{display:none!important;}
.menu.prestige-menu>a:not(.btn),.nav-dropbtn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;color:#1f3148!important;font-size:.9rem!important;font-weight:900!important;letter-spacing:-.01em!important;text-decoration:none!important;white-space:nowrap!important;transition:color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease!important;overflow:hidden!important;}
.menu.prestige-menu>a:not(.btn)::before,.nav-dropbtn::before{content:""!important;position:absolute!important;inset:5px!important;border-radius:inherit!important;background:linear-gradient(135deg,rgba(217,164,65,.16),rgba(11,42,111,.09))!important;opacity:0!important;transform:scale(.84)!important;transition:opacity .24s ease,transform .24s ease!important;z-index:-1!important;}
.menu.prestige-menu>a:not(.btn)::after,.nav-dropbtn::after{content:""!important;position:absolute!important;left:16px!important;right:16px!important;bottom:5px!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,var(--v32-gold),#ffe6a3,var(--v32-blue))!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;}
.menu.prestige-menu>a:not(.btn):hover,.menu.prestige-menu>a:not(.btn):focus-visible,.nav-dropdown:hover>.nav-dropbtn,.nav-dropdown:focus-within>.nav-dropbtn{color:var(--v32-navy)!important;background:#fff!important;border-color:rgba(217,164,65,.28)!important;box-shadow:0 12px 30px rgba(6,20,46,.10)!important;transform:translateY(-2px)!important;}
.menu.prestige-menu>a:not(.btn):hover::before,.menu.prestige-menu>a:not(.btn):focus-visible::before,.nav-dropdown:hover>.nav-dropbtn::before,.nav-dropdown:focus-within>.nav-dropbtn::before{opacity:1!important;transform:scale(1)!important;}
.menu.prestige-menu>a:not(.btn):hover::after,.menu.prestige-menu>a:not(.btn):focus-visible::after,.nav-dropdown:hover>.nav-dropbtn::after,.nav-dropdown:focus-within>.nav-dropbtn::after{transform:scaleX(1)!important;}
.nav-dropbtn i{font-size:.68rem!important;transition:transform .22s ease!important;}
.nav-dropdown:hover>.nav-dropbtn i,.nav-dropdown:focus-within>.nav-dropbtn i{transform:rotate(180deg)!important;}
.nav-dropdown{position:relative!important;display:inline-flex!important;align-items:center!important;}
.nav-dropdown-menu{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;right:auto!important;width:300px!important;min-width:300px!important;max-width:min(360px,calc(100vw - 44px))!important;padding:10px!important;display:grid!important;gap:4px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:22px!important;box-shadow:0 28px 78px rgba(6,20,46,.18)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;transition:opacity .2s ease, transform .2s cubic-bezier(.2,.8,.2,1), visibility .2s ease!important;z-index:3500!important;}
.nav-dropdown-menu::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-16px!important;height:16px!important;}
.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu,.nav-dropdown.open>.nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
.nav-dropdown-menu a{display:flex!important;align-items:center!important;min-height:40px!important;padding:10px 12px!important;border-radius:14px!important;color:#14243a!important;background:transparent!important;font-size:.88rem!important;font-weight:850!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:linear-gradient(135deg,#f8fafc,#fff8e8)!important;color:var(--v32-blue)!important;transform:translateX(4px)!important;}
.nav-cta,.menu .btn{height:40px!important;min-height:40px!important;padding:0 15px!important;border-radius:999px!important;font-size:.86rem!important;font-weight:950!important;white-space:nowrap!important;}
.nav-cta{box-shadow:0 12px 28px rgba(6,20,46,.16)!important;}

/* Balanced hero/page openings. */
.hero,.hero-slide,.prestige-hero-shell .hero-slide{min-height:auto!important;overflow:hidden!important;}
.hero-grid,.px-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr)!important;align-items:center!important;gap:clamp(28px,4vw,56px)!important;padding:clamp(62px,7vw,105px) 0!important;min-height:auto!important;}
.hero-grid>*,.px-hero-grid>*{min-width:0!important;}
.hero-grid p,.px-hero p,.hero p{max-width:680px!important;font-size:clamp(1rem,1.35vw,1.2rem)!important;line-height:1.72!important;}
.hero-card,.px-dashboard,.ai-orbit-card,.ai-showcase-card{max-width:100%!important;border-radius:28px!important;box-shadow:var(--v32-shadow-strong)!important;}
.hero-card{padding:clamp(20px,2.5vw,32px)!important;}

/* Page-wide premium content polish. */
.grid-2,.grid-3,.grid-4,.grid-5,.footer-grid,.form-grid{gap:clamp(18px,2.2vw,30px)!important;align-items:stretch;}
.card,.course-card,.service-card,.blog-card,.project-card,.mode-card,.value-card,article.card{border:1px solid rgba(226,232,240,.95)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-radius:var(--v32-radius)!important;box-shadow:0 14px 38px rgba(6,20,46,.075)!important;padding:clamp(20px,2.2vw,30px)!important;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;overflow:hidden!important;}
.card:hover,.course-card:hover,.service-card:hover,.blog-card:hover,.project-card:hover{transform:translateY(-6px)!important;box-shadow:0 26px 70px rgba(6,20,46,.13)!important;border-color:rgba(217,164,65,.34)!important;}
.card h3,.course-card h3,.service-card h3{margin-top:0!important;margin-bottom:10px!important;}
.card p:last-child,.course-card p:last-child,.service-card p:last-child{margin-bottom:0!important;}
.btn{min-height:44px!important;padding:12px 20px!important;border-radius:999px!important;font-size:.94rem!important;line-height:1.1!important;transition:transform .22s ease, box-shadow .22s ease, background .22s ease!important;text-decoration:none!important;}
.btn:hover,.btn:focus-visible{transform:translateY(-3px)!important;box-shadow:0 20px 46px rgba(6,20,46,.18)!important;}
.btn-primary{background:linear-gradient(135deg,var(--v32-navy),var(--v32-blue) 65%,#123d91)!important;color:#fff!important;}
.btn-outline{background:#fff!important;color:var(--v32-navy)!important;border:1px solid #cdd7e5!important;}
.btn-light{background:#fff!important;color:var(--v32-navy)!important;}
.feature-band{background:linear-gradient(180deg,#f8fbff,#ffffff)!important;}
.brand-block,.stats{background:radial-gradient(circle at 18% 15%,rgba(217,164,65,.22),transparent 28%),linear-gradient(135deg,#06142e,#0b2a6f)!important;color:#fff!important;}
.brand-block h2,.brand-block h3,.brand-block p,.stats h2,.stats h3,.stats p{color:#fff!important;}
.stats .card{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important;}
.stats .card span,.stats .card p{color:#dbe7ff!important;}
.counter{font-size:clamp(2.1rem,4vw,3.3rem)!important;line-height:1!important;}
.footer{padding:64px 0 24px!important;background:#06142e!important;}
.footer-grid{grid-template-columns:1.25fr .82fr .9fr 1.05fr!important;}
.copy{font-size:.88rem!important;}
.whatsapp-dock,.whatsapp-bar{z-index:2500!important;}

/* Laptop and mini-laptop: desktop UI only, compact enough to fit at 100%. */
@media (min-width:768px) and (max-width:1180px){
  html{font-size:14.5px!important;}
  .container{width:min(100% - 32px,1060px)!important;max-width:1060px!important;}
  .topbar .container{min-height:34px!important;}
  .topbar p,.topbar a{font-size:.74rem!important;}
  .nav{height:66px!important;min-height:66px!important;gap:8px!important;}
  .brand{gap:7px!important;}
  .brand img{width:38px!important;height:38px!important;border-radius:12px!important;}
  .brand span{max-width:142px!important;}
  .brand strong{font-size:.78rem!important;}
  .brand small{font-size:.57rem!important;}
  .menu.prestige-menu{gap:2px!important;}
  .menu.prestige-menu>a:not(.btn),.nav-dropbtn{height:34px!important;padding:0 7px!important;font-size:.74rem!important;gap:4px!important;}
  .nav-cta,.menu .btn{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:.72rem!important;}
  .nav-dropdown-menu{width:276px!important;min-width:276px!important;}
  h1{font-size:clamp(2.25rem,4.4vw,3.9rem)!important;}
  h2,.head h2,.section h2{font-size:clamp(1.8rem,3.1vw,3rem)!important;}
  .section{padding:clamp(54px,5.5vw,78px) 0!important;}
  .hero-grid,.px-hero-grid{gap:28px!important;padding:clamp(54px,6vw,82px) 0!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.72fr)!important;}
  .grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
}

/* Ultra narrow mini laptops/tablets in landscape still get desktop nav, but logo copy shortens to protect width. */
@media (min-width:768px) and (max-width:880px){
  .container{width:min(100% - 24px,820px)!important;}
  .brand span{max-width:92px!important;}
  .brand small{display:none!important;}
  .menu.prestige-menu>a:not(.btn),.nav-dropbtn{font-size:.68rem!important;padding:0 5px!important;}
  .nav-cta{display:none!important;}
  .menu .btn{font-size:.68rem!important;padding:0 7px!important;}
  .hero-grid,.px-hero-grid{grid-template-columns:1fr 300px!important;gap:22px!important;}
}

/* True mobile only: toggle menu starts below 768px. */
@media (max-width:767px){
  html{font-size:15px!important;}
  .container{width:min(100% - 28px,560px)!important;}
  .topbar{display:none!important;}
  .nav{height:72px!important;min-height:72px!important;}
  .brand img{width:44px!important;height:44px!important;}
  .brand span{max-width:188px!important;}
  .brand strong{font-size:.88rem!important;}
  .brand small{font-size:.62rem!important;}
  .mobile-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;width:44px!important;height:44px!important;border:1px solid var(--v32-line)!important;border-radius:14px!important;background:#fff!important;color:var(--v32-navy)!important;box-shadow:0 10px 24px rgba(6,20,46,.08)!important;}
  .mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;position:absolute!important;top:16px!important;left:18px!important;right:18px!important;padding-bottom:14px!important;border-bottom:1px solid var(--v32-line)!important;}
  .mobile-close{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid var(--v32-line)!important;border-radius:14px!important;background:#fff!important;color:var(--v32-navy)!important;}
  .menu.prestige-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,88vw)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;padding:92px 18px 26px!important;background:rgba(255,255,255,.98)!important;border-left:1px solid var(--v32-line)!important;box-shadow:-24px 0 74px rgba(6,20,46,.22)!important;transform:translateX(106%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease,visibility .3s ease!important;z-index:3600!important;overflow-y:auto!important;}
  .menu.prestige-menu.active{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  .menu.prestige-menu>a:not(.btn),.nav-dropbtn{width:100%!important;height:48px!important;justify-content:space-between!important;padding:0 14px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:16px!important;font-size:.94rem!important;}
  .nav-dropdown{display:block!important;width:100%!important;}
  .nav-dropdown-menu{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:8px!important;box-shadow:none!important;border-radius:16px!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background:#fff!important;}
  .nav-dropdown.open>.nav-dropdown-menu{display:grid!important;}
  .menu .btn{width:100%!important;height:48px!important;min-height:48px!important;margin-top:4px!important;}
  .nav-cta{display:none!important;}
  h1{font-size:clamp(2.28rem,11vw,3.2rem)!important;line-height:1.02!important;}
  h2,.head h2,.section h2{font-size:clamp(1.85rem,8vw,2.55rem)!important;}
  .hero-grid,.px-hero-grid{grid-template-columns:1fr!important;padding:52px 0 70px!important;}
  .grid-2,.grid-3,.grid-4,.grid-5,.footer-grid,.form-grid{grid-template-columns:1fr!important;}
  .section{padding:62px 0!important;}
  .btn{width:100%!important;}
  .footer{padding-bottom:92px!important;}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}