/* Home v2 — design only */

/* ---- Section-one illustration: six products integrated with AiiVare ---- */
html body .homepage-story-hero .stageWrap.ao-host > .tvx{display:none!important}
html body .ao{position:relative;width:100%;max-width:600px;margin:0 auto;border-radius:28px;padding:18px;
  background:radial-gradient(70% 60% at 50% 45%,rgba(255,255,255,.95),rgba(255,255,255,.7));
  border:1px solid rgba(67,56,202,.1);box-shadow:0 30px 70px -36px rgba(30,27,75,.35),0 0 0 1px rgba(255,255,255,.7) inset}
html body .ao-stage{position:relative;width:100%;aspect-ratio:1/1}
html body .ao-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
html body .ao-orbit{fill:none;stroke:rgba(67,56,202,.16);stroke-width:1.2}
html body .ao-orbit.o1{stroke-dasharray:4 7;transform-origin:300px 300px;animation:aoSpin 60s linear infinite}
html body .ao-orbit.o2{stroke:rgba(231,20,103,.22);stroke-dasharray:2 6;transform-origin:300px 300px;animation:aoSpin 30s linear infinite reverse}
html body .ao-orbit.o3{stroke:rgba(56,152,214,.14)}
html body .ao-hex{fill:rgba(99,102,241,.03);stroke:rgba(99,102,241,.12);stroke-width:1}
@keyframes aoSpin{to{transform:rotate(360deg)}}
html body .ao-core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#fdf2f8 60%,#eef2ff);
  box-shadow:0 0 0 6px rgba(255,255,255,.8),0 0 0 7px rgba(231,20,103,.25),0 20px 50px -14px rgba(231,20,103,.45),0 0 70px -10px rgba(99,102,241,.45)}
html body .ao-core img{width:74%;height:auto;position:relative;z-index:2}
html body .ao-wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(231,20,103,.35);animation:aoWave 3s ease-out infinite}
html body .ao-wave.w2{animation-delay:1.5s;border-color:rgba(99,102,241,.35)}
@keyframes aoWave{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}
html body .ao-node{position:absolute;left:var(--x);top:var(--y);width:25%;transform:translate(-50%,-50%);display:grid;place-items:center;
  padding:12px 10px;border-radius:16px;background:#fff;text-decoration:none;
  border:1px solid color-mix(in oklab,var(--c) 28%,transparent);
  box-shadow:0 12px 28px -14px color-mix(in oklab,var(--c) 60%,transparent),0 0 0 4px color-mix(in oklab,var(--c) 7%,transparent);
  animation:aoFloat 6s ease-in-out infinite;animation-delay:var(--d);transition:box-shadow .3s,scale .3s}
html body .ao-node::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--c)}
html body .ao-node img{width:100%;height:30px;object-fit:contain}
html body .ao-node:hover{scale:1.07;box-shadow:0 18px 36px -12px color-mix(in oklab,var(--c) 70%,transparent),0 0 0 5px color-mix(in oklab,var(--c) 14%,transparent)}
@keyframes aoFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (max-width:640px){html body .ao-node img{height:20px}html body .ao-node{padding:8px 6px}}
@media (prefers-reduced-motion:reduce){html body .ao *{animation:none!important}}

/* ---- Suite cards: soft colour band across the whole top instead of a corner glow ---- */
html body #homepage-suite .product-card{
  background:linear-gradient(180deg,color-mix(in oklab,var(--a) 13%,#fff) 0%,color-mix(in oklab,var(--b) 5%,#fff) 34%,#fff 62%)!important}
html body #homepage-suite .product-card > .tv-suite-band{display:none}

/* ---- AI section: less space above the heading ---- */
html body #homepage-ai{padding-top:18px!important}
html body #homepage-ai .aiw-in{padding-top:18px!important}
html body #homepage-ai .aiw-intro{margin-top:0!important;padding-top:0!important}
html body #homepage-ai .aiw-intro-line{gap:6px!important;margin-top:6px!important}
html body #homepage-ai .aiw-sovereign-heading{margin-top:4px!important}

/* ---- Same pill label on every section ---- */
html body .tv-pill-add{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 14px!important}
html body .tv-pill-ai img{height:22px;width:auto;display:block}
html body #homepage-suite .product-card.product-card.product-card{background-image:linear-gradient(180deg,color-mix(in oklab,var(--a) 16%,#fff) 0%,color-mix(in oklab,var(--b) 6%,#fff) 30%,#fff 58%)!important;background-color:#fff!important}
html body #homepage-suite .product-card.product-card::before{background:none!important}
html body #homepage-ai .aiw-intro-line{min-height:0!important;row-gap:4px!important}
html body #homepage-ai #homepage-ai-heading{margin-bottom:0!important;padding-bottom:0!important}
html body .tv-pill-ai{gap:8px}
/* Restored: the original federated animation stays; the AiiVare orbit is parked until approved */
html body .homepage-story-hero .stageWrap.ao-host > .tvx{display:block!important}
html body .homepage-story-hero .stageWrap > .ao{display:none!important}
/* No mesh in the "One Regulatory Journey" section */
html body .homepage-story-hero canvas.ai-mesh,html body .homepage-story-hero canvas.tvx-mesh,html body .homepage-story-hero canvas.h-plx{display:none!important}
/* Product tiles as tactile app buttons */
html body .aiw-t{background:linear-gradient(180deg,#fff 0%,#f4f2fb 100%)!important;border:1px solid rgba(45,46,95,.14)!important;border-bottom-width:4px!important;border-bottom-color:color-mix(in srgb,var(--pc) 55%,#d9d6ea)!important;
 box-shadow:0 1px 0 #fff inset,0 8px 18px -8px rgba(45,46,95,.35),0 2px 4px rgba(45,46,95,.08)!important;transition:transform .15s ease,box-shadow .15s ease,border-color .3s!important;cursor:pointer}
html body .aiw-t:hover{transform:translateY(-3px)!important;box-shadow:0 1px 0 #fff inset,0 16px 28px -10px color-mix(in srgb,var(--pc) 55%,transparent),0 3px 6px rgba(45,46,95,.1)!important}
html body .aiw-t:active{transform:translateY(2px)!important;border-bottom-width:1px!important;margin-top:3px;box-shadow:0 1px 3px rgba(45,46,95,.2) inset!important}
html body .aiw-t.on{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--pc) 12%,#fff) 100%)!important;border-color:var(--pc)!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 20%,transparent),0 12px 26px -10px color-mix(in srgb,var(--pc) 60%,transparent)!important}
/* compact header CTA so the menu clears the logo */
html body .header-cta{padding:8px 14px!important;font-size:13.5px!important;min-height:0!important;height:auto!important;line-height:1.2!important;white-space:nowrap;border-radius:999px!important}
html body .brand{flex-shrink:0!important}

/* ===== AiiVare "Prepares" side — refined orb and label (design only) ===== */
html body #homepage-ai .aiw-orb{filter:drop-shadow(0 14px 26px rgba(231,20,103,.28))}
html body #homepage-ai .aiw-orb .core{background:radial-gradient(circle at 32% 28%,#ff7fb0 0%,#2b5bd7 38%,#7b1fa2 72%,#3b1d8f 100%)!important;
  box-shadow:inset 0 -6px 14px rgba(30,10,80,.45),inset 0 6px 10px rgba(255,255,255,.35),0 0 0 4px rgba(255,255,255,.85),0 0 24px rgba(231,20,103,.45)!important}
html body #homepage-ai .aiw-orb .r1{border:2px solid transparent!important;background:conic-gradient(from 0deg,#2b5bd7,#7c3aed,#38bdf8,#2b5bd7) border-box!important;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aiwSpin 6s linear infinite!important}
html body #homepage-ai .aiw-orb .r2{border:1px dashed rgba(124,58,237,.45)!important;animation:aiwSpin 14s linear infinite reverse!important}
@keyframes aiwSpin{to{transform:rotate(360deg)}}
html body #homepage-ai .aiw-orb .sp{color:#fff!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}
html body #homepage-ai .aiw-lab.ai{background:linear-gradient(180deg,#fff,#f6f2ff);border:1px solid rgba(124,58,237,.18);border-radius:14px;padding:8px 10px!important;
  box-shadow:0 10px 22px -16px rgba(67,56,202,.45)}
html body #homepage-ai .aiw-lab.ai b{background:linear-gradient(90deg,#c2185b,#4338ca);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
html body #homepage-ai .aiw-lab.ai b img{-webkit-text-fill-color:initial}
html body #homepage-ai .aiw-lab.ai>span{color:#475569!important;font-size:12.5px!important;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){html body #homepage-ai .aiw-orb :is(.r1,.r2){animation:none!important}}
html body #homepage-ai .aiw-lab.ai{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
html body #homepage-ai .aiw-lab.ai b{white-space:nowrap}
html body #homepage-ai .aiw-lab.ai b{background:none!important;-webkit-text-fill-color:#6d28d9!important;color:#6d28d9!important}
html body #homepage-ai .aiw-lab.ai b{white-space:normal!important}

/* ===== AiiVare product selector v2 — premium console tiles (design only) ===== */
html body #homepage-ai .aiw-tiles{position:relative;gap:12px!important;padding:12px!important;border-radius:20px!important;border:1px solid rgba(67,56,202,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(244,242,255,.6))!important;box-shadow:inset 0 1px 0 #fff,0 18px 40px -30px rgba(30,27,75,.45)!important;overflow:hidden}
html body #homepage-ai .aiw-tiles::before{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.10),transparent);animation:aiwScan 6s ease-in-out infinite}
@keyframes aiwScan{to{left:100%}}
html body #homepage-ai .aiw-t{position:relative;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;
  border-radius:14px!important;padding:12px 40px 12px 14px!important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 18px -14px rgba(15,23,42,.35)!important;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s!important;overflow:hidden}
html body #homepage-ai .aiw-t::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pc);border-radius:14px 0 0 14px}
html body #homepage-ai .aiw-t::after{content:""!important;position:absolute!important;right:12px!important;top:50%!important;width:22px!important;height:22px!important;margin-top:-11px;border-radius:50%!important;
  background:color-mix(in srgb,var(--pc) 12%,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23334155' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat!important;
  border:1px solid color-mix(in srgb,var(--pc) 35%,transparent)!important;box-shadow:none!important;transition:transform .25s,background-color .25s}
html body #homepage-ai .aiw-t > span:last-child{color:#64748b!important;font-size:12.5px!important}
html body #homepage-ai .aiw-t:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--pc) 45%,transparent)!important;
  box-shadow:0 16px 30px -18px color-mix(in srgb,var(--pc) 70%,transparent)!important}
html body #homepage-ai .aiw-t:hover::after{transform:translateX(3px)}
html body #homepage-ai .aiw-t:active{transform:translateY(0) scale(.98)!important}
html body #homepage-ai .aiw-t[aria-pressed="true"]{background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 9%,#fff),#fff)!important;
  border-color:var(--pc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 18%,transparent),0 16px 30px -18px color-mix(in srgb,var(--pc) 70%,transparent)!important}
html body #homepage-ai .aiw-t[aria-pressed="true"]::after{background-color:var(--pc)!important;animation:aiwPing 1.8s ease-out infinite}
@keyframes aiwPing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 45%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
@media (prefers-reduced-motion:reduce){html body #homepage-ai .aiw-tiles::before,html body #homepage-ai .aiw-t::after{animation:none!important}}
html body #homepage-ai .aiw-t::before{content:""!important;display:block!important;width:3px!important;height:auto!important;top:10px!important;bottom:10px!important;left:0!important;border-radius:0 3px 3px 0!important;background:var(--pc)!important;opacity:1!important}

/* ===== AI section: no empty block — case card matches animation height ===== */
html body #homepage-ai .aiw-in{align-items:stretch!important}
html body #homepage-ai .aiw-case-context{align-self:stretch!important;height:auto!important;display:flex!important;flex-direction:column;justify-content:center;
  padding:28px 30px!important;border-radius:20px!important;background:linear-gradient(160deg,#fff,#f7f5ff)!important;border:1px solid rgba(67,56,202,.12)!important;
  box-shadow:0 18px 40px -30px rgba(30,27,75,.4)!important;position:relative;overflow:hidden}
html body #homepage-ai .aiw-case-context::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#2b5bd7,#4338ca)}
html body #homepage-ai .aiw-case-context p{font-size:17px!important;line-height:1.7!important}
html body #homepage-ai .aiw-case-context :is(h3,h4,strong:first-child,b:first-child){font-size:24px!important;line-height:1.25!important;color:#1e1b4b!important;margin-bottom:12px!important}html body #homepage-ai .aiw-case-context p{font-size:18.5px!important;line-height:1.75!important}