/* Prestige V37 — Permanent laptop/desktop rendering authority
   Loaded last. Phone layout is limited to <= 767px. */
:root{--v37-max:1240px;--v37-gutter:clamp(24px,3vw,48px)}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
.container{width:min(var(--v37-max),calc(100% - (var(--v37-gutter) * 2)))!important;max-width:var(--v37-max)!important;margin-inline:auto!important;padding-inline:0!important}

/* Remove animation-hidden states when scripts/CDNs fail. */
[data-aos],[data-p2-reveal],.p1-reveal,.px-reveal{opacity:1!important;visibility:visible!important;filter:none!important}
[data-p2-reveal],.p1-reveal,.px-reveal{transform:none!important}

@media (min-width:768px){
  :root{--p2-header-h:82px}
  html.menu-open,body.menu-open{overflow-x:hidden!important;overflow-y:auto!important;position:static!important;height:auto!important;touch-action:auto!important}
  .topbar{display:block!important}
  .topbar .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
  .topbar p{margin:0!important;white-space:normal!important}

  .header,.prestige-pro-header{position:sticky!important;top:0!important;z-index:5000!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .header .nav,.prestige-pro-header .nav,.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(8px,1.2vw,18px)!important;min-height:82px!important;height:auto!important;overflow:visible!important}

  .mobile-toggle,#toggle,.nav-toggle,.mobile-close,.mobile-menu-head,.mobile-menu-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  nav#menu.menu,.menu,.prestige-menu,.menu.prestige-menu,.prestige-pro-header .menu{
    position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;
    width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin-left:auto!important;padding:0!important;
    gap:clamp(2px,.55vw,9px)!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:visible!important
  }
  .menu>a:not(.btn),.menu .nav-dropbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:40px!important;padding:9px clamp(5px,.65vw,11px)!important;margin:0!important;font-size:clamp(10px,.95vw,14px)!important;line-height:1!important;white-space:nowrap!important;border-radius:999px!important}
  .menu .btn,.nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:42px!important;padding:10px clamp(8px,.8vw,14px)!important;font-size:clamp(10px,.92vw,14px)!important;white-space:nowrap!important}
  .menu>.btn-primary{display:none!important}
  .nav-cta{flex:0 0 auto!important}

  .brand{display:flex!important;align-items:center!important;gap:10px!important;flex:0 1 auto!important;max-width:clamp(155px,22vw,300px)!important}
  .brand img{width:clamp(44px,4.4vw,56px)!important;height:clamp(44px,4.4vw,56px)!important;object-fit:contain!important;flex:0 0 auto!important}
  .brand span{display:block!important;min-width:0!important}
  .brand strong,.brand small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand strong{font-size:clamp(11px,1.15vw,15px)!important}.brand small{font-size:clamp(8px,.82vw,11px)!important}

  .nav-dropdown{position:relative!important;display:inline-flex!important;width:auto!important;align-items:center!important}
  .nav-dropdown-menu{position:absolute!important;top:calc(100% + 12px)!important;left:50%!important;right:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;width:max-content!important;min-width:250px!important;max-width:min(340px,calc(100vw - 40px))!important;height:auto!important;max-height:min(70vh,560px)!important;padding:10px!important;gap:4px!important;overflow-y:auto!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 26px 70px rgba(7,27,58,.18)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px) scale(.985)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;z-index:6000!important}
  .nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu,.nav-dropdown.open>.nav-dropdown-menu,.nav-dropdown.is-open>.nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0) scale(1)!important}
  .nav-dropdown-menu a{display:flex!important;align-items:center!important;min-height:42px!important;width:100%!important;padding:10px 12px!important;white-space:nowrap!important;overflow:visible!important}

  /* Laptop is a real desktop canvas. */
  .hero,.hero-slide,.px-hero{min-height:clamp(600px,72vh,760px)!important;padding:clamp(64px,7vw,96px) 0!important;text-align:left!important}
  .hero-grid,.px-hero-grid,.ai-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:clamp(28px,4vw,68px)!important;align-items:center!important}
  .px-hero-copy,.hero-copy{max-width:none!important}
  .px-hero h1,.hero h1,.hero-slide h1{font-size:clamp(2.65rem,4.7vw,5.25rem)!important;line-height:.98!important;max-width:880px!important}
  .px-hero-actions,.hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.px-hero-actions .btn,.hero-actions .btn{width:auto!important}
  .px-command,.px-hero-visual,.hero-card,.ai-orbit-card,.ai-hero-panel{display:block!important;width:100%!important}

  .grid-2,.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-3,.stats-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid-4,.home-services-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .grid-5{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .courses-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-grid{display:grid!important;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,1fr))!important}
  .corporate-box,.ai-section-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;align-items:center!important}
  .section{padding-block:clamp(76px,7vw,108px)!important}
  .head{max-width:820px!important;margin-inline:auto!important;text-align:center!important}
  .card,.service-pro-card,.course-card,.project-card,.blog-card{height:100%!important;opacity:1!important;visibility:visible!important}
  .whatsapp-dock{left:auto!important;right:20px!important;bottom:18px!important;width:auto!important;display:flex!important;grid-template-columns:none!important}
}

/* Compact laptop desktop: 768–1100px. Never collapse to phone UI. */
@media (min-width:768px) and (max-width:1100px){
  :root{--v37-gutter:18px}
  .header .nav,.nav{min-height:76px!important;gap:5px!important}
  .brand{max-width:132px!important}.brand img{width:40px!important;height:40px!important}.brand strong{font-size:10px!important}.brand small{font-size:7.5px!important}
  .menu,.prestige-menu{gap:0!important}.menu>a:not(.btn),.menu .nav-dropbtn{font-size:9.8px!important;padding:8px 4px!important;min-height:36px!important}.menu .btn,.nav-cta{font-size:9.7px!important;padding:8px 6px!important;min-height:36px!important}
  .hero-grid,.px-hero-grid,.ai-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.82fr)!important;gap:24px!important}
  .px-hero h1,.hero h1,.hero-slide h1{font-size:clamp(2.35rem,5.2vw,4.1rem)!important}
  .grid-4,.home-services-grid,.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .section{padding-block:72px!important}
}

/* Phone-only layout. */
@media (max-width:767px){
  :root{--v37-gutter:14px}
  .container{width:calc(100% - 28px)!important;max-width:none!important}
  .topbar{display:none!important}.nav-cta{display:none!important}
  .mobile-toggle,#toggle,.nav-toggle{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .grid-2,.grid-3,.grid-4,.grid-5,.stats-grid,.home-services-grid,.courses-grid,.footer-grid,.corporate-box,.ai-section-grid,.hero-grid,.px-hero-grid,.ai-hero-grid{grid-template-columns:1fr!important}
}