:root{
  /* brand */
  --p200:#ddc9ff; --p300:#c4a5ff; --p400:#a876ff; --p500:#904dff;
  --p600:#7433d9; --p700:#5a22a8; --p800:#3d1670;
  --peri:#9f92ff;
  --pink:#e8006c; --amber:#ff8a00; --teal:#5ed9e8; --blue:#5b9dff;
  --green:#4bffc0; --g2:#ff6a4d;

  /* canvas */
  --bg:#000000;
  --bg-2:#0b0b12;
  --card:rgba(255,255,255,.030);
  --card-hi:rgba(255,255,255,.055);
  --glass:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.085);
  --line-2:rgba(255,255,255,.15);
  --line-3:rgba(255,255,255,.24);

  /* ink */
  --tx:#ffffff;
  --tx-2:#b4b4c2;
  --tx-3:#898999;
  --tx-4:rgba(255,255,255,.34);
  --ink-3:#898999;              /* referenced by the search dock script */

  /* hero sits on a bright photograph — it runs a dark-ink scheme */
  --h-ink:#0b0918;
  --h-ink-2:#3d3856;
  --h-ink-3:#5d5775;
  --h-line:rgba(0,0,0,.16);

  /* gradients */
  --ai:linear-gradient(100deg,var(--p600) 0%,var(--p500) 46%,var(--p400) 100%);
  --grad-text:linear-gradient(100deg,var(--p200) 0%,var(--p300) 42%,var(--peri) 100%);
  --grad-text-dark:linear-gradient(100deg,#4c1a95 0%,#7433d9 46%,#9b4dff 100%);

  /* elevation */
  --sh-sm:0 2px 10px -3px rgba(0,0,0,.6);
  --sh-md:0 16px 40px -18px rgba(0,0,0,.8);
  --sh-lg:0 34px 80px -32px rgba(0,0,0,.9);
  --sh-p:0 18px 44px -16px rgba(144,77,255,.55);

  /* geometry */
  --r-xs:10px; --r-sm:14px; --r-md:20px; --r-lg:28px; --r-xl:36px; --r-pill:999px;
  --gut:clamp(20px,5vw,44px);
  --max:1280px;
  --sec:clamp(84px,10vw,100px);

  --font:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ease:cubic-bezier(.22,.7,.24,1);

  /* Apple-style glass — light (over the photo) and dark (over the canvas) */
  --glass-lite:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.24));
  --glass-lite-br:rgba(255,255,255,.62);
  --glass-dark:linear-gradient(135deg,rgba(0,0,0,.72),rgba(0,0,0,.46));
  --glass-blur:blur(24px) saturate(180%);
  --glass-sh:0 10px 34px -12px rgba(5,5,7,.4);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.6);
}
/* ------------------------------------------------------------------ base -- */
.shell h1, .shell h2, .shell h3, .shell h4, .shell p {color:var(--tx);}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--p400);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* page-wide ambient wash */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.shell .section{position:relative;padding:var(--sec) 0}
.center{text-align:center}
.measure{max-width:640px}
.s-head.center .measure{margin-inline:auto}
.rule{
  height:1px;border:0;margin:0;
  background:linear-gradient(90deg,transparent,var(--line-2) 18%,var(--line-2) 82%,transparent);
}
/* ambient blobs */
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.mesh__grid{
  position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 78%);
}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.blob--purple{background:radial-gradient(closest-side,rgba(144,77,255,.55),transparent 72%)}
.blob--violet{background:radial-gradient(closest-side,rgba(116,51,217,.45),transparent 72%)}
.blob--teal  {background:radial-gradient(closest-side,rgba(94,217,232,.30),transparent 72%)}
.blob--pink  {background:radial-gradient(closest-side,rgba(232,0,108,.30),transparent 72%)}
.blob--breathe{animation:breathe 13s var(--ease) infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.09);opacity:.66}}
.ai-text{
  background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.lead{color:var(--tx-2);font-size:clamp(15.5px,1.15vw,16px);line-height:1.62;font-weight:400}
.ai-top_bg {    filter: blur(100px);
    z-index: 0;
    background: linear-gradient(270deg, #2743fee6 0%, #cc04d3e6 36.8853%, #fd1a10e6 66.5562%, #fdbe00e6 100%);
    border-radius: 100%;
    flex: none;
    width: 100%;
    height: 612px;
    position: absolute;
    top: -550px;
    left: calc(50% - 0);
    opacity: 0.6;}
/* bracketed eyebrow — the Bima label motif */
.eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0px 16px 0px 15px;
    border-radius: var(--r-pill);
    border-color: rgba(144, 77, 255, .35);
    background: rgba(144, 77, 255, .1);
    color: var(--p200);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: -.005em;
    margin-bottom: 18px;
}

.s-head{margin-bottom:clamp(38px,4.4vw,64px)}
.s-head--row{display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(24px,4vw,64px);align-items:end}
.s-head .dai-h2,.s-head .dai-h2--sm{margin-bottom:0}

.inline-badge,.inline-typing,.inline-avatars{display:inline-flex;align-items:center;vertical-align:middle}
.inline-badge{
  gap:7px;margin:0 .34em;padding:.24em .7em;border-radius:var(--r-pill);
  border:1px solid var(--line-2);background:var(--glass);
  font-size:.42em;font-weight:600;letter-spacing:.02em;color:var(--tx-2);
  text-transform:uppercase;translate:0 -.12em;line-height: normal;
}
.inline-typing{gap:5px;margin-left:.3em;translate:0 -.1em}
.inline-typing span{width:.16em;height:.16em;min-width:6px;min-height:6px;border-radius:50%;background:var(--p400);animation:typing 1.3s ease-in-out infinite}
.inline-typing span:nth-child(2){animation-delay:.18s}
.inline-typing span:nth-child(3){animation-delay:.36s}
@keyframes typing{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-.14em)}}
.inline-avatars{gap:0;margin:0 .3em;translate:0 -.06em}
.inline-avatars span{
  width:.62em;height:.62em;min-width:26px;min-height:26px;margin-left:-.13em;
  border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(160deg, rgb(144 77 255), rgb(232 0 108));
  border:1.5px solid #fff;animation:bob 4.4s ease-in-out infinite;
}
.inline-avatars span:nth-child(2){animation-delay:.5s}
.inline-avatars span:nth-child(3){animation-delay:1s}
.inline-avatars svg{width:.34em;height:.34em;min-width:12px;min-height:12px;color:#fff}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ----------------------------------------------------------------- bits --- */
.dai-dot{
  width:7px;height:7px;border-radius:50%;flex:0 0 auto;
  background:var(--p400);box-shadow:0 0 0 3px rgba(144,77,255,.18);
}
.dai-dot--live{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:live 2.2s ease-in-out infinite}
@keyframes live{0%,100%{opacity:1}50%{opacity:.55}}

.pill{
  display:inline-flex;align-items:center;gap:9px;
  padding:0px 16px 0px 15px;border-radius:var(--r-pill);
  border:1px solid var(--line-2);background:var(--glass);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  font-size:13.5px;font-weight:500;letter-spacing:-.005em;color:var(--tx-2);
}
.pill svg{width:14px;height:14px;color:var(--p400);flex:0 0 auto}
.pill--purple{border-color:rgba(144,77,255,.35);background:rgba(144,77,255,.1);color:var(--p200)}
.pill--g2{border-color:rgba(255,106,77,.3);background:rgba(255,106,77,.09);color:#ffcbbd}

.chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:0px 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--glass);
  font-size:12.4px;font-weight:500;color:var(--tx-2);
}
.chip svg{width:13px;height:13px;flex:0 0 auto}
.chip--purple{    border-color: rgba(144, 77, 255, .28);
    background: rgb(0 0 0 / 9%);
    color: #cdcdcd;}
.chip--purple svg{color:var(--p400)}
.chip--check{border-color:rgba(75,255,192,.22);background:rgba(75,255,192,.07);color:#c3ffe9}
.chip--check svg{color:var(--green)}

.tag{
  display:inline-block;padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:rgba(255,255,255,.03);
  font-size:12.2px;font-weight:500;color:#c7a2ff;
}
.dai-stars{display:inline-flex;gap:2.5px}
.dai-stars svg{width:14px;height:14px;color:var(--amber)}
.dai-stars--sm svg{width:11px;height:11px}
/* buttons */
.dai-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px;border-radius:var(--r-pill);
  font-size:14.4px;font-weight:600;letter-spacing:-.008em;white-space:nowrap;
  border:1px solid transparent;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.dai-btn svg{width:16px;height:16px;flex:0 0 auto;transition:transform .3s var(--ease)}
.dai-btn--lg{padding:16px 30px;font-size:15.4px}
/* frosted rather than flat white, so it belongs to the blue-black theme */
.dai-btn--primary{
  background:linear-gradient(135deg, rgb(146 76 252 / 91%), rgb(141 87 243));
  color:#fff;border-color:rgba(255,255,255,.3);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.34);
}
.dai-btn--primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(196,165,255,.14));border-color:rgba(255,255,255,.45)}
.dai-btn--primary:hover svg{transform:translateX(3px)}
.dai-btn--ai{background:var(--ai);color:#fff;box-shadow:var(--sh-p)}
.dai-btn--ai:hover{transform:translateY(-2px);box-shadow:0 24px 54px -16px rgba(144,77,255,.72)}
.dai-btn--ai:hover svg{transform:translateX(3px)}
.dai-btn--glass{
  background:var(--glass);color:var(--tx);border: 1px solid rgb(255 255 255 / 32%) !important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.dai-btn--glass:hover{background:var(--card-hi);border: 1px solid rgb(255 255 255 / 32%) !important;transform:translateY(-2px)}
.dai-btn--glass:hover svg{transform:translateX(3px)}
.dai-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* cards — deliberately no backdrop-filter: a dozen backdrop layers on one page
   is what makes Chrome drop their paint until a repaint is forced.           */
.dai-card{
 position: relative;
    border-radius: var(--r-lg);
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgb(16 16 16);
    backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    -webkit-backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    box-shadow: 0 34px 80px -30px rgba(0, 0, 0, .92), inset 0 1px 0 rgba(255, 255, 255, .14);
}
	.roles .dai-card { border:none; background: rgb(16 16 16 / 0%);
    backdrop-filter: blur(5px) saturate(100%) brightness(.4);
    -webkit-backdrop-filter: blur(-4px) saturate(100%) brightness(.4);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .92);}
.dai-card--glow::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px 240px at 22% -8%,rgba(144,77,255,.14),transparent 72%);
  opacity:0;transition:opacity .45s var(--ease);
}
.dai-card--glow:hover::after{opacity:1}
.trust__item svg{width:14px;height:14px;color:var(--green)}
.trust__item--g2 svg{color:var(--amber)}
.trust__sep{width:1px;height:13px;background:var(--line-2)}

/* the visual card — Apple glass, dark tint so it belongs to the canvas */
.hero__visual{display:flex;justify-content:flex-end}
.shot{
    width: 100%;
    max-width: 440px;
    padding: 14px 14px 16px;
    border-radius: var(--r-lg);
    background: linear-gradient(125deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 44%));
    color: var(--tx);
    border: 1px solid rgba(255, 255, 255, .2);
    backdrop-filter: blur(2px) saturate(173%);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: 0 40px 90px -34px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .24);
    transition: transform .6s var(--ease), box-shadow .6s var(--ease), background .6s var(--ease), border-color .6s var(--ease);
}
.shot:hover{
  transform:translateY(-6px);
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border-color:rgba(255,255,255,.3);
  box-shadow:0 54px 110px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.3);
}
.shot__panel{
  position:relative;border-radius:var(--r-sm);overflow:hidden;background:#04060c;
  aspect-ratio:271/214;
}
.shot__panel img{width:100%;height:100%;object-fit:cover;display:block;animation:eddy-float 7s ease-in-out infinite}
@keyframes eddy-float{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.035) translateY(-5px)}}
.shot__scan{
  position:absolute;left:0;right:0;height:24%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(147,197,253,.16),transparent);
  animation:scan 5.4s linear infinite;
}
@keyframes scan{0%{top:-24%}100%{top:100%}}
/* chatbot typing line */
.shot__chat{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:0 4px}
.shot__ava{
  width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:var(--ai);box-shadow:0 6px 14px -6px rgba(144,77,255,.7);border: 1px solid #ffffff5e;
}
.shot__ava svg{width:13px;height:13px;color:#fff}
.shot__say{min-width:0;flex:1}
.shot__who{
  display:flex;align-items:center;gap:7px;margin-bottom:3px;
  font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color: rgb(255 255 255);
}
.shot__who i{width:5px;height:5px;border-radius:50%;background:var(--green);animation:live 2.2s ease-in-out infinite}
.shot__type{
  font-size:16px;line-height:1.5;color:var(--tx);
  min-height:2.6em;font-weight: 300;
}
.shot__caret{
  display:inline-block;width:2px;height:1.02em;margin-left:2px;translate:0 .16em;
  background:var(--p400);animation:caret 1s steps(1) infinite;
}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
/* ------------------------------------------------------------- LLM rail --- */
.llm{position:relative;z-index:2;padding:clamp(44px,6vw,50px) 0}
.llm__label{
  text-align:center;margin-bottom:22px;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3);
}
.llm__row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.llm__chip{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 19px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--card);
  font-size:13.4px;font-weight:500;color:var(--tx-2);
  transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease),color .35s var(--ease);
}
.llm__chip:hover{transform:translateY(-3px);border-color:var(--line-3);background:var(--card-hi);color:#fff}
.llm__chip svg{width:17px;height:17px;flex:0 0 auto}

/* --------------------------------------------------------- capabilities --- */
.features{position:relative;padding:var(--sec) 0 clamp(30px,4vw,52px)}
.features__in{position:relative;z-index:2;text-align:center}
.features__title{max-width:25ch;margin:0 auto 34px}

.aud-toggle{
  display:inline-flex;gap:6px;padding:6px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:rgba(255,255,255,.035);
}
.aud-tab{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 15px;border-radius:var(--r-pill);
  font-size:14px;font-weight:600;color:var(--tx-3);
  transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease);
}
.aud-tab svg{width:16px;height:16px}
.aud-tab:hover{color:var(--tx-2)}
.aud-tab.is-active{background:var(--ai);color:#fff;box-shadow:var(--sh-p)}

.aud-section{padding-top:clamp(34px,4vw,56px)}
.aud-section .s-head h2{max-width:26ch;margin-inline:auto}
/* lead feature */
.feature{
  position:relative;display:grid;grid-template-columns:.86fr 1.14fr;
  gap:clamp(24px,3.6vw,54px);align-items:center;
  padding:clamp(24px,3vw,42px);border-radius:var(--r-xl);
 border: 1px solid rgba(255, 255, 255, .14);
    background: rgb(16 16 16);
    backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    -webkit-backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    box-shadow: 0 34px 80px -30px rgba(0, 0, 0, .92), inset 0 1px 0 rgba(255, 255, 255, .14);
}
.feature--rev{grid-template-columns:.86fr 1.14fr}
.feature--rev .feature__copy{order:1}
.feature--rev .feature__media{order:2}
.feature__copy{position:relative;z-index:2}
.feature__media{position:relative;z-index:2;perspective:1200px}
.cell__label{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11.6px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p300);
}
.cell__label svg{width:15px;height:15px;color:var(--p400)}
.cell__label--teal{color:#a8ecf4}.cell__label--teal svg{color:var(--teal)}
.cell__label--blue{color:#bcd8ff}.cell__label--blue svg{color:var(--blue)}
.cell__label--amber{color:#ffd7a3}.cell__label--amber svg{color:var(--amber)}
.cell__label--pink{color:#ffb3d3}.cell__label--pink svg{color:var(--pink)}
/* product frames */
.frame img,.frame video{width:100%;height:auto;display:block}
.frame--fill{height:100%;display:flex}
.frame__vid{position:relative;flex:1;overflow:hidden;min-height:inherit}
.frame__vid img,.frame__vid video{width:100%;height:100%;object-fit:cover;object-position:center top}
.tilt__in{transition:transform .45s var(--ease),box-shadow .45s var(--ease)}

/* mosaic */
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.cell{display:flex;flex-direction:column;overflow:hidden;justify-content: space-between;}
.cell__body{padding:clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px) 18px}
.cell__title{font-size:clamp(18px,1.35vw,21.5px);font-weight:600;letter-spacing:-.026em;line-height:1.24;}
.cell__text{font-size:14.6px;line-height:1.58;color:var(--tx-3)}
.cell__media{padding:0 clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px)}
.cell__media--flush{margin-top:auto;padding:0 1px 1px;display:flex}
.cell__media--flush .frame{border-radius:0 0 calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px);border-left:0;border-right:0;border-bottom:0;width:100%;box-shadow:none}
.cell--row{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(18px,2.4vw,34px);align-items:center}
.cell--row .cell__body{padding-bottom:clamp(22px,2.2vw,30px)}
.cell--row .cell__media{padding-top:clamp(22px,2.2vw,30px)}
.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c12{grid-column:span 12}

/* mini mockups */
.mock{
  padding:20px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.025);
}
.mock__tag{
  display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:7px;
  font-size:10.6px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line-2);color:var(--tx-3);
}
.mock__tag--blue{border-color:rgba(91,157,255,.36);background:rgba(91,157,255,.1);color:#bcd8ff}
.bar{height:9px;border-radius:6px;background:rgba(255,255,255,.075);margin-bottom:10px}
.bar:last-child{margin-bottom:0}
.bar--strong{background:rgba(255,255,255,.16)}
.bar--ai{background:var(--ai);opacity:.75}

.wave{display:flex;align-items:center;gap:16px}
.wave__btn{
  width:44px;height:44px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:var(--ai);box-shadow:var(--sh-p);
}
.wave__btn svg{width:19px;height:19px;color:#fff}
.wave__bars{display:flex;align-items:center;justify-content:space-between;gap:6px;height:46px;flex:1}
.wave__bars span{
  flex:0 0 6px;border-radius:3px;background:var(--p400);
  animation:eq 1.25s ease-in-out infinite alternate;
}
@keyframes eq{from{transform:scaleY(.42)}to{transform:scaleY(1)}}

.faq-preview{display:grid;gap:10px}
.faq-preview__item{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 18px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:rgba(255,255,255,.025);
  font-size:14px;font-weight:500;color:var(--tx-2);
  transition:border-color .3s var(--ease),background .3s var(--ease)
}
.faq-preview__item:hover{border-color:var(--line-2);background:var(--card-hi)}
.faq-preview__item svg{width:14px;height:14px;color:var(--p400);flex:0 0 auto}

/* ----------------------------------------------------------- AI toolkit --- */
.slab{
       position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: var(--r-xl);
    overflow: hidden;
    counter-reset: slab;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgb(0 0 0 / 0%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    box-shadow: 0 34px 80px -30px rgba(0, 0, 0, .92), inset 0 1px 0 rgba(255, 255, 255, .14);
}
.slab__item{
  position:relative;padding:clamp(26px,2.6vw,38px);
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  transition:background .4s var(--ease);
}
.slab__item:nth-child(3n){border-right:0}
.slab__item:nth-last-child(-n+3){border-bottom:0}
/* .slab__item::before{
  content:"[" counter(slab,decimal-leading-zero) "]";
  counter-increment:slab;
  position:absolute;top:clamp(26px,2.6vw,38px);right:clamp(26px,2.6vw,38px);
  font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--tx-4);
  transition:color .4s var(--ease);
} */
.slab__item::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(340px 200px at 30% 0%,var(--t,rgba(144,77,255,.16)),transparent 72%);
  opacity:0;transition:opacity .4s var(--ease);
}
.slab__item:hover{background:rgba(255,255,255,.032)}
.slab__item:hover::after{opacity:1}
.slab__item:hover::before{color:var(--tx-2)}
.slab__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
.slab__icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 5px;
}
.slab__arrow{
  width:17px;height:17px;color:var(--tx-4);
  transition:transform .4s var(--ease),color .4s var(--ease);display: none;
}
.slab__item:hover .slab__arrow{transform:translate(3px,-3px);color:var(--ac,var(--p400))}
.slab__title{font-size:17.4px;font-weight:600;letter-spacing:-.024em;line-height:1.28;position:relative}
.slab__text{font-size:14.2px;line-height:1.58;color:var(--tx-3);margin-bottom:18px;position:relative}
.slab__note{
  display:flex;align-items:center;gap:8px;position:relative;
  padding-top:15px;border-top:1px solid var(--line);
  font-size:12.4px;font-weight:500;color:var(--tx-4); padding-bottom:0;
}
.slab__note svg{width:13px;height:13px;color:var(--ac,var(--p400));flex:0 0 auto}

/* accent tints */
.t-purple{--ac:var(--p400);--tint:rgba(144,77,255,.11);--t:rgba(144,77,255,.16)}
.t-teal  {--ac:var(--teal);--tint:rgba(94,217,232,.1);--t:rgba(94,217,232,.13)}
.t-pink  {--ac:var(--pink);--tint:rgba(232,0,108,.11);--t:rgba(232,0,108,.14)}
.t-blue  {--ac:var(--blue);--tint:rgba(91,157,255,.11);--t:rgba(91,157,255,.14)}
.t-amber {--ac:var(--amber);--tint:rgba(255,138,0,.11);--t:rgba(255,138,0,.13)}
.t-green {--ac:var(--green);--tint:rgba(75,255,192,.1);--t:rgba(75,255,192,.12)}

/* ------------------------------------------------------------- security --- */
.secpanel{border-radius:var(--r-xl);overflow:hidden;border: 1px solid rgba(255, 255, 255, .14);
    background: rgb(6 5 5);
    backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    -webkit-backdrop-filter: blur(30px) saturate(100%) brightness(.4);
    box-shadow: 0 34px 80px -30px rgba(0, 0, 0, .92), inset 0 1px 0 rgba(255, 255, 255, .14);}
.secpanel__cols{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.scard{padding:clamp(28px,2.8vw,40px);border-right:1px solid var(--line)}
.scard:last-child{border-right:0}
.scard__icon{
      width: 50px;
    height: 50px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    border: 1px solid var(--line-2);
    background: rgb(156 95 253 / 0%);
}
.scard__icon svg{width: 28px;
    height: 28px;
    color: #c5c5c5;}
.scard__title{font-size:18.4px;font-weight:600;letter-spacing:-.026em;}
.scard__text{font-size:14.4px;line-height:1.6;color:var(--tx-3)}

.trust-card{position:relative;display:block;overflow:hidden;transition:background .45s var(--ease)}
.trust-card:hover{background:rgba(255,255,255,.028)}
.trust-card__glow{
  position:absolute;top:-60%;left:50%;translate:-50% 0;
  width:760px;height:360px;border-radius:50%;filter:blur(80px);pointer-events:none;
  background:radial-gradient(closest-side,rgba(144,77,255,.26),transparent 72%);
}
.trust-card__in{
  position:relative;display:grid;grid-template-columns:4fr 1fr;gap:clamp(18px,2.6vw,34px);
  align-items:center;padding:clamp(26px,3vw,42px);
}
.trust-card__icon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--ai);box-shadow:var(--sh-p);
}
.trust-card__icon svg{width:24px;height:24px;color:#fff}
.trust-card__copy{display:block}
.trust-card__title{display:block;font-size:20px;font-weight:600;letter-spacing:-.028em;margin-bottom:8px;color: var(--tx);}
.trust-card__copy p{font-size:14.4px;line-height:1.58;color:var(--tx-3);max-width:56ch;margin-bottom:5px}
.trust-card__chips{display:flex;gap:8px}
.trust-card:hover .dai-btn--ai{transform:translateY(-2px)}

/* ---------------------------------------------------------------- roles --- */
.rail{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px;
  scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;
}
.rail::-webkit-scrollbar{height:5px}
.rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px}
.role-btn{
flex: 1 0 auto;
    min-width: 210px;
    text-align: left;
    padding: 14px 14px;
    border-radius: var(--r-md);
    border: 1px solid rgb(145 145 145 / 12%);
    transition: border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease);
    background: rgb(0 0 0 / 32%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px) saturate(100%) brightness(.4);
    box-shadow: 0 9px 30px -30px rgba(0,0,0,.92);
	    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    transition: border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease);
}
.role-btn:hover, .role-btn.is-active {border-color: rgb(206 35 138 / 37%);
    background: rgb(204 35 141 / 25%);
    backdrop-filter: blur(3px);}
.role-btn__title{display:block;font-size:14px;font-weight:600;letter-spacing:-.02em;color: var(--tx);}
.role-btn__sub{display:block;font-size:12.6px;color:rgb(171 171 171)}
.role-btn.is-active .role-btn__sub{color:var(--p200);opacity:.75}
.role-btn__img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .15);
    transition: border-color .35s var(--ease), box-shadow .35s var(--ease), transform .4s var(--ease);
}
	.role-btn:hover .role-btn__img {
    transform: scale(1.06);
    border-color: rgba(144, 77, 255, .45);
}
.role-panels{position:relative;z-index:2;padding:clamp(28px,3.2vw,46px);border-radius:var(--r-xl)}
/* Panels are opacity:1 by default and only ever animate *in*. No fill-mode
   holding them at opacity 0, which is what left this section blank until a
   click forced a repaint.
	*/
.roles { background:url('/wp-content/themes/document360/images/ai/new/img-roles-bg.png');background-size: cover;}
.role-panel{display:none;opacity:1;grid-template-columns:1.35fr .65fr;gap:clamp(24px,3.4vw,52px)}
.role-panel.is-active{display:grid}
.role-panel.is-entering{animation:panelIn .45s var(--ease)}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.role-panel__text{font-size:15.4px;line-height:1.62;color:var(--tx-2);margin-bottom:22px;max-width:60ch}
.role-panel__chips{display:flex;flex-wrap:wrap;gap:9px}
.role-panel__aside{padding-left:clamp(0px,2vw,28px);border-left:1px solid var(--line)}
.role-panel__aside-label{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx-4);margin-bottom:14px;
}
.role-panel__tags{display:flex;flex-wrap:wrap;gap:8px}
.role-btn__text {
    display: flex;
    flex-direction: column;
}

#who-its-for .role-panel__aside{padding-left:0;border:0;display:flex;align-items:flex-end}
.video-docs .role-panel {
    grid-template-columns: 1fr 1fr;}
@media (min-width:1121px){
  #who-its-for .rail{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding-bottom:0}
  #who-its-for .role-btn{min-width:0}
}
/* -------------------------------------------------------------- reviews --- */
.reviews{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:stretch;     background: url('/wp-content/themes/document360/images/ai/new/g2-review.avif');
    background-repeat: no-repeat;
    background-size: cover;}
.reviews__side{display:grid;gap:18px}
.rcard{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,2.6vw,34px);    border: 1px solid rgb(255 255 255 / 5%);
    background: #10101000;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);}
.rcard--feature{justify-content:space-between}
.rcard__mark{width:34px;height:34px;color:#fe492c}
.rcard__quote{font-size:clamp(17px,1.5vw,22px);font-weight:500;letter-spacing:-.024em;line-height:1.36;flex:1; color: var(--tx);}
.rcard--feature .rcard__quote{font-size:clamp(20px,2vw,29px);line-height:1.3}
.rcard__top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.rcard__who{display:flex;align-items:center;gap:11px;min-width:0}
.rcard__av{
  width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line-2);background:rgba(255,255,255,.05);
}
.rcard__av svg{width:16px;height:16px;color:var(--tx-3)}
.rcard__name{font-size:12.6px;font-weight:500;color:var(--tx-3);line-height:1.35}
.rcard__g2 img { width:25px;height:25px;max-width:25px;max-height:25px}
.rcard__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.rcard__score{display:flex;align-items:center;gap:9px;font-size:12.8px;font-weight:600;color:var(--tx-2)}
.rcard__feat{display:inline-flex;align-items:center;gap:7px;font-size:12.2px;font-weight:500;color:var(--p300)}
.rcard__feat svg{width:13px;height:13px;color:var(--p400)}
/* ------------------------------------------------------------------ FAQ --- */
.side{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(28px,4vw,72px);align-items:start}
.side__head{position:sticky;top:44px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;color: var(--tx);
  padding:24px 2px;cursor:pointer;list-style:none;
  font-size:clamp(15.6px,1.28vw,18px);font-weight:500;letter-spacing:-.02em;
  transition:color .3s var(--ease);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--p200)}
.faq__chev{
  width:32px;height:32px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line-2);background:rgba(255,255,255,.035);
  transition:transform .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease);
}
.faq__chev svg{width:14px;height:14px;color:var(--p300)}
.faq details[open] .faq__chev{transform:rotate(45deg);background:rgba(144,77,255,.16);border-color:rgba(144,77,255,.4)}
.faq details p{padding:0 60px 26px 2px;font-size:15px;line-height:1.65;color:var(--tx-3)}
.faq details[open] p{animation:panelIn .4s var(--ease)}
/* ------------------------------------------------- outcomes / the payoff -- */
/* A full-bleed marquee band over a horizontal deck: five panels sit shoulder to
   shoulder, the live one widens and opens while the others stay as spines with
   vertical labels. Nothing about it reads like the FAQ's stacked list.       */
.outcomes{position:relative;overflow:hidden;padding:clamp(64px,7vw,104px) 0 var(--sec)}
/* the deck */
.deck{
  position:relative;z-index:2;
  display:flex;gap:14px;height:clamp(356px,42vh,418px);
}
.deck__panel{
  position:relative;flex:1 1 0;min-width:76px;overflow:hidden;
  border-radius:var(--r-lg);border:1px solid var(--line);
  background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  transition:flex-grow .75s var(--ease),border-color .6s var(--ease),background .6s var(--ease);
}
.deck__panel::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(120% 70% at 50% 100%,var(--t,rgba(144,77,255,.3)),transparent 70%);
  transition:opacity .6s var(--ease);
}
.deck__panel.is-open{
  flex-grow:5.4;
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
}
.deck__panel.is-open::after{opacity:1}
.deck__panel:not(.is-open):hover{background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
/* the always-visible spine */
.deck__spine{
  position:absolute;inset:0;z-index:3;width:100%;
  display:flex;flex-direction:column;align-items:center;gap:18px;
  padding:22px 0;text-align:center;
}
.deck__panel.is-open .deck__spine{width:76px;align-items:flex-start;padding-left:26px;pointer-events:none}
.deck__no{
  font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--tx-4);
  transition:color .6s var(--ease);flex:0 0 auto;
}
.deck__panel.is-open .deck__no{color:var(--ac,var(--p400))}
.deck__vert{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  color:var(--tx-2);transition:opacity .4s var(--ease),color .6s var(--ease);
}
.deck__panel:hover .deck__vert{color:#fff}
.deck__panel.is-open .deck__vert{opacity:0}
/* the opened body */
.deck__body{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  padding:clamp(26px,2.6vw,38px) clamp(26px,2.6vw,40px) clamp(26px,2.6vw,38px) 84px;
  opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .5s var(--ease) .12s,transform .6s var(--ease) .12s;
}
.deck__panel.is-open .deck__body{opacity:1;transform:none;pointer-events:auto}
.deck__ghost{
  position:absolute;top:-.16em;right:.06em;
  font-size:clamp(120px,15vw,210px);font-weight:800;letter-spacing:-.06em;line-height:1;
  color:rgba(255,255,255,.045);pointer-events:none;
}
.deck__icon{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:auto;
  border:1px solid var(--line-2);background:var(--tint,rgba(144,77,255,.12));
}
.deck__icon svg{width:21px;height:21px;color:var(--ac,var(--p400))}
.deck__title{
  font-size:clamp(24px,2.8vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.08;
  margin:22px 0 12px;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.deck__text{font-size:15px;line-height:1.6;color:var(--tx-2);max-width:44ch;margin-bottom:20px}
.deck__meta{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:var(--r-pill);
  border:1px solid var(--line-2);background:rgba(255,255,255,.05);
  font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--tx-2);
}
.deck__meta svg{width:12px;height:12px;color:var(--ac,var(--p400))}
/* dwell indicator along the bottom of the open panel */
.deck__panel::before{
  content:"";position:absolute;left:0;bottom:0;z-index:4;height:2px;width:0;
  background:var(--ai);
}
.deck__panel.is-open::before{width:100%;transition:width 4.4s linear}
/* ------------------------------------------------------------ final CTA --- */
.dai-cta {    position: relative;
    overflow: hidden;
   }
.dai-cta .container {  padding: clamp(84px, 10vw, 140px) 0;background: url(/wp-content/themes/document360/images/ai/new/img-footer-ai.png);
    background-size: contain;
    mix-blend-mode: lighten;
    background-repeat: no-repeat;
    background-position: center;}
.dai-cta__glow{
  position:absolute;left:50%;top:38%;translate:-50% -50%;
  width:min(940px,110%);height:560px;border-radius:50%;filter:blur(96px);
  background:radial-gradient(closest-side,rgba(144,77,255,.34),transparent 72%);
}
.dai-cta__in{position:relative;z-index:2;display:grid;justify-items:center}
.dai-cta__lead{max-width:56ch;font-size:clamp(15.5px,1.2vw,16px);line-height:1.62;color:var(--tx-2);margin-bottom:15px}
.dai-cta .dai-btn-row{justify-content:center}

.dai-eddy{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}
.dai-eddy img{width:100%;height:auto}
.dai-eddy--xs{width:22px}

/* --- the CTA mascot ------------------------------------------------------- */
/* Soft light only. The hard-edged pulse rings and orbiting dots are gone —
   those are what read as cheap. Three layers: an edgeless bloom that breathes,
   the float, and the contact shadow it casts.                                */
.dai-eddy--hero{width:clamp(96px,11vw,108px);margin-bottom:20px}
/* one wide bloom, no visible boundary anywhere in it */
.dai-eddy__halo{
  position:absolute;inset:-78%;border-radius:50%;
  background:
    radial-gradient(closest-side,rgba(144,77,255,.46) 0%,rgba(144,77,255,.14) 48%,transparent 74%),
    radial-gradient(closest-side,rgba(232,0,108,.14),transparent 62%);
  filter:blur(30px);
  animation:eddyBreathe 9s ease-in-out infinite;
}
@keyframes eddyBreathe{
  0%,100%{transform:scale(1);opacity:.78}
  50%{transform:scale(1.08);opacity:1}
}
/* the mascot floats — no rotation, no wobble, no scale */
.dai-eddy--hero img{
  position:relative;z-index:2;
  filter:drop-shadow(0 18px 34px rgba(144,77,255,.45));
  animation:eddyHover 7.5s ease-in-out infinite;
}
@keyframes eddyHover{
  0%,100%{transform:translateY(5px)}
  50%{transform:translateY(-7px)}
}
/* contact shadow, counter-phased so the lift reads as real */
.dai-eddy__floor{
  position:absolute;left:50%;bottom:-20%;translate:-50% 0;
  width:58%;height:11px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(144,77,255,.4),transparent 76%);
  filter:blur(8px);
  animation:eddyFloor 7.5s ease-in-out infinite;
}
@keyframes eddyFloor{
  0%,100%{transform:translateX(-50%) scale(1);opacity:.6}
  50%{transform:translateX(-50%) scale(.82);opacity:.34}
}
.flow-img img { height:430px;}
@keyframes fallLoop {
  0% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(-50%, -33.333%);
  }
}
.growth-shape {
  width:6%;left: calc(1 / 2 * 100%);animation: fallLoop 14s linear infinite reverse;
}
	.bg-linear-to-b {    height: 80px;
    width: 100%;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.13) 74%, rgba(0, 0, 0, 0) 84%);}
/* ============================================================ responsive == */
@media (max-width:1120px){
  .s-head--row{grid-template-columns:1fr;align-items:start;gap:20px}
  .feature,.feature--rev{grid-template-columns:1fr}
  .feature--rev .feature__copy,.feature--rev .feature__media{order:0}
  .slab{grid-template-columns:repeat(2,1fr)}
  .slab__item:nth-child(3n){border-right:1px solid var(--line)}
  .slab__item:nth-child(2n){border-right:0}
  .slab__item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .slab__item:last-child{border-bottom:0}
  .secpanel__cols{grid-template-columns:1fr}
  .scard{border-right:0;border-bottom:1px solid var(--line)}
  .scard:last-child{border-bottom:0}
  .trust-card__in{grid-template-columns:auto 1fr}
  .trust-card__in .dai-btn{grid-column:2}
  .role-panel.is-active{grid-template-columns:1fr}
  .role-panel__aside{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid var(--line)}
  .reviews{grid-template-columns:1fr}
  .side{grid-template-columns:1fr}
  .side__head{position:static}
  .c4,.c5,.c7{grid-column:span 6}
  .deck{height:clamp(340px,50vh,400px)}
  .deck__panel.is-open{flex-grow:4.2}
	}
/* the deck stops being an accordion and becomes a stack of open cards */
@media (max-width:900px){
  .deck{flex-direction:column;height:auto;gap:12px}
  .deck__panel{flex:none;min-width:0}
  .deck__panel,.deck__panel.is-open{flex-grow:0}
  .deck__spine{position:absolute;inset:auto auto auto 0;top:22px;width:auto;padding:0 0 0 24px;flex-direction:row;align-items:center;gap:0}
  .deck__vert{display:none}
  .deck__body{
    position:static;opacity:1;transform:none;pointer-events:auto;
    padding:56px clamp(22px,5vw,30px) clamp(24px,5vw,30px);
  }
  .deck__icon{margin-bottom:0}
  .deck__title{font-size:clamp(23px,6.4vw,30px);margin-top:18px}
  .deck__ghost{font-size:96px;top:-.1em}
  .deck__panel::before{display:none}
}
/* hero: stacked, no scroll choreography below this width */
@media (max-width:900px){

  .shot__chat{text-align:left}
	.flow-img img { height:300px;}
.growth-shape {
	width: 12%;}
}
@media (max-width:760px){
  .c4,.c5,.c7,.c12{grid-column:span 12}
  .cell--row{grid-template-columns:1fr}
  .slab{grid-template-columns:1fr}
  .slab__item{border-right:0!important}
  .aud-toggle{width:100%}
  .aud-tab{flex:1;justify-content:center;padding:12px 10px}
  .trust-card__in{grid-template-columns:1fr;justify-items:start}
  .trust-card__in .dai-btn{grid-column:1}
  .faq details p{padding-right:2px}
  .dai-btn-row{width:100%}
  .dai-btn-row .dai-btn{flex:1;min-width:170px}
  .role-btn{min-width:172px}
  .c6 {grid-column: span 12;}
  .trust-card__in {padding: clamp(15px, 3vw, 42px);}
}
@media (max-width:480px){
.dai-cta .container { background-size:cover;}
	.trust-card__chips img { max-width: 90px!important;}
.ab-eyebrow-announce {font-size: 12px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

  .marquee__track{animation:none}
  .deck__panel::before{display:none}
}
.shell .ab-eyebrow-announce {background: #ffd6b912;color: #e3e3e3;box-shadow: inset 0 0 0 1px #00000029, 0 1px 2px rgba(17, 24, 39, .06);}
.shell footer {background: #000000;}
.shell .ab-eyebrow-announce:hover {
        background: none;
        box-shadow: inset 0 0 0 1px #E6E8F4, 0 3px 12px rgba(17, 24, 39, .12);
        translate: 0 -1px;
    }