/* ═════════════════════════════════════════════════════════════════════
   premium-polish-v15.css
   World-class visual polish layer · drop-in · zero structural changes
   Builder-focused micro-details that elevate without disturbing SEO.
   Loaded AFTER style.min.css so it can refine, not override foundations.
   ═════════════════════════════════════════════════════════════════════ */

/* ─── Subtle premium top accent for the navigation ─── */
.nav.global-nav{
  position:fixed;
}
.nav.global-nav::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(15,163,177,.32) 22%,rgba(201,162,74,.20) 50%,rgba(15,163,177,.32) 78%,transparent 100%);
  opacity:0;transition:opacity .35s ease;pointer-events:none;
}
.nav.global-nav.scrolled::after,
.nav.global-nav.is-scrolled::after{opacity:1}

/* ─── Premium button shine — subtle, only on primary CTA ─── */
.btn.primary{position:relative;overflow:hidden;isolation:isolate}
.btn.primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .9s cubic-bezier(.4,0,.2,1);
  pointer-events:none;z-index:1;
}
.btn.primary:hover::before,.btn.primary:focus-visible::before{transform:translateX(130%)}
.btn.primary > *{position:relative;z-index:2}

/* ─── Hero status pill: refined micro-shadow ─── */
.status-pill{
  box-shadow:0 4px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);
}

/* ─── Focus states — accessible, premium ─── */
a:focus-visible,button:focus-visible,
.btn:focus-visible,
.nav-links a:focus-visible,
.nav-mega-trigger:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(21,197,216,.55);
  outline-offset:2px;
  border-radius:8px;
}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline-offset:0;border-radius:inherit;
}

/* ─── Section flow accent — subtle dividers between major sections ─── */
.section + .section,
.companies + .p26-pathways,
.p26-pathways + .section{
  position:relative;
}

/* ─── Card hover lift — applied lightly to cards across the site ─── */
.why-card,.exp-card,.p26-path-card,.card{
  transition:transform .35s cubic-bezier(.22,.61,.36,1),
             box-shadow .35s cubic-bezier(.22,.61,.36,1),
             border-color .35s ease;
}
@media (hover:hover) and (pointer:fine){
  .why-card:hover,.exp-card:hover,.p26-path-card:hover,.card:hover{
    transform:translateY(-3px);
  }
}
@media (prefers-reduced-motion:reduce){
  .why-card,.exp-card,.p26-path-card,.card,.btn.primary::before{transition:none!important;animation:none!important}
  .why-card:hover,.exp-card:hover,.p26-path-card:hover,.card:hover{transform:none}
}

/* ─── Refined link underlines in prose — premium typography ─── */
.about-editorial-body p a,
.section-copy a:not(.btn),
.hero-sub a:not(.btn){
  text-decoration:underline;
  text-decoration-color:rgba(21,197,216,.32);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:text-decoration-color .2s ease,color .2s ease;
}
.about-editorial-body p a:hover,
.section-copy a:not(.btn):hover,
.hero-sub a:not(.btn):hover{
  text-decoration-color:#15C5D8;
  color:#15C5D8;
}

/* ─── Smoother selection color — premium feel ─── */
::selection{background:rgba(15,163,177,.28);color:#F1EDE4}
::-moz-selection{background:rgba(15,163,177,.28);color:#F1EDE4}

/* ─── Image lazy-load smoothness ─── */
img[loading="lazy"]{
  opacity:0;transition:opacity .4s ease;
}
img[loading="lazy"].is-loaded,
img[loading="lazy"][src]{opacity:1}
img.profile-book-img,img.hero-photo img,picture img{opacity:1}

/* ─── Eyebrow refinement — subtle accent dot ─── */
.eyebrow{
  position:relative;
}

/* ─── Builder-trust micro-accent on hero trust strip numbers ─── */
.hero-trust b{
  background:linear-gradient(180deg,#F1EDE4 0%,#CBD5E1 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
@supports not (-webkit-background-clip: text){
  .hero-trust b{color:#F1EDE4;-webkit-text-fill-color:#F1EDE4}
}

/* ─── Smoother fade-up reveal: deeper easing for premium feel ─── */
.rv{
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);
}

/* ─── Premium scrollbar enhancement ─── */
@media (min-width:900px){
  html::-webkit-scrollbar{width:6px}
  html::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(15,163,177,.35),rgba(21,197,216,.5));
    border-radius:10px;
  }
  html::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,rgba(15,163,177,.55),rgba(21,197,216,.7));
  }
}

/* ─── Print elegance — keep it clean ─── */
@media print{
  .nav,.sf15-cta-strip,#nav,.nav-cta,.sidebar-toggle,#sidebarToggle,
  .toolkit-trigger,.ai-fab,.mobile-svc-fab,#drScrollNavV1914,
  .site-footer-v15 .sf15-cta-strip{display:none!important}
  body{background:#fff!important;color:#000!important}
  .site-footer-v15{background:#fff!important;color:#111!important;border-top:1px solid #ccc!important}
  .site-footer-v15 *{color:#111!important}
}
