/* =========================================================
   Home hero: v1 dark full-bleed photo, adapted to the White scheme
   (loads last; only affects .hero, which exists on index.html only)
   ========================================================= */
html[data-theme][data-variant] .hero{background:#111315;color:#fff;min-height:760px;display:flex;flex-direction:row;align-items:flex-end;overflow:hidden}
html[data-theme][data-variant] .hero::before{display:block;content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,19,21,.94) 0%,rgba(17,19,21,.78) 45%,rgba(17,19,21,.35) 100%),linear-gradient(0deg,rgba(17,19,21,.9) 0%,rgba(17,19,21,0) 45%)}
/* v1 watermark ring, now white at low opacity instead of red */
html[data-theme][data-variant] .hero::after{display:block;content:"";position:absolute;z-index:1;left:auto;bottom:auto;right:-140px;top:-140px;width:560px;height:560px;border-radius:50%;border:90px solid rgba(255,255,255,.08)}
html[data-theme][data-variant] .hero .bg{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;overflow:visible;order:0;height:auto;margin:0}
html[data-theme][data-variant] .hero .bg::after{display:none}
html[data-theme][data-variant] .hero .bg img{filter:grayscale(.35) contrast(1.05) blur(1.2px);transform:scale(1.04)}
html[data-theme][data-variant] .hero .container{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:96px;order:0}
html[data-theme][data-variant] .hero h1{max-width:1000px;font-size:clamp(40px,5.4vw,76px);margin:22px 0 24px;color:#fff}
html[data-theme][data-variant] .hero h1 em{color:#B8BDC3;white-space:normal}
html[data-theme][data-variant] .hero .lead,html[data-theme][data-variant] .hero p.lead{color:#D5D8DD !important;max-width:640px}
html[data-theme][data-variant] .hero .eyebrow{color:#D5D8DD}
html[data-theme][data-variant] .hero .eyebrow::before{background:#8A9097}
/* buttons: white primary, white outline secondary */
html[data-theme][data-variant] .hero .btn-red{background:#fff;color:#111315;border:1px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.25)}
html[data-theme][data-variant] .hero .btn-red:hover{background:#E9EAEC;border-color:#E9EAEC}
html[data-theme][data-variant] .hero .btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
html[data-theme][data-variant] .hero .btn-ghost:hover{background:#fff;color:#111315;border-color:#fff}
html[data-theme][data-variant] .hero .cert-chip{display:inline-flex;max-width:none;margin-top:56px;font-size:14px;color:#C4C8CE;border-top:1px solid rgba(255,255,255,.18);padding-top:20px;line-height:1.6}
html[data-theme][data-variant] .hero .cert-chip b{color:#fff}
@media (max-width:1060px){
  html[data-theme][data-variant] .hero{flex-direction:row;align-items:flex-end;min-height:640px}
  html[data-theme][data-variant] .hero .bg{position:absolute;inset:0;height:auto;margin:0;border-radius:0}
  html[data-theme][data-variant] .hero .container{padding-top:80px;padding-bottom:64px}
}
@media (max-width:560px){
  html[data-theme][data-variant] .hero h1{font-size:42px}
  html[data-theme][data-variant] .hero .cert-chip{display:block}
}