/* ============================================================
   AIOOS — taste layer across ALL sections
   Anti-slop upgrades applied beyond the hero: living section
   headers, premium card lifts with specular sheen, scroll-reveal
   stagger, comparison-row emphasis, FAQ + CTA polish.
   Additive only — base states stay visible (capture/throttle safe).
   ============================================================ */

/* --- section headers: the accent word flows like the hero --- */
.h2 .g{
  background:linear-gradient(96deg,#0A4FE0,#2D6CF6 30%,#37A6FF 54%,#22D3EE 76%,#2D6CF6 100%);
  background-size:280% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
@media (prefers-reduced-motion:no-preference){ .h2 .g{animation:tGrad 9s ease-in-out infinite} }
@keyframes tGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* --- scroll-reveal stagger: ADDITIVE rise — base state stays fully visible,
     so content can never be stuck hidden if the observer doesn't fire
     (throttled tabs, print, capture). JS adds .tin on entry, removes it after the run. --- */
@media (prefers-reduced-motion:no-preference){
  .t-stagger.tin > *{animation:tRise .7s cubic-bezier(.16,1,.3,1) both}
  .t-stagger.tin > *:nth-child(2){animation-delay:.07s}
  .t-stagger.tin > *:nth-child(3){animation-delay:.14s}
  .t-stagger.tin > *:nth-child(4){animation-delay:.21s}
  .t-stagger.tin > *:nth-child(5){animation-delay:.28s}
  .t-stagger.tin > *:nth-child(6){animation-delay:.35s}
}
@keyframes tRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* --- premium glass card lift + specular sheen (channels, features, quotes, steps, prices) --- */
.chan,.feat,.quote,.price,.step{ position:relative; overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s cubic-bezier(.2,.8,.2,1) !important; will-change:transform; }
.chan:hover,.feat:hover,.quote:hover,.step:hover{ transform:translateY(-6px) }
.price:hover{ transform:translateY(-6px) scale(1.012) }
.chan::after,.feat::after,.quote::after,.step::after{
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:1;
  background:linear-gradient(115deg, transparent 42%, rgba(255,255,255,.45) 50%, transparent 58%);
  background-size:250% 100%; background-position:200% 0; opacity:0; mix-blend-mode:screen; transition:opacity .3s;
}
@media (prefers-reduced-motion:no-preference){
  .chan:hover::after,.feat:hover::after,.quote:hover::after,.step:hover::after{opacity:1; animation:tSheen .9s ease-out}
}
@keyframes tSheen{from{background-position:200% 0}to{background-position:-130% 0}}

/* the channel icon springs on hover */
.chan .ic,.feat .ic{ transition:transform .45s cubic-bezier(.2,1.4,.4,1) }
.chan:hover .ic{ transform:scale(1.08) rotate(-4deg) }
.feat:hover .ic{ transform:translateY(-3px) scale(1.06) }

/* --- stats: glowing underline sweep + lift --- */
.stat{ position:relative; transition:transform .4s cubic-bezier(.2,.8,.2,1) }
.stat:hover{ transform:translateY(-4px) }
.stat .n{ background:linear-gradient(180deg,#FFFFFF 30%,#9CC5FF); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent }

/* --- comparison rows: AIOOS column glows, rows reveal on scroll --- */
.vs-row{ transition:background .3s }
.vs-row:not(.head):hover{ background:rgba(45,108,246,.04) }
.vs-row .vaio{ position:relative }
.vs-row:not(.head) .vaio::before{
  content:''; position:absolute; inset:-1px -2px; border-radius:12px; z-index:-1;
  background:linear-gradient(180deg, rgba(45,108,246,.08), rgba(34,211,238,.05)); opacity:0; transition:opacity .3s;
}
.vs-row:not(.head):hover .vaio::before{ opacity:1 }

/* --- industry chips: magnetic-feel hover, accent bloom --- */
.br-chip{ transition:transform .35s cubic-bezier(.2,1.3,.4,1), box-shadow .35s, background .3s !important }
.br-chip:hover{ transform:translateY(-3px) }
.br-chip .bi{ transition:transform .35s cubic-bezier(.2,1.4,.4,1) }
.br-chip:hover .bi{ transform:rotate(-8deg) scale(1.12) }

/* --- FAQ: smooth marker rotation + row lift --- */
.qa{ transition:transform .3s, box-shadow .3s }
.qa[open]{ transform:translateY(-1px) }
.qa summary .ch{ transition:transform .35s cubic-bezier(.2,.8,.2,1) }
.qa[open] summary .ch{ transform:rotate(135deg) }

/* --- big CTA band: slow drifting light --- */
.cta-band{ position:relative; overflow:hidden }
.cta-band::after{
  content:''; position:absolute; inset:-40%; pointer-events:none; z-index:0;
  background:radial-gradient(closest-side, rgba(96,177,255,.16), transparent 70%);
}
@media (prefers-reduced-motion:no-preference){ .cta-band::after{animation:tDrift 16s ease-in-out infinite} }
@keyframes tDrift{0%,100%{transform:translate(-12%,-8%)}50%{transform:translate(14%,10%)}}
.cta-band > *{ position:relative; z-index:1 }

/* --- compliance strip items: tiny lift --- */
.as-item{ transition:transform .3s, color .3s }
.as-item:hover{ transform:translateY(-2px); color:var(--ink) }