/* WA Lab technical/legal hero standard — 2026-10-20.
   Uses the same site classes as the approved o-mne.html hero.
   Only overrides layout/illustrations for legal and payment pages; body unchanged. */
.wa-hero-standard.hero {position:relative; isolation:isolate; overflow:hidden; padding:48px 0 45px; background: radial-gradient(circle at 73% 44%,rgba(88,73,204,.15),transparent 25rem),linear-gradient(180deg,#07111f,#07101e);color:#fff}
.wa-hero-standard.hero::before {z-index:-2; pointer-events:none}
.wa-hero-standard .hero-grid,.legal-page .legal-hero.wa-hero-standard .hero-grid,.wa-pay-hero.wa-hero-standard .hero-grid {display:grid;min-height:480px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(24px,2.5vw,36px)}
.wa-hero-standard .hero-copy,.legal-page .legal-hero.wa-hero-standard .hero-copy {width:100%;max-width:615px;min-width:0}
.wa-hero-standard .hero-copy h1,.legal-page .legal-hero.wa-hero-standard .hero-copy h1,.wa-pay-hero.wa-hero-standard .hero-copy h1 {max-width:615px;margin:0 0 18px;font-size:clamp(2.02rem,3.05vw,2.56rem);font-weight:790;line-height:1.045;letter-spacing:-.041em;text-transform:uppercase;color:#f6f7fd}
.wa-hero-standard .about-hero-line {display:block;max-width:100%;width:fit-content}
.wa-hero-standard .about-hero-accent {display:block;max-width:100%;width:fit-content;margin-top:4px;background:linear-gradient(90deg,#6497e8,#7783ec 52%,#8f73dc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:normal;font-size:.9em;letter-spacing:-.043em}
.wa-hero-standard .hero-copy>.eyebrow,.legal-page .legal-hero.wa-hero-standard .hero-copy>.eyebrow {margin:0 0 12px;color:#a291ff}
.wa-hero-standard .tech-stack {margin-bottom:26px}
.wa-hero-standard .hero-copy>.hero-text,.legal-page .legal-hero.wa-hero-standard .hero-text.legal-lead,.wa-pay-hero.wa-hero-standard .hero-text {max-width:605px;margin:0 0 22px;color:#a8b2c5;font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.63}
.wa-hero-standard .hero-benefits {display:grid;gap:12px;margin-bottom:22px}
.wa-hero-standard .hero-benefit strong {font-size:.96rem;color:#f2f4fa}
.wa-hero-standard .hero-benefit small {font-size:.79rem;color:#9aa5b8}
.wa-hero-standard .hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px}
.wa-hero-standard .hero-actions .button {text-decoration:none}
.wa-hero-standard .hero-note{color:#8f9db6;margin:9px 0 0;font-size:.8rem}
.wa-pay-no-order-button{appearance:none;padding:0;border:0;background:none;color:#baaaff;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wa-pay-no-order-button:hover,.wa-pay-no-order-button:focus-visible{color:#fff}
.wa-hero-standard .hero-visual.about-hero-visual,.legal-page .legal-hero.wa-hero-standard .hero-visual.about-hero-visual,.wa-pay-hero.wa-hero-standard .hero-visual.about-hero-visual {display:flex;position:relative;min-height:480px;width:100%;align-items:center;justify-content:center;overflow:visible;transform:none;isolation:isolate;perspective:none}
.wa-hero-standard .about-hero-visual::before{left:51%;bottom:4%;width:82%;opacity:.68}
.wa-hero-standard .about-hero-visual::after{left:50%;bottom:2%;width:70%;opacity:.65}
.wa-hero-standard .wa-standard-art{position:relative;z-index:1;display:block;width:auto;max-width:100%;max-height:480px;height:auto;margin:0;object-fit:contain;transform:none;filter:drop-shadow(0 26px 34px rgba(12,8,35,.18))}
.wa-hero-standard .wa-standard-art-payment{max-height:480px}
.wa-hero-standard .hero-strip,.legal-page .legal-hero.wa-hero-standard .hero-strip,.wa-pay-hero.wa-hero-standard .hero-strip {position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}
.wa-hero-standard .hero-strip>div{min-height:88px;padding-block:15px;grid-template-columns:38px minmax(0,1fr)}
.wa-hero-standard .hero-strip>div span{position:relative;width:20px;height:20px;min-width:20px;padding:0;border:1px solid rgba(143,121,255,.28);border-radius:50%;background:rgba(126,100,255,.15);font-size:0}
.wa-hero-standard .hero-strip>div span::before{position:absolute;inset:0;display:grid;place-items:center;content:"✓";color:#9584ff;font-size:12px;font-weight:850;line-height:1}
.wa-hero-standard .hero-strip strong{font-size:.94rem}
.wa-hero-standard .hero-strip small{font-size:.77rem}
/* The legal document cards and sidebar remain on the existing legal-layout. */
.legal-page .legal-hero.wa-hero-standard .hero-grid{position:relative;z-index:2}
.legal-page .legal-hero.wa-hero-standard .hero-visual.contact-hub{display:flex}
.legal-page .legal-hero.wa-hero-standard .hero-actions .button,.legal-page .legal-hero.wa-hero-standard .hero-actions .button:visited {color:#fff;text-decoration:none}
@media (max-width: 980px) and (min-width:821px){
  .wa-hero-standard .hero-grid,.legal-page .legal-hero.wa-hero-standard .hero-grid,.wa-pay-hero.wa-hero-standard .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:22px;min-height:460px}
  .wa-hero-standard .hero-copy h1,.legal-page .legal-hero.wa-hero-standard .hero-copy h1,.wa-pay-hero.wa-hero-standard .hero-copy h1{font-size:clamp(1.88rem,3.65vw,2.3rem)}
  .wa-hero-standard .hero-visual.about-hero-visual{min-height:460px}
  .wa-hero-standard .wa-standard-art{max-height:435px}
}
@media(max-width:820px){
  .wa-hero-standard.hero,.legal-page .legal-hero.wa-hero-standard.hero,.wa-pay-hero.wa-hero-standard.hero {padding:36px 0 40px}
  .wa-hero-standard .hero-grid,.legal-page .legal-hero.wa-hero-standard .hero-grid,.wa-pay-hero.wa-hero-standard .hero-grid{grid-template-columns:1fr;min-height:0;gap:10px}
  .wa-hero-standard .hero-copy{max-width:100%}
  .wa-hero-standard .hero-copy h1,.legal-page .legal-hero.wa-hero-standard .hero-copy h1,.wa-pay-hero.wa-hero-standard .hero-copy h1{font-size:clamp(1.9rem,6.25vw,2.35rem)}
  .wa-hero-standard .hero-visual.about-hero-visual,.legal-page .legal-hero.wa-hero-standard .hero-visual.about-hero-visual,.wa-pay-hero.wa-hero-standard .hero-visual.about-hero-visual{min-height:0;max-height:320px;justify-content:center}
  .wa-hero-standard .wa-standard-art{max-width:100%;max-height:320px}
  .wa-hero-standard .hero-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
  .wa-hero-standard .hero-strip>div{min-height:70px}
}
@media(max-width:570px){
  .wa-hero-standard.hero,.legal-page .legal-hero.wa-hero-standard.hero,.wa-pay-hero.wa-hero-standard.hero{padding:28px 0 28px}
  .wa-hero-standard .tech-stack{gap:6px;margin-bottom:16px}
  .wa-hero-standard .tech-stack li{font-size:.7rem;padding:6px 10px}
  .wa-hero-standard .hero-copy>.eyebrow{margin-bottom:10px}
  .wa-hero-standard .hero-copy h1,.legal-page .legal-hero.wa-hero-standard .hero-copy h1,.wa-pay-hero.wa-hero-standard .hero-copy h1{font-size:clamp(1.72rem,7.4vw,2.15rem);line-height:1.07;margin-bottom:13px}
  .wa-hero-standard .hero-copy>.hero-text,.legal-page .legal-hero.wa-hero-standard .hero-text.legal-lead,.wa-pay-hero.wa-hero-standard .hero-text{font-size:.89rem;line-height:1.55;margin-bottom:16px}
  .wa-hero-standard .hero-benefits{gap:10px;margin-bottom:17px}
  .wa-hero-standard .hero-benefit-icon{width:40px;height:40px}
  .wa-hero-standard .hero-benefit strong{font-size:.86rem}
  .wa-hero-standard .hero-benefit small{font-size:.73rem}
  .wa-hero-standard .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%}
  .wa-hero-standard .hero-actions .button{width:100%;min-height:46px;justify-content:center}
  .wa-hero-standard .hero-visual.about-hero-visual,.legal-page .legal-hero.wa-hero-standard .hero-visual.about-hero-visual,.wa-pay-hero.wa-hero-standard .hero-visual.about-hero-visual{max-height:240px;min-height:0;overflow:hidden}
  .wa-hero-standard .wa-standard-art{max-height:245px}
  .wa-hero-standard .hero-strip,.legal-page .legal-hero.wa-hero-standard .hero-strip,.wa-pay-hero.wa-hero-standard .hero-strip{grid-template-columns:1fr;margin-top:10px}
  .wa-hero-standard .hero-strip>div{min-height:0;padding:11px 12px;grid-template-columns:32px minmax(0,1fr)}
  .wa-hero-standard .hero-strip>div+div{border-top:1px solid rgba(141,125,255,.12)}
}
@media(max-width:340px){.wa-hero-standard .hero-copy h1,.legal-page .legal-hero.wa-hero-standard .hero-copy h1,.wa-pay-hero.wa-hero-standard .hero-copy h1{font-size:1.54rem}}