/* =========================================================
   Ranklytix Global Design System
   Centralized tokens for all existing + future static pages.
   ========================================================= */ :root {
  --site-max:1300px;
  --site-gutter:40px;
  --site-gutter-total:80px;
  --site-gutter-mobile:15px;
  --site-gutter-total-mobile:30px;
  --section-space-y:100px;
  --section-space-y-tablet:84px;
  --section-space-y-mobile:70px;
  --section-heading-size:41px;
  --section-heading-line:1.29;
  --section-heading-tracking:-1px;
  --grid-gap:30px;
  --brand-purple:#2710bf;
  --brand-violet:#b32bd1;
  --brand-lavender:#f7f4fd;
  --brand-gradient:linear-gradient(110deg,#2710bf 0%,#7423c7 48%,#b32bd1 100%);
  --button-radius:999px;
  --button-ease:cubic-bezier(.22,1,.36,1);
  --header-nav-height:76px;
}
/* Global horizontal rhythm. New sections only need .container. */ .container {
  width:min(var(--site-max),calc(100% - var(--site-gutter-total)));
  margin-inline:auto;
}
/* Global section rhythm for normal content sections. Purposeful immersive
   sections (hero/tools) keep their source-specific composition. */ .solution-intro, .about-home, .about-page-main, .features, .trial-section, .testimonial-section, .team-section, .logo-strip, .final-cta, .pricing-home, .services-main, .contact-main, .service-detail {
  padding-top:var(--section-space-y);
  padding-bottom:var(--section-space-y);
}
.solution-intro {
  padding-bottom:var(--section-space-y)
}
.pricing-home {
  padding-top:var(--section-space-y)
}
.final-cta {
  padding-top:var(--section-space-y)
}
.logo-strip {
  padding-top:calc(var(--section-space-y) * .7);
  padding-bottom:calc(var(--section-space-y) * .7)
}
/* =========================================================
   Global Button Motion
   Same animated treatment as pricing CTAs, available to every future page.
   Apply .btn or .global-motion-btn.
   ========================================================= */ .btn, .global-motion-btn {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  background-image:var(--brand-gradient);
  background-size:220% 100%;
  background-position:0 50%;
  transition: transform .42s var(--button-ease), box-shadow .42s var(--button-ease), background-position .7s var(--button-ease), color .25s ease;
  box-shadow:0 9px 22px rgba(66,24,182,.16);
}
.btn::before, .global-motion-btn::before {
  content:"";
  position:absolute;
  inset:-2px auto -2px -40%;
  width:34%;
  z-index:-1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transition:left .62s var(--button-ease);
  pointer-events:none;
}
.btn:hover, .global-motion-btn:hover {
  background-image:var(--brand-gradient);
  background-position:100% 50%;
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 15px 34px rgba(66,24,182,.24);
}
.btn:hover::before, .global-motion-btn:hover::before {
  left:118%
}
.btn:active, .global-motion-btn:active {
  transform:translateY(-1px) scale(.99)
}
.btn:focus-visible, .global-motion-btn:focus-visible {
  outline:3px solid rgba(39,16,191,.2);
  outline-offset:4px
}
/* Header alignment: header and every section share the exact same global gutter.
   Never set these inner containers to 100vw/full width: the .container token is the source of truth. */ .topbar-inner,.nav-inner {
  width:min(var(--site-max),calc(100% - var(--site-gutter-total)));
  margin-inline:auto;
}
.nav-inner {
  min-height:var(--header-nav-height)
}
.brand {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start
}
.main-nav {
  gap:42px
}
.header-call {
  flex:0 0 auto
}
/* =========================================================
   Premium Mega Menu
   Desktop: wide editorial panel. Mobile/tablet: native accordion stack.
   ========================================================= */ .mega-parent {
  position:static
}
.mega-parent .drop-toggle {
  gap:7px
}
.nav-chevron {
  display:inline-block;
  font-size:15px;
  transition:transform .25s ease
}
.mega-parent:hover .nav-chevron,.mega-parent.open .nav-chevron {
  transform:rotate(180deg)
}
.mega-menu {
  left:50%;
  top:calc(100% + 1px);
  width:min(1120px,calc(100vw - 80px));
  padding:0;
  border:1px solid rgba(39,16,191,.08);
  border-radius:0 0 22px 22px;
  overflow:hidden;
  transform:translate(-50%,18px);
  box-shadow:0 26px 70px rgba(30,19,84,.16);
  background:#fff;
}
.mega-parent:hover .mega-menu,.mega-parent.open .mega-menu {
  transform:translate(-50%,0)
}
.mega-menu-inner {
  display:grid;
  grid-template-columns:310px 1fr;
  min-height:420px
}
.mega-menu-intro {
  padding:42px 36px;
  background: radial-gradient(circle at 18% 12%,rgba(179,43,209,.15),transparent 38%), linear-gradient(150deg,#f7f4fd,#ece8ff);
  border-right:1px solid rgba(39,16,191,.08);
}
.mega-kicker {
  display:inline-block;
  color:var(--brand-purple);
  font-size:12px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:17px
}
.mega-menu-intro h3 {
  font-size:29px;
  line-height:1.18;
  letter-spacing:-.8px;
  margin-bottom:15px
}
.mega-menu-intro p {
  font-size:14px;
  line-height:1.65;
  margin-bottom:25px;
  color:#56536b
}
.mega-view-all {
  min-height:46px;
  padding:12px 22px;
  font-size:12px
}
.mega-menu-links {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:24px
}
.mega-link {
  display:grid!important;
  grid-template-columns:44px 1fr;
  gap:13px;
  align-items:start;
  padding:15px!important;
  border:0!important;
  border-radius:12px;
  background:#fff;
  transition:background .25s ease,transform .25s ease,box-shadow .25s ease!important;
}
.mega-link:hover {
  background:#f7f4fd!important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(39,16,191,.07)
}
.mega-link-icon {
  width:42px;
  height:42px;
  border-radius:11px;
  background:#f1edff;
  color:var(--brand-purple);
  display:grid;
  place-items:center
}
.mega-link-icon svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.mega-link b {
  display:block;
  color:#171521;
  font-size:14px;
  line-height:1.3;
  margin-bottom:4px;
  font-weight:650
}
.mega-link small {
  display:block;
  color:#747181;
  font-size:11px;
  line-height:1.45;
  font-weight:400
}
/* Future-proof helpers */ .section-shell {
  padding-block:var(--section-space-y)
}
.section-grid {
  display:grid;
  gap:var(--grid-gap)
}
@media(max-width:1024px) {
  :root {
    --site-gutter:28px;
    --site-gutter-total:56px;
    --section-space-y:var(--section-space-y-tablet)
  }
  .container {
    width:calc(100% - var(--site-gutter-total))
  }
  .mega-parent {
    position:relative
  }
  .mega-menu {
    width:100%;
    transform:none!important;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent
  }
  .mega-menu-inner {
    display:block;
    min-height:0
  }
  .mega-menu-intro {
    display:none
  }
  .mega-menu-links {
    display:grid;
    grid-template-columns:1fr;
    padding:8px 0 8px 12px;
    gap:4px
  }
  .mega-link {
    grid-template-columns:34px 1fr;
    padding:10px 8px!important;
    background:transparent
  }
  .mega-link-icon {
    width:32px;
    height:32px;
    border-radius:8px
  }
  .mega-link-icon svg {
    width:17px;
    height:17px
  }
  .mega-link small {
    display:none
  }
  .main-nav {
    gap:0
  }
}
@media(max-width:767px) {
  :root {
    --site-gutter:var(--site-gutter-mobile);
    --site-gutter-total:var(--site-gutter-total-mobile);
    --section-space-y:var(--section-space-y-mobile)
  }
  .container {
    width:calc(100% - var(--site-gutter-total))
  }
  .solution-intro,.about-home,.about-page-main,.features,.trial-section,.testimonial-section,.team-section,.logo-strip,.final-cta,.pricing-home,.services-main,.contact-main,.service-detail {
    padding-top:var(--section-space-y);
    padding-bottom:var(--section-space-y)
  }
}
@media(prefers-reduced-motion:reduce) {
  .btn,.global-motion-btn,.btn::before,.global-motion-btn::before,.mega-link,.nav-chevron {
    transition:none!important;
    transform:none!important
  }
}
/* =========================================================
   Global Motion System — static HTML/CSS/JS friendly
   New sections automatically adopt these via main.js selectors.
   ========================================================= */ :root {
  --motion-duration:.68s;
  --motion-fast:.34s;
  --motion-distance:24px;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}
/* Progressive enhancement: content stays visible if JS fails. */ [data-animate] {
  opacity:1
}
html.motion-ready [data-animate] {
  opacity:0;
  will-change:transform,opacity
}
html.motion-ready [data-animate].is-visible {
  will-change:auto
}
html.motion-ready [data-animate="fadeInUp"].is-visible, html.motion-ready [data-animate="reveal-up"].is-visible {
  animation:globalRevealUp var(--motion-duration) var(--motion-ease) both;
  animation-delay:var(--reveal-delay,0ms);
}
html.motion-ready [data-animate="reveal-left"].is-visible {
  animation:globalRevealLeft var(--motion-duration) var(--motion-ease) both;
  animation-delay:var(--reveal-delay,0ms);
}
html.motion-ready [data-animate="reveal-right"].is-visible {
  animation:globalRevealRight var(--motion-duration) var(--motion-ease) both;
  animation-delay:var(--reveal-delay,0ms);
}
html.motion-ready [data-animate="fadeIn"].is-visible, html.motion-ready [data-animate="reveal-scale"].is-visible {
  animation:globalRevealScale .76s var(--motion-ease) both;
  animation-delay:var(--reveal-delay,0ms);
}
@keyframes globalRevealUp {
  from {
    opacity:0;
    transform:translate3d(0,var(--motion-distance),0)
  }
  to {
    opacity:1;
    transform:none
  }
}
@keyframes globalRevealLeft {
  from {
    opacity:0;
    transform:translate3d(calc(var(--motion-distance) * -1),0,0)
  }
  to {
    opacity:1;
    transform:none
  }
}
@keyframes globalRevealRight {
  from {
    opacity:0;
    transform:translate3d(var(--motion-distance),0,0)
  }
  to {
    opacity:1;
    transform:none
  }
}
@keyframes globalRevealScale {
  from {
    opacity:0;
    transform:scale(.965)
  }
  to {
    opacity:1;
    transform:scale(1)
  }
}
/* Cards adopt one motion language everywhere, including future pages. */ .intro-card,.feature-card,.service-card,.price-card,.team-card, .contact-details>a,.contact-details>div,.mega-link {
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease,background-color var(--motion-fast) ease;
}
.intro-card:hover,.feature-card:hover,.service-card:hover,.price-card:hover,.team-card:hover, .contact-details>a:hover,.contact-details>div:hover {
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(39,16,191,.10);
  border-color:rgba(39,16,191,.20);
}
/* Images: subtle premium movement only inside established visual blocks. */ .about-collage,.detail-image,.trial-art,.team-card {
  overflow:hidden
}
.about-collage img,.detail-image img,.trial-art img,.team-card img {
  transition:transform .8s var(--motion-ease);
}
.about-collage:hover>img:first-child,.detail-image:hover img,.trial-art:hover img {
  transform:scale(1.018)
}
.team-card:hover img {
  transform:scale(1.025)
}
/* Analytics-specific ambient motion: subtle data pulse rather than decorative clutter. */ .hero-main {
  animation:ranklytixDashboardBreath 6.5s ease-in-out infinite
}
.hero-cube {
  animation:floatCube 4.5s ease-in-out infinite,ranklytixDataPulse 2.8s ease-in-out infinite
}
.line-icon {
  transition:transform .45s var(--motion-ease),color .35s ease
}
.feature-card:hover .line-icon,.service-card:hover .line-icon {
  transform:translateY(-3px) scale(1.035);
  color:var(--brand-violet)
}
@keyframes ranklytixDashboardBreath {
  0%,100% {
    filter:drop-shadow(0 0 0 rgba(39,16,191,0))
  }
  50% {
    filter:drop-shadow(0 14px 26px rgba(39,16,191,.12))
  }
}
@keyframes ranklytixDataPulse {
  0%,100% {
    filter:drop-shadow(0 14px 24px rgba(58,29,167,.18))
  }
  50% {
    filter:drop-shadow(0 18px 31px rgba(116,35,199,.32))
  }
}
/* Navigation and footer link micro-interactions. */ .main-nav>a,.drop-toggle,.footer-col>a,.read-more {
  position:relative
}
.main-nav>a::after,.drop-toggle::after {
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:16px;
  height:2px;
  border-radius:2px;
  background:var(--brand-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--motion-ease);
}
.main-nav>a:hover::after,.main-nav>a.active::after,.drop-toggle:hover::after,.mega-parent.open>.drop-toggle::after {
  transform:scaleX(1)
}
.footer-col>a {
  transition:color .25s ease,transform .25s var(--motion-ease)
}
.footer-col>a:hover {
  transform:translateX(3px)
}
.read-more {
  display:inline-flex;
  align-items:center;
  gap:7px;
  transition:gap .28s var(--motion-ease),color .25s ease
}
.read-more::after {
  content:"→"
}
.read-more:hover {
  gap:11px
}
/* Form interaction motion, global for future forms. */ .contact-form input,.contact-form textarea {
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--motion-ease);
  border:1px solid transparent;
}
.contact-form input:focus,.contact-form textarea:focus {
  border-color:rgba(116,35,199,.4);
  box-shadow:0 0 0 4px rgba(116,35,199,.10);
  transform:translateY(-1px);
}
/* Keep header container aligned with sections at every breakpoint. */ @media(max-width:1024px) {
  .topbar-inner,.nav-inner {
    width:calc(100% - var(--site-gutter-total))
  }
  .main-nav>a::after,.drop-toggle::after {
    display:none
  }
}
@media(max-width:767px) {
  .topbar-inner,.nav-inner {
    width:calc(100% - var(--site-gutter-total))
  }
  .hero-main {
    animation:none
  }
  .hero-cube {
    animation:ranklytixDataPulse 3.4s ease-in-out infinite
  }
  html.motion-ready [data-animate="reveal-left"].is-visible, html.motion-ready [data-animate="reveal-right"].is-visible {
    animation-name:globalRevealUp
  }
}
@media(prefers-reduced-motion:reduce) {
  html.motion-ready [data-animate] {
    opacity:1!important;
    will-change:auto!important
  }
  html.motion-ready [data-animate].is-visible {
    animation:none!important
  }
  .hero-main,.hero-cube {
    animation:none!important
  }
  .about-collage img,.detail-image img,.trial-art img,.team-card img {
    transition:none!important;
    transform:none!important
  }
}
/* =========================================================
   V8 — Header-only refinement requested by user.
   No home section/content/layout changes are made here.
   ========================================================= */ :root {
  --header-top-gap:24px;
  --header-menu-size:16px;
  --header-menu-weight:600;
  --header-icon-size:44px;
}
.site-header {
  overflow:visible;
  background:var(--brand-lavender)
}
.topbar {
  padding:18px 0
}
.topbar-inner {
  min-height:64px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  width:min(var(--site-max),calc(100% - var(--site-gutter-total)));
  margin-inline:auto;
}
.brand {
  flex:0 0 auto;
  transition:transform .32s var(--motion-ease),filter .32s ease
}
.brand img {
  width:184px;
  height:auto;
  object-fit:contain;
  object-position:left center
}
.brand:hover {
  transform:translateY(-2px);
  filter:drop-shadow(0 7px 13px rgba(39,16,191,.12))
}
.top-info {
  min-width:0;
  transition:transform .3s var(--motion-ease),color .25s ease
}
.top-info:hover {
  transform:translateY(-2px)
}
.top-info:hover .top-icon {
  transform:rotate(-5deg) scale(1.06);
  box-shadow:0 10px 24px rgba(39,16,191,.13)
}
.top-icon {
  width:var(--header-icon-size);
  height:var(--header-icon-size);
  transition:transform .32s var(--motion-ease),box-shadow .32s ease,background .25s ease
}
.top-icon svg {
  width:22px;
  height:22px
}
.email-info {
  margin-left:auto
}
.phone-info {
  white-space:nowrap
}
.header-account-actions {
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:4px
}
.account-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:5px 10px;
  border-radius:12px;
  color:#252525;
  font-size:13px;
  font-weight:600;
  transition:background .28s ease,color .28s ease,transform .28s var(--motion-ease)
}
.account-link:hover {
  background:#fff;
  color:var(--brand-purple);
  transform:translateY(-2px)
}
.account-icon {
  width:31px;
  height:31px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--brand-purple);
  box-shadow:0 6px 15px rgba(39,16,191,.08)
}
.account-icon svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.navrow {
  background:rgba(247,244,253,.96);
  border-color:rgba(39,16,191,.10)
}
.nav-inner {
  width:min(var(--site-max),calc(100% - var(--site-gutter-total)));
  margin-inline:auto;
  min-height:78px;
  height:78px;
  gap:20px
}
.main-nav {
  gap:24px;
  flex:1;
  justify-content:flex-start
}
.main-nav>a,.mega-parent-link {
  color:#211f29;
  font:var(--header-menu-weight) var(--header-menu-size)/1.25 Inter;
  letter-spacing:-.12px;
  transition:color .25s ease,transform .28s var(--motion-ease);
  white-space:nowrap;
}
.main-nav>a {
  height:100%;
  display:flex;
  align-items:center;
  padding:20px 7px
}
.main-nav>a:hover,.mega-parent-link:hover {
  color:var(--brand-purple);
  transform:translateY(-1px)
}
.mega-trigger-row {
  height:100%;
  display:flex;
  align-items:center;
  gap:3px;
  position:relative
}
.mega-parent-link {
  display:flex;
  align-items:center;
  height:100%;
  padding:20px 3px 20px 7px
}
.mega-caret {
  width:28px;
  height:34px;
  border:0;
  background:transparent;
  color:#53505d;
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
  border-radius:8px;
  transition:background .25s ease,color .25s ease,transform .25s var(--motion-ease)
}
.mega-caret:hover {
  background:#ede9ff;
  color:var(--brand-purple)
}
.mega-parent:hover .mega-caret,.mega-parent.open .mega-caret {
  color:var(--brand-purple)
}
.mega-parent:hover .nav-chevron,.mega-parent.open .nav-chevron {
  transform:rotate(180deg)
}
.main-nav>a::after {
  left:7px;
  right:7px;
  bottom:17px
}
.mega-trigger-row::after {
  content:"";
  position:absolute;
  left:7px;
  right:8px;
  bottom:17px;
  height:2px;
  border-radius:2px;
  background:var(--brand-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--motion-ease);
  pointer-events:none
}
.mega-parent:hover .mega-trigger-row::after,.mega-parent.open .mega-trigger-row::after {
  transform:scaleX(1)
}
/* Parent pages are real links; caret controls only the submenu. */ .has-dropdown {
  height:100%
}
/* SEO mega remains structurally unchanged; align icon and copy precisely. */ .mega-link {
  grid-template-columns:42px minmax(0,1fr);
  align-items:center
}
.mega-link-icon {
  align-self:center;
  flex:0 0 auto
}
.mega-link>span:last-child {
  min-width:0;
  align-self:center
}
/* Market & Content — editorial 2x2 intelligence cards. */ .market-mega-inner {
  grid-template-columns:330px 1fr;
  min-height:392px
}
.market-intro {
  background:radial-gradient(circle at 15% 8%,rgba(179,43,209,.16),transparent 38%),linear-gradient(150deg,#f9f6ff,#ece7ff)
}
.market-mega-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:24px
}
.market-mega-card {
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  align-items:center;
  padding:22px 20px;
  border:1px solid rgba(39,16,191,.08);
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  transition:transform .3s var(--motion-ease),border-color .3s ease,box-shadow .3s ease,background .3s ease
}
.market-mega-card::before {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:var(--brand-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--motion-ease)
}
.market-mega-card:hover {
  transform:translateY(-3px);
  border-color:rgba(39,16,191,.16);
  box-shadow:0 14px 30px rgba(39,16,191,.09);
  background:#fdfcff
}
.market-mega-card:hover::before {
  transform:scaleX(1)
}
.market-mega-card b,.performance-flow-card b {
  display:block;
  color:#171521;
  font-size:14px;
  line-height:1.3;
  margin-bottom:5px;
  font-weight:700
}
.market-mega-card small,.performance-flow-card small {
  display:block;
  color:#747181;
  font-size:11px;
  line-height:1.5
}
.market-card-index {
  position:absolute;
  top:12px;
  right:14px;
  color:rgba(39,16,191,.28);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em
}
/* Performance & Automation — 3-step operating flow. */ .performance-mega-inner {
  grid-template-columns:330px 1fr;
  min-height:355px
}
.performance-intro {
  background:radial-gradient(circle at 16% 12%,rgba(39,16,191,.14),transparent 40%),linear-gradient(150deg,#f8f6ff,#efecff)
}
.performance-flow {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:28px 24px;
  align-items:stretch
}
.performance-flow-card {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
  padding:22px 18px;
  border-radius:15px;
  border:1px solid rgba(39,16,191,.08);
  background:linear-gradient(180deg,#fff,#fdfcff);
  transition:transform .3s var(--motion-ease),box-shadow .3s ease,border-color .3s ease
}
.performance-flow-card:hover {
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(39,16,191,.10);
  border-color:rgba(39,16,191,.18)
}
.performance-flow-card .mega-link-icon {
  width:46px;
  height:46px
}
.flow-step {
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:800;
  color:var(--brand-purple);
  padding:7px 9px;
  border-radius:999px;
  background:#f1edff
}
.flow-arrow {
  margin-top:auto;
  font-size:20px;
  color:var(--brand-purple);
  transition:transform .3s var(--motion-ease)
}
.performance-flow-card:hover .flow-arrow {
  transform:translateX(5px)
}
/* Live-site button behavior: gradient is visible at rest, reverses on hover. */ .btn,.global-motion-btn,.header-call {
  background-image:linear-gradient(90deg,#2710bf 0%,#b32bd1 100%)!important;
  background-size:100% 100%!important;
  background-position:center!important;
}
.btn:hover,.global-motion-btn:hover,.header-call:hover {
  background-image:linear-gradient(90deg,#b32bd1 0%,#2710bf 100%)!important;
  background-position:center!important;
}
.header-call {
  padding:14px 25px;
  min-height:49px;
  justify-content:center;
  font-weight:700;
  white-space:nowrap
}
.header-call svg {
  display:none!important
}
@media(max-width:1180px) and (min-width:1025px) {
  :root {
    --header-menu-size:14px
  }
  .main-nav {
    gap:12px
  }
  .topbar-inner {
    gap:20px
  }
  .account-link span:last-child {
    display:none
  }
  .account-link {
    padding:5px
  }
  .brand img {
    width:165px
  }
  .header-call {
    padding-inline:18px;
    font-size:12px
  }
}
@media(max-width:1024px) {
  .topbar {
    display:none
  }
  .nav-inner {
    height:78px;
    min-height:78px
  }
  .nav-inner::before {
    content:"";
    display:block;
    width:180px;
    height:40px;
    background:url('../images/25-removebg-preview-e1760635153137.png') left center/contain no-repeat;
    flex:0 0 auto
  }
  .main-nav {
    top:78px;
    gap:0;
    padding:12px var(--site-gutter) 22px
  }
  .main-nav>a,.mega-trigger-row {
    height:auto
  }
  .main-nav>a {
    padding:14px 0;
    font-size:16px
  }
  .mega-trigger-row {
    display:grid;
    grid-template-columns:1fr 42px;
    align-items:center
  }
  .mega-parent-link {
    height:auto;
    padding:14px 0;
    font-size:16px
  }
  .mega-caret {
    width:42px;
    height:42px;
    justify-self:end
  }
  .mega-trigger-row::after,.main-nav>a::after {
    display:none
  }
  .mega-menu {
    padding:0!important
  }
  .market-mega-inner,.performance-mega-inner {
    display:block;
    min-height:0
  }
  .market-intro,.performance-intro {
    display:none
  }
  .market-mega-grid,.performance-flow {
    display:grid;
    grid-template-columns:1fr;
    padding:6px 0 10px 12px;
    gap:5px
  }
  .market-mega-card,.performance-flow-card {
    display:grid;
    grid-template-columns:34px 1fr;
    gap:10px;
    padding:11px 8px;
    border:0;
    border-radius:9px;
    background:transparent;
    box-shadow:none
  }
  .market-card-index,.flow-step,.flow-arrow {
    display:none
  }
  .market-mega-card small,.performance-flow-card small {
    display:none
  }
  .market-mega-card .mega-link-icon,.performance-flow-card .mega-link-icon {
    width:32px;
    height:32px
  }
  .header-call {
    margin-left:auto;
    margin-right:16px
  }
}
@media(max-width:767px) {
  .nav-inner {
    width:calc(100% - var(--site-gutter-total));
    height:74px;
    min-height:74px
  }
  .nav-inner::before {
    width:160px;
    height:36px
  }
  .main-nav {
    top:74px;
    padding-inline:var(--site-gutter)
  }
  .header-call {
    display:none
  }
}
@media(max-width:420px) {
  .nav-inner::before {
    width:145px
  }
}
@media(prefers-reduced-motion:reduce) {
  .brand,.top-info,.top-icon,.account-link,.mega-caret,.market-mega-card,.market-mega-card::before,.performance-flow-card,.flow-arrow {
    transition:none!important;
    transform:none!important
  }
}
/* ===== V9 Header Uniform Dropdown + Premium Homepage Enhancements ===== */ /* Uniform nav styling */ .main-nav > a, .mega-parent-link, .mega-trigger-row {
  background:transparent!important
}
.main-nav>a,.mega-parent-link {
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:-.18px
}
.mega-trigger-row {
  gap:4px
}
.mega-parent-link {
  position:relative
}
.mega-caret {
  border-radius:10px
}
/* Redesign all service hub dropdowns with one consistent premium pattern */ .uniform-dropdown-panel {
  left:50%;
  top:calc(100% + 1px);
  width:min(1040px,calc(100vw - 72px));
  padding:0;
  border:1px solid rgba(39,16,191,.09);
  border-radius:20px;
  overflow:hidden;
  transform:translate(-50%,18px)!important;
  box-shadow:0 26px 60px rgba(24,14,78,.16);
  background:#fff;
}
.uniform-dropdown:hover .uniform-dropdown-panel, .uniform-dropdown.open .uniform-dropdown-panel {
  transform:translate(-50%,0)!important
}
.mega-menu-inner,.market-mega-inner,.performance-mega-inner {
  display:block!important;
  min-height:0!important
}
.mega-menu-intro,.market-intro,.performance-intro {
  padding:20px 24px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(39,16,191,.08);
  background:linear-gradient(180deg,#fbf9ff 0%,#f3efff 100%)!important;
}
.mega-kicker {
  margin-bottom:10px!important
}
.mega-menu-intro h3,.market-intro h3,.performance-intro h3 {
  font-size:24px!important;
  line-height:1.2!important;
  margin-bottom:8px!important
}
.mega-menu-intro p,.market-intro p,.performance-intro p {
  font-size:13px!important;
  line-height:1.6!important;
  max-width:720px;
  margin-bottom:0!important
}
.mega-view-all {
  display:none!important
}
.mega-menu-links,.market-mega-grid,.performance-flow {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:16px!important;
  align-items:stretch;
}
.mega-link,.market-mega-card,.performance-flow-card {
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px 16px!important;
  border:1px solid rgba(39,16,191,.08)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfbff 100%)!important;
  min-height:92px;
  box-shadow:none!important;
  transform:none;
  overflow:hidden;
  position:relative;
}
.mega-link::before,.market-mega-card::before,.performance-flow-card::before {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg,#2710bf,#b32bd1);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.mega-link:hover,.market-mega-card:hover,.performance-flow-card:hover {
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(39,16,191,.10)!important;
  border-color:rgba(39,16,191,.15)!important;
  background:#fff!important;
}
.mega-link:hover::before,.market-mega-card:hover::before,.performance-flow-card:hover::before {
  transform:scaleX(1)
}
.mega-link-icon {
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  align-self:center!important;
  background:linear-gradient(180deg,#f5efff 0%,#ede7ff 100%)!important;
  color:#5e2ad2!important;
  box-shadow:inset 0 0 0 1px rgba(94,42,210,.09);
}
.mega-link b,.market-mega-card b,.performance-flow-card b {
  font-size:15px!important;
  line-height:1.3!important;
  margin-bottom:4px!important
}
.mega-link small,.market-mega-card small,.performance-flow-card small {
  display:block!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#706c80!important
}
.mega-link>span:last-child,.market-mega-card>span:last-child,.performance-flow-card>span:last-child {
  display:block;
  min-width:0
}
.market-card-index,.flow-step,.flow-arrow {
  display:none!important
}
/* Better desktop nav rhythm */ .nav-inner {
  gap:26px
}
.main-nav {
  gap:18px!important
}
.header-call {
  margin-left:auto
}
/* Mobile dropdown consistency */ @media(max-width:1024px) {
  .uniform-dropdown-panel {
    width:100%;
    transform:none!important;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent
  }
  .mega-menu-intro,.market-intro,.performance-intro {
    display:none!important
  }
  .mega-menu-links,.market-mega-grid,.performance-flow {
    grid-template-columns:1fr!important;
    padding:6px 0 8px 12px!important;
    gap:5px!important
  }
  .mega-link,.market-mega-card,.performance-flow-card {
    grid-template-columns:34px 1fr!important;
    padding:11px 8px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    min-height:auto
  }
  .mega-link::before,.market-mega-card::before,.performance-flow-card::before {
    display:none
  }
  .mega-link-icon {
    width:34px!important;
    height:34px!important;
    border-radius:10px!important
  }
  .mega-link small,.market-mega-card small,.performance-flow-card small {
    display:none!important
  }
}
@media(max-width:1180px) {
  .uniform-dropdown-panel {
    width:min(960px,calc(100vw - 60px))
  }
  .main-nav {
    gap:12px!important
  }
}
@media(max-width:420px) {
  .main-nav>a,.mega-parent-link {
    font-size:15px!important
  }
}
/* Homepage premium redesign */ .home-hero,.solution-intro,.about-home,.tools,.features,.trial-section,.logo-strip,.pricing-home {
  position:relative;
  overflow:hidden
}
.hero-eyebrow {
  margin-bottom:18px
}
.hero-stats {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px
}
.hero-stat {
  min-width:130px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  box-shadow:0 14px 34px rgba(39,16,191,.10);
  border:1px solid rgba(39,16,191,.08)
}
.hero-stat strong {
  display:block;
  font-size:20px;
  line-height:1;
  color:#171521;
  margin-bottom:6px
}
.hero-stat span {
  display:block;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  color:#645f73;
  text-transform:uppercase
}
.hero-orbit {
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(92,50,208,.26);
  animation:orbitFloat 10s ease-in-out infinite
}
.hero-orbit-a {
  width:94px;
  height:94px;
  left:6%;
  top:11%
}
.hero-orbit-b {
  width:64px;
  height:64px;
  right:9%;
  bottom:17%;
  animation-duration:8s
}
@keyframes orbitFloat {
  50% {
    transform:translateY(-12px) rotate(18deg)
  }
}
.intro-heading {
  margin-bottom:38px
}
.intro-heading p,.logo-strip-heading p,.section-heading p {
  max-width:760px;
  margin:0 auto;
  color:#666277
}
.intro-heading.section-heading,.logo-strip-heading.section-heading {
  text-align:center
}
.solution-intro .intro-card {
  position:relative;
  border:1px solid rgba(39,16,191,.1);
  border-radius:22px;
  padding:34px 32px;
  box-shadow:0 10px 30px rgba(32,17,96,.05)
}
.solution-intro .intro-card::after {
  content:"";
  position:absolute;
  inset:auto 24px 0;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#2710bf,#b32bd1);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s ease
}
.solution-intro .intro-card:hover::after {
  transform:scaleX(1)
}
.solution-intro .intro-card img {
  width:78px;
  height:78px;
  padding:14px;
  border-radius:18px;
  background:#f5efff;
  box-shadow:inset 0 0 0 1px rgba(39,16,191,.06)
}
.tools .container {
  position:relative;
  z-index:2
}
.tools .eyebrow {
  background:rgba(255,255,255,.1);
  color:#d2c8ff
}
.tools-top>div,.tools-strip>div {
  transition:transform .35s ease, background .35s ease, box-shadow .35s ease
}
.tools-top>div:hover,.tools-strip>div:hover {
  transform:translateY(-4px)
}
.tools-strip>div {
  border-radius:18px
}
.features-intro .eyebrow {
  margin-bottom:16px
}
.feature-card {
  position:relative;
  border:1px solid rgba(39,16,191,.08)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fcfbff)!important;
  box-shadow:0 10px 26px rgba(39,16,191,.05);
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease!important;
  overflow:hidden
}
.feature-card::after {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#2710bf,#b32bd1);
  opacity:0;
  transition:opacity .3s ease
}
.feature-card:hover {
  transform:translateY(-5px)!important;
  box-shadow:0 18px 36px rgba(39,16,191,.10)!important;
  border-color:rgba(39,16,191,.15)!important
}
.feature-card:hover::after {
  opacity:1
}
.line-icon {
  background:linear-gradient(180deg,#f5efff,#ede7ff)!important;
  border:1px solid rgba(94,42,210,.08)
}
.team-card,.price-card,.testimonial-card,.cta-box,.contact-form {
  transition:transform .35s ease, box-shadow .35s ease
}
.team-card:hover,.price-card:hover,.testimonial-card:hover,.cta-box:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(39,16,191,.08)
}
.team-card img {
  transition:transform .45s ease
}
.team-card:hover img {
  transform:scale(1.03)
}
.logo-strip-heading {
  margin-bottom:28px;
  text-align:center
}
.logo-track {
  position:relative;
  z-index:2
}
.logo-track img {
  opacity:.88;
  transition:opacity .3s ease, transform .3s ease, filter .3s ease
}
.logo-track img:hover {
  opacity:1;
  transform:translateY(-3px);
  filter:grayscale(0)
}
/* Decorative animated shapes */ .home-enhanced .shape {
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.75;
  filter:blur(.2px)
}
.solution-intro.home-enhanced .shape-a {
  width:220px;
  height:220px;
  background:radial-gradient(circle,rgba(179,43,209,.15),transparent 70%);
  top:-40px;
  right:-40px;
  animation:shapeDrift 9s ease-in-out infinite
}
.solution-intro.home-enhanced .shape-b {
  width:140px;
  height:140px;
  border:1px solid rgba(39,16,191,.12);
  left:-34px;
  bottom:22px;
  animation:shapeSpin 16s linear infinite
}
.about-home.home-enhanced .shape-a {
  width:200px;
  height:200px;
  background:radial-gradient(circle,rgba(39,16,191,.08),transparent 70%);
  right:-50px;
  bottom:10%;
  animation:shapeDrift 10s ease-in-out infinite
}
.tools.home-enhanced .shape-a {
  width:180px;
  height:180px;
  border:1px solid rgba(255,255,255,.12);
  right:6%;
  top:14%;
  animation:shapeSpin 18s linear infinite
}
.tools.home-enhanced .shape-b {
  width:80px;
  height:80px;
  background:radial-gradient(circle,rgba(179,43,209,.45),transparent 70%);
  left:8%;
  bottom:20%;
  animation:shapeDrift 7s ease-in-out infinite
}
.features.home-enhanced .shape-a {
  width:220px;
  height:220px;
  background:radial-gradient(circle,rgba(179,43,209,.12),transparent 70%);
  left:-50px;
  top:60px;
  animation:shapeDrift 11s ease-in-out infinite
}
.features.home-enhanced .shape-b {
  width:120px;
  height:120px;
  border:1px solid rgba(39,16,191,.09);
  right:-10px;
  bottom:45px;
  animation:shapeSpin 14s linear infinite
}
.trial-section.home-enhanced .shape-a {
  width:170px;
  height:170px;
  background:radial-gradient(circle,rgba(39,16,191,.10),transparent 70%);
  top:30px;
  left:-20px;
  animation:shapeDrift 10s ease-in-out infinite
}
.trial-section.home-enhanced .shape-b {
  width:90px;
  height:90px;
  border:1px dashed rgba(39,16,191,.12);
  right:26%;
  bottom:24px;
  animation:shapeSpin 15s linear infinite
}
.pricing-home.home-enhanced .shape-a {
  width:190px;
  height:190px;
  background:radial-gradient(circle,rgba(179,43,209,.09),transparent 70%);
  top:10px;
  right:-20px;
  animation:shapeDrift 10s ease-in-out infinite
}
@keyframes shapeDrift {
  50% {
    transform:translateY(-12px) translateX(10px)
  }
}
@keyframes shapeSpin {
  to {
    transform:rotate(360deg)
  }
}
/* More polished section cards spacing */ .section-heading h2,.features-intro h2,.trial-copy h2,.cta-box h2 {
  margin-bottom:16px
}
.feature-card p,.intro-card p,.trial-copy p,.testimonial-card p,.cta-box p {
  color:#625f71
}
@media(max-width:1024px) {
  .hero-stats {
    gap:10px
  }
  .hero-stat {
    padding:12px 14px;
    min-width:110px
  }
  .intro-heading {
    margin-bottom:28px
  }
}
@media(max-width:767px) {
  .hero-stats {
    margin-top:18px
  }
  .hero-stat {
    flex:1 1 140px
  }
  .intro-heading {
    margin-bottom:22px
  }
  .logo-strip-heading {
    margin-bottom:22px
  }
  .solution-intro .intro-card {
    padding:28px 24px;
    border-radius:20px
  }
  .home-enhanced .shape {
    display:none
  }
}
/* ===== V10 precise nav fixes + homepage dark hero + new premium sections ===== */ /* menu font size and alignment: all same */ .main-nav > a, .main-nav .mega-parent-link, .main-nav .mega-caret, .main-nav .mega-trigger-row {
  font-size:15px !important;
}
.main-nav > a, .main-nav .mega-parent-link {
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:-.14px !important;
}
.main-nav {
  gap:18px !important
}
.main-nav > a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:20px 8px !important
}
.main-nav .mega-trigger-row {
  display:flex;
  align-items:center;
  gap:2px;
  min-height:100%
}
.main-nav .mega-parent-link {
  display:flex;
  align-items:center;
  min-height:100%;
  padding:20px 2px 20px 8px !important
}
.main-nav .mega-caret {
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-top:0 !important;
  align-self:center
}
.main-nav .nav-chevron {
  display:block;
  line-height:1;
  font-size:13px
}
.mega-trigger-row::after {
  bottom:16px !important
}
.main-nav>a::after {
  bottom:16px !important
}
/* dropdown icons text exact alignment */ .mega-menu-links,.market-mega-grid,.performance-flow {
  align-items:stretch
}
.mega-link,.market-mega-card,.performance-flow-card {
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
}
.mega-link-icon {
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  justify-self:start !important;
}
.mega-link > span:last-child, .market-mega-card > span:last-child, .performance-flow-card > span:last-child, .mega-link .mega-copy, .market-mega-card .mega-copy, .performance-flow-card .mega-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  min-width:0;
}
.mega-link b,.market-mega-card b,.performance-flow-card b {
  display:block;
  margin:0 0 4px 0 !important
}
.mega-link small,.market-mega-card small,.performance-flow-card small {
  display:block;
  margin:0 !important
}
/* dark hero */ .home-hero {
  background: radial-gradient(circle at 18% 18%, rgba(106,58,255,.28), transparent 32%), radial-gradient(circle at 82% 22%, rgba(179,43,209,.20), transparent 28%), linear-gradient(135deg, #0b1021 0%, #121933 42%, #1e1660 100%) !important;
  position:relative;
  overflow:hidden;
}
.home-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.8), transparent 90%);
  pointer-events:none;
}
.hero-copy,.hero-visual {
  position:relative;
  z-index:1
}
.hero-copy h1 {
  color:#fff !important
}
.hero-copy p {
  color:rgba(238,240,255,.82) !important
}
.hero-eyebrow {
  background:rgba(255,255,255,.08) !important;
  color:#d7cbff !important;
  border:1px solid rgba(255,255,255,.1)
}
.hero-stats .hero-stat {
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.18) !important
}
.hero-stat strong {
  color:#fff !important
}
.hero-stat span {
  color:#ded8ff !important
}
.hero-main {
  box-shadow:0 34px 70px rgba(6,8,25,.45)
}
.hero-cube {
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.35))
}
.hero-badge {
  position:absolute;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(14,17,36,.76);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(11px);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  min-width:178px;
  z-index:2;
}
.hero-badge .badge-icon {
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#3320d4,#b32bd1);
  color:#fff;
  flex:0 0 auto
}
.hero-badge .badge-icon svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.hero-badge .badge-text b {
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.2;
  margin-bottom:2px
}
.hero-badge .badge-text small {
  display:block;
  color:#d7d3f0;
  font-size:11px;
  line-height:1.35
}
.badge-1 {
  left:2%;
  top:12%;
  animation:heroBadgeFloat 6s ease-in-out infinite
}
.badge-2 {
  right:-3%;
  top:34%;
  animation:heroBadgeFloat 7s ease-in-out infinite
}
.badge-3 {
  left:10%;
  bottom:8%;
  animation:heroBadgeFloat 8s ease-in-out infinite
}
@keyframes heroBadgeFloat {
  50% {
    transform:translateY(-10px)
  }
}
/* new sections */ .command-center,.workflow-insights,.services-spotlight {
  position:relative;
  overflow:hidden;
  padding-block:var(--section-space-y)
}
.command-center .shape-a {
  width:220px;
  height:220px;
  position:absolute;
  right:-60px;
  top:12%;
  background:radial-gradient(circle,rgba(179,43,209,.12),transparent 70%);
  animation:shapeDrift 11s ease-in-out infinite
}
.command-center .shape-b {
  width:150px;
  height:150px;
  position:absolute;
  left:-30px;
  bottom:12%;
  border:1px dashed rgba(39,16,191,.12);
  animation:shapeSpin 16s linear infinite
}
.command-shell {
  padding:26px;
  border-radius:28px;
  background:linear-gradient(180deg,#f8f6ff,#ffffff);
  box-shadow:0 20px 48px rgba(29,18,90,.08);
  border:1px solid rgba(39,16,191,.08);
  position:relative;
  z-index:1
}
.command-searchbar {
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:18px
}
.command-searchbar input {
  flex:1;
  min-height:60px;
  border:1px solid rgba(39,16,191,.1);
  border-radius:16px;
  padding:0 20px;
  background:#fff;
  color:#6a657a;
  font:500 15px/1.3 Inter
}
.command-pills {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px
}
.command-pill {
  border:1px solid rgba(39,16,191,.1);
  background:#fff;
  color:#2b2740;
  border-radius:999px;
  padding:10px 16px;
  font:600 14px/1.2 Inter;
  cursor:pointer;
  transition:.28s ease
}
.command-pill:hover,.command-pill.is-active {
  background:linear-gradient(90deg,#2710bf,#b32bd1);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 24px rgba(39,16,191,.16)
}
.command-panel {
  display:none;
  grid-template-columns:1.02fr 1fr;
  gap:28px;
  align-items:center
}
.command-panel.is-active {
  display:grid
}
.command-copy h3 {
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1.6px;
  margin-bottom:18px;
  max-width:520px
}
.compact-list {
  margin:0 0 28px;
  padding-left:0;
  list-style:none
}
.compact-list li {
  padding-left:24px;
  position:relative;
  margin:0 0 14px;
  color:#5e5970
}
.compact-list li::before {
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  position:absolute;
  left:0;
  top:8px;
  background:linear-gradient(180deg,#2710bf,#b32bd1)
}
.command-visual {
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center
}
.command-visual img {
  width:100%;
  max-width:560px;
  border-radius:26px;
  box-shadow:0 20px 40px rgba(31,20,98,.13)
}
.visual-float {
  position:absolute;
  padding:12px 14px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 32px rgba(29,18,90,.12);
  border:1px solid rgba(39,16,191,.08);
  min-width:120px
}
.visual-float strong {
  display:block;
  font-size:22px;
  line-height:1;
  color:#171521;
  margin-bottom:4px
}
.visual-float span {
  display:block;
  font-size:12px;
  font-weight:600;
  color:#6b667a
}
.visual-float.card-a {
  left:0;
  bottom:52px;
  animation:heroBadgeFloat 7s ease-in-out infinite
}
.visual-float.card-b {
  right:0;
  top:36px;
  animation:heroBadgeFloat 6s ease-in-out infinite
}
.workflow-insights .shape-a {
  width:190px;
  height:190px;
  position:absolute;
  left:-40px;
  top:16%;
  background:radial-gradient(circle,rgba(39,16,191,.10),transparent 70%);
  animation:shapeDrift 10s ease-in-out infinite
}
.workflow-insights .shape-b {
  width:120px;
  height:120px;
  position:absolute;
  right:-10px;
  bottom:18%;
  border:1px solid rgba(39,16,191,.10);
  animation:shapeSpin 18s linear infinite
}
.workflow-grid {
  display:grid;
  grid-template-columns:0.92fr 1.08fr;
  gap:42px;
  align-items:center
}
.workflow-copy h2 {
  margin-bottom:18px
}
.workflow-copy p {
  margin-bottom:24px;
  color:#5e5970
}
.workflow-accordion {
  display:grid;
  gap:10px
}
.workflow-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  border:1px solid rgba(39,16,191,.1);
  border-radius:14px;
  background:#fff;
  color:#1d1930;
  font:600 16px/1.25 Inter;
  cursor:pointer;
  transition:.3s ease
}
.workflow-item i {
  font-style:normal;
  color:#6c38da;
  font-size:18px;
  line-height:1;
  transition:transform .3s ease
}
.workflow-item:hover,.workflow-item.is-active {
  background:linear-gradient(90deg,#101738,#101738);
  color:#fff;
  box-shadow:0 14px 28px rgba(16,23,56,.14)
}
.workflow-item.is-active i {
  transform:rotate(45deg);
  color:#fff
}
.workflow-panel {
  display:none;
  padding:0 8px 4px 8px
}
.workflow-panel.is-active {
  display:block
}
.workflow-panel p {
  margin:0;
  color:#635f72;
  font-size:15px;
  line-height:1.7
}
.workflow-visual {
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#f7f4fd,#eef1ff);
  border-radius:28px;
  padding:26px
}
.workflow-visual img {
  width:100%;
  border-radius:22px;
  box-shadow:0 22px 44px rgba(29,18,90,.12)
}
.workflow-widget {
  position:absolute;
  padding:12px 16px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 32px rgba(29,18,90,.12);
  border:1px solid rgba(39,16,191,.08)
}
.workflow-widget strong {
  display:block;
  font-size:24px;
  line-height:1;
  color:#13111d
}
.workflow-widget small {
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:600;
  color:#6f6b80
}
.widget-one {
  left:-8px;
  top:110px;
  padding-left:54px;
  min-width:154px
}
.widget-two {
  right:18px;
  bottom:52px
}
.widget-icon {
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(90deg,#2710bf,#b32bd1);
  color:#fff
}
.widget-icon svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.services-spotlight .shape-a {
  width:220px;
  height:220px;
  position:absolute;
  left:-50px;
  bottom:-40px;
  background:radial-gradient(circle,rgba(179,43,209,.10),transparent 70%);
  animation:shapeDrift 11s ease-in-out infinite
}
.services-spotlight-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:center
}
.services-visual {
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center
}
.services-visual img {
  width:100%;
  max-width:560px;
  border-radius:28px;
  filter:drop-shadow(0 26px 42px rgba(39,16,191,.12))
}
.spot-icon {
  position:absolute;
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 16px 32px rgba(39,16,191,.13);
  color:#6b39df
}
.spot-icon svg {
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.spot-icon.s1 {
  left:20px;
  top:28px;
  animation:heroBadgeFloat 7s ease-in-out infinite
}
.spot-icon.s2 {
  right:18px;
  top:80px;
  animation:heroBadgeFloat 6s ease-in-out infinite
}
.spot-icon.s3 {
  left:50px;
  bottom:42px;
  animation:heroBadgeFloat 8s ease-in-out infinite
}
.services-copy h2 {
  margin-bottom:18px
}
.services-copy p {
  color:#5e5970;
  margin-bottom:22px
}
.service-tags {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.service-tags span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(39,16,191,.1);
  background:#fff;
  font-size:13px;
  font-weight:600;
  color:#363142;
  transition:.3s ease
}
.service-tags span:hover {
  background:#f4efff;
  color:#4d24cb;
  transform:translateY(-2px)
}
/* existing section enhancements */ .team-card,.price-card,.testimonial-card,.cta-box,.intro-card,.feature-card,.tools-strip > div,.tools-top > div {
  transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease
}
.team-card:hover,.price-card:hover,.testimonial-card:hover,.cta-box:hover,.intro-card:hover,.feature-card:hover,.tools-strip > div:hover,.tools-top > div:hover {
  transform:translateY(-5px)
}
@media(max-width:1180px) {
  .main-nav {
    gap:10px !important
  }
  .main-nav > a,.main-nav .mega-parent-link {
    font-size:14px !important
  }
  .command-copy h3 {
    font-size:36px
  }
}
@media(max-width:1024px) {
  .main-nav > a,.main-nav .mega-parent-link,.main-nav .mega-caret {
    font-size:16px !important
  }
  .home-hero {
    padding-top:65px !important
  }
  .badge-2 {
    right:2%
  }
  .command-panel,.workflow-grid,.services-spotlight-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .command-visual,.workflow-visual,.services-visual {
    min-height:auto
  }
  .command-shell {
    padding:22px
  }
}
@media(max-width:767px) {
  .hero-badge {
    display:none
  }
  .command-searchbar {
    flex-direction:column;
    align-items:stretch
  }
  .command-copy h3 {
    font-size:30px;
    letter-spacing:-1px
  }
  .command-shell {
    padding:18px;
    border-radius:22px
  }
  .command-pill {
    font-size:13px;
    padding:9px 14px
  }
  .visual-float,.workflow-widget {
    position:static;
    margin-top:14px
  }
  .command-panel {
    gap:20px
  }
  .workflow-item {
    padding:16px 16px;
    font-size:15px
  }
  .workflow-visual {
    padding:18px;
    border-radius:22px
  }
  .services-visual img {
    border-radius:22px
  }
  .spot-icon {
    width:50px;
    height:50px
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-badge,.hero-orbit,.shape,.visual-float,.workflow-widget,.spot-icon {
    animation:none !important
  }
}
/* ===== V11 Hero redesign: live search + dashboard pulse/orbit ===== */ .home-hero {
  padding:88px 0 54px !important
}
.hero-grid {
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr) !important;
  gap:64px !important
}
.hero-copy h1 {
  font-size:76px !important;
  line-height:.98 !important;
  letter-spacing:-3.2px !important;
  max-width:620px !important
}
.hero-copy p {
  max-width:590px !important
}
.hero-copy>.btn {
  margin-bottom:18px
}
.hero-search-form {
  margin-top:4px;
  max-width:650px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 42px rgba(0,0,0,.20)
}
.hero-search-mode {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  padding:0 4px
}
.hero-search-mode label {
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  color:#cfc8ef
}
.hero-search-mode select {
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  font:600 13px/1.2 Inter;
  outline:none;
  padding-right:18px;
  cursor:pointer
}
.hero-search-mode select option {
  color:#15121f;
  background:#fff
}
.hero-search-input-wrap {
  display:grid;
  grid-template-columns:22px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:5px 6px 5px 16px;
  border-radius:16px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(39,16,191,.07)
}
.hero-search-input-wrap>svg {
  width:21px;
  height:21px;
  fill:none;
  stroke:#6f6a7e;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.hero-search-input-wrap input {
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  font:500 15px/1.3 Inter;
  color:#171521;
  padding:0
}
.hero-search-input-wrap input::placeholder {
  color:#938e9d
}
.hero-search-submit {
  min-height:50px !important;
  padding:12px 24px !important;
  font-size:12px !important
}
.hero-search-status {
  min-height:20px;
  margin-top:9px;
  padding:0 4px;
  color:#ded8ff;
  font-size:12px;
  line-height:1.5
}
.hero-search-status a {
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px
}
.hero-search-status.is-error {
  color:#ffced8
}
.hero-search-status.is-success {
  color:#c9ffd5
}
.hero-trust-chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px
}
.hero-trust-chips span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#d7d2ec;
  font-size:12px;
  font-weight:600
}
.hero-trust-chips i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(180deg,#a879ff,#d641e6);
  box-shadow:0 0 0 4px rgba(168,121,255,.10)
}
.hero-visual {
  min-height:650px !important
}
.hero-dashboard-stage {
  position:relative;
  width:min(100%,650px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  isolation:isolate
}
.hero-dashboard-stage::before {
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,71,255,.17),rgba(31,24,89,.03) 56%,transparent 70%);
  filter:blur(6px);
  animation:dashboardPulse 4.8s ease-in-out infinite
}
.hero-dashboard-stage .hero-main {
  position:relative;
  z-index:3;
  width:82% !important;
  height:82% !important;
  border-radius:32px !important;
  object-fit:cover;
  transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);
  box-shadow:0 35px 80px rgba(2,4,18,.48),0 0 0 1px rgba(255,255,255,.06);
  transition:transform .55s cubic-bezier(.22,1,.36,1)
}
.hero-dashboard-stage:hover .hero-main {
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-5px) scale(1.015)
}
.hero-dashboard-stage .hero-cube {
  z-index:7;
  right:1%;
  top:2%;
  width:145px !important;
  height:145px !important;
  animation:heroCubeFloat 5.6s ease-in-out infinite
}
.hero-scan {
  position:absolute;
  z-index:5;
  left:16%;
  right:18%;
  top:18%;
  height:2px;
  background:linear-gradient(90deg,transparent,#b86cff,#fff,#6b52ff,transparent);
  box-shadow:0 0 18px rgba(184,108,255,.75);
  opacity:.0;
  animation:dashboardScan 4.5s ease-in-out infinite
}
.hero-data-stream {
  position:absolute;
  inset:11%;
  z-index:2;
  pointer-events:none
}
.hero-data-stream span {
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#c786ff;
  box-shadow:0 0 12px rgba(199,134,255,.75);
  animation:dataStream 5.5s linear infinite
}
.hero-data-stream span:nth-child(1) {
  left:7%;
  top:64%;
  animation-delay:-1s
}
.hero-data-stream span:nth-child(2) {
  left:22%;
  top:15%;
  animation-delay:-3s
}
.hero-data-stream span:nth-child(3) {
  right:9%;
  top:28%;
  animation-delay:-4.2s
}
.hero-data-stream span:nth-child(4) {
  right:19%;
  bottom:12%;
  animation-delay:-2s
}
.hero-data-stream span:nth-child(5) {
  left:42%;
  bottom:4%;
  animation-delay:-4.8s
}
.hero-orbit-ring {
  position:absolute;
  z-index:1;
  border-radius:50%;
  border:1px dashed rgba(208,187,255,.20);
  pointer-events:none
}
.orbit-one {
  width:94%;
  height:94%;
  animation:orbitSpin 18s linear infinite
}
.orbit-two {
  width:72%;
  height:72%;
  animation:orbitSpinReverse 13s linear infinite
}
.orbit-dot {
  position:absolute;
  top:50%;
  left:-4px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#a778ff;
  box-shadow:0 0 18px rgba(167,120,255,.9)
}
.hero-metric {
  position:absolute;
  z-index:8;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(12,15,34,.82);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(11px);
  box-shadow:0 15px 34px rgba(0,0,0,.28);
  min-width:130px;
  animation:metricFloat 7s ease-in-out infinite
}
.hero-metric strong {
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1;
  margin-bottom:4px
}
.hero-metric small {
  display:block;
  color:#d6d1e8;
  font-size:11px;
  line-height:1.35;
  font-weight:600
}
.metric-one {
  left:-1%;
  top:17%
}
.metric-two {
  right:0;
  top:45%;
  animation-delay:-2.2s
}
.metric-three {
  left:7%;
  bottom:10%;
  animation-delay:-4.4s
}
@keyframes dashboardPulse {
  50% {
    transform:scale(1.05);
    opacity:.78
  }
}
@keyframes dashboardScan {
  0%,14% {
    top:19%;
    opacity:0
  }
  22% {
    opacity:.7
  }
  70% {
    top:77%;
    opacity:.65
  }
  78%,100% {
    opacity:0
  }
}
@keyframes dataStream {
  0% {
    transform:translateY(16px) scale(.7);
    opacity:0
  }
  20% {
    opacity:.9
  }
  80% {
    opacity:.9
  }
  100% {
    transform:translateY(-42px) scale(1.15);
    opacity:0
  }
}
@keyframes orbitSpin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes orbitSpinReverse {
  to {
    transform:rotate(-360deg)
  }
}
@keyframes metricFloat {
  50% {
    transform:translateY(-9px)
  }
}
@keyframes heroCubeFloat {
  50% {
    transform:translateY(-12px) rotate(3deg)
  }
}
.command-heading h2 {
  max-width:860px;
  margin-inline:auto
}
.command-heading h2 span {
  display:inline-block
}
.command-center .command-shell {
  margin-top:8px
}
@media(max-width:1180px) {
  .hero-grid {
    grid-template-columns:1fr 1fr !important;
    gap:40px !important
  }
  .hero-copy h1 {
    font-size:62px !important;
    letter-spacing:-2.4px !important
  }
  .hero-dashboard-stage .hero-cube {
    width:120px !important;
    height:120px !important
  }
}
@media(max-width:1024px) {
  .hero-grid {
    grid-template-columns:1fr !important
  }
  .hero-copy {
    max-width:760px
  }
  .hero-copy h1 {
    max-width:700px !important
  }
  .hero-visual {
    min-height:auto !important;
    margin-top:10px
  }
  .hero-dashboard-stage {
    max-width:620px;
    margin-inline:auto
  }
}
@media(max-width:767px) {
  .home-hero {
    padding:54px 0 40px !important
  }
  .hero-copy h1 {
    font-size:44px !important;
    line-height:1.02 !important;
    letter-spacing:-1.7px !important
  }
  .hero-search-form {
    padding:10px;
    border-radius:18px
  }
  .hero-search-input-wrap {
    grid-template-columns:20px 1fr;
    gap:8px;
    padding:12px 14px;
    min-height:auto
  }
  .hero-search-submit {
    grid-column:1/-1;
    width:100%;
    margin-top:4px
  }
  .hero-search-mode {
    flex-direction:column;
    align-items:flex-start;
    gap:6px
  }
  .hero-dashboard-stage .hero-main {
    width:86% !important;
    height:86% !important;
    border-radius:24px !important;
    transform:none
  }
  .hero-dashboard-stage .hero-cube {
    width:92px !important;
    height:92px !important
  }
  .hero-metric {
    display:none
  }
  .command-heading h2 br {
    display:none
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-dashboard-stage::before,.hero-dashboard-stage .hero-cube,.hero-scan,.hero-data-stream span,.hero-orbit-ring,.hero-metric {
    animation:none !important
  }
  .hero-scan {
    display:none
  }
}
/* ===== V12 requested hero + dashboard + about redesign ===== */ /* keep all nav labels visually same size and align dropdown icons with text */ .main-nav > a, .main-nav .mega-parent-link, .main-nav .mega-caret, .main-nav .mega-trigger-row {
  font-size:15px !important;
  line-height:1.2 !important
}
.main-nav {
  gap:18px !important;
  align-items:stretch !important
}
.main-nav > a,.main-nav .mega-trigger-row {
  display:flex !important;
  align-items:center !important
}
.main-nav .mega-trigger-row {
  gap:2px !important
}
.main-nav .mega-parent-link {
  display:flex !important;
  align-items:center !important;
  padding-right:2px !important
}
.main-nav .mega-caret {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  align-self:center !important;
  margin-top:0 !important
}
.main-nav .nav-chevron {
  font-size:12px !important;
  line-height:1 !important;
  display:block !important
}
.mega-link,.market-mega-card,.performance-flow-card {
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important
}
.mega-link-icon,.market-mega-card .mega-link-icon,.performance-flow-card .mega-link-icon {
  display:grid !important;
  place-items:center !important;
  align-self:center !important
}
.mega-copy,.mega-copy b,.mega-copy small {
  word-break:normal
}
.solution-grid {
  align-items:stretch !important
}
.solution-grid .intro-card {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
  transition:background-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease,border-color .35s ease
}
.solution-grid .intro-card:hover {
  background:linear-gradient(135deg,#100f26 0%, #2710bf 55%, #8f34da 100%);
  color:#fff;
  border-color:transparent;
  box-shadow:0 22px 48px rgba(39,16,191,.18)
}
.solution-grid .intro-card:hover h3,.solution-grid .intro-card:hover p,.solution-grid .intro-card:hover .read-more,.solution-grid .intro-card:hover .line-icon {
  color:#fff !important
}
/* HERO: remove framed background around image, move emphasis to transparent illustration */ .hero-copy {
  max-width:655px !important
}
.hero-search-form {
  margin:22px 0 18px !important
}
.hero-search-note {
  margin:10px 4px 0;
  color:#d9d3f4;
  font-size:12px;
  line-height:1.45
}
.hero-copy > .btn.global-motion-btn {
  margin-top:6px
}
.hero-dashboard-stage {
  width:min(100%,690px) !important;
  aspect-ratio:auto !important;
  min-height:580px;
  display:flex !important;
  align-items:center;
  justify-content:center
}
.hero-dashboard-stage::before {
  display:none !important
}
.hero-dashboard-stage .hero-main {
  width:100% !important;
  height:auto !important;
  max-width:610px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  transform:translateY(0) !important
}
.hero-dashboard-stage:hover .hero-main {
  transform:translateY(-6px) scale(1.012) !important
}
.hero-dashboard-stage .hero-cube {
  right:2% !important;
  top:0 !important;
  width:132px !important;
  height:132px !important
}
.hero-scan {
  left:14% !important;
  right:10% !important;
  top:28% !important
}
.hero-metric {
  background:rgba(10,12,29,.88) !important;
  border-color:rgba(255,255,255,.08) !important
}
.metric-one {
  left:4% !important;
  top:14% !important
}
.metric-two {
  right:2% !important;
  top:50% !important
}
.metric-three {
  left:8% !important;
  bottom:8% !important
}
.hero-trust-chips {
  gap:14px !important
}
.hero-trust-chips span {
  font-size:12px !important
}
/* HERO search polish */ .hero-search-form {
  max-width:700px;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08)
}
.hero-search-mode {
  margin-bottom:12px
}
.hero-search-mode label {
  font-size:11px
}
.hero-search-mode select {
  min-width:180px
}
.hero-search-input-wrap {
  grid-template-columns:22px 1fr auto;
  min-height:64px;
  padding:6px 7px 6px 16px;
  border-radius:18px
}
.hero-search-input-wrap input {
  font-size:15px;
  font-weight:500
}
.hero-search-submit {
  min-width:132px;
  min-height:52px !important;
  border-radius:14px !important
}
/* Command center premium redesign */ .command-center {
  padding-top:calc(var(--section-space-y) + 10px);
  padding-bottom:var(--section-space-y)
}
.command-heading h2 {
  max-width:760px;
  margin-inline:auto
}
.command-heading h2 span {
  display:inline-block
}
.command-shell {
  padding:30px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#fbfaff 0%,#ffffff 100%) !important;
  box-shadow:0 24px 56px rgba(28,18,90,.08) !important
}
.command-pills {
  margin-bottom:26px !important
}
.command-pill {
  transition:all .3s ease !important
}
.command-panel {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:34px !important
}
.command-copy,.command-visual {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%
}
.command-copy h3 {
  font-size:40px !important;
  line-height:1.08 !important;
  letter-spacing:-1.4px !important;
  max-width:560px
}
.command-copy .command-support {
  margin:0 0 14px;
  color:#59546a;
  line-height:1.65
}
.compact-list li {
  margin-bottom:12px !important;
  color:#575268 !important;
  line-height:1.48 !important
}
.command-visual {
  min-height:455px !important;
  background:transparent !important;
  border:0 !important
}
.command-visual img {
  max-width:100% !important;
  max-height:100% !important;
  border-radius:28px !important;
  box-shadow:none !important;
  border:0 !important;
  background:transparent !important;
  object-fit:cover
}
.visual-float {
  border:0 !important;
  background:#fff !important
}
.visual-float strong {
  font-size:21px !important
}
/* About section redesign using scroll expansion media style */ .about-home-reimagined {
  background:linear-gradient(180deg,#ffffff 0%,#f8f6ff 100%)
}
.about-home-reimagined .shape-a {
  width:240px;
  height:240px;
  background:radial-gradient(circle,rgba(39,16,191,.12),transparent 72%);
  position:absolute;
  right:-50px;
  top:10%;
  animation:shapeDrift 10s ease-in-out infinite
}
.about-home-reimagined .shape-b {
  width:180px;
  height:180px;
  border:1px dashed rgba(39,16,191,.12);
  position:absolute;
  left:-30px;
  bottom:12%;
  animation:shapeSpin 16s linear infinite
}
.about-split {
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:48px;
  align-items:center;
  position:relative;
  z-index:1
}
.about-showcase {
  min-width:0
}
.about-media-expander {
  position:relative;
  overflow:hidden;
  border-radius:34px;
  transform:scale(.92);
  transform-origin:center;
  transition:transform .9s cubic-bezier(.2,.9,.25,1),box-shadow .9s ease;
  box-shadow:0 18px 40px rgba(29,18,90,.08)
}
.about-showcase.is-visible .about-media-expander {
  transform:scale(1);
  box-shadow:0 28px 58px rgba(29,18,90,.13)
}
.about-media-expander::after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:44%;
  background:linear-gradient(180deg,transparent,rgba(8,11,27,.48));
  pointer-events:none
}
.about-media-expander > img {
  display:block;
  width:100%;
  height:min(680px,70vw);
  object-fit:cover;
  border-radius:34px;
  transform:scale(1.02);
  transition:transform 1s var(--motion-ease)
}
.about-showcase:hover .about-media-expander > img {
  transform:scale(1.055)
}
.about-media-overlay {
  position:absolute;
  z-index:2;
  background:rgba(11,15,35,.84);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  border-radius:20px;
  color:#fff;
  box-shadow:0 16px 36px rgba(0,0,0,.18)
}
.overlay-primary {
  left:22px;
  right:22px;
  bottom:22px;
  padding:18px 20px
}
.overlay-primary strong {
  display:block;
  font-size:18px;
  line-height:1.2;
  margin-bottom:6px
}
.overlay-primary small {
  display:block;
  color:#d9d4ef;
  font-size:13px;
  line-height:1.5
}
.overlay-secondary {
  top:24px;
  right:24px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  animation:metricFloat 7s ease-in-out infinite
}
.overlay-secondary b {
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.1;
  margin-bottom:4px
}
.overlay-secondary small {
  display:block;
  color:#d9d4ef;
  font-size:12px;
  line-height:1.3
}
.overlay-icon {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#2710bf,#b32bd1);
  color:#fff;
  flex:0 0 auto
}
.overlay-icon svg,.feature-mark svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.about-copy h2 {
  margin-bottom:18px;
  max-width:560px
}
.about-copy p {
  color:#59546a;
  margin-bottom:15px
}
.about-feature-grid {
  display:grid;
  gap:14px;
  margin-top:22px
}
.about-feature-card {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:18px 18px;
  border-radius:20px;
  border:1px solid rgba(39,16,191,.08);
  background:#fff;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background-color .35s ease
}
.about-feature-card:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(39,16,191,.10);
  border-color:rgba(39,16,191,.18);
  background:#fbf9ff
}
.feature-mark {
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f3efff,#ece9ff);
  color:#5e2be3
}
.about-feature-card h3 {
  font-size:20px;
  line-height:1.15;
  margin:2px 0 8px
}
.about-feature-card p {
  margin:0;
  color:#676276;
  line-height:1.56
}
/* Workflow and images no bordered backgrounds */ .workflow-visual {
  background:linear-gradient(180deg,#faf8ff,#f2f4ff) !important
}
.workflow-visual img,.services-visual img,.trial-art img {
  box-shadow:none !important;
  border:0 !important;
  background:transparent !important
}
.services-visual img {
  max-width:560px !important;
  border-radius:0 !important
}
@media(max-width:1180px) {
  .command-copy h3 {
    font-size:35px !important
  }
  .about-split {
    grid-template-columns:1fr 1fr;
    gap:34px
  }
}
@media(max-width:1024px) {
  .main-nav > a,.main-nav .mega-parent-link,.main-nav .mega-caret {
    font-size:16px !important
  }
  .hero-dashboard-stage {
    min-height:auto
  }
  .command-panel,.about-split {
    grid-template-columns:1fr !important;
    gap:28px !important
  }
  .command-visual,.about-showcase {
    order:2
  }
  .about-copy {
    order:1
  }
}
@media(max-width:767px) {
  .hero-search-form {
    padding:12px;
    border-radius:18px
  }
  .hero-search-input-wrap {
    grid-template-columns:20px 1fr;
    gap:8px;
    padding:12px 14px;
    min-height:auto
  }
  .hero-search-submit {
    grid-column:1/-1;
    width:100%;
    margin-top:6px
  }
  .hero-search-note {
    font-size:11px
  }
  .hero-dashboard-stage .hero-main {
    max-width:100% !important
  }
  .command-shell {
    padding:18px !important;
    border-radius:22px !important
  }
  .command-copy h3 {
    font-size:30px !important;
    letter-spacing:-1px !important
  }
  .command-visual img {
    border-radius:20px !important
  }
  .about-media-expander,.about-media-expander > img {
    border-radius:24px
  }
  .overlay-primary {
    left:14px;
    right:14px;
    bottom:14px;
    padding:14px 16px
  }
  .overlay-secondary {
    top:14px;
    right:14px;
    padding:11px 12px
  }
  .about-feature-card {
    grid-template-columns:48px minmax(0,1fr);
    padding:16px
  }
  .feature-mark {
    width:48px;
    height:48px;
    border-radius:16px
  }
}
@media(prefers-reduced-motion:reduce) {
  .overlay-secondary,.about-home-reimagined .shape-a,.about-home-reimagined .shape-b {
    animation:none !important
  }
  .about-media-expander,.solution-grid .intro-card,.about-feature-card,.command-pill,.hero-dashboard-stage .hero-main {
    transition:none !important
  }
}
/* ===== V13 requested home fixes ===== */ /* Hero search cleanup */ .hero-trust-chips {
  margin-top:12px
}
.hero-trust-chips:has(span:only-child) {
  margin-top:10px
}
.hero-search-note {
  max-width:610px
}
/* Command Center — equal-height tabs, aligned content, unique image shapes */ .command-shell {
  overflow:hidden
}
.command-panel {
  min-height:520px;
  align-items:stretch !important
}
.command-copy {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8px 0
}
.command-copy h3 {
  min-height:86px;
  margin-bottom:14px !important
}
.command-support {
  min-height:78px;
  margin-bottom:12px !important;
  line-height:1.55 !important
}
.command-copy .compact-list {
  min-height:116px;
  margin-bottom:22px !important
}
.command-copy .compact-list li {
  line-height:1.35 !important;
  margin-bottom:9px !important
}
.command-copy .btn {
  align-self:flex-start;
  margin-top:auto
}
.command-visual {
  height:100%;
  min-height:520px !important;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px
}
.command-visual img {
  width:min(100%,560px) !important;
  height:420px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:24px !important;
  box-shadow:none !important;
  border:0 !important;
  filter:none !important
}
.tab-niche-shape {
  position:absolute;
  z-index:3;
  width:74px;
  height:74px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 36px rgba(39,16,191,.14);
  color:#6a35dc;
  animation:metricFloat 7s ease-in-out infinite
}
.tab-niche-shape svg {
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.shape-target {
  right:4px;
  top:34px;
  background:linear-gradient(135deg,#fff,#f3edff)
}
.shape-nodes {
  left:0;
  bottom:42px;
  background:linear-gradient(135deg,#fff,#eef3ff);
  animation-delay:-1.4s
}
.shape-chart {
  right:8px;
  bottom:46px;
  background:linear-gradient(135deg,#fff,#fff0fc);
  animation-delay:-2.7s
}
.shape-check {
  left:4px;
  top:42px;
  background:linear-gradient(135deg,#fff,#f1efff);
  animation-delay:-4s
}
.visual-float {
  z-index:4
}
.command-pill {
  min-width:130px
}
/* Three capability blocks — heading, balanced content, equal heights, full-width global buttons */ .solution-intro {
  padding-top:var(--section-space-y) !important;
  padding-bottom:var(--section-space-y) !important
}
.solution-section-heading {
  margin-bottom:38px;
  text-align:center
}
.solution-section-heading h2 {
  max-width:760px;
  margin-inline:auto;
  margin-bottom:15px
}
.solution-section-heading p {
  max-width:820px;
  margin:0 auto;
  color:#625e70;
  line-height:1.62
}
.intro-grid {
  align-items:stretch !important
}
.intro-card {
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:430px !important;
  padding:34px 32px !important
}
.intro-card img {
  flex:0 0 auto
}
.intro-card h3 {
  min-height:58px;
  margin-bottom:15px !important
}
.intro-card p {
  flex:1;
  margin-bottom:24px !important;
  line-height:1.55 !important
}
.intro-full-btn {
  width:100%;
  margin-top:auto;
  min-height:50px !important;
  padding-inline:18px !important;
  font-size:12px !important;
  text-align:center
}
.intro-card:hover {
  background:linear-gradient(145deg,#100e29 0%,#2710bf 55%,#9c2dcc 100%) !important;
  color:#fff !important
}
.intro-card:hover h3,.intro-card:hover p {
  color:#fff !important
}
@media(max-width:1180px) {
  .command-panel {
    min-height:490px
  }
  .command-visual {
    min-height:490px !important
  }
  .command-visual img {
    height:390px !important
  }
}
@media(max-width:1024px) {
  .command-panel {
    min-height:auto;
    grid-template-columns:1fr !important
  }
  .command-copy h3,.command-support,.command-copy .compact-list {
    min-height:0
  }
  .command-copy .btn {
    margin-top:0
  }
  .command-visual {
    min-height:420px !important
  }
  .command-visual img {
    height:370px !important
  }
}
@media(max-width:767px) {
  .command-pills {
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .command-pill {
    min-width:0;
    padding-inline:10px
  }
  .command-visual {
    min-height:auto !important;
    padding:0
  }
  .command-visual img {
    height:auto !important;
    max-height:none !important;
    aspect-ratio:4/3;
    object-fit:cover !important
  }
  .tab-niche-shape {
    width:58px;
    height:58px;
    border-radius:18px
  }
  .tab-niche-shape svg {
    width:30px;
    height:30px
  }
  .solution-section-heading {
    margin-bottom:26px
  }
  .intro-card {
    min-height:auto !important
  }
  .intro-card h3 {
    min-height:0
  }
}
@media(prefers-reduced-motion:reduce) {
}
/* ===== V14 requested: balanced command center + exact Scroll Expansion Media ===== */ .command-center .command-shell {
  padding:28px!important
}
.command-center .command-panels {
  display:block
}
.command-center .command-panel {
  display:none;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:36px!important;
  align-items:start!important;
  min-height:520px!important;
}
.command-center .command-panel.is-active {
  display:grid
}
.command-center .command-copy, .command-center .command-visual {
  min-height:520px!important;
  height:100%;
}
.command-center .command-copy {
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start!important;
  align-items:flex-start;
  padding-top:8px;
}
.command-center .command-copy h3 {
  margin:0 0 14px!important;
  max-width:590px;
}
.command-center .command-support {
  margin:0 0 12px!important;
  max-width:590px;
  color:#5d586c!important;
  line-height:1.55!important;
}
.command-center .compact-list {
  margin:0 0 18px!important;
  display:grid;
  gap:7px!important;
  width:100%;
}
.command-center .compact-list li {
  margin:0!important;
  line-height:1.34!important;
  color:#555064!important;
  padding-left:23px!important;
}
.command-center .compact-list li::before {
  top:5px!important
}
.command-inline-btn {
  margin-top:0!important;
  align-self:flex-start!important;
  min-width:210px;
}
.command-center .command-visual {
  position:relative;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.command-center .command-visual img {
  width:100%!important;
  max-width:580px!important;
  height:500px!important;
  object-fit:contain!important;
  object-position:center top!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.command-center .visual-float {
  z-index:4
}
.command-center .tab-niche-shape {
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:24px;
  color:#6c38e6;
  background:rgba(244,239,255,.9);
  box-shadow:0 16px 34px rgba(39,16,191,.10);
  backdrop-filter:blur(8px);
  animation:metricFloat 6.8s ease-in-out infinite;
}
.command-center .tab-niche-shape svg {
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.command-center .shape-target {
  right:4%;
  bottom:18%
}
.command-center .shape-nodes {
  left:4%;
  top:13%;
  animation-delay:-1.4s
}
.command-center .shape-trend {
  right:5%;
  top:12%;
  animation-delay:-2.6s
}
.command-center .shape-check {
  left:4%;
  bottom:13%;
  animation-delay:-3.4s
}
@media(max-width:1024px) {
  .command-center .command-panel {
    min-height:480px!important;
    gap:28px!important
  }
  .command-center .command-copy,.command-center .command-visual {
    min-height:480px!important
  }
  .command-center .command-visual img {
    height:450px!important
  }
}
@media(max-width:767px) {
  .command-center .command-panel {
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:18px!important
  }
  .command-center .command-copy,.command-center .command-visual {
    min-height:auto!important
  }
  .command-center .command-copy {
    padding-top:0
  }
  .command-center .command-copy h3 {
    font-size:30px!important
  }
  .command-center .command-visual img {
    height:auto!important;
    max-height:390px!important
  }
  .command-center .tab-niche-shape {
    width:58px;
    height:58px;
    border-radius:18px
  }
  .command-center .tab-niche-shape svg {
    width:30px;
    height:30px
  }
  .command-inline-btn {
    width:100%;
    align-self:stretch!important
  }
}
@media(prefers-reduced-motion:reduce) {
  .command-center .tab-niche-shape {
    animation:none!important
  }
}
/* ===== V15 requested: stronger equal-height tabs + closer scroll-expansion behavior ===== */ .command-center .command-panel {
  min-height:580px!important;
  gap:38px!important;
  align-items:start!important;
}
.command-center .command-copy, .command-center .command-visual {
  min-height:580px!important;
}
.command-center .command-copy {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding-top:2px!important;
}
.command-center .command-copy h3 {
  min-height:92px;
  margin-bottom:14px!important;
}
.command-center .command-support {
  width:100%;
  max-width:600px;
  margin:0 0 10px!important;
  line-height:1.58!important;
}
.command-center .command-support-alt {
  margin:0 0 14px!important;
  color:#625d70!important;
}
.command-center .compact-list {
  width:100%;
  min-height:174px;
  margin:0 0 12px!important;
  gap:8px!important;
}
.command-center .compact-list li {
  line-height:1.28!important;
}
.command-center .command-copy-note {
  margin:0 0 14px!important;
  color:#666171;
  line-height:1.52;
  max-width:600px;
}
.command-center .command-copy .btn, .command-center .command-inline-btn {
  margin-top:0!important;
  align-self:flex-start!important;
}
.command-center .command-visual {
  align-items:flex-start!important;
  justify-content:center!important;
}
.command-center .command-visual img {
  height:540px!important;
  max-width:600px!important;
  object-fit:contain!important;
  object-position:center top!important;
}
.command-center .shape-target {
  right:5%;
  top:14%;
  bottom:auto
}
.command-center .shape-nodes {
  left:3%;
  top:10%
}
.command-center .shape-trend {
  right:4%;
  bottom:14%;
  top:auto
}
.command-center .shape-check {
  left:5%;
  bottom:12%
}
@media (max-width:1024px) {
  .command-center .command-panel, .command-center .command-copy, .command-center .command-visual {
    min-height:520px!important
  }
  .command-center .command-visual img {
    height:470px!important
  }
}
@media (max-width:767px) {
  .command-center .command-panel, .command-center .command-copy, .command-center .command-visual {
    min-height:auto!important
  }
  .command-center .command-copy h3, .command-center .compact-list {
    min-height:0!important
  }
  .command-center .command-visual img {
    height:auto!important;
    max-height:390px!important
  }
}
/* ===== V16 requested: note removal + source Scroll Expansion Media + aligned reveal ===== */ .command-center .command-copy-note {
  display:none!important
}
.command-center .compact-list {
  margin-bottom:16px!important
}
.command-center .command-inline-btn {
  margin-top:0!important
}
/* ===== V17 About: Drive library Inversion Circle Scroll Animation ===== */ .about-inversion {
  position:relative;
  padding:0!important;
  background:#fff;
  overflow:clip
}
.about-inversion-track {
  height:300vh;
  position:relative;
  background:#fff
}
.about-inversion-sticky {
  position:sticky;
  top:0;
  height:100vh;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:#fff
}
.about-inversion-ball {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  width:380px;
  height:380px;
  border-radius:50%;
  background:linear-gradient(135deg,#2710bf 0%,#6621c5 55%,#b32bd1 100%);
  transform:translate(-50%,calc(-50% + var(--about-ball-y,700px)));
  will-change:width,height,transform;
  box-shadow:0 38px 110px rgba(39,16,191,.18)
}
.about-inversion-layer {
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  pointer-events:none
}
.about-inversion-light {
  z-index:3;
  color:#fff;
  clip-path:circle(var(--about-clip-r,190px) at 50% calc(50% + var(--about-ball-y,700px)));
  will-change:clip-path
}
.about-inversion-dark {
  color:#15121f
}
.about-inversion-copy {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.about-inversion-copy .eyebrow {
  margin-bottom:18px;
  background:rgba(39,16,191,.08);
  border:1px solid rgba(39,16,191,.10);
  color:#4f32c7
}
.about-inversion-light .eyebrow {
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
  color:#fff
}
.about-inversion-copy h2 {
  max-width:980px;
  margin:0;
  font-size:clamp(52px,6.6vw,94px);
  line-height:.94;
  letter-spacing:-4px;
  font-weight:800
}
.about-inversion-copy p {
  max-width:720px;
  margin:24px 0 0;
  font-size:17px;
  line-height:1.58;
  color:#625e70
}
.about-inversion-light p {
  color:rgba(255,255,255,.82)
}
.about-inversion-scroll-cue {
  position:absolute;
  z-index:5;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#767184;
  opacity:var(--about-cue-opacity,1)
}
.about-inversion-scroll-cue span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5d3bd6;
  box-shadow:0 0 0 0 rgba(93,59,214,.28);
  animation:aboutCuePulse 1.8s ease-out infinite
}
@keyframes aboutCuePulse {
  0% {
    box-shadow:0 0 0 0 rgba(93,59,214,.30)
  }
  70% {
    box-shadow:0 0 0 10px rgba(93,59,214,0)
  }
  100% {
    box-shadow:0 0 0 0 rgba(93,59,214,0)
  }
}
.about-inversion-content {
  position:relative;
  z-index:4;
  padding:var(--section-space-y) 0;
  background:linear-gradient(180deg,#fff 0%,#faf8ff 100%)
}
.about-inversion-content-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:28px 60px;
  align-items:start
}
.about-inversion-heading .eyebrow {
  margin-bottom:16px
}
.about-inversion-heading h2 {
  margin:0;
  max-width:610px;
  font-size:clamp(40px,4.2vw,60px);
  line-height:1.03;
  letter-spacing:-2.2px
}
.about-inversion-intro {
  padding-top:34px
}
.about-inversion-intro p {
  max-width:650px;
  margin:0 0 14px;
  color:#625e70;
  font-size:16px;
  line-height:1.65
}
.about-inversion-intro p:last-child {
  margin-bottom:0
}
.about-inversion-cards {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:12px;
  align-items:stretch
}
.about-inversion-cards article {
  position:relative;
  min-height:220px;
  padding:30px;
  border:1px solid #e9e4f5;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 45px rgba(48,29,110,.07);
  overflow:hidden;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)
}
.about-inversion-cards article::after {
  content:"";
  position:absolute;
  right:-54px;
  bottom:-64px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,52,213,.12),transparent 70%)
}
.about-inversion-cards article:hover {
  transform:translateY(-6px);
  box-shadow:0 26px 60px rgba(48,29,110,.12)
}
.about-inversion-cards article>span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:34px;
  border-radius:14px;
  background:#f1edff;
  color:#4d2dcc;
  font-weight:800;
  font-size:12px
}
.about-inversion-cards h3 {
  margin:0 0 10px;
  font-size:23px;
  line-height:1.15
}
.about-inversion-cards p {
  margin:0;
  color:#696477;
  line-height:1.58
}
@media(max-width:1024px) {
  .about-inversion-track {
    height:250vh
  }
  .about-inversion-copy h2 {
    font-size:clamp(48px,7.4vw,72px);
    letter-spacing:-2.7px
  }
  .about-inversion-content-grid {
    gap:24px 34px
  }
  .about-inversion-cards {
    grid-template-columns:1fr 1fr
  }
  .about-inversion-cards article:last-child {
    grid-column:1/-1
  }
}
@media(max-width:767px) {
  .about-inversion-track {
    height:170vh
  }
  .about-inversion-sticky {
    min-height:620px
  }
  .about-inversion-ball {
    width:250px;
    height:250px
  }
  .about-inversion-copy {
    padding-inline:6px
  }
  .about-inversion-copy h2 {
    font-size:clamp(39px,11.5vw,54px);
    line-height:.98;
    letter-spacing:-1.8px
  }
  .about-inversion-copy p {
    max-width:92%;
    margin-top:18px;
    font-size:15px;
    line-height:1.5
  }
  .about-inversion-scroll-cue {
    bottom:24px
  }
  .about-inversion-content {
    padding:var(--section-space-y-mobile) 0
  }
  .about-inversion-content-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .about-inversion-heading h2 {
    font-size:36px;
    line-height:1.05;
    letter-spacing:-1.25px
  }
  .about-inversion-intro {
    padding-top:0
  }
  .about-inversion-cards {
    grid-template-columns:1fr;
    margin-top:8px
  }
  .about-inversion-cards article,.about-inversion-cards article:last-child {
    grid-column:auto;
    min-height:0
  }
  .about-inversion-cards article>span {
    margin-bottom:24px
  }
}
@media(prefers-reduced-motion:reduce) {
  .about-inversion-track {
    height:auto
  }
  .about-inversion-sticky {
    position:relative;
    height:auto;
    min-height:640px;
    background:var(--brand-gradient)
  }
  .about-inversion-ball {
    display:none
  }
  .about-inversion-dark {
    display:none
  }
  .about-inversion-light {
    clip-path:none!important
  }
  .about-inversion-light .eyebrow {
    background:rgba(255,255,255,.14)
  }
  .about-inversion-scroll-cue {
    display:none
  }
  .about-inversion-cards article {
    transition:none
  }
  .about-inversion-cards article:hover {
    transform:none
  }
}
/* ===== V18 requested title sizing + inversion color + recovery image ===== */ /* First About animated title now follows the site's normal section heading scale. */ .about-inversion-copy h2 {
  max-width:820px!important;
  margin:0!important;
  font-size:41px!important;
  line-height:53px!important;
  letter-spacing:-1.2px!important;
  font-weight:600!important;
}
/* Explicitly invert the title color inside the expanding purple circle. */ .about-inversion-dark h2 {
  color:#000!important
}
.about-inversion-light h2 {
  color:#fff!important
}
.about-inversion-light p {
  color:rgba(255,255,255,.88)!important
}
.about-inversion-light .eyebrow {
  color:#fff!important
}
/* Second About heading uses the same global section-title scale. */ .about-inversion-heading h2 {
  max-width:610px!important;
  margin:0!important;
  font-size:41px!important;
  line-height:53px!important;
  letter-spacing:-1.2px!important;
  font-weight:600!important;
}
/* Recovery visual: clean, sharp, contained — no stretched/blurred image. */ .workflow-visual {
  overflow:hidden;
}
.workflow-visual > img {
  width:100%!important;
  height:100%!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media(max-width:767px) {
  .about-inversion-copy h2, .about-inversion-heading h2 {
    font-size:32px!important;
    line-height:1.2!important;
    letter-spacing:-1px!important;
  }
  .workflow-visual > img {
    max-height:430px!important
  }
}
@media(max-width:420px) {
  .about-inversion-copy h2, .about-inversion-heading h2 {
    font-size:30px!important;
    line-height:1.2!important;
  }
}
/* ===== V19 requested sections ===== */ /* About animated paragraph: 4-5 line reading length while preserving inversion animation */ .about-inversion-copy p {
  max-width:760px!important;
  line-height:1.58!important;
}
/* Premium Tools / Growth Toolkit */ .tools.tools-premium {
  margin-top:30px;
  padding:var(--section-space-y) 0;
  background: radial-gradient(circle at 12% 18%,rgba(103,64,255,.24),transparent 30%), radial-gradient(circle at 84% 30%,rgba(179,43,209,.18),transparent 34%), linear-gradient(135deg,#0c1022 0%,#121832 48%,#1b1352 100%)!important;
  color:#fff;
  overflow:hidden;
}
.tools-premium-inner {
  position:relative;
  z-index:3
}
.tools-heading {
  max-width:820px;
  margin:0 auto 42px;
  text-align:center
}
.tools-heading .eyebrow {
  background:rgba(255,255,255,.09)!important;
  color:#d9d1ff!important;
  border:1px solid rgba(255,255,255,.08)
}
.tools-heading h2 {
  font-size:41px!important;
  line-height:53px!important;
  letter-spacing:-1.2px!important;
  font-weight:600!important;
  color:#fff!important;
  margin:0 0 16px!important;
  max-width:760px;
}
.tools-heading p {
  max-width:720px;
  margin:0 auto;
  color:rgba(238,240,255,.76);
  font-size:17px;
  line-height:27px
}
.tools-glow {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(4px);
  opacity:.8;
  z-index:0
}
.tools-glow-a {
  width:280px;
  height:280px;
  left:-90px;
  top:16%;
  background:radial-gradient(circle,rgba(87,51,255,.35),transparent 68%);
  animation:toolsGlowFloat 9s ease-in-out infinite
}
.tools-glow-b {
  width:240px;
  height:240px;
  right:-70px;
  bottom:10%;
  background:radial-gradient(circle,rgba(179,43,209,.28),transparent 68%);
  animation:toolsGlowFloat 11s ease-in-out infinite reverse
}
.tools-data-stream {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
  opacity:.5
}
.tools-data-stream i {
  position:absolute;
  top:-18%;
  width:1px;
  height:34%;
  background:linear-gradient(180deg,transparent,rgba(151,122,255,.75),transparent);
  animation:toolsDataFall 6.8s linear infinite
}
.tools-data-stream i:nth-child(1) {
  left:12%;
  animation-delay:-1s
}
.tools-data-stream i:nth-child(2) {
  left:28%;
  animation-delay:-4.2s
}
.tools-data-stream i:nth-child(3) {
  left:45%;
  animation-delay:-2.6s
}
.tools-data-stream i:nth-child(4) {
  left:62%;
  animation-delay:-5.4s
}
.tools-data-stream i:nth-child(5) {
  left:78%;
  animation-delay:-.7s
}
.tools-data-stream i:nth-child(6) {
  left:91%;
  animation-delay:-3.7s
}
@keyframes toolsDataFall {
  to {
    transform:translateY(420%);
    opacity:.05
  }
}
@keyframes toolsGlowFloat {
  50% {
    transform:translate3d(18px,-14px,0) scale(1.05)
  }
}
.tools-feature-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-bottom:24px
}
.tools-feature-card {
  position:relative;
  min-height:330px;
  padding:30px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
  overflow:hidden;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:22px;
  align-items:start;
  transition:transform .38s var(--button-ease),border-color .38s ease,background .38s ease,box-shadow .38s ease
}
.tools-feature-card:hover {
  transform:translateY(-6px);
  border-color:rgba(179,43,209,.32);
  background:rgba(255,255,255,.08);
  box-shadow:0 24px 50px rgba(4,7,20,.28)
}
.tools-feature-icon {
  width:96px;
  height:96px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.09)
}
.tools-feature-icon img {
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  margin:0!important;
  filter:drop-shadow(0 12px 20px rgba(91,55,235,.22))
}
.tools-card-kicker {
  display:inline-block;
  color:#cfc4ff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:700;
  margin-bottom:10px
}
.tools-feature-copy h3 {
  color:#fff;
  margin:0 0 12px;
  font-size:25px;
  line-height:1.18
}
.tools-feature-copy p {
  color:rgba(235,236,248,.76);
  font-size:15px;
  line-height:1.65;
  margin:0 0 20px
}
.tools-text-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:14px;
  font-weight:700
}
.tools-text-link span {
  transition:transform .25s ease
}
.tools-text-link:hover span {
  transform:translateX(4px)
}
.tools-pulse {
  position:absolute;
  right:22px;
  bottom:22px;
  width:78px;
  height:78px;
  pointer-events:none
}
.tools-pulse span {
  position:absolute;
  inset:50% auto auto 50%;
  width:12px;
  height:12px;
  margin:-6px;
  border-radius:50%;
  border:1px solid rgba(178,142,255,.55);
  animation:toolsPulse 3.1s ease-out infinite
}
.tools-pulse span:nth-child(2) {
  animation-delay:1s
}
.tools-pulse span:nth-child(3) {
  animation-delay:2s
}
@keyframes toolsPulse {
  0% {
    transform:scale(.5);
    opacity:.9
  }
  100% {
    transform:scale(5.5);
    opacity:0
  }
}
.tools-orbit {
  position:absolute;
  right:28px;
  bottom:26px;
  width:76px;
  height:76px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  animation:toolsOrbitSpin 8s linear infinite
}
.tools-orbit::before {
  content:"";
  position:absolute;
  inset:15px;
  border:1px dashed rgba(179,43,209,.35);
  border-radius:50%
}
.tools-orbit i {
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c982ff;
  box-shadow:0 0 14px rgba(201,130,255,.8)
}
.tools-orbit i:nth-child(1) {
  top:-4px;
  left:35px
}
.tools-orbit i:nth-child(2) {
  right:-4px;
  top:34px
}
.tools-orbit i:nth-child(3) {
  left:2px;
  bottom:7px
}
@keyframes toolsOrbitSpin {
  to {
    transform:rotate(360deg)
  }
}
.tools-mini-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px
}
.tools-mini-card {
  min-height:190px;
  padding:22px 20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  gap:16px;
  transition:transform .32s ease,background .32s ease,border-color .32s ease
}
.tools-mini-card:hover {
  transform:translateY(-5px);
  background:linear-gradient(145deg,rgba(39,16,191,.34),rgba(179,43,209,.16));
  border-color:rgba(177,151,255,.25)
}
.tools-mini-icon {
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#6a43ec,#b32bd1);
  color:#fff;
  box-shadow:0 12px 24px rgba(39,16,191,.22)
}
.tools-mini-icon svg {
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.tools-mini-card h3 {
  color:#fff;
  font-size:18px;
  line-height:1.2;
  margin:0 0 8px
}
.tools-mini-card p {
  color:rgba(236,236,246,.72);
  font-size:13px;
  line-height:1.55;
  margin:0
}
/* Premium Request Free Trial */ .trial-section.trial-premium {
  position:relative;
  overflow:hidden;
  padding:var(--section-space-y) 0!important;
  background:linear-gradient(180deg,#f7f4fd 0%,#eeebff 100%)!important;
}
.trial-orb {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px)
}
.trial-orb-a {
  width:300px;
  height:300px;
  left:-80px;
  top:4%;
  background:radial-gradient(circle,rgba(39,16,191,.12),transparent 70%);
  animation:shapeDrift 10s ease-in-out infinite
}
.trial-orb-b {
  width:260px;
  height:260px;
  right:-80px;
  bottom:4%;
  background:radial-gradient(circle,rgba(179,43,209,.13),transparent 70%);
  animation:shapeDrift 12s ease-in-out infinite reverse
}
.trial-premium-shell {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
  gap:28px;
  align-items:stretch;
  padding:28px;
  border-radius:34px;
  background:linear-gradient(135deg,#0e1430 0%,#171640 55%,#2d1763 100%);
  box-shadow:0 28px 70px rgba(38,24,102,.16)
}
.trial-premium-story {
  position:relative;
  min-height:690px;
  padding:46px 44px 30px;
  color:#fff;
  overflow:hidden
}
.trial-premium-story::before {
  content:"";
  position:absolute;
  inset:auto auto -120px -100px;
  width:360px;
  height:360px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08)
}
.trial-premium-story .eyebrow {
  background:rgba(255,255,255,.08);
  color:#d9d2ff;
  border:1px solid rgba(255,255,255,.09)
}
.trial-premium-story h2 {
  color:#fff;
  font-size:41px;
  line-height:53px;
  letter-spacing:-1.2px;
  margin:0 0 16px;
  max-width:680px
}
.trial-premium-story>p {
  max-width:650px;
  color:rgba(238,239,250,.78);
  font-size:17px;
  line-height:27px;
  margin-bottom:28px
}
.trial-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:24px
}
.trial-benefits>div {
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  min-height:120px
}
.trial-benefits span {
  display:inline-flex;
  width:32px;
  height:32px;
  border-radius:10px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#5f37e7,#b32bd1);
  font-size:11px;
  font-weight:800;
  color:#fff;
  margin-bottom:10px
}
.trial-benefits p {
  margin:0;
  color:rgba(241,241,249,.82);
  font-size:13px;
  line-height:1.55
}
.trial-premium-visual {
  position:absolute;
  left:44px;
  right:28px;
  bottom:16px;
  height:265px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  pointer-events:none
}
.trial-premium-visual img {
  width:min(520px,78%);
  height:250px;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 24px 36px rgba(2,3,15,.28));
  border:0!important;
  background:transparent!important
}
.trial-float {
  position:absolute;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 30px rgba(4,7,20,.22);
  color:#1a1830
}
.trial-float strong {
  font-size:15px
}
.trial-float span {
  font-size:11px;
  color:#6a6476
}
.trial-float-a {
  right:8%;
  bottom:145px;
  animation:heroBadgeFloat 6s ease-in-out infinite
}
.trial-float-b {
  right:20%;
  bottom:50px;
  animation:heroBadgeFloat 7s ease-in-out infinite
}
.trial-premium-form {
  min-height:690px!important;
  border-radius:26px!important;
  background:#fff!important;
  padding:36px 32px!important;
  box-shadow:none!important;
  color:#28243a;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.trial-form-head>span {
  display:block;
  color:#5b2ed9;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
  margin-bottom:10px
}
.trial-premium-form h3 {
  color:#151221!important;
  font-size:29px!important;
  line-height:1.18!important;
  margin:0 0 10px!important
}
.trial-form-head p {
  color:#6d6878;
  font-size:14px;
  line-height:1.55;
  margin:0 0 24px
}
.trial-premium-form label {
  display:block;
  color:#342f43;
  font-size:12px;
  font-weight:700;
  margin-bottom:12px
}
.trial-premium-form label>span {
  display:block;
  margin:0 0 7px
}
.trial-premium-form input,.trial-premium-form textarea {
  margin:0!important;
  border:1px solid #ded9ea!important;
  border-radius:12px!important;
  background:#fbfaff!important;
  color:#201c2e!important;
  padding:13px 14px!important;
  font:500 14px/1.4 Inter!important;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease
}
.trial-premium-form input:focus,.trial-premium-form textarea:focus {
  border-color:#7b4be7!important;
  box-shadow:0 0 0 4px rgba(95,55,231,.08)!important;
  background:#fff!important
}
.trial-premium-form .form-row {
  gap:12px
}
.trial-premium-form .btn {
  width:100%;
  margin-top:6px!important
}
.trial-form-note {
  display:block;
  text-align:center;
  color:#7b7586;
  font-size:11px;
  margin-top:10px
}
@media(max-width:1024px) {
  .tools-heading h2 {
    font-size:41px!important;
    line-height:53px!important
  }
  .tools-feature-grid {
    grid-template-columns:1fr
  }
  .tools-mini-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .trial-premium-shell {
    grid-template-columns:1fr;
    padding:22px
  }
  .trial-premium-story {
    min-height:650px
  }
  .trial-premium-form {
    min-height:auto!important;
    max-width:none!important;
    grid-column:auto!important
  }
}
@media(max-width:767px) {
  .tools.tools-premium {
    padding:var(--section-space-y-mobile) 0
  }
  .tools-heading {
    margin-bottom:28px
  }
  .tools-heading h2 {
    font-size:32px!important;
    line-height:1.2!important;
    letter-spacing:-1px!important
  }
  .tools-heading p {
    font-size:15px;
    line-height:24px
  }
  .tools-feature-card {
    grid-template-columns:1fr;
    min-height:auto;
    padding:24px;
    border-radius:22px
  }
  .tools-feature-icon {
    width:76px;
    height:76px;
    border-radius:20px
  }
  .tools-feature-icon img {
    width:58px!important;
    height:58px!important
  }
  .tools-mini-grid {
    grid-template-columns:1fr
  }
  .tools-mini-card {
    min-height:auto;
    flex-direction:row;
    align-items:flex-start
  }
  .tools-data-stream {
    opacity:.25
  }
  .tools-pulse,.tools-orbit {
    display:none
  }
  .trial-section.trial-premium {
    padding:var(--section-space-y-mobile) 0!important
  }
  .trial-premium-shell {
    padding:14px;
    border-radius:26px;
    gap:16px
  }
  .trial-premium-story {
    min-height:auto;
    padding:28px 22px 18px
  }
  .trial-premium-story h2 {
    font-size:32px;
    line-height:1.2;
    letter-spacing:-1px
  }
  .trial-premium-story>p {
    font-size:15px;
    line-height:24px
  }
  .trial-benefits {
    grid-template-columns:1fr
  }
  .trial-benefits>div {
    min-height:auto
  }
  .trial-premium-visual {
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    height:auto;
    margin-top:12px;
    display:block
  }
  .trial-premium-visual img {
    width:100%;
    height:auto;
    max-height:260px
  }
  .trial-float {
    display:none
  }
  .trial-premium-form {
    padding:28px 20px!important;
    border-radius:20px!important
  }
  .trial-premium-form .form-row {
    grid-template-columns:1fr
  }
}
@media(prefers-reduced-motion:reduce) {
  .tools-glow,.tools-data-stream i,.tools-pulse span,.tools-orbit,.trial-orb,.trial-float {
    animation:none!important
  }
}
.about-inversion-copy p {
  max-width:700px!important
}
/* =========================================================
   V20 Targeted Home Updates
   Tools cards + trial full-width redesign + testimonial redesign
   ========================================================= */ .tools-feature-grid {
  align-items:stretch
}
.tools-feature-card {
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:18px;
  padding:34px;
}
.tools-feature-icon {
  flex:0 0 auto;
  margin-bottom:0
}
.tools-feature-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  flex:1;
  width:100%
}
.tools-feature-copy p {
  margin:0 0 22px;
  max-width:540px
}
.tools-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  margin-top:auto
}
.tools-pulse,.tools-orbit {
  display:none!important
}
/* Full-width trial redesign without image */ .trial-section.trial-premium {
  background:linear-gradient(180deg,#f6f3ff 0%,#efebff 100%)!important;
}
.trial-fullwidth-shell {
  position:relative;
  overflow:visible;
  padding:42px 32px 32px;
  border-radius:34px;
  background: radial-gradient(circle at 12% 18%,rgba(109,68,255,.18),transparent 26%), radial-gradient(circle at 88% 14%,rgba(179,43,209,.14),transparent 22%), linear-gradient(135deg,#0f1431 0%,#171a44 54%,#26155d 100%);
  box-shadow:0 28px 70px rgba(38,24,102,.16);
}
.trial-fullwidth-shell::before {
  content:"";
  position:absolute;
  inset:16px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.trial-fullwidth-head {
  position:relative;
  z-index:2;
  max-width:920px;
  margin:0 auto 28px;
  text-align:center;
  color:#fff
}
.trial-fullwidth-head .eyebrow {
  background:rgba(255,255,255,.08);
  color:#d9d2ff;
  border:1px solid rgba(255,255,255,.09)
}
.trial-fullwidth-head h2 {
  color:#fff;
  font-size:41px;
  line-height:53px;
  letter-spacing:-1.2px;
  margin:0 0 14px
}
.trial-fullwidth-head>p {
  max-width:760px;
  margin:0 auto;
  color:rgba(238,239,250,.8);
  font-size:17px;
  line-height:27px
}
.trial-inline-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px
}
.trial-inline-benefits>div {
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(10px)
}
.trial-inline-benefits span {
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:11px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#5f37e7,#b32bd1);
  font-size:11px;
  font-weight:800;
  color:#fff;
  margin-bottom:10px
}
.trial-inline-benefits p {
  margin:0;
  color:rgba(241,241,249,.82);
  font-size:13px;
  line-height:1.55
}
.trial-form-panel {
  position:relative;
  z-index:3;
  max-width:1120px;
  margin:0 auto;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 60px rgba(14,18,44,.16)
}
.trial-premium-form.trial-inline-form {
  min-height:auto!important;
  border-radius:28px!important;
  background:transparent!important;
  padding:34px 32px!important;
  box-shadow:none!important
}
.trial-premium-form.trial-inline-form .form-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.trial-premium-form.trial-inline-form .btn {
  width:100%;
  margin-top:8px!important
}
/* Testimonial redesign */ .testimonial-section.testimonial-premium {
  position:relative;
  overflow:hidden;
  background: radial-gradient(circle at 15% 18%,rgba(103,64,255,.14),transparent 24%), radial-gradient(circle at 84% 22%,rgba(179,43,209,.12),transparent 18%), linear-gradient(180deg,#f8f6ff 0%,#f1eeff 100%);
}
.testimonial-premium-wrap {
  position:relative;
  z-index:2;
  padding:34px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(133,110,221,.14);
  box-shadow:0 24px 55px rgba(39,16,191,.08)
}
.testimonial-premium-wrap::before {
  content:"";
  position:absolute;
  top:-120px;
  right:-110px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(103,64,255,.12),transparent 70%);
  animation:testimonialFloat 10s ease-in-out infinite
}
.testimonial-intro {
  position:relative;
  max-width:720px;
  margin:0 auto 30px;
  text-align:center
}
.testimonial-intro h2 {
  margin:0 0 12px;
  font-size:var(--section-heading-size);
  line-height:var(--section-heading-line);
  letter-spacing:var(--section-heading-tracking);
  color:#151221
}
.testimonial-intro p {
  margin:0 auto;
  color:#676277;
  max-width:680px
}
.testimonial-premium-grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:22px;
  align-items:stretch
}
.testimonial-main-card,.testimonial-side-card {
  position:relative;
  border-radius:28px;
  overflow:hidden
}
.testimonial-main-card {
  padding:34px;
  background:linear-gradient(135deg,#121833 0%,#1e1a4f 54%,#3d1e7e 100%);
  box-shadow:0 22px 48px rgba(22,18,68,.2)
}
.testimonial-main-card::after {
  content:"";
  position:absolute;
  inset:auto -55px -55px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  animation:testimonialPulse 6s ease-in-out infinite
}
.testimonial-quote-mark {
  font-size:84px;
  line-height:.8;
  color:rgba(255,255,255,.22);
  font-weight:700;
  margin-bottom:10px
}
.testimonial-main-quote {
  font-size:20px;
  line-height:1.8;
  color:#fff;
  margin:0 0 26px;
  max-width:700px
}
.testimonial-main-author {
  display:flex;
  flex-direction:column;
  gap:4px
}
.testimonial-main-author strong {
  color:#fff;
  font-size:16px
}
.testimonial-main-author span {
  color:rgba(232,233,245,.72);
  font-size:13px
}
.testimonial-side-stack {
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:18px
}
.testimonial-side-card {
  padding:26px;
  background:linear-gradient(180deg,#f8f7ff 0%,#f1edff 100%);
  border:1px solid rgba(124,92,230,.14);
  display:flex;
  flex-direction:column;
  justify-content:center
}
.testimonial-side-card h3 {
  margin:0 0 10px;
  font-size:22px;
  line-height:1.2;
  color:#1a1730
}
.testimonial-side-card p {
  margin:0;
  color:#666277;
  line-height:1.7
}
@keyframes testimonialFloat {
  50% {
    transform:translate3d(18px,-14px,0) scale(1.04)
  }
}
@keyframes testimonialPulse {
  50% {
    transform:scale(1.08);
    opacity:.82
  }
}
@media(max-width:1024px) {
  .trial-fullwidth-head h2 {
    font-size:41px;
    line-height:53px
  }
  .trial-inline-benefits {
    grid-template-columns:1fr
  }
  .testimonial-premium-grid {
    grid-template-columns:1fr
  }
  .testimonial-side-stack {
    grid-template-columns:1fr 1fr;
    grid-template-rows:none
  }
}
@media(max-width:767px) {
  .tools-feature-card {
    min-height:auto;
    padding:24px;
    justify-content:flex-start
  }
  .tools-cta {
    width:100%;
    min-width:0
  }
  .trial-fullwidth-shell {
    padding:28px 16px 18px;
    border-radius:26px
  }
  .trial-fullwidth-head h2 {
    font-size:32px;
    line-height:1.2;
    letter-spacing:-1px
  }
  .trial-fullwidth-head>p {
    font-size:15px;
    line-height:24px
  }
  .trial-form-panel {
    border-radius:22px
  }
  .trial-premium-form.trial-inline-form {
    padding:26px 18px!important;
    border-radius:22px!important
  }
  .trial-premium-form.trial-inline-form .form-row {
    grid-template-columns:1fr
  }
  .testimonial-premium-wrap {
    padding:22px;
    border-radius:24px
  }
  .testimonial-main-card {
    padding:24px;
    border-radius:22px
  }
  .testimonial-main-quote {
    font-size:17px;
    line-height:1.7
  }
  .testimonial-side-stack {
    grid-template-columns:1fr
  }
  .testimonial-side-card {
    padding:22px;
    border-radius:22px
  }
}
@media(prefers-reduced-motion:reduce) {
  .testimonial-premium-wrap::before,.testimonial-main-card::after {
    animation:none!important
  }
}
/* =========================================================
   V22 Premium global footer — shared by every page
   ========================================================= */ .premium-footer {
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#070817 0%,#0c0d21 52%,#17102f 100%)!important;
  color:rgba(244,242,250,.72);
  padding:0!important;
  border-top:0!important
}
.premium-footer::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 88% 20%,rgba(120,64,225,.15),transparent 27%),radial-gradient(circle at 12% 78%,rgba(179,43,209,.08),transparent 25%);
  pointer-events:none
}
.footer-signal-field {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.7
}
.signal-line {
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(147,105,242,.42),transparent);
  transform-origin:left center;
  animation:footerSignal 8s ease-in-out infinite
}
.signal-line.s1 {
  width:43%;
  right:-5%;
  top:18%;
  transform:rotate(-16deg)
}
.signal-line.s2 {
  width:32%;
  left:-4%;
  bottom:20%;
  transform:rotate(12deg);
  animation-delay:-3s
}
.signal-dot {
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a566f4;
  box-shadow:0 0 0 8px rgba(165,102,244,.08);
  animation:footerDot 3.6s ease-in-out infinite
}
.signal-dot.d1 {
  right:17%;
  top:18%
}
.signal-dot.d2 {
  left:18%;
  bottom:21%;
  animation-delay:-1.8s
}
@keyframes footerSignal {
  50% {
    opacity:.35;
    transform:translateX(-24px) rotate(-16deg)
  }
}
@keyframes footerDot {
  50% {
    transform:scale(1.45);
    opacity:.55
  }
}
.footer-topline {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding-top:56px;
  padding-bottom:34px;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.footer-brand {
  display:inline-flex;
  align-items:center
}
.footer-brand img {
  width:190px;
  height:auto;
  object-fit:contain;
  filter:brightness(0) invert(1)
}
.footer-signal-pills {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px
}
.footer-signal-pills span {
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:#d9d3e8;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  animation:footerPillFloat 5s ease-in-out infinite
}
.footer-signal-pills span:nth-child(2) {
  animation-delay:-1s
}
.footer-signal-pills span:nth-child(3) {
  animation-delay:-2s
}
.footer-signal-pills span:nth-child(4) {
  animation-delay:-3s
}
@keyframes footerPillFloat {
  50% {
    transform:translateY(-4px)
  }
}
.premium-footer-grid {
  position:relative;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(340px,1.35fr) repeat(3,minmax(150px,.65fr))!important;
  gap:50px!important;
  padding-top:58px;
  padding-bottom:54px
}
.premium-footer .footer-col {
  gap:11px!important
}
.premium-footer .footer-col h3 {
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.09em
}
.premium-footer .footer-about h3 {
  font-size:28px!important;
  line-height:1.3;
  text-transform:none;
  letter-spacing:-.7px;
  max-width:430px
}
.footer-kicker {
  display:block;
  color:#b09af0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:4px
}
.premium-footer .footer-col p {
  margin:0;
  color:rgba(236,232,246,.66)!important;
  font-size:13px;
  line-height:1.7;
  max-width:430px
}
.premium-footer .footer-col>a {
  position:relative;
  color:rgba(236,232,246,.66)!important;
  font-size:12px;
  line-height:1.5;
  transition:color .25s ease,transform .25s ease
}
.premium-footer .footer-col>a:hover {
  color:#fff!important;
  transform:translateX(4px)
}
.premium-footer .socials {
  display:flex;
  gap:9px;
  margin-top:16px
}
.premium-footer .socials a {
  width:39px;
  height:39px;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.04);
  display:grid;
  place-items:center;
  color:#fff;
  transition:transform .3s ease,background .3s ease,border-color .3s ease
}
.premium-footer .socials a:hover {
  transform:translateY(-4px);
  background:linear-gradient(135deg,#5e39d8,#a52abf);
  border-color:transparent!important
}
.footer-bottom {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:28px;
  padding-bottom:32px;
  color:rgba(235,231,244,.52);
  font-size:11px
}
.footer-bottom a {
  color:#fff;
  font-weight:700
}
@media(max-width:980px) {
  .premium-footer-grid {
    grid-template-columns:1.25fr 1fr 1fr!important
  }
  .premium-footer .footer-about {
    grid-column:1/-1
  }
  .footer-topline {
    align-items:flex-start;
    flex-direction:column
  }
  .footer-signal-pills {
    justify-content:flex-start
  }
}
@media(max-width:640px) {
  .footer-topline {
    padding-top:42px;
    padding-bottom:26px
  }
  .footer-brand img {
    width:165px
  }
  .footer-signal-pills {
    gap:6px
  }
  .footer-signal-pills span {
    font-size:9px;
    padding:7px 9px
  }
  .premium-footer-grid {
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding-top:42px;
    padding-bottom:40px
  }
  .premium-footer .footer-about {
    grid-column:auto
  }
  .premium-footer .footer-about h3 {
    font-size:24px!important
  }
  .footer-bottom {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    padding-top:24px;
    padding-bottom:26px
  }
}
@media(prefers-reduced-motion:reduce) {
  .signal-line,.signal-dot,.footer-signal-pills span {
    animation:none!important
  }
  .premium-footer .footer-col>a,.premium-footer .socials a {
    transition:none!important
  }
}
/* V23 footer uses the exact header Ranklytix logo asset, rendered white for dark footer contrast. */ .premium-footer .footer-brand .footer-logo-white {
  filter:none!important;
  opacity:1!important
}
/* V25 global subtitle + footer logo consistency */ .eyebrow {
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important
}
.footer-logo-white {
  filter:none!important;
  opacity:1!important;
  width:auto!important;
  height:42px!important;
  object-fit:contain!important;
  object-position:left center!important
}

/* ===== Homepage recovery workflow: foreground analytics illustration ===== */
.workflow-visual {
  overflow:hidden;
}
.workflow-visual .workflow-bg-art {
  position:relative;
  z-index:1;
}
.workflow-visual .workflow-foreground-art {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:min(76%,560px) !important;
  height:auto !important;
  max-height:82%;
  object-fit:contain;
  transform:translate(-50%,-50%);
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  pointer-events:none;
}
.workflow-visual .workflow-widget {
  z-index:3;
}
@media(max-width:900px) {
  .workflow-visual .workflow-foreground-art {
    width:min(72%,500px) !important;
    max-height:78%;
  }
}
@media(max-width:767px) {
  .workflow-visual .workflow-foreground-art {
    width:min(78%,430px) !important;
    max-height:72%;
  }
}