/* Additive HumanMirror visual polish. No brand tokens, layout identity, or functional contracts changed. */
:where(.site-header,.top,.nav){transition:background-color .25s ease,border-color .25s ease}
:where(.hero h1,.hero-copy h1){text-wrap:balance}
:where(.hero p,.hero-copy .lead,.section>p){text-wrap:pretty}
:where(a,button,select,input,textarea):focus-visible{outline:2px solid var(--cyan,#6ae8ff);outline-offset:4px}
:where(.pricecard,.card,.space,.product-row,.product-cluster,.control-plane){transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;will-change:auto}
@media(hover:hover) and (pointer:fine){
  :where(.pricecard,.card,.space,.product-row,.product-cluster):hover{transform:translateY(-3px);border-color:rgba(106,232,255,.42);box-shadow:0 18px 45px rgba(0,0,0,.18),0 0 0 1px rgba(106,232,255,.06)}
  :where(.button,.btn,.actions a,.nav-cta):hover{filter:brightness(1.08)}
}
:where(.pricecard,.card,.space,.product-cluster){overflow-wrap:anywhere}
:where(.hero,.section,.enterprise,.products){scroll-margin-top:96px}
:where(.navlinks,.top nav,.main-nav){row-gap:10px}
:where(.actions,.hero-actions){row-gap:12px}
:where(.pricecard,.card,.space){backdrop-filter:blur(9px)}
@media(max-width:700px){
  :where(.hero h1,.hero-copy h1){overflow-wrap:normal;hyphens:auto}
  :where(.actions,.hero-actions){align-items:stretch}
  :where(.actions a,.hero-actions a){justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 :where(.pricecard,.card,.space,.product-row,.product-cluster,.control-plane,.site-header,.top,.nav){transition:none!important;transform:none!important}
}

/* V2: visibly stronger spatial hierarchy within existing HumanMirror palette. */
body:has(.site-header) .hero{
 position:relative;
 background:radial-gradient(ellipse 55% 62% at 83% 37%,rgba(35,140,255,.14),transparent 80%);
}
body:has(.site-header) .hero-copy{
 position:relative;
 padding-block:clamp(20px,4vw,68px);
}
body:has(.site-header) .hero-copy:before{
 content:"";position:absolute;inset:10% auto 10% -22px;width:2px;
 background:linear-gradient(180deg,transparent,var(--cyan,#6ae8ff),transparent);
 opacity:.68;pointer-events:none;
}
body:has(.site-header) .hero h1{
 font-size:clamp(3.1rem,6.6vw,7rem);
 line-height:1.02;letter-spacing:-.065em;
 text-shadow:0 15px 55px rgba(8,95,196,.17);
}
body:has(.site-header) .hero h1 em{
 color:var(--cyan,#6ae8ff);
 text-shadow:0 0 45px rgba(35,140,255,.24);
}
body:has(.site-header) .hero .lead{
 color:#bccddd;line-height:1.85;font-size:clamp(1rem,1.25vw,1.15rem);
}
body:has(.site-header) .hero-actions .button{
 border-radius:13px;min-height:52px;padding-inline:22px;
 font-weight:650;box-shadow:0 10px 35px rgba(0,0,0,.2);
}
body:has(.site-header) .control-plane{
 border-radius:27px;box-shadow:0 42px 95px rgba(0,0,0,.52),0 0 65px rgba(35,140,255,.13);
 border-color:rgba(106,232,255,.4);
}
body:has(.site-header) :is(.product-cluster,.product-row){
 border-radius:16px;
 background-image:linear-gradient(140deg,rgba(35,140,255,.075),transparent 65%);
}
body.hm-omnidome .hero{
 position:relative;min-height:710px;
 background:radial-gradient(circle at 76% 43%,rgba(43,127,255,.17),transparent 48%);
}
body.hm-omnidome .hero h1{
 font-size:clamp(3.3rem,7vw,7.5rem);line-height:1.03;
 text-shadow:0 18px 60px rgba(43,127,255,.22);
}
body.hm-omnidome .hero h1 em{
 background:linear-gradient(100deg,#f1fbff,#57e5ff 67%,#2b7fff);
 background-clip:text;-webkit-background-clip:text;color:transparent;
}
body.hm-omnidome .dome{
 filter:drop-shadow(0 0 55px rgba(43,127,255,.25));
}
body.hm-omnidome :is(.space,.registrar,.machinebox){
 border-radius:24px;
 box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(87,229,255,.08);
}
body.hm-omnidome .stats article{
 background:linear-gradient(165deg,rgba(43,127,255,.09),transparent 80%);
}
body.hm-omnidome .actions :is(.primary,.ghost){
 border-radius:12px;min-height:49px;padding-inline:22px;
}
body:has(.pricegrid) .pricecard{
 border-radius:23px;
 box-shadow:0 18px 48px rgba(0,0,0,.24);
}
body:has(.pricegrid) .pricecard.featured{
 background:linear-gradient(155deg,rgba(77,125,255,.17),#101522 65%);
 box-shadow:0 22px 65px rgba(77,125,255,.13);
}
@media(max-width:900px){
 body:has(.site-header) .hero{background-position:center}
 body:has(.site-header) .hero-copy:before{left:-10px}
 body.hm-omnidome .hero{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 body.hm-omnidome .dome{filter:none}
}