/* Editorial system inspired by Clay's pacing: broad stages, varied compositions and responsive motion. */
:root {
  --clay-ink: #07101e;
  --clay-navy: #0d1b3d;
  --clay-cobalt: #1748d2;
  --clay-green: #126b4c;
  --clay-mint: #c9f4dd;
  --clay-coral: #ff7658;
  --clay-sky: #a8e8f2;
  --clay-paper: #fbfaf7;
  --clay-line: #d7ddd9;
}

/* Real Bidu OS product proof replaces generic UI illustrations. */
.product-real-demo,
.real-solution-demo {
  min-height: 0 !important;
  margin-block: 0;
  padding: 0;
  background: #fff !important;
  color: var(--clay-ink);
  overflow: hidden;
}
.product-real-demo > header {
  position: relative;
  z-index: 2;
}
.product-real-demo > header small {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.proof-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--clay-green);
  box-shadow: 0 0 0 4px rgba(80,200,120,.14);
}
.real-screen-window {
  position: relative;
  aspect-ratio: 16 / 10;
  background: #eef2f6;
  overflow: hidden;
}
.real-screen-window img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: left top;
}
[data-real-product-screen="laboratorio-veterinario"] .real-screen-window img {
  object-position: center top;
}
.real-solution-demo[data-real-product-screen="clinica-veterinaria"] .real-screen-window img {
  object-position: right top;
}
.product-real-demo[data-real-product-screen="hospital-veterinario"] .real-screen-window img,
.real-solution-demo[data-real-product-screen="hospital-veterinario"][data-proof-placement="supporting"] .real-screen-window img {
  object-position: center top;
}
.real-solution-demo[data-real-product-screen="hospital-veterinario"][data-proof-placement="journey"] .real-screen-window img,
.product-real-demo[data-real-product-screen="hotel-e-day-care"] .real-screen-window img {
  object-position: right top;
}
.product-real-demo figcaption,
.real-solution-demo figcaption {
  display: grid;
  grid-template-columns: minmax(160px,.55fr) minmax(260px,1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 0;
  padding: 17px 22px 19px;
  border-top: 1px solid #d7ddd9;
  background: #fff;
}
.product-real-demo figcaption span,
.real-solution-demo figcaption span {
  color: var(--clay-green);
  font-size: 13px;
  font-weight: 900;
}
.product-real-demo figcaption p,
.real-solution-demo figcaption p {
  margin: 0;
  color: #455568;
  font-size: 13px;
  line-height: 1.42;
}
.product-real-demo figcaption small,
.real-solution-demo figcaption small {
  color: #7a8490;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-align: right;
  text-transform: uppercase;
}
.real-solution-demo {
  border-radius: 12px;
  box-shadow: 18px 18px 0 rgba(7,16,30,.08);
}
.real-solution-demo .demo-label {
  align-items: center;
  min-height: 54px;
  margin: 0;
  padding: 12px 18px;
  border-bottom: 1px solid #d7ddd9;
}
.real-solution-demo .demo-label span {
  color: var(--clay-green);
}
.home-v4 .home-journey .real-solution-demo {
  background: #fff;
}
.home-agenda-scroll-demo .demo-label {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
}
.home-agenda-scroll-demo .demo-label b { text-align: right; }
.home-agenda-story-progress { display: flex; align-items: center; gap: 5px; }
.home-agenda-story-progress i {
  width: 17px;
  height: 5px;
  border-radius: 999px;
  background: #d4dce2;
  transition: width .3s ease, background-color .3s ease;
}
.home-agenda-story-progress i.active { width: 30px; background: var(--clay-green); }
.home-agenda-scroll-window > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  object-fit: cover;
  object-position: left top;
  transform: scale(1.018);
  transition: opacity .42s ease, visibility .42s ease, transform .7s cubic-bezier(.2,.75,.2,1);
}
.home-agenda-scroll-window > img.story-screen-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.home-agenda-scroll-window > img.crop-detail,
.home-agenda-scroll-window > img.crop-waiting { object-position: right top; }

.supporting-proof-band {
  padding: clamp(76px, 8vw, 126px) 0;
  border-top: 1px solid rgba(7,16,30,.1);
  background: #f1f7f4;
}
.supporting-proof-layout {
  display: grid;
  grid-template-columns: minmax(340px,.7fr) minmax(0,1.3fr);
  gap: clamp(38px,4.5vw,70px);
  align-items: center;
}
.supporting-proof-copy { max-width: 430px; }
.supporting-proof-copy h2 {
  margin: 16px 0 24px;
  font-size: clamp(42px,4vw,58px);
  line-height: .94;
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: none;
}
.supporting-proof-copy > p:last-child {
  color: #455568;
  font-size: 18px;
  line-height: 1.55;
}
.supporting-product-demo { width: 100%; }

@media (max-width: 900px) {
  .supporting-proof-layout { grid-template-columns: 1fr; }
  .supporting-proof-copy { max-width: 720px; }
  .product-real-demo figcaption,
  .real-solution-demo figcaption {
    grid-template-columns: minmax(130px,.45fr) 1fr;
  }
  .product-real-demo figcaption small,
  .real-solution-demo figcaption small { display: none; }
}

@media (max-width: 620px) {
  .product-real-demo,
  .real-solution-demo {
    margin-inline: -7px;
    border-radius: 14px;
  }
  .product-real-demo > header {
    min-height: 50px;
  }
  .product-real-demo > header small {
    max-width: none;
    font-size: 8px;
  }
  .real-screen-window {
    aspect-ratio: 4 / 3;
  }
  .real-screen-window img {
    width: 168%;
    height: auto;
    min-height: 100%;
    transform: translateX(-11%);
  }
  [data-real-product-screen="clinica-veterinaria"] .real-screen-window img,
  [data-real-product-screen="laboratorio-veterinario"] .real-screen-window img,
  [data-real-product-screen="home"] .real-screen-window img {
    width: 150%;
    transform: translateX(-16%);
  }
  .real-solution-demo[data-real-product-screen="clinica-veterinaria"] .real-screen-window img {
    width: auto;
    height: 100%;
    min-height: 0;
    transform: none;
  }
  .product-real-demo[data-real-product-screen="hotel-e-day-care"] .real-screen-window img,
  .real-solution-demo[data-real-product-screen="hospital-veterinario"] .real-screen-window img {
    width: auto;
    height: 100%;
    min-height: 0;
    transform: none;
  }
  .real-solution-demo[data-real-product-screen="hospital-veterinario"][data-proof-placement="supporting"] .real-screen-window img {
    object-position: center top;
  }
  .product-real-demo figcaption,
  .real-solution-demo figcaption {
    display: block;
    padding: 13px 15px 15px;
  }
  .product-real-demo figcaption p,
  .real-solution-demo figcaption p {
    margin-top: 4px;
    font-size: 11px;
  }
  .real-solution-demo .demo-label {
    min-height: 46px;
    padding: 9px 13px;
  }
  .real-solution-demo .demo-label span { font-size: 8px; }
  .real-solution-demo .demo-label b { font-size: 10px; }
  .home-v4 .home-journey .real-solution-demo {
    padding: 0;
  }
  .home-v4 .home-journey .real-solution-demo .real-screen-window {
    aspect-ratio: 16 / 9;
  }
  .home-v4 .home-journey .real-solution-demo figcaption p { display: none; }
  .home-agenda-scroll-demo .demo-label {
    grid-template-columns: 1fr auto;
    gap: 8px;
  }
  .home-agenda-scroll-demo .demo-label > span:first-child { display: none; }
  .home-agenda-scroll-demo .demo-label b { text-align: left; }
  .home-agenda-story-progress i { width: 10px; height: 4px; }
  .home-agenda-story-progress i.active { width: 22px; }
  .home-v4 .home-journey .home-agenda-scroll-window > img {
    width: 100%;
    height: 100%;
    min-height: 0;
    transform: scale(1.018);
    object-fit: cover;
  }
  .home-v4 .home-journey .home-agenda-scroll-window > img.story-screen-active { transform: scale(1); }
}

.v3 { background: var(--clay-paper); }
.v3 main { overflow: clip; }
.v3 h1, .v3 h2, .v3 h3, .v3 p, .v3 a { letter-spacing: 0; }
.v3 .shell { width: min(1380px, calc(100% - 64px)); }

/* Navigation */
.v3-nav {
  position: fixed;
  z-index: 1000;
  top: 14px;
  height: 68px;
  transition: transform .35s cubic-bezier(.2,.75,.2,1), top .35s ease;
}
.v3-nav .nav-in {
  position: relative;
  z-index: 2;
  width: min(1460px, calc(100% - 40px));
  min-height: 68px;
  padding: 0 10px 0 24px;
  border: 1px solid rgba(7,16,30,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 36px rgba(7,16,30,.09);
  backdrop-filter: blur(20px);
}
.v3-nav.scrolled { top: 8px; }
.v3-nav.scrolled .nav-in { min-height: 60px; }
.v3-nav .logo img { width: auto; height: 32px; }
.v3-nav .nav-links { gap: 22px; font-size: 13px; }
.v3-nav .nav-links > a:not(.nav-cta), .v3-nav .nav-item > a { font-weight: 800; }
.v3-nav .nav-cta {
  min-height: 48px;
  height: 48px;
  padding: 0 22px;
  border-radius: 8px;
  background: var(--clay-ink);
  color: #fff;
}
.nav-backdrop {
  position: fixed;
  z-index: 1;
  inset: 0;
  background: rgba(7,16,30,.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity .28s ease, visibility .28s ease;
  pointer-events: none;
}
.v3-nav:has(.nav-item:hover) .nav-backdrop,
.v3-nav:has(.nav-item:focus-within) .nav-backdrop { opacity: 1; visibility: visible; }
.v3-nav .mega-editorial {
  position: fixed;
  top: 90px;
  left: 50%;
  width: min(1420px, calc(100vw - 40px));
  min-height: 470px;
  grid-template-columns: 250px 1fr 320px;
  gap: 30px;
  padding: 34px;
  border: 1px solid var(--clay-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(7,16,30,.18);
  clip-path: inset(0 0 100% 0 round 12px);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -8px);
  transition: clip-path .42s cubic-bezier(.2,.75,.2,1), opacity .2s ease, visibility .42s, transform .42s cubic-bezier(.2,.75,.2,1);
}
.v3-nav .nav-item:hover .mega-editorial,
.v3-nav .nav-item:focus-within .mega-editorial {
  clip-path: inset(0 0 0 0 round 12px);
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.mega-editorial-head { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 4px 14px; }
.mega-editorial-head span { color: var(--clay-green); font-size: 11px; }
.mega-editorial-head strong { max-width: 210px; font-size: 28px; line-height: 1.05; }
.mega-editorial-links { grid-template-columns: 1fr 1fr; gap: 6px 16px; }
.mega-editorial-links > a { min-height: 86px; padding: 14px; border-radius: 8px; }
.mega-editorial-links > a:hover { background: #edf7f0; transform: translateX(4px); }
.mega-editorial-links b { font-size: 16px; }
.mega-editorial-links em { max-width: 280px; font-size: 11px; line-height: 1.35; }
.mega-editorial-feature { border-radius: 8px !important; background: var(--clay-coral) !important; color: var(--clay-ink) !important; }
.mega-editorial-feature small { color: var(--clay-ink); }
.mega-editorial-feature:hover { background: #f16348 !important; color: var(--clay-ink) !important; }
.v3-nav .mega-help { min-height: 390px; }
.v3-nav .mega-help .mega-editorial-links {
  grid-template-columns: 1fr;
  align-content: center;
  max-width: 620px;
}
.v3-nav .mega-help .mega-editorial-feature { background: var(--clay-yellow) !important; }
.v3-nav .mega-help .mega-editorial-feature:hover { background: #edbd31 !important; }

/* Approved opening scene: intentionally untouched. */

.home-proof-strip { overflow: hidden; border-block: 1px solid var(--clay-line); background: #fff; }
.home-proof-track { display: flex; width: max-content; animation: proof-marquee 28s linear infinite; }
.home-proof-track span { display: flex; align-items: center; min-height: 78px; padding: 0 46px; border-right: 1px solid var(--clay-line); font-size: 15px; font-weight: 900; white-space: nowrap; }
@keyframes proof-marquee { to { transform: translateX(-50%); } }

/* Seasonal professional campaign: prominent on Home and contextual for veterinarians. */
.campaign-spotlight {
  padding: 34px 0;
  overflow: hidden;
  background: var(--clay-ink);
  color: #fff;
}
.campaign-spotlight-grid {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr);
  min-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
}
.campaign-spotlight-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px 64px;
}
.campaign-spotlight-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 30px;
  color: var(--clay-yellow);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}
.campaign-spotlight-kicker span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--clay-coral);
  box-shadow: 0 0 0 6px rgba(255,118,88,.16);
}
.campaign-spotlight-copy > small {
  color: #aebbd0;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .07em;
}
.campaign-spotlight h2 {
  max-width: 720px;
  margin: 12px 0 18px;
  color: #fff;
  font-size: clamp(44px,5vw,72px);
  line-height: .94;
}
.campaign-spotlight-copy > p:not(.campaign-spotlight-kicker) {
  max-width: 650px;
  margin: 0;
  color: #c8d1df;
  font-size: 17px;
  line-height: 1.55;
}
.campaign-spotlight-copy > a {
  align-self: flex-start;
  margin-top: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--clay-yellow);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
.campaign-spotlight-copy > a:hover { color: var(--clay-yellow); }
.campaign-spotlight-offer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 54px 44px;
  overflow: hidden;
  background: var(--clay-coral);
  color: var(--clay-ink);
}
.campaign-spotlight-offer small {
  position: relative;
  z-index: 2;
  max-width: 230px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
}
.campaign-spotlight-offer strong {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 18px;
  font-size: clamp(50px,5vw,78px);
  line-height: .85;
}
.campaign-spotlight-offer > span {
  position: relative;
  z-index: 2;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 900;
}
.campaign-spotlight-offer .v3-mascot {
  position: absolute;
  right: -32px;
  bottom: -95px;
  width: 245px;
  height: 360px;
  object-fit: contain;
  opacity: .94;
}
.campaign-spotlight-contextual { padding-block: 28px; background: #fff; }
.campaign-spotlight-contextual .campaign-spotlight-grid {
  background: var(--clay-ink);
  box-shadow: 0 24px 60px rgba(7,16,30,.14);
}
.page-support-v4 .support-faq { scroll-margin-top: 96px; }

.home-v4 .editorial-directory { padding: 150px 0; background: #fff; }
.home-v4 .editorial-directory-layout { grid-template-columns: .7fr 1.3fr; gap: 100px; }
.home-v4 .editorial-directory .section-heading { position: sticky; top: 130px; align-self: start; }
.home-v4 .editorial-directory h2 { max-width: 470px; font-size: clamp(54px, 6vw, 92px); line-height: .93; }
.home-v4 .directory-grid { display: block; margin: 0; border-top: 1px solid var(--clay-line); }
.home-v4 .directory-card { display: grid; grid-template-columns: 52px 1fr 1fr auto; gap: 20px; align-items: center; min-height: 120px; padding: 24px 0; border: 0; border-bottom: 1px solid var(--clay-line); background: transparent; box-shadow: none; }
.home-v4 .directory-card:hover { padding-left: 14px; background: #edf7f0; box-shadow: none; transform: none; }
.home-v4 .directory-card h3 { margin: 0; font-size: 24px; }
.home-v4 .directory-card p { color: #596476; font-size: 13px; }
.home-v4 .directory-card span { position: static; font-size: 12px; }

.home-v4 .home-journey { min-height: 1100px; padding: 160px 0; background: var(--clay-coral); }
.home-v4 .home-journey .journey-layout { grid-template-columns: minmax(420px,.82fr) minmax(0,1.18fr); gap: clamp(50px,5vw,76px); }
.home-v4 .home-journey .journey-copy header { max-width: 590px; }
.home-v4 .home-journey h2 { max-width: 590px; font-size: clamp(54px,5vw,82px); line-height: .91; letter-spacing: -.055em; text-wrap: balance; }
.home-v4 .home-journey .journey-copy header>p:not(.v3-eyebrow) { max-width: 540px; margin-top: 26px; font-size: 17px; line-height: 1.55; }
.home-v4 .home-journey .solution-demo { border: 0; box-shadow: 22px 22px 0 rgba(7,16,30,.1); }
.home-v4 .platform-band { padding: 150px 0; background: var(--clay-green); }
.home-v4 .platform-band .section-heading { max-width: 1120px; }
.home-v4 .platform-band h2 { font-size: clamp(58px, 7.5vw, 110px); line-height: .92; }
.home-v4 .platform-groups { margin-top: 80px; border-top: 1px solid rgba(255,255,255,.4); }
.home-v4 .platform-groups article { min-height: 320px; padding: 30px; background: transparent; color: #fff; }
.home-v4 .platform-groups a { color: #fff; }
.home-v4 .home-tutor { padding: 150px 0; background: var(--clay-sky); }
.home-v4 .tutor-home-grid { grid-template-columns: .8fr 1.2fr; gap: 120px; }
.home-v4 .home-tutor h2 { font-size: clamp(58px, 7vw, 102px); line-height: .92; }
.home-v4 .phone-shot { transform: rotate(-5deg); box-shadow: 25px 30px 0 rgba(7,16,30,.12); }

.home-pet-stories { min-height: 980px; padding: 140px 0; background: var(--clay-cobalt); color: #fff; }
.home-pet-stories header { display: grid; grid-template-columns: .4fr 1fr; align-items: end; gap: 60px; }
.home-pet-stories h2 { max-width: 980px; font-size: clamp(56px, 7vw, 104px); line-height: .92; }
.home-pet-stories .v3-eyebrow { color: var(--clay-mint); }
.pet-story-parade { display: flex; align-items: flex-end; justify-content: center; gap: 28px; margin-top: 90px; }
.pet-story-parade figure { position: relative; width: 30%; margin: 0; border: 10px solid #fff; background: #fff; color: var(--clay-ink); box-shadow: 20px 24px 0 rgba(7,16,30,.2); }
.pet-story-parade figure:nth-child(1) { transform: rotate(-6deg) translateY(20px); }
.pet-story-parade figure:nth-child(2) { transform: rotate(3deg) translateY(-20px); }
.pet-story-parade figure:nth-child(3) { transform: rotate(-2deg) translateY(35px); }
.pet-story-parade img { width: 100%; height: 430px; object-fit: cover; }
.pet-story-parade figcaption { display: flex; justify-content: space-between; gap: 10px; padding: 14px 8px 8px; }

/* Solution pages use three distinct opening compositions. */
.solution-product-hero { min-height: 940px; padding: 170px 0 110px; background: #fff; }
.solution-product-copy h1 { font-size: clamp(58px, 7vw, 106px); text-wrap: balance; }
.solution-layout-split .solution-product-hero > .shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: center; }
.solution-layout-split .solution-product-copy { margin: 0; text-align: left; }
.solution-layout-split .solution-product-copy h1 { font-size: clamp(58px, 5.7vw, 84px); }
.solution-layout-split .solution-product-copy h1,
.solution-layout-split .solution-product-copy .v3-lead { margin-inline: 0; }
.solution-layout-split .solution-product-copy .actions { justify-content: flex-start; }
.solution-layout-split .product-system-demo { min-height: 650px; }
.solution-layout-centered .solution-product-hero { background: #f5f4f1; }
.solution-layout-centered .solution-product-copy { margin-bottom: 80px; }
.solution-layout-centered .product-system-demo { width: min(1080px, 100%); margin-inline: auto; background: var(--clay-coral); }
.solution-layout-network .solution-product-hero { background: var(--clay-mint); }
.solution-layout-network .solution-product-copy { max-width: 1180px; }
.solution-layout-network .solution-product-copy h1 { max-width: 1180px; }
.solution-layout-network .product-system-demo { min-height: 720px; background: var(--clay-cobalt); }
.solution-product-page .problem-band { padding: 140px 0; }
.solution-product-page .problem-band h2 { font-size: clamp(54px, 6vw, 90px); }
.solution-product-page .problem-grid article { min-height: 340px; }
.solution-product-page .solution-atmosphere { min-height: 760px; }
.solution-product-page .journey-band { padding: 150px 0; }
.solution-product-page .modules-band { padding: 150px 0; background: var(--clay-green); }
.solution-product-page .tutor-bridge { padding: 140px 0; background: var(--clay-sky); }

/* About: a brand story, not a product template. */
.page-about-v5 { background: #fff; }
.story-about-hero { position: relative; min-height: 100svh; display: grid; place-items: center; padding: 150px 0 70px; background: var(--clay-cobalt); color: #fff; overflow: hidden; }
.story-about-hero .shell { position: relative; z-index: 2; text-align: center; }
.story-about-hero .v3-eyebrow { color: var(--clay-mint); }
.story-about-hero h1 { margin: 16px auto 28px; font-size: clamp(92px, 14vw, 210px); line-height: .78; }
.story-about-hero p:not(.v3-eyebrow) { max-width: 650px; margin: 0 auto; color: #dce7ff; font-size: 20px; line-height: 1.5; }
.story-about-hero .v3-mascot { width: 230px; height: 310px; margin: 30px auto -80px; object-fit: contain; filter: drop-shadow(0 24px 18px rgba(7,16,30,.22)); animation: about-float 4s ease-in-out infinite; }
.about-hero-orbit span { position: absolute; z-index: 1; width: 210px; height: 210px; border: 2px solid rgba(255,255,255,.26); border-radius: 50%; }
.about-hero-orbit span:nth-child(1) { left: 8%; top: 23%; }
.about-hero-orbit span:nth-child(2) { right: 9%; top: 34%; width: 130px; height: 130px; }
.about-hero-orbit span:nth-child(3) { left: 22%; bottom: 12%; width: 80px; height: 80px; }
@keyframes about-float { 50% { transform: translateY(-14px) rotate(1deg); } }

.about-card-parade { min-height: 1100px; display: grid; align-items: center; padding: 140px 0; background: #f4f2ed; }
.about-card-parade-track { display: flex; justify-content: center; align-items: center; gap: 20px; transform: translateX(calc((var(--scroll-progress, .5) - .5) * -120px)); }
.about-story-card { position: relative; flex: 0 0 300px; height: 530px; padding: 28px; border: 1px solid rgba(7,16,30,.15); border-radius: 8px; overflow: hidden; box-shadow: 16px 20px 0 rgba(7,16,30,.09); }
.about-story-card:nth-child(1) { transform: rotate(-7deg) translateY(35px); }
.about-story-card:nth-child(2) { transform: rotate(4deg) translateY(-35px); }
.about-story-card:nth-child(3) { transform: rotate(-3deg) translateY(20px); }
.about-story-card:nth-child(4) { transform: rotate(6deg) translateY(-10px); }
.about-story-card span { position: relative; z-index: 2; font-size: 11px; font-weight: 900; }
.about-story-card h2 { position: relative; z-index: 2; margin-top: 24px; font-size: 36px; line-height: .98; }
.about-story-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about-story-card .v3-mascot { inset: auto 5% -10%; width: 90%; height: 65%; object-fit: contain; }
.card-luke { color: #fff; }
.card-luke:after { content: ""; position: absolute; inset: 0; background: rgba(7,16,30,.35); }
.card-context { background: var(--clay-coral); }
.card-bridge { background: var(--clay-sky); }
.card-purpose { background: var(--clay-mint); }

.about-origin-editorial { padding: 180px 0; background: #fff; }
.about-origin-editorial .shell { display: grid; grid-template-columns: .35fr 1fr; gap: 90px; }
.about-origin-index { color: var(--clay-coral); font-size: 96px; font-weight: 900; line-height: .8; }
.about-origin-index span { display: block; margin-top: 24px; color: var(--clay-ink); font-size: 12px; line-height: 1.4; }
.about-origin-editorial h2 { max-width: 1050px; margin: 16px 0 70px; font-size: clamp(60px, 7vw, 106px); line-height: .94; }
.about-copy-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.about-copy-columns p, .about-copy-columns blockquote { margin: 0; font-size: 20px; line-height: 1.65; }
.about-copy-columns blockquote { font-size: 32px; font-weight: 900; line-height: 1.2; }

.about-timeline { min-height: 1080px; padding: 150px 0; background: var(--clay-coral); }
.about-timeline header { display: grid; grid-template-columns: .35fr 1fr; gap: 80px; }
.about-timeline h2 { font-size: clamp(62px, 7vw, 108px); line-height: .9; }
.about-timeline-bars { display: flex; align-items: flex-end; gap: 8px; min-height: 570px; margin-top: 80px; }
.about-timeline-bars article { flex: 1; min-width: 0; padding: 24px; border: 1px solid rgba(7,16,30,.22); background: rgba(255,255,255,.72); transform: translateY(calc((1 - var(--scroll-progress, .5)) * 70px)); }
.about-timeline-bars article:nth-child(1) { height: 32%; }
.about-timeline-bars article:nth-child(2) { height: 46%; }
.about-timeline-bars article:nth-child(3) { height: 61%; }
.about-timeline-bars article:nth-child(4) { height: 78%; }
.about-timeline-bars article:nth-child(5) { height: 96%; background: var(--clay-ink); color: #fff; }
.about-timeline-bars time, .about-timeline-bars b { display: block; }
.about-timeline-bars time { margin-bottom: 30px; font-size: 34px; font-weight: 900; }
.about-timeline-bars b { font-size: 20px; }
.about-timeline-bars p { margin-top: 12px; font-size: 13px; line-height: 1.5; }

.about-team-band { padding: 160px 0; background: var(--clay-green); color: #fff; }
.about-team-band header { display: grid; grid-template-columns: .3fr 1fr; gap: 80px; }
.about-team-band .v3-eyebrow { color: var(--clay-mint); }
.about-team-band h2 { font-size: clamp(62px, 8vw, 118px); line-height: .9; }
.about-founder-editorial { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: end; margin-top: 100px; }
.about-founder-editorial figure { margin: 0; transform: rotate(-3deg); }
.about-founder-editorial img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 10px solid #fff; }
.about-founder-editorial figcaption { padding-top: 12px; font-weight: 900; }
.about-founder-editorial h3 { max-width: 660px; font-size: 56px; line-height: .98; }
.about-founder-editorial p { max-width: 700px; font-size: 20px; line-height: 1.6; }
.about-founder-editorial p { color: #e1f4e8; }
.about-founder-editorial a { display: inline-block; margin-top: 24px; padding-bottom: 6px; border-bottom: 2px solid #fff; font-weight: 900; }

.about-pet-press { padding: 160px 0 210px; background: #fff; }
.about-pet-press header { display: grid; grid-template-columns: .35fr 1fr; gap: 80px; }
.about-pet-press h2 { font-size: clamp(62px, 8vw, 118px); line-height: .9; }
.about-pet-collage { display: grid; grid-template-columns: 1.1fr .8fr 1fr; gap: 35px; align-items: center; margin-top: 100px; }
.about-pet-collage figure { margin: 0; padding: 10px; background: #f4f2ed; box-shadow: 18px 22px 0 rgba(7,16,30,.08); }
.about-pet-collage figure:nth-child(1) { transform: rotate(-5deg) translateY(30px); }
.about-pet-collage figure:nth-child(2) { transform: rotate(4deg) translateY(-35px); }
.about-pet-collage figure:nth-child(3) { transform: rotate(-2deg) translateY(20px); }
.about-pet-collage img { width: 100%; height: 520px; object-fit: cover; }
.about-pet-collage figcaption { display: flex; justify-content: space-between; padding: 14px 8px 8px; }

.about-beliefs-v5 { padding: 160px 0; background: var(--clay-sky); }
.about-beliefs-v5 .shell { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; }
.about-beliefs-v5 header { position: sticky; top: 130px; align-self: start; }
.about-beliefs-v5 h2 { font-size: clamp(54px, 6vw, 88px); line-height: .92; }
.about-beliefs-v5 article { display: grid; grid-template-columns: 70px 1fr; gap: 25px; min-height: 190px; padding: 34px 0; border-top: 1px solid rgba(7,16,30,.24); }
.about-beliefs-v5 article span { color: var(--clay-green); font-weight: 900; }
.about-beliefs-v5 h3 { font-size: 32px; }
.about-beliefs-v5 article p { grid-column: 2; max-width: 620px; margin: -80px 0 0; color: #465366; font-size: 17px; line-height: 1.6; }
.about-closing { min-height: 820px; display: grid; place-items: center; padding: 160px 0; background: var(--clay-ink); color: #fff; text-align: center; }
.about-closing .v3-eyebrow { color: var(--clay-mint); }
.about-closing h2 { max-width: 1180px; margin: 20px auto 50px; font-size: clamp(64px, 8vw, 124px); line-height: .9; }
.about-closing .actions { justify-content: center; }

/* Supporting pages: clean staging, varied by content rather than one repeated hero. */
.page-module-v4 .module-hero,
.page-modules-v4 .module-index-hero,
.page-plans-v4 .price-hero,
.page-app-v4 .app-hero,
.page-support-v4 .support-hero,
.page-contact-v4 .contact-hero { padding-top: 170px; }
.page-module-v4 .module-hero h1,
.page-modules-v4 .module-index-hero h1,
.page-plans-v4 .price-hero h1,
.page-app-v4 .app-hero h1 { font-size: clamp(60px, 7vw, 104px); line-height: .94; }
.page-module-v4.module-care .module-hero,
.page-module-v4.module-prescreve .module-hero,
.page-module-v4.module-copilot .module-hero { background: var(--clay-mint); text-align: center; }
.page-module-v4.module-care .module-hero-grid,
.page-module-v4.module-prescreve .module-hero-grid,
.page-module-v4.module-copilot .module-hero-grid { display: block; }
.page-module-v4.module-care .module-hero-copy,
.page-module-v4.module-prescreve .module-hero-copy,
.page-module-v4.module-copilot .module-hero-copy { max-width: 1050px; margin-inline: auto; }
.page-module-v4.module-pdv .module-hero,
.page-module-v4.module-estoque .module-hero,
.page-module-v4.module-financeiro .module-hero,
.page-module-v4.module-fiscal .module-hero { background: var(--clay-coral); }
.page-module-v4.module-agenda .module-hero,
.page-module-v4.module-flow .module-hero,
.page-module-v4.module-internacao .module-hero { background: var(--clay-sky); }
.page-plans-v4 .price-hero { background: #fff; }
.page-plans-v4 .live-plans { align-items: stretch; }
.page-plans-v4 .live-plan { transition: transform .25s ease, box-shadow .25s ease; }
.page-plans-v4 .live-plan:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(7,16,30,.12); }
.page-support-v4 .support-hero { min-height: 680px; background: var(--clay-sky); }
.page-app-v4 .app-hero { background: var(--clay-mint); }

@media (max-width: 1120px) {
  .v3-nav .nav-links { gap: 15px; }
  .v3-nav .nav-links > a[href="/sobre/"] { display: none; }
  .solution-layout-split .solution-product-hero > .shell { grid-template-columns: 1fr; }
  .solution-layout-split .solution-product-copy { max-width: 1000px; margin: 0 auto 60px; text-align: center; }
  .solution-layout-split .solution-product-copy h1, .solution-layout-split .solution-product-copy .v3-lead { margin-inline: auto; }
  .solution-layout-split .solution-product-copy .actions { justify-content: center; }
}

@media (max-width: 850px) {
  .v3 .shell { width: min(100% - 32px, 720px); }
  .v3-nav { top: 8px; height: 62px; }
  .v3-nav .nav-in { width: calc(100% - 16px); min-height: 60px; padding-inline: 14px 8px; border-radius: 10px; }
  .v3-nav .nav-links {
    position: fixed;
    display: flex;
    top: 76px;
    left: 8px;
    right: 8px;
    max-height: calc(100svh - 92px);
    padding: 18px;
    border: 1px solid var(--clay-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 26px 70px rgba(7,16,30,.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(.985);
    transition: opacity .25s ease, visibility .25s, transform .35s cubic-bezier(.2,.75,.2,1);
  }
  .v3-nav.open .nav-links { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .v3-nav .nav-links > a[href="/sobre/"] { display: flex; }
  .v3-nav .mobile-menu:has(.menu-tag) { flex: 0 0 92px; min-width: 92px; max-width: 92px; height: 44px; padding: 0 14px; border-radius: 8px; box-shadow: none; }
  .v3-nav .mobile-menu:has(.menu-tag):before { display: none; }
  .v3-nav .mega-editorial { position: static; width: 100%; min-height: 0; padding: 10px; clip-path: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; }
  .mega-editorial-head, .mega-editorial-feature { display: none !important; }
  .home-v4 .editorial-directory-layout,
  .home-v4 .home-journey .journey-layout,
  .home-v4 .tutor-home-grid,
  .about-origin-editorial .shell,
  .about-copy-columns,
  .about-timeline header,
  .about-team-band header,
  .about-founder-editorial,
  .about-pet-press header,
  .about-beliefs-v5 .shell { grid-template-columns: 1fr; }
  .home-v4 .editorial-directory .section-heading,
  .about-beliefs-v5 header { position: static; }
  .home-v4 .directory-card { grid-template-columns: 42px 1fr auto; }
  .home-v4 .directory-card p { display: none; }
  .home-pet-stories header { grid-template-columns: 1fr; }
  .pet-story-parade { overflow-x: auto; justify-content: flex-start; padding: 30px 20px 50px; }
  .pet-story-parade figure { flex: 0 0 70vw; width: 70vw; }
  .about-card-parade { min-height: 860px; }
  .about-card-parade .shell { width: 100%; }
  .about-card-parade-track { overflow-x: auto; justify-content: flex-start; padding: 80px 28px; transform: none; scroll-snap-type: x mandatory; }
  .about-story-card { flex-basis: 76vw; height: 500px; scroll-snap-align: center; }
  .about-timeline-bars { overflow-x: auto; align-items: stretch; min-height: 500px; }
  .about-timeline-bars article { flex: 0 0 68vw; height: auto !important; transform: none; }
  .about-pet-collage { overflow-x: auto; display: flex; padding: 40px 25px 70px; }
  .about-pet-collage figure { flex: 0 0 75vw; }
}

@media (max-width: 620px) {
  .story-about-hero { min-height: 820px; padding-top: 120px; }
  .story-about-hero h1 { font-size: 78px; }
  .story-about-hero p:not(.v3-eyebrow) { font-size: 17px; }
  .story-about-hero .v3-mascot { width: 190px; height: 270px; }
  .home-v4 .editorial-directory,
  .home-v4 .home-journey,
  .home-v4 .platform-band,
  .home-v4 .home-tutor,
  .home-pet-stories,
  .about-origin-editorial,
  .about-timeline,
  .about-team-band,
  .about-pet-press,
  .about-beliefs-v5,
  .about-closing { padding-block: 92px; }
  .home-v4 .directory-card { grid-template-columns: 34px 1fr; }
  .home-v4 .directory-card span { grid-column: 2; }
  .home-v4 .home-journey h2,
  .home-v4 .platform-band h2,
  .home-v4 .home-tutor h2,
  .home-pet-stories h2,
  .about-origin-editorial h2,
  .about-timeline h2,
  .about-team-band h2,
  .about-pet-press h2,
  .about-beliefs-v5 h2,
  .about-closing h2 { font-size: 48px; }
  .about-origin-index { font-size: 68px; }
  .about-copy-columns blockquote { font-size: 25px; }
  .about-founder-editorial h3 { font-size: 40px; }
  .about-beliefs-v5 article { grid-template-columns: 48px 1fr; }
  .about-beliefs-v5 article p { margin-top: -70px; }
  .solution-product-hero { min-height: 0; padding: 122px 0 70px; }
  .solution-product-copy h1 { font-size: 48px; }
  .solution-product-page .problem-band h2 { font-size: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-proof-track, .story-about-hero .v3-mascot { animation: none; }
  .about-card-parade-track, .about-timeline-bars article { transform: none; }
}

/* About interaction pass: sticky chapters, horizontal chronology and cursor-led portraits. */
.about-parade-counter { display: none; }
.about-timeline-viewport { overflow: hidden; }
.about-pet-collage figure {
  --pointer-x: 0px;
  --pointer-y: 0px;
  --pointer-rotate: 0deg;
  will-change: transform;
  transition: transform .22s cubic-bezier(.2,.75,.2,1), box-shadow .22s ease;
}
.about-pet-collage figure:nth-child(1) {
  --portrait-y: 30px;
  --portrait-rotate: -5deg;
  transform: translate3d(var(--pointer-x), calc(var(--portrait-y) + var(--pointer-y)), 0) rotate(calc(var(--portrait-rotate) + var(--pointer-rotate)));
}
.about-pet-collage figure:nth-child(2) {
  --portrait-y: -35px;
  --portrait-rotate: 4deg;
  transform: translate3d(var(--pointer-x), calc(var(--portrait-y) + var(--pointer-y)), 0) rotate(calc(var(--portrait-rotate) + var(--pointer-rotate)));
}
.about-pet-collage figure:nth-child(3) {
  --portrait-y: 20px;
  --portrait-rotate: -2deg;
  transform: translate3d(var(--pointer-x), calc(var(--portrait-y) + var(--pointer-y)), 0) rotate(calc(var(--portrait-rotate) + var(--pointer-rotate)));
}
.about-pet-collage figure:hover { z-index: 3; box-shadow: 24px 30px 0 rgba(7,16,30,.12); }

.about-beliefs-v5 article { align-items: start; column-gap: 25px; row-gap: 10px; min-height: 0; }
.about-beliefs-v5 h3 { grid-column: 2; margin: 0; line-height: 1.08; }
.about-beliefs-v5 article p { grid-column: 2; margin: 0; padding-bottom: 22px; }

/* Old module sections used white copy on navy. The new editorial surface is light. */
.page-module-v4 .module-connect { background: #edf6ef; color: var(--clay-ink); }
.page-module-v4 .module-connect h2 { color: var(--clay-ink); }
.page-module-v4 .module-connect p { color: #465366; }
.page-module-v4 .connection-map { border-color: rgba(7,16,30,.18); }
.page-module-v4 .connection-map::before,
.page-module-v4 .connection-map::after { border-color: rgba(7,16,30,.18); }

/* Tutor page keeps product screens as the visual, without an ambient background film. */
.page-app-v4 .app-hero > .motion-media { display: none !important; }
.page-app-v4 .app-hero::after { display: none; }

@media (min-width: 851px) {
  .about-card-parade { min-height: 0; height: 360vh; padding: 0; display: block; }
  .about-card-parade > .shell {
    position: sticky;
    top: 0;
    width: 100%;
    max-width: none;
    height: 100vh;
    overflow: hidden;
  }
  .about-card-parade-track { position: absolute; inset: 0; display: block; transform: none; }
  .about-story-card {
    --card-x: 360px;
    --card-y: 40px;
    --card-scale: .88;
    --card-opacity: 0;
    --card-rotate: 0deg;
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(620px, 46vw);
    height: min(680px, 72vh);
    opacity: var(--card-opacity);
    transform: translate(-50%, -50%) translate3d(var(--card-x), var(--card-y), 0) rotate(var(--card-rotate)) scale(var(--card-scale));
    transform-origin: 50% 70%;
    will-change: transform, opacity;
    pointer-events: none;
  }
  .about-story-card:nth-child(1),
  .about-story-card:nth-child(2),
  .about-story-card:nth-child(3),
  .about-story-card:nth-child(4) { transform: translate(-50%, -50%) translate3d(var(--card-x), var(--card-y), 0) rotate(var(--card-rotate)) scale(var(--card-scale)); }
  .about-story-card h2 { max-width: 520px; font-size: clamp(42px, 4.4vw, 68px); }
  .about-parade-counter {
    position: absolute;
    z-index: 10;
    right: 42px;
    bottom: 36px;
    display: grid;
    grid-template-columns: auto 120px auto;
    gap: 12px;
    align-items: center;
    font-size: 12px;
    font-weight: 900;
  }
  .about-parade-counter i { height: 2px; background: rgba(7,16,30,.18); overflow: hidden; }
  .about-parade-counter i::after { content: ""; display: block; width: var(--scroll-percent,0%); height: 100%; background: var(--clay-ink); }

  .about-timeline { min-height: 0; height: 340vh; padding: 0; }
  .about-timeline > .shell {
    position: sticky;
    top: 0;
    width: 100%;
    max-width: none;
    height: 100vh;
    padding: 90px 6vw 45px;
    overflow: hidden;
  }
  .about-timeline header { grid-template-columns: 260px minmax(600px, 930px); gap: 56px; align-items: end; }
  .about-timeline h2 { font-size: clamp(58px, 6vw, 96px); }
  .about-timeline-viewport { position: absolute; right: 0; bottom: 42px; left: 0; height: 50vh; overflow: hidden; }
  .about-timeline-bars {
    --timeline-shift: 0px;
    position: absolute;
    left: 6vw;
    bottom: 0;
    width: max-content;
    min-height: 0;
    height: 100%;
    margin: 0;
    gap: 14px;
    transform: translate3d(var(--timeline-shift), 0, 0);
    will-change: transform;
  }
  .about-timeline-bars::before,
  .about-timeline-bars::after { content: ""; position: absolute; z-index: 5; left: 0; bottom: 22px; height: 3px; }
  .about-timeline-bars::before { width: 100%; background: rgba(7,16,30,.18); }
  .about-timeline-bars::after { width: var(--scroll-percent,0%); background: var(--clay-ink); }
  .about-timeline-bars article {
    flex: 0 0 360px;
    width: 360px;
    min-width: 360px;
    height: calc(54% + (var(--timeline-index, 0) * 9%)) !important;
    padding: 28px;
    color: var(--clay-ink);
    opacity: 1;
    transform: translateY(28px) scale(.96);
    transform-origin: bottom;
    transition: transform .45s cubic-bezier(.2,.75,.2,1), background .32s ease, box-shadow .32s ease;
  }
  .about-timeline-bars article:nth-child(1) { --timeline-index: 0; }
  .about-timeline-bars article:nth-child(2) { --timeline-index: 1; }
  .about-timeline-bars article:nth-child(3) { --timeline-index: 2; }
  .about-timeline-bars article:nth-child(4) { --timeline-index: 3; }
  .about-timeline-bars article:nth-child(5) { --timeline-index: 4; }
  .about-timeline-bars article.timeline-active { transform: translateY(0) scale(1); box-shadow: 0 26px 55px rgba(7,16,30,.16); }
  .about-timeline-bars article:not(:nth-child(5)) p { color: #465366; }
  .about-timeline-bars article:nth-child(5) p { color: #d6deea; }
  .about-timeline-bars time { font-size: 52px; }
}

@media (max-width: 850px) {
  .about-card-parade { min-height: 0; padding: 74px 0; }
  .about-story-card { min-width: 76vw; }
  .about-timeline { min-height: 0; padding: 92px 0; }
  .about-timeline-viewport { width: calc(100% + 32px); margin-left: -16px; overflow-x: auto; }
  .about-timeline-bars { padding: 0 16px 18px; }
  .about-pet-collage figure:nth-child(1),
  .about-pet-collage figure:nth-child(2),
  .about-pet-collage figure:nth-child(3) { --pointer-x: 0px !important; --pointer-y: 0px !important; --pointer-rotate: 0deg !important; }
  .about-beliefs-v5 article { grid-template-columns: 48px minmax(0, 1fr); }
  .about-beliefs-v5 article p { margin: 0; padding-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .about-card-parade { height: auto; padding: 100px 0; }
  .about-card-parade > .shell { position: static; width: min(1380px, calc(100% - 64px)); height: auto; overflow: visible; }
  .about-card-parade-track { position: static; display: flex; transform: none; }
  .about-story-card { position: relative; inset: auto; width: auto; opacity: 1; transform: none !important; }
  .about-timeline { height: auto; padding: 120px 0; }
  .about-timeline > .shell { position: static; width: min(1380px, calc(100% - 64px)); height: auto; padding: 0; overflow: visible; }
  .about-timeline-viewport { position: static; height: auto; overflow-x: auto; }
  .about-timeline-bars { position: static; transform: none; }
  .about-timeline-bars article { opacity: 1; transform: none; }
}

/* Refinement pass: contrast, product-specific compositions and a Clay-like mobile navigation. */
.solution-v3 .recommended-modules article {
  color: #fff;
  transition: background .24s ease, color .24s ease, transform .24s ease;
}
.solution-v3 .recommended-modules article h3 { color: inherit; }
.solution-v3 .recommended-modules article p { color: #d7e9df; }
.solution-v3 .recommended-modules article > span { color: #a9e8c0; }
.solution-v3 .recommended-modules article a { color: #fff; }
.solution-v3 .recommended-modules article:hover,
.solution-v3 .recommended-modules article:focus-within {
  z-index: 2;
  background: #fff;
  color: var(--clay-ink);
  transform: translateY(-5px);
  box-shadow: 0 22px 50px rgba(7,16,30,.16);
}
.solution-v3 .recommended-modules article:hover p,
.solution-v3 .recommended-modules article:focus-within p { color: #4c596a; }
.solution-v3 .recommended-modules article:hover > span,
.solution-v3 .recommended-modules article:focus-within > span,
.solution-v3 .recommended-modules article:hover a,
.solution-v3 .recommended-modules article:focus-within a { color: var(--clay-green); }
.solution-v3 .modules-band > .shell > .text-link.light { color: #fff; border-bottom-color: #fff; }
.solution-v3 .modules-band > .shell > .text-link.light:hover { color: var(--clay-mint); border-bottom-color: var(--clay-mint); }
.v3 :is(.problem-grid article,.directory-card,.module-feature-grid article,.feature-copy article,.support-category):focus-within {
  outline: 3px solid var(--clay-coral);
  outline-offset: -3px;
}

/* Home / Meu Pet: the mascot and phone now share one intentional product stage. */
.home-v4 .tutor-home-grid {
  grid-template-columns: minmax(500px,.95fr) minmax(0,1.05fr);
  gap: clamp(70px,8vw,130px);
  align-items: center;
}
.tutor-product-stage {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  border: 1px solid rgba(7,16,30,.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at 24% 20%, rgba(255,255,255,.82) 0 12%, transparent 12.5%),
    linear-gradient(145deg,#d9f6ed 0 48%,#89dce8 48% 100%);
  box-shadow: 24px 28px 0 rgba(7,16,30,.1);
}
.tutor-product-stage::before,
.tutor-product-stage::after {
  content: "";
  position: absolute;
  border: 2px solid rgba(18,107,76,.35);
  border-radius: 50%;
}
.tutor-product-stage::before { width: 360px; height: 180px; right: -90px; top: 80px; transform: rotate(-18deg); }
.tutor-product-stage::after { width: 430px; height: 230px; left: -150px; bottom: 20px; transform: rotate(12deg); }
.tutor-product-stage .phone-shot {
  position: absolute;
  z-index: 3;
  top: 44px;
  right: 9%;
  width: 245px;
  height: 525px;
  transform: rotate(6deg);
  box-shadow: 22px 26px 0 rgba(7,16,30,.14),0 28px 60px rgba(7,16,30,.18);
}
.tutor-product-stage .v3-mascot {
  position: absolute;
  z-index: 4;
  left: 1%;
  bottom: -35px;
  width: 315px;
  height: 470px;
  object-fit: contain;
  filter: drop-shadow(0 22px 18px rgba(7,16,30,.18));
}
.tutor-stage-chip {
  position: absolute;
  z-index: 5;
  padding: 10px 13px;
  border: 1px solid rgba(7,16,30,.14);
  border-radius: 9px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 28px rgba(7,16,30,.11);
  color: var(--clay-green);
  font-size: 10px;
  font-weight: 900;
}
.chip-profile { left: 7%; top: 9%; }
.chip-routine { right: 4%; bottom: 8%; }
.tutor-home-copy > p:not(.v3-eyebrow) { max-width: 650px; color: #455568; font-size: 19px; line-height: 1.65; }
.tutor-home-copy .actions { margin-top: 32px; }

@media (max-width: 1050px) {
  .home-v4 .tutor-home-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 60px;
  }
  .tutor-product-stage { width: min(720px,100%); margin-inline: auto; }
  .tutor-home-copy { width: min(720px,100%); margin-inline: auto; }
}

/* Every business solution gets a recognisable product-page composition. */
.solution-product-page { --solution-hero: #fff; --solution-demo: var(--clay-coral); }
.solution-product-page .solution-product-hero { background: var(--solution-hero); }
.solution-product-page .product-system-demo { background: var(--solution-demo); }
.solution-pet-shop { --solution-hero: #fff4ef; --solution-demo: var(--clay-coral); }
.solution-veterinario-independente { --solution-hero: #f1eee7; --solution-demo: #ff8b6e; }
.solution-clinica-veterinaria { --solution-hero: var(--clay-mint); --solution-demo: var(--clay-cobalt); }
.solution-hospital-veterinario { --solution-hero: var(--clay-ink); --solution-demo: #f2ca4b; }
.solution-banho-e-tosa { --solution-hero: var(--clay-sky); --solution-demo: #fff; }
.solution-hotel-e-day-care { --solution-hero: #ffd4c8; --solution-demo: var(--clay-green); }
.solution-laboratorio-veterinario { --solution-hero: #e9edf7; --solution-demo: var(--clay-navy); }
.solution-redes-pet { --solution-hero: #d5f3df; --solution-demo: var(--clay-cobalt); }

@media (min-width: 1121px) {
  .solution-pet-shop .solution-product-hero > .shell,
  .solution-hospital-veterinario .solution-product-hero > .shell,
  .solution-banho-e-tosa .solution-product-hero > .shell {
    display: grid;
    grid-template-columns: minmax(360px,.68fr) minmax(650px,1.32fr);
    gap: 70px;
    align-items: center;
  }
  .solution-pet-shop .solution-product-copy,
  .solution-hospital-veterinario .solution-product-copy,
  .solution-banho-e-tosa .solution-product-copy { margin: 0; text-align: left; }
  .solution-pet-shop .solution-product-copy :is(h1,.v3-lead),
  .solution-hospital-veterinario .solution-product-copy :is(h1,.v3-lead),
  .solution-banho-e-tosa .solution-product-copy :is(h1,.v3-lead) { margin-inline: 0; }
  .solution-pet-shop .solution-product-copy .actions,
  .solution-hospital-veterinario .solution-product-copy .actions,
  .solution-banho-e-tosa .solution-product-copy .actions { justify-content: flex-start; }
  .solution-pet-shop .solution-product-copy h1,
  .solution-hospital-veterinario .solution-product-copy h1,
  .solution-banho-e-tosa .solution-product-copy h1 { font-size: clamp(58px,5.25vw,82px); }

  .solution-banho-e-tosa .solution-product-hero > .shell { grid-template-columns: minmax(650px,1.25fr) minmax(360px,.75fr); }
  .solution-banho-e-tosa .product-system-demo { grid-column: 1; grid-row: 1; transform: rotate(-1.5deg); }
  .solution-banho-e-tosa .solution-product-copy { grid-column: 2; grid-row: 1; }

  .solution-clinica-veterinaria .solution-product-hero > .shell {
    display: grid;
    grid-template-columns: minmax(640px,1.2fr) minmax(380px,.8fr);
    gap: 76px;
    align-items: center;
  }
  .solution-clinica-veterinaria .product-system-demo { grid-column: 1; grid-row: 1; min-height: 760px; }
  .solution-clinica-veterinaria .solution-product-copy { grid-column: 2; grid-row: 1; margin: 0; text-align: left; }
  .solution-clinica-veterinaria .solution-product-copy :is(h1,.v3-lead) { margin-inline: 0; }
  .solution-clinica-veterinaria .solution-product-copy h1 { font-size: clamp(56px,5vw,78px); }
  .solution-clinica-veterinaria .solution-product-copy .actions { justify-content: flex-start; }

  .solution-veterinario-independente .product-system-demo { max-width: 980px; transform: rotate(1deg); }
  .solution-veterinario-independente .product-flow-card:nth-of-type(odd) { border-radius: 26px 8px 26px 8px; }
  .solution-hotel-e-day-care .solution-product-copy { max-width: 1100px; }
  .solution-hotel-e-day-care .product-system-demo { min-height: 760px; border-radius: 34px 34px 8px 8px; }
  .solution-laboratorio-veterinario .product-system-demo { max-width: 1120px; transform: rotate(-.8deg); }
  .solution-redes-pet .product-system-demo { min-height: 780px; }
}
.solution-hospital-veterinario .solution-product-copy { color: #fff; }
.solution-hospital-veterinario .solution-product-copy .v3-eyebrow { color: #91e2ad; }
.solution-hospital-veterinario .solution-product-copy .v3-lead,
.solution-hospital-veterinario .trial-note { color: #c8d2df; }
.solution-hospital-veterinario .solution-product-copy .btn.outline { border-color: rgba(255,255,255,.65); background: transparent; color: #fff; }
.solution-hospital-veterinario .solution-product-copy .btn.outline:hover { background: #fff; color: var(--clay-ink); }
.solution-hospital-veterinario .product-system-demo { box-shadow: 24px 28px 0 rgba(255,255,255,.08); }
.solution-banho-e-tosa .product-system-demo { box-shadow: 22px 26px 0 rgba(7,16,30,.1); }
.solution-hotel-e-day-care .problem-band { background: #fff8f4; }
.solution-laboratorio-veterinario .product-flow-canvas { background: #eef3ff; }
.solution-laboratorio-veterinario .product-system-demo > header { background: #07101e; color: #fff; }
.solution-laboratorio-veterinario .product-system-demo > header small { color: #c7d4e8; }
.solution-redes-pet .product-flow-card { box-shadow: 9px 11px 0 rgba(23,72,210,.12); }

/* Module families no longer collapse into the same white, centred template. */
@media (min-width: 901px) {
  .page-module-v4:is(.module-pdv,.module-financeiro,.module-crm) .module-hero-grid,
  .page-module-v4:is(.module-estoque,.module-fiscal) .module-hero-grid,
  .page-module-v4:is(.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care) .module-hero-grid,
  .page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio) .module-hero-grid {
    display: grid;
    grid-template-columns: minmax(380px,.75fr) minmax(600px,1.25fr);
    gap: 72px;
    align-items: center;
  }
  .page-module-v4:is(.module-pdv,.module-financeiro,.module-crm,.module-estoque,.module-fiscal,.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care,.module-internacao,.module-centro-cirurgico,.module-laboratorio) .module-hero-grid > div:first-child {
    margin: 0;
    text-align: left;
  }
  .page-module-v4:is(.module-pdv,.module-financeiro,.module-crm,.module-estoque,.module-fiscal,.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care,.module-internacao,.module-centro-cirurgico,.module-laboratorio) .module-hero :is(h1,.lead) { margin-inline: 0; }
  .page-module-v4:is(.module-pdv,.module-financeiro,.module-crm,.module-estoque,.module-fiscal,.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care,.module-internacao,.module-centro-cirurgico,.module-laboratorio) .module-hero .actions { justify-content: flex-start; }
  .page-module-v4:is(.module-estoque,.module-fiscal,.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care) .hero-workspace {
    grid-column: 1;
    grid-row: 1;
    transform: rotate(-1.2deg);
  }
  .page-module-v4:is(.module-estoque,.module-fiscal,.module-agenda,.module-flow,.module-banho-e-tosa,.module-hotel-e-day-care) .module-hero-grid > div:first-child { grid-column: 2; grid-row: 1; }
  .page-module-v4:is(.module-care,.module-prescreve) .module-hero-grid { display: block; }
  .page-module-v4:is(.module-care,.module-prescreve) .module-hero-grid > div:first-child { max-width: 980px; margin: 0 auto 60px; text-align: center; }
  .page-module-v4.module-copilot .module-hero-grid { display: block; }
  .page-module-v4.module-copilot .module-hero-grid > div:first-child { max-width: 1050px; margin: 0 auto 70px; text-align: center; }
}
.page-module-v4.module-pdv .module-hero { background: #ff866b !important; }
.page-module-v4.module-estoque .module-hero { background: #f7d85f !important; }
.page-module-v4.module-financeiro .module-hero { background: #d5f1df !important; }
.page-module-v4.module-fiscal .module-hero { background: #f0eee7 !important; }
.page-module-v4.module-crm .module-hero { background: #a8e8f2 !important; }
.page-module-v4.module-agenda .module-hero { background: #d9f2ff !important; }
.page-module-v4.module-flow .module-hero { background: #ffd7cd !important; }
.page-module-v4.module-banho-e-tosa .module-hero { background: #d7f1e0 !important; }
.page-module-v4.module-hotel-e-day-care .module-hero { background: #ffe6a8 !important; }
.page-module-v4:is(.module-care,.module-prescreve) .module-hero { background: var(--clay-mint) !important; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio) .module-hero,
.page-module-v4.module-copilot .module-hero { background: var(--clay-ink) !important; color: #fff !important; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio,.module-copilot) .module-hero h1 { color: #fff; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio,.module-copilot) .module-hero .lead { color: #cad4e1 !important; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio,.module-copilot) .module-hero .eyebrow { color: #9de2b5 !important; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio,.module-copilot) .module-back { color: #c4cfdd !important; }
.page-module-v4:is(.module-internacao,.module-centro-cirurgico,.module-laboratorio,.module-copilot) .module-hero .btn.ghost { border-color: rgba(255,255,255,.55); background: transparent; color: #fff; }
.page-module-v4 .hero-workspace,
.page-module-v4 .module-console { transition: transform .35s cubic-bezier(.2,.75,.2,1), box-shadow .35s ease; }
.page-module-v4 .hero-workspace:hover,
.page-module-v4 .module-console:hover { transform: translateY(-8px) rotate(.35deg); box-shadow: 0 34px 80px rgba(7,16,30,.2); }

/* Agenda: telas reais mostram a sequência completa, não uma interface simulada. */
.page-module-v4.module-agenda .module-hero-grid {
  display: block;
}
.page-module-v4.module-agenda .module-hero-grid > div:first-child {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
.page-module-v4.module-agenda .module-hero :is(h1,.lead) { margin-inline: auto; }
.page-module-v4.module-agenda .module-hero .actions { justify-content: center; }
.module-real-product {
  width: min(1200px,100%);
  min-height: 0 !important;
  margin: 64px auto 0 !important;
  border: 1px solid #cad5dd !important;
  border-radius: 16px !important;
  background: #fff;
  box-shadow: 22px 26px 0 rgba(7,16,30,.09) !important;
  transform: none !important;
}
.module-real-product:hover { transform: translateY(-5px) !important; }
.module-real-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  padding: 14px 20px;
  border-bottom: 1px solid #d7ddd9;
  background: #fff;
}
.module-real-bar span { display: inline-flex; align-items: center; gap: 6px; }
.module-real-bar span i { width: 8px; height: 8px; border-radius: 50%; background: #ff7658; }
.module-real-bar span i:nth-child(2) { background: #50c878; }
.module-real-bar span i:nth-child(3) { background: #0d1b3d; }
.module-real-bar span b { margin-left: 8px; font-size: 13px; }
.module-real-bar small { color: #667387; font-size: 9px; font-weight: 900; letter-spacing: .06em; }
.module-real-canvas { aspect-ratio: 3452 / 1874; overflow: hidden; background: #eef2f6; }
.module-real-canvas img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.module-real-product figcaption {
  display: grid;
  grid-template-columns: minmax(170px,.42fr) 1fr;
  gap: 24px;
  align-items: center;
  padding: 18px 22px 20px;
  border-top: 1px solid #d7ddd9;
  background: #fff;
}
.module-real-product figcaption strong { color: #126b4c; font-size: 14px; }
.module-real-product figcaption p { margin: 0; color: #455568; font-size: 13px; line-height: 1.45; }

.page-module-v4.module-agenda .agenda-product-tour { padding: clamp(90px,10vw,150px) 0; background: #07101e; color: #fff; }
.agenda-tour-heading {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.65fr);
  gap: clamp(40px,7vw,110px);
  align-items: end;
}
.agenda-tour-heading .eyebrow { color: #91e2ad; }
.agenda-tour-heading h2 { max-width: 900px; margin: 14px 0 0; font-size: clamp(50px,6.4vw,92px); line-height: .93; text-wrap: balance; }
.agenda-tour-heading > p { margin: 0; color: #c8d2df; font-size: 18px; line-height: 1.62; }
.agenda-tour-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; margin-top: 72px; }
.agenda-tour-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  background: #fff;
  color: #07101e;
  box-shadow: 16px 18px 0 rgba(80,200,120,.1);
  transition: transform .35s cubic-bezier(.2,.75,.2,1), box-shadow .35s ease;
}
.agenda-tour-card:hover { transform: translateY(-7px); box-shadow: 20px 24px 0 rgba(80,200,120,.15); }
.agenda-tour-image { aspect-ratio: 16 / 10; overflow: hidden; background: #eef2f6; }
.agenda-tour-image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; }
.agenda-tour-card.is-atendimento .agenda-tour-image img,
.agenda-tour-card.is-espera .agenda-tour-image img { object-position: right top; }
.agenda-tour-card figcaption { display: grid; grid-template-columns: 38px 1fr; gap: 18px; padding: 24px 26px 28px; }
.agenda-tour-card figcaption > span { color: #ff7658; font-size: 12px; font-weight: 900; }
.agenda-tour-card figcaption h3 { margin: 0 0 7px; font-size: 24px; }
.agenda-tour-card figcaption p { margin: 0; color: #526175; font-size: 14px; line-height: 1.5; }

@media (max-width: 760px) {
  .page-module-v4.module-agenda .module-hero-grid > div:first-child { text-align: left; }
  .page-module-v4.module-agenda .module-hero :is(h1,.lead) { margin-inline: 0; }
  .page-module-v4.module-agenda .module-hero .actions { justify-content: stretch; }
  .module-real-product { margin-top: 40px !important; border-radius: 12px !important; box-shadow: 9px 11px 0 rgba(7,16,30,.09) !important; }
  .module-real-bar { min-height: 48px; padding: 10px 12px; }
  .module-real-bar small { font-size: 7px; }
  .module-real-canvas { aspect-ratio: 4 / 3; }
  .module-real-canvas img { width: auto; height: 100%; max-width: none; object-position: center top; }
  .module-real-product figcaption { display: block; padding: 14px 15px 16px; }
  .module-real-product figcaption p { margin-top: 4px; font-size: 11px; }
  .agenda-tour-heading { grid-template-columns: 1fr; gap: 24px; }
  .agenda-tour-heading h2 { font-size: 44px; }
  .agenda-tour-heading > p { font-size: 16px; }
  .agenda-tour-grid { grid-template-columns: 1fr; gap: 20px; margin-top: 44px; }
  .agenda-tour-image { aspect-ratio: 4 / 3; }
  .agenda-tour-image img { width: auto; height: 100%; max-width: none; }
  .agenda-tour-card.is-atendimento .agenda-tour-image img,
  .agenda-tour-card.is-espera .agenda-tour-image img { object-position: right top; }
  .agenda-tour-card figcaption { padding: 18px; }
  .agenda-tour-card figcaption h3 { font-size: 21px; }
}

/* About closing actions must remain legible on the dark stage. */
.about-closing .btn.outline {
  border: 2px solid rgba(255,255,255,.82);
  background: transparent;
  color: #fff;
}
.about-closing .btn.outline:hover,
.about-closing .btn.outline:focus-visible { border-color: var(--clay-coral); background: var(--clay-coral); color: var(--clay-ink); }

/* Mobile: visual first in the home hero, then the message and actions. */
@media (max-width: 620px) {
  .home-v4 .scenic-home-hero {
    height: auto;
    min-height: 0;
    padding: 510px 0 70px;
    background: var(--clay-paper);
  }
  .scenic-home-hero > .motion-background { top: 68px; bottom: auto; height: 430px; object-position: center bottom; }
  .scenic-home-hero::after { inset: 68px 0 auto; height: 432px; background: linear-gradient(to bottom,transparent 58%,var(--clay-paper)); }
  .scenic-interface { top: 68px; height: 430px; }
  .scenic-location { top: 17%; }
  .scenic-care-card { top: 24%; }
  .scenic-phone { bottom: 8%; }
  .scenic-mascot { bottom: 0; }
  .scenic-connection { top: 64%; }
  .scenic-hero-copy { text-align: left; }
  .scenic-hero-copy h1 { margin-inline: 0; font-size: 42px; line-height: .98; text-wrap: balance; }
  .scenic-hero-copy .v3-lead { margin-inline: 0; font-size: 17px; }
  .scenic-hero-copy .actions { margin-top: 25px; }

  .home-v4 .tutor-home-grid { gap: 54px; }
  .tutor-product-stage { min-height: 480px; border-radius: 18px; box-shadow: 12px 15px 0 rgba(7,16,30,.09); }
  .tutor-product-stage .phone-shot { top: 34px; right: 5%; width: 178px; height: 380px; }
  .tutor-product-stage .v3-mascot { display: block; left: -8%; bottom: -34px; width: 220px; height: 330px; }
  .tutor-stage-chip { padding: 8px 9px; font-size: 8px; }
  .chip-profile { left: 4%; top: 7%; }
  .chip-routine { right: 3%; bottom: 5%; }
  .tutor-home-copy > p:not(.v3-eyebrow) { font-size: 17px; }

  .solution-hospital-veterinario .solution-product-copy { color: #fff; }
  .solution-hospital-veterinario .solution-product-copy .v3-lead,
  .solution-hospital-veterinario .trial-note { color: #c8d4e6; }
  .solution-hospital-veterinario .solution-product-copy .btn.outline { border-color: rgba(255,255,255,.72); color: #fff; }
}

/* Clay-like mobile navigation: one calm full-screen index, never a squeezed desktop row. */
@media (max-width: 950px) {
  html.menu-open, html.menu-open body { overflow: hidden; }
  .v3-nav.open { top: 0; height: 100dvh; padding: 8px; overflow-y: auto; background: var(--clay-paper); }
  .v3-nav.open .nav-in {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 60px auto;
    align-content: start;
    width: 100%;
    min-height: calc(100dvh - 16px);
    height: auto;
    padding: 0 12px 22px 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
  }
  .v3-nav.open .logo { grid-column: 1; grid-row: 1; align-self: center; }
  .v3-nav.open .mobile-menu { grid-column: 2; grid-row: 1; align-self: center; }
  .v3-nav.open .nav-links {
    position: static;
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    gap: 0;
    width: 100%;
    max-height: none;
    height: auto;
    padding: 18px 0 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .v3-nav.open .nav-item { display: block; width: 100%; height: auto; }
  .v3-nav.open .nav-item > a,
  .v3-nav.open .nav-links > a:not(.nav-cta) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 64px;
    padding: 0 5px;
    border-bottom: 1px solid var(--clay-line);
    color: var(--clay-ink);
    font-size: clamp(22px,6vw,31px);
    line-height: 1;
  }
  .v3-nav.open .nav-item > a:hover,
  .v3-nav.open .nav-links > a:not(.nav-cta):hover { color: var(--clay-green); transform: none; }
  .v3-nav.open .nav-cta {
    width: 100%;
    min-height: 58px;
    height: auto;
    margin-top: 20px;
    border-radius: 8px;
    background: var(--clay-ink);
    color: #fff;
    font-size: 16px;
  }
  .v3-nav.open .nav-item.expanded .mega-editorial {
    position: static;
    display: grid !important;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 8px 0 18px;
    border: 0;
    border-bottom: 1px solid var(--clay-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    clip-path: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .v3-nav.open .mega-editorial-links { grid-template-columns: 1fr; gap: 2px; }
  .v3-nav.open .mega-editorial-links > a { min-height: 58px; padding: 10px 6px; }
  .v3-nav.open .mega-editorial-links em { display: none; }
  .v3-nav.open .mega-editorial-links b { font-size: 15px; }
  .v3-nav.open .mega-editorial-head,
  .v3-nav.open .mega-editorial-feature { display: none !important; }
  .v3-nav .mobile-menu:has(.menu-tag) {
    min-width: 88px;
    max-width: 88px;
    height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: var(--clay-ink);
    box-shadow: none;
  }
  .v3-nav .mobile-menu:has(.menu-tag)::before { display: none; }
  .v3-nav.open .mobile-menu:has(.menu-tag) { background: var(--clay-coral); }
}

/* Mobile parity: Clay-scale navigation and the same scroll-directed story as desktop. */
.mobile-nav-cta { display: none; }

@media (max-width: 950px) {
  .v3-nav,
  .v3-nav.open {
    top: 0;
    height: 58px;
    padding: 0;
    overflow: visible;
    background: transparent;
  }
  .v3-nav .nav-in,
  .v3-nav.open .nav-in {
    position: relative;
    display: flex;
    width: calc(100% - 20px);
    min-height: 58px;
    height: 58px;
    padding: 0 10px 0 18px;
    gap: 10px;
    border: 1px solid rgba(7,16,30,.12);
    border-top: 0;
    border-radius: 0 0 24px 24px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 8px 24px rgba(7,16,30,.08);
    backdrop-filter: none;
  }
  .v3-nav .logo,
  .v3-nav.open .logo { position: relative; z-index: 3; grid-area: auto; order: 0; margin-right: auto; }
  .v3-nav .logo img { width: auto; height: 24px; }
  .mobile-nav-cta {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 105px;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    background: #f2f0ea;
    color: var(--clay-ink);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    order: 1;
  }
  .v3-nav .mobile-menu:has(.menu-tag),
  .v3-nav.open .mobile-menu:has(.menu-tag) {
    position: relative;
    z-index: 3;
    display: grid;
    grid-area: auto;
    flex: 0 0 40px;
    min-width: 40px;
    max-width: 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    transform: none;
    order: 2;
  }
  .v3-nav .mobile-menu:has(.menu-tag)::before { display: none; }
  .v3-nav .menu-tag { display: grid; place-items: center; gap: 0; }
  .v3-nav .menu-label { display: none; }
  .v3-nav .menu-tag > i,
  .v3-nav.open .menu-tag > i {
    position: relative;
    width: 16px;
    height: 1px;
    border: 0;
    border-radius: 0;
    background: var(--clay-ink);
    box-shadow: none;
    animation: none;
  }
  .v3-nav .menu-tag > i::before,
  .v3-nav .menu-tag > i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 1px;
    background: var(--clay-ink);
    transition: transform .22s ease, top .22s ease;
  }
  .v3-nav .menu-tag > i::before { top: -5px; }
  .v3-nav .menu-tag > i::after { top: 5px; }
  .v3-nav.open .menu-tag > i { background: transparent; }
  .v3-nav.open .menu-tag > i::before { top: 0; transform: rotate(45deg); }
  .v3-nav.open .menu-tag > i::after { top: 0; transform: rotate(-45deg); }

  .v3-nav.open .nav-links {
    position: fixed;
    z-index: 1;
    inset: 0 10px 8px;
    display: block;
    width: auto;
    max-height: none;
    height: auto;
    padding: 82px 15px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid rgba(7,16,30,.12);
    border-top: 0;
    border-radius: 0 0 24px 24px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(7,16,30,.12);
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .v3-nav.open .nav-item { position: static; display: block; width: 100%; height: auto; }
  .v3-nav.open .nav-item > a,
  .v3-nav.open .nav-links > a:not(.nav-cta) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    padding: 0;
    border: 0;
    color: var(--clay-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  .v3-nav.open .nav-item > a .chev {
    width: 7px;
    height: 7px;
    margin-right: 3px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    color: transparent;
    font-size: 0;
    transform: rotate(45deg);
  }
  .v3-nav.open .nav-item.expanded > a .chev { transform: rotate(135deg); }
  .v3-nav.open .nav-links > .nav-cta { display: none; }
  .v3-nav.open .nav-item.expanded .mega-editorial {
    position: static;
    display: grid !important;
    width: 100%;
    min-height: 0;
    margin: 0 0 10px;
    padding: 5px 0 12px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .v3-nav.open .mega-editorial-links { display: grid; grid-template-columns: 1fr; gap: 0; }
  .v3-nav.open .mega-editorial-links > a { min-height: 38px; padding: 5px 0; }
  .v3-nav.open .mega-editorial-links small,
  .v3-nav.open .mega-editorial-links em { display: none; }
  .v3-nav.open .mega-editorial-links b { font-size: 14px; font-weight: 700; }
}

@media (max-width: 850px) and (prefers-reduced-motion: no-preference) {
  .about-card-parade {
    min-height: 0;
    height: 330svh;
    padding: 0;
    display: block;
  }
  .about-card-parade > .shell {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100svh;
    overflow: hidden;
  }
  .about-card-parade-track {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0;
    overflow: hidden;
    transform: none;
  }
  .about-story-card {
    --card-x: 110px;
    --card-y: 24px;
    --card-scale: .93;
    --card-opacity: 0;
    --card-rotate: 0deg;
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(82vw,390px);
    min-width: 0;
    height: min(66svh,570px);
    padding: 24px;
    opacity: var(--card-opacity);
    transform: translate(-50%,-50%) translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-rotate)) scale(var(--card-scale));
    transform-origin: 50% 70%;
    scroll-snap-align: none;
    will-change: transform,opacity;
    pointer-events: none;
  }
  .about-story-card:nth-child(1),
  .about-story-card:nth-child(2),
  .about-story-card:nth-child(3),
  .about-story-card:nth-child(4) { transform: translate(-50%,-50%) translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-rotate)) scale(var(--card-scale)); }
  .about-story-card h2 { max-width: 300px; font-size: 34px !important; }
  .about-parade-counter {
    position: absolute;
    z-index: 10;
    right: 22px;
    bottom: 22px;
    display: grid;
    grid-template-columns: auto 76px auto;
    align-items: center;
    gap: 9px;
    font-size: 11px;
    font-weight: 900;
  }
  .about-parade-counter i { height: 2px; background: rgba(7,16,30,.18); overflow: hidden; }
  .about-parade-counter i::after { content: ""; display: block; width: var(--scroll-percent,0%); height: 100%; background: var(--clay-ink); }

  .about-timeline {
    min-height: 0;
    height: 330svh;
    padding: 0;
  }
  .about-timeline > .shell {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100svh;
    padding: 86px 20px 20px;
    overflow: hidden;
  }
  .about-timeline header { display: block; }
  .about-timeline h2 { margin-top: 12px; font-size: 36px !important; line-height: .95; }
  .about-timeline-viewport {
    position: absolute;
    inset: 245px 0 24px;
    width: auto;
    height: auto;
    margin: 0;
    overflow: hidden;
  }
  .about-timeline-bars {
    --timeline-shift: 0px;
    position: absolute;
    left: 20px;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    width: max-content;
    min-height: 0;
    height: 100%;
    margin: 0;
    padding: 0 0 18px;
    gap: 10px;
    overflow: visible;
    transform: translate3d(var(--timeline-shift),0,0);
    will-change: transform;
  }
  .about-timeline-bars::before,
  .about-timeline-bars::after { content: ""; position: absolute; left: 0; bottom: 8px; height: 2px; }
  .about-timeline-bars::before { width: 100%; background: rgba(7,16,30,.2); }
  .about-timeline-bars::after { width: var(--scroll-percent,0%); background: var(--clay-ink); }
  .about-timeline-bars article {
    flex: 0 0 min(78vw,320px);
    width: min(78vw,320px);
    min-width: min(78vw,320px);
    height: calc(72% + (var(--timeline-index,0) * 5%)) !important;
    padding: 22px;
    opacity: 1;
    transform: translateY(20px) scale(.965);
    transform-origin: bottom;
    transition: transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease;
  }
  .about-timeline-bars article:nth-child(1) { --timeline-index: 0; }
  .about-timeline-bars article:nth-child(2) { --timeline-index: 1; }
  .about-timeline-bars article:nth-child(3) { --timeline-index: 2; }
  .about-timeline-bars article:nth-child(4) { --timeline-index: 3; }
  .about-timeline-bars article:nth-child(5) { --timeline-index: 4; }
  .about-timeline-bars article.timeline-active { transform: translateY(0) scale(1); box-shadow: 0 20px 42px rgba(7,16,30,.15); }
  .about-timeline-bars time { margin-bottom: 18px; font-size: 32px; }
  .about-timeline-bars b { font-size: 18px; }
  .about-timeline-bars p { font-size: 13px; line-height: 1.45; }
}

@media (max-width: 620px) {
  .v3 main h1 { font-size: clamp(38px,10.8vw,44px) !important; }
  .v3 main h2 { font-size: clamp(32px,9.2vw,40px) !important; }
  .v3 main h3 { font-size: clamp(22px,6.6vw,28px); }
  .v3 .story-about-hero h1 { font-size: 60px !important; line-height: .86; }
  .story-about-hero p:not(.v3-eyebrow) { font-size: 16px; }
  .about-copy-columns p { font-size: 17px; }
  .about-copy-columns blockquote { font-size: 23px; }
  .about-founder-editorial h3 { font-size: 34px; }
  .app-screen-copy h2 { font-size: 38px !important; }
}

@media (max-width: 370px) {
  .mobile-nav-cta { min-width: 94px; padding-inline: 10px; font-size: 12px; }
  .v3-nav .nav-in,
  .v3-nav.open .nav-in { padding-left: 14px; gap: 6px; }
}

@media (max-width: 850px) and (prefers-reduced-motion: reduce) {
  .about-card-parade,
  .about-timeline { height: auto; padding: 82px 0; }
  .about-card-parade > .shell,
  .about-timeline > .shell { position: static; width: min(100% - 40px,720px); height: auto; padding: 0; overflow: visible; }
  .about-card-parade-track { position: static; display: grid; gap: 22px; padding: 0; overflow: visible; }
  .about-story-card { position: relative; inset: auto; width: 100%; min-width: 0; height: 480px; opacity: 1; transform: none !important; }
  .about-timeline-viewport { position: static; width: calc(100% + 20px); height: auto; margin: 32px -10px 0; overflow-x: auto; }
  .about-timeline-bars { position: static; display: flex; width: max-content; height: auto; min-height: 420px; transform: none; }
  .about-timeline-bars article { flex: 0 0 min(78vw,320px); width: min(78vw,320px); min-width: min(78vw,320px); height: auto !important; transform: none; }
}

/* Mobile nested navigation: Clay-style second screen instead of inline accordion. */
.mobile-nav-back,
.mobile-submenu-label { display: none; }

@media (max-width: 950px) {
  .v3-nav.submenu-open .logo { display: none; }
  .v3-nav.submenu-open .mobile-nav-back {
    position: relative;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-width: 78px;
    height: 40px;
    margin: 0 auto 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--clay-ink);
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    order: 0;
  }
  .v3-nav.submenu-open .mobile-nav-back span {
    margin: -2px 8px 0 0;
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
  }
  .v3-nav.submenu-open .nav-links { overflow: hidden; }
  .v3-nav.submenu-open .nav-links > * { display: none !important; }
  .v3-nav.submenu-open .nav-item.expanded { display: block !important; visibility: visible; }
  .v3-nav.submenu-open .nav-item.expanded > a { display: none !important; }
  .v3-nav.submenu-open .nav-item:not(.expanded) .mega-editorial { display: none !important; }
  .v3-nav.open.submenu-open .nav-item.expanded .mega-editorial {
    position: absolute !important;
    z-index: 2;
    inset: 0 10px 8px;
    display: block !important;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 92px 22px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid rgba(7,16,30,.12);
    border-top: 0;
    border-radius: 0 0 24px 24px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(7,16,30,.12);
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
  .v3-nav.submenu-open .mobile-submenu-label {
    display: block;
    margin: 15px 0 18px;
    color: #7b7871;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .v3-nav.open.submenu-open .mega-editorial-head,
  .v3-nav.open.submenu-open .mega-editorial-feature { display: none; }
  .v3-nav.open.submenu-open .mega-editorial-links {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 6px;
    width: 100%;
  }
  .v3-nav.open.submenu-open .mega-editorial-links > a {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    align-items: center;
    gap: 15px;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding: 5px 0;
    border-radius: 12px;
    color: var(--clay-ink);
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .v3-nav.open.submenu-open .mega-editorial-links > a:hover,
  .v3-nav.open.submenu-open .mega-editorial-links > a:focus-visible {
    padding-inline: 7px;
    background: #f7f6f2;
    transform: none;
  }
  .v3-nav.open.submenu-open .mega-editorial-links small {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f2f0ea;
    color: var(--clay-coral);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -.02em;
  }
  .v3-nav.open.submenu-open .mega-editorial-links > a:nth-child(3n+2) small { color: var(--clay-green); }
  .v3-nav.open.submenu-open .mega-editorial-links > a:nth-child(3n) small { color: var(--clay-blue,#1f72d8); }
  .v3-nav.open.submenu-open .mega-editorial-links span { min-width: 0; }
  .v3-nav.open.submenu-open .mega-editorial-links b {
    display: block;
    overflow-wrap: normal;
    color: var(--clay-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    white-space: normal;
  }
  .v3-nav.open.submenu-open .mega-editorial-links em { display: none; }
}

@media (max-width: 370px) {
  .v3-nav.submenu-open .mobile-nav-back { min-width: 68px; font-size: 14px; }
  .v3-nav.submenu-open .mobile-nav-back span { margin-right: 5px; }
  .v3-nav.open.submenu-open .nav-item.expanded .mega-editorial { padding-inline: 18px; }
  .v3-nav.open.submenu-open .mega-editorial-links > a { grid-template-columns: 42px minmax(0,1fr); gap: 12px; }
  .v3-nav.open.submenu-open .mega-editorial-links small { width: 42px; height: 42px; }
}

@media (max-width: 850px) {
  .campaign-spotlight { padding: 18px 0; }
  .campaign-spotlight-grid {
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: 16px;
  }
  .campaign-spotlight-copy { padding: 36px 28px 34px; }
  .campaign-spotlight-kicker { margin-bottom: 24px; font-size: 9px; }
  .campaign-spotlight-copy > small { font-size: 9px; }
  .campaign-spotlight h2 {
    margin-block: 10px 14px;
    font-size: clamp(36px,10vw,48px);
  }
  .campaign-spotlight-copy > p:not(.campaign-spotlight-kicker) { font-size: 15px; }
  .campaign-spotlight-copy > a { margin-top: 24px; font-size: 15px; }
  .campaign-spotlight-offer {
    min-height: 250px;
    padding: 34px 28px;
  }
  .campaign-spotlight-offer strong { max-width: 190px; font-size: 54px; }
  .campaign-spotlight-offer > span { max-width: 170px; font-size: 18px; }
  .campaign-spotlight-offer .v3-mascot {
    right: -18px;
    bottom: -76px;
    width: 190px;
    height: 290px;
  }
  .campaign-spotlight-contextual { padding-block: 18px; }
}

@media (max-width: 370px) {
  .campaign-spotlight-copy { padding-inline: 22px; }
  .campaign-spotlight h2 { font-size: 34px; }
  .campaign-spotlight-offer { padding-inline: 22px; }
  .campaign-spotlight-offer .v3-mascot { right: -38px; }
}

/* Mobile scroll parity: retain the desktop-directed scenes instead of flattening them. */
@media (max-width: 850px) and (prefers-reduced-motion: no-preference) {
  .product-system-demo,
  .module-map,
  .operation-map { transform: translateY(var(--scroll-offset-y,5px)); }
  .scenic-home-hero > .motion-background {
    transform: scale(var(--scroll-media-scale,1));
    transform-origin: center bottom;
  }
  .scroll-effects-ready .system-canvas .flow-1 { transform: translate3d(var(--flow-1-x,0),var(--flow-1-y,0),0); }
  .scroll-effects-ready .system-canvas .flow-2 { transform: translate3d(var(--flow-2-x,0),var(--flow-2-y,0),0); }
  .scroll-effects-ready .system-canvas .flow-3 { transform: translate3d(var(--flow-3-x,0),var(--flow-3-y,0),0); }
  .scroll-effects-ready .system-canvas .flow-4 { transform: translate3d(var(--flow-4-x,0),var(--flow-4-y,0),0); }
  .scroll-effects-ready .system-canvas .canvas-mascot { transform: translate3d(-50%,var(--flow-mascot-y,38px),0); }

  .home-v4 .editorial-directory .section-heading {
    position: sticky;
    z-index: 3;
    top: 70px;
    margin-inline: -10px;
    padding: 22px 10px 24px;
    background: linear-gradient(to bottom,#fff 82%,rgba(255,255,255,0));
  }

  .home-v4 .home-journey { padding: 0 0 82px; }
  .home-v4 .home-journey .journey-layout {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .home-v4 .home-journey .solution-demo {
    position: sticky;
    z-index: 4;
    top: 68px;
    order: -1;
    width: 100%;
    margin: 0;
    padding: 12px 14px 14px;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 18px 42px rgba(7,16,30,.18);
  }
  .home-v4 .home-journey .demo-label {
    align-items: center;
    margin-bottom: 9px;
  }
  .home-v4 .home-journey .demo-label span { font-size: 8px; }
  .home-v4 .home-journey .demo-label b { font-size: 10px; }
  .home-v4 .home-journey .demo-screen {
    display: block;
    min-height: 0;
    border: 0;
    background: transparent;
  }
  .home-v4 .home-journey .demo-sidebar,
  .home-v4 .home-journey .demo-rows { display: none; }
  .home-v4 .home-journey .demo-content { padding: 0; }
  .home-v4 .home-journey .demo-status {
    min-height: 0;
    padding: 13px 15px;
    border-radius: 11px;
  }
  .home-v4 .home-journey .demo-status span { font-size: 9px; }
  .home-v4 .home-journey .demo-status b {
    margin-top: 5px;
    font-size: clamp(16px,4.8vw,20px);
    line-height: 1.12;
  }
  .home-v4 .home-journey .journey-controls {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 5px;
    margin-top: 8px;
  }
  .home-v4 .home-journey .journey-control {
    min-width: 0;
    min-height: 28px;
    padding: 4px 2px;
    border-radius: 8px;
    font-size: 0;
  }
  .home-v4 .home-journey .journey-control span {
    font-size: 9px;
    line-height: 1;
  }
  .home-v4 .home-journey .journey-copy { padding: 52px 0 0; }
  .home-v4 .home-journey .journey-copy li {
    min-height: 48svh;
    padding: 42px 12px;
    opacity: .48;
    transform: translateX(0);
  }
  .home-v4 .home-journey .journey-copy li.story-active {
    opacity: 1;
    transform: translateX(10px);
  }

  .page-modules-v4 .feature-flow > div:first-child {
    position: sticky;
    z-index: 2;
    top: 70px;
    padding: 22px;
    background: #f2f5f9;
    box-shadow: 0 14px 28px rgba(7,16,30,.08);
  }
}

@media (max-width: 950px) {
  .v3-nav.open:not(.submenu-open) .nav-links { padding-top: 100px; }
}

/* Global seasonal announcement — a slim, persistent route to the active campaign. */
.campaign-announcement {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  min-height: 34px;
  padding: 6px 24px;
  background: var(--clay-ink);
  color: #fff;
  font-size: 11px;
  line-height: 1.15;
  text-decoration: none;
}
.campaign-announcement span { color: #90dfae; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.campaign-announcement strong { font-weight: 700; }
.campaign-announcement b { color: #ffd052; font-weight: 900; }
.campaign-announcement i { font-style: normal; transition: transform .2s ease; }
.campaign-announcement:hover i,
.campaign-announcement:focus-visible i { display: inline-block; transform: translateX(4px); }
.v3-nav { top: 46px; }
.v3-nav.scrolled { top: 40px; }
.v3-nav .mega-editorial { top: 122px; }

/* Contact: editorial pacing inspired by Clay Careers, expressed in Bidu's own system. */
.page-contact-v5 { background: #f7f5ef; }
.contact-editorial-hero {
  min-height: 780px;
  padding: 190px 0 110px;
  display: grid;
  place-items: center;
  background: #f7f5ef;
  text-align: center;
}
.contact-editorial-hero .shell { display: flex; flex-direction: column; align-items: center; }
.contact-editorial-hero h1 {
  max-width: 1080px;
  margin: 24px auto;
  color: var(--clay-ink);
  font-size: clamp(68px,8vw,124px);
  font-weight: 800;
  line-height: .91;
  letter-spacing: -.065em !important;
}
.contact-editorial-hero .v3-lead { max-width: 710px; margin-inline: auto; color: #485366; font-size: 21px; line-height: 1.45; }
.contact-editorial-hero .actions { justify-content: center; margin-top: 34px; }
.contact-paths { padding: 120px 0; background: #fff; }
.contact-paths header { display: grid; grid-template-columns: 1fr 2fr; align-items: end; gap: 40px; margin-bottom: 60px; }
.contact-paths header h2 { max-width: 830px; margin: 0; font-size: clamp(48px,6vw,88px); line-height: .98; letter-spacing: -.05em !important; }
.contact-path-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--clay-line); border-left: 1px solid var(--clay-line); }
.contact-path-grid > a {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  padding: 38px;
  border-right: 1px solid var(--clay-line);
  border-bottom: 1px solid var(--clay-line);
  color: var(--clay-ink);
  text-decoration: none;
  transition: background .28s ease, color .28s ease, transform .28s ease;
}
.contact-path-grid > a:nth-child(1):hover { background: var(--clay-mint); }
.contact-path-grid > a:nth-child(2):hover { background: #ffd052; }
.contact-path-grid > a:nth-child(3):hover { background: #b7e9f4; }
.contact-path-grid small { color: var(--clay-green); font-size: 11px; font-weight: 900; letter-spacing: .09em; }
.contact-path-grid h3 { max-width: 330px; margin: 74px 0 22px; font-size: clamp(34px,3.2vw,52px); line-height: 1; letter-spacing: -.045em !important; }
.contact-path-grid p { max-width: 360px; color: #566173; font-size: 16px; line-height: 1.55; }
.contact-path-grid span { margin-top: auto; padding-top: 40px; font-size: 15px; font-weight: 900; }
.contact-principles { padding: 130px 0; background: var(--clay-ink); color: #fff; }
.contact-principles-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; }
.contact-principles h2 { max-width: 570px; margin-top: 22px; font-size: clamp(52px,6vw,86px); line-height: .95; letter-spacing: -.05em !important; }
.contact-principles-grid > div { border-top: 1px solid rgba(255,255,255,.25); }
.contact-principles article { display: grid; grid-template-columns: 60px 1fr; gap: 20px; padding: 42px 0; border-bottom: 1px solid rgba(255,255,255,.25); }
.contact-principles article span { color: #ffd052; font-size: 13px; font-weight: 900; }
.contact-principles article h3 { margin: 0 0 16px; font-size: 28px; line-height: 1.15; }
.contact-principles article p { max-width: 620px; margin: 0; color: #bdc7d8; font-size: 17px; line-height: 1.55; }
.contact-conversation { padding: 130px 0; background: #d5f2df; }
.contact-conversation-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 8vw; }
.contact-conversation aside { position: sticky; top: 150px; }
.contact-conversation aside h2 { max-width: 530px; margin: 20px 0; font-size: clamp(52px,5.5vw,82px); line-height: .95; letter-spacing: -.05em !important; }
.contact-conversation aside > p:not(.v3-eyebrow) { max-width: 470px; color: #385349; font-size: 18px; line-height: 1.55; }
.contact-direct { display: grid; gap: 7px; margin-top: 54px; }
.contact-direct small { margin-top: 20px; color: #5c776c; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.contact-direct a { width: fit-content; color: var(--clay-ink); font-size: 16px; font-weight: 900; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.contact-form-editorial { padding: 48px; border: 1px solid rgba(7,16,30,.14); border-radius: 18px; background: #fff; box-shadow: 14px 16px 0 rgba(7,16,30,.08); }
.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 20px; }
.contact-form-grid .field { display: grid; gap: 8px; }
.contact-form-grid .field-wide { grid-column: 1 / -1; }
.contact-form-grid label { color: var(--clay-ink); font-size: 12px; font-weight: 900; }
.contact-form-grid label span { color: #738072; font-weight: 600; }
.contact-form-editorial input,
.contact-form-editorial select,
.contact-form-editorial textarea {
  width: 100%;
  min-height: 54px;
  padding: 13px 15px;
  border: 1px solid #cbd3ce;
  border-radius: 8px;
  background: #fbfcfa;
  color: var(--clay-ink);
  font: inherit;
  font-size: 15px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-form-editorial textarea { min-height: 150px; resize: vertical; }
.contact-form-editorial input:hover,
.contact-form-editorial select:hover,
.contact-form-editorial textarea:hover { border-color: #617067; background: #fff; }
.contact-form-editorial input:focus,
.contact-form-editorial select:focus,
.contact-form-editorial textarea:focus { outline: none; border-color: var(--clay-green); box-shadow: 0 0 0 3px rgba(18,107,76,.15); background: #fff; }
.contact-consents { display: grid; gap: 12px; margin: 28px 0; }
.contact-form-editorial .privacy-consent { display: flex; align-items: flex-start; gap: 10px; color: #4e5b55; font-size: 13px; }
.contact-form-editorial .privacy-consent input { flex: 0 0 18px; width: 18px; min-height: 18px; margin-top: 1px; }
.contact-form-editorial .btn { width: 100%; min-height: 58px; }

/* Veterinary campaign: event-like hierarchy, with the mascot always contained. */
.campaign-v4 { background: #f7f5ef; }
.campaign-event-hero { padding: 154px 0 72px; overflow: hidden; background: #ffd052; }
.campaign-event-hero .breadcrumbs { margin-bottom: 34px; }
.campaign-event-grid { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 660px; border: 1px solid rgba(7,16,30,.18); border-radius: 20px; overflow: hidden; background: #f9f7f1; }
.campaign-event-copy { display: flex; flex-direction: column; justify-content: center; padding: 68px; }
.campaign-event-copy h1 { max-width: 800px; margin: 18px 0 24px; font-size: clamp(68px,7vw,112px); line-height: .88; letter-spacing: -.065em !important; }
.campaign-event-copy .v3-lead { max-width: 650px; color: #4d596a; font-size: 20px; line-height: 1.48; }
.campaign-event-actions { display: flex; align-items: center; gap: 30px; margin-top: 34px; }
.campaign-event-actions > span { display: flex; align-items: center; gap: 9px; }
.campaign-event-actions > span b { min-width: 36px; font-size: 30px; }
.campaign-event-actions > span small { max-width: 76px; color: #5d6571; font-size: 11px; font-weight: 800; line-height: 1.05; text-transform: uppercase; }
.campaign-event-art {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: end center;
  min-width: 0;
  min-height: 660px;
  margin: 0;
  padding: 34px 38px 32px;
  overflow: hidden;
  background: var(--clay-coral);
}
.campaign-event-art::before { content: ""; position: absolute; inset: 12% -25% auto; height: 55%; border: 1px solid rgba(7,16,30,.2); border-radius: 50%; transform: rotate(-12deg); }
.campaign-event-art .v3-mascot { position: relative; z-index: 1; align-self: end; display: block; width: min(76%,420px); height: auto; max-height: 510px; margin: 50px auto 10px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 18px 15px rgba(7,16,30,.12)); animation: campaign-mascot-breathe 4.6s ease-in-out infinite; }
@keyframes campaign-mascot-breathe { 50% { transform: translateY(-8px) rotate(1deg); } }
.campaign-event-date { position: absolute; z-index: 2; top: 30px; left: 30px; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid var(--clay-ink); border-radius: 10px; background: #ffd052; transform: rotate(-3deg); }
.campaign-event-date span { font-size: 39px; font-weight: 900; line-height: .8; }
.campaign-event-date small { font-size: 9px; font-weight: 900; line-height: 1.05; }
.campaign-event-art figcaption { position: relative; z-index: 2; align-self: end; width: 100%; padding-top: 22px; border-top: 1px solid rgba(7,16,30,.28); font-size: 13px; font-weight: 900; line-height: 1.35; text-align: left; }
.campaign-offer-ribbon { overflow: hidden; border-block: 1px solid var(--clay-ink); background: var(--clay-ink); color: #fff; }
.campaign-offer-ribbon > div { display: flex; width: max-content; animation: campaign-ribbon 28s linear infinite; }
.campaign-offer-ribbon span,
.campaign-offer-ribbon strong { display: flex; align-items: center; min-height: 58px; padding: 0 30px; white-space: nowrap; }
.campaign-offer-ribbon span { color: #8ee0ad; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.campaign-offer-ribbon strong { border-inline: 1px solid rgba(255,255,255,.22); font-size: 18px; }
@keyframes campaign-ribbon { to { transform: translateX(-50%); } }
.campaign-event-story { padding: 130px 0; background: #fff; }
.campaign-event-story-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 9vw; }
.campaign-event-story header { position: sticky; top: 150px; align-self: start; }
.campaign-event-story header h2 { margin: 22px 0; font-size: clamp(54px,6vw,88px); line-height: .95; letter-spacing: -.055em !important; }
.campaign-event-story header > p:last-child { max-width: 520px; color: #5d6674; font-size: 17px; line-height: 1.55; }
.campaign-event-principles { border-top: 1px solid var(--clay-line); }
.campaign-event-principles article { display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 42px 0; border-bottom: 1px solid var(--clay-line); }
.campaign-event-principles article > span { color: var(--clay-coral); font-size: 13px; font-weight: 900; }
.campaign-event-principles small { color: var(--clay-green); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.campaign-event-principles h3 { margin: 12px 0; font-size: clamp(30px,3vw,45px); line-height: 1; }
.campaign-event-principles p { max-width: 650px; color: #576170; font-size: 16px; line-height: 1.55; }
.campaign-event-eligibility { padding: 120px 0; background: #b7e9f4; }
.campaign-event-statement { display: grid; grid-template-columns: 1fr 2fr; align-items: end; gap: 40px; }
.campaign-event-statement h2 { max-width: 900px; margin: 0; font-size: clamp(56px,7vw,100px); line-height: .92; letter-spacing: -.06em !important; }
.campaign-event-audience { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 70px; border-top: 1px solid rgba(7,16,30,.3); border-left: 1px solid rgba(7,16,30,.3); }
.campaign-event-audience article { min-height: 220px; padding: 32px; border-right: 1px solid rgba(7,16,30,.3); border-bottom: 1px solid rgba(7,16,30,.3); }
.campaign-event-audience b { font-size: 24px; }
.campaign-event-audience p { margin-top: 16px; color: #355b64; font-size: 15px; line-height: 1.5; }
.campaign-event-note { max-width: 900px; margin: 34px 0 0 auto; color: #355b64; font-size: 13px; line-height: 1.55; }
.campaign-event-enroll { padding: 130px 0; background: #f7f5ef; }
.campaign-event-enroll-grid { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 8vw; }
.campaign-event-enroll-grid > aside { position: sticky; top: 150px; }
.campaign-event-enroll-grid > aside h2 { margin: 22px 0 38px; font-size: clamp(52px,5vw,78px); line-height: .94; letter-spacing: -.055em !important; }
.campaign-event-enroll-grid > aside ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--clay-line); }
.campaign-event-enroll-grid > aside li { display: grid; grid-template-columns: 48px 1fr; gap: 12px; padding: 20px 0; border-bottom: 1px solid var(--clay-line); }
.campaign-event-enroll-grid > aside li > span { color: var(--clay-coral); font-size: 11px; font-weight: 900; }
.campaign-event-enroll-grid > aside li b { font-size: 17px; }
.campaign-event-enroll-grid > aside li p { margin: 5px 0 0; color: #68707b; font-size: 13px; }
.campaign-event-assurance { margin-top: 24px; color: var(--clay-green); font-size: 12px; font-weight: 900; }
.campaign-v4 .campaign-form { border: 1px solid rgba(7,16,30,.14); border-radius: 18px; box-shadow: 14px 16px 0 rgba(7,16,30,.08); }

@media (max-width: 950px) {
  .campaign-announcement { justify-content: space-between; min-height: 30px; padding: 5px 14px; gap: 10px; font-size: 9px; }
  .campaign-announcement strong { display: none; }
  .campaign-announcement span { min-width: 0; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .campaign-announcement b { flex: 0 0 auto; font-size: 0; white-space: nowrap; }
  .campaign-announcement b::after { content: "Ver campanha →"; font-size: 9px; }
  .v3-nav,
  .v3-nav.scrolled,
  .v3-nav.open { top: 30px; }
  .v3-nav.open .nav-links { inset: 30px 10px 8px; }
  .v3-nav .mega-editorial { top: auto; }

  .contact-editorial-hero { min-height: 670px; padding: 150px 0 80px; }
  .contact-editorial-hero h1 { max-width: 760px; font-size: clamp(54px,11vw,86px); }
  .contact-paths,
  .contact-principles,
  .contact-conversation { padding: 90px 0; }
  .contact-paths header,
  .contact-principles-grid,
  .contact-conversation-grid { grid-template-columns: 1fr; gap: 46px; }
  .contact-path-grid { grid-template-columns: 1fr; }
  .contact-path-grid > a { min-height: 330px; }
  .contact-path-grid h3 { margin-top: 52px; }
  .contact-principles-grid > div { margin-top: 12px; }
  .contact-conversation aside,
  .campaign-event-story header,
  .campaign-event-enroll-grid > aside { position: static; }
  .contact-form-editorial { padding: 36px; }

  .campaign-event-hero { padding: 130px 0 52px; }
  .campaign-event-grid { grid-template-columns: 1fr; min-height: 0; }
  .campaign-event-copy { padding: 52px; }
  .campaign-event-copy h1 { font-size: clamp(58px,11vw,90px); }
  .campaign-event-art { min-height: 560px; }
  .campaign-event-art .v3-mascot { width: min(68%,390px); max-height: 430px; }
  .campaign-event-story,
  .campaign-event-eligibility,
  .campaign-event-enroll { padding: 90px 0; }
  .campaign-event-story-grid,
  .campaign-event-enroll-grid { grid-template-columns: 1fr; gap: 64px; }
  .campaign-event-statement { grid-template-columns: 1fr; align-items: start; }
  .campaign-event-audience { grid-template-columns: 1fr; }
  .campaign-event-audience article { min-height: 170px; }
}

@media (max-width: 560px) {
  .campaign-announcement b::after { font-size: 8px; }
  .v3 .shell { width: calc(100% - 28px); }

  .contact-editorial-hero { min-height: 620px; padding: 132px 0 68px; text-align: left; }
  .contact-editorial-hero .shell { align-items: flex-start; }
  .contact-editorial-hero h1 { margin: 18px 0 22px; font-size: clamp(47px,14.5vw,67px); line-height: .94; }
  .contact-editorial-hero .v3-lead { font-size: 17px; }
  .contact-editorial-hero .actions { justify-content: flex-start; width: 100%; }
  .contact-editorial-hero .actions .btn { width: 100%; }
  .contact-paths,
  .contact-principles,
  .contact-conversation { padding: 68px 0; }
  .contact-paths header h2,
  .contact-principles h2,
  .contact-conversation aside h2 { font-size: 46px; }
  .contact-path-grid > a { min-height: 300px; padding: 28px; }
  .contact-path-grid h3 { margin-top: 44px; font-size: 36px; }
  .contact-principles article { grid-template-columns: 36px 1fr; gap: 8px; padding: 30px 0; }
  .contact-principles article h3 { font-size: 23px; }
  .contact-form-editorial { padding: 24px 18px; border-radius: 14px; box-shadow: 7px 8px 0 rgba(7,16,30,.08); }
  .contact-form-grid { grid-template-columns: 1fr; gap: 20px; }
  .contact-form-grid .field-wide { grid-column: auto; }

  .campaign-event-hero { padding: 112px 0 38px; }
  .campaign-event-hero .breadcrumbs { margin-bottom: 20px; }
  .campaign-event-copy { padding: 36px 24px 40px; }
  .campaign-event-copy h1 { margin-block: 16px 20px; font-size: clamp(50px,14.5vw,68px); line-height: .92; }
  .campaign-event-copy .v3-lead { font-size: 16px; }
  .campaign-event-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .campaign-event-actions .btn { width: 100%; }
  .campaign-event-art { min-height: 430px; padding: 24px 22px 22px; }
  .campaign-event-art .v3-mascot { width: min(68%,260px); max-height: 315px; margin-top: 54px; }
  .campaign-event-date { top: 20px; left: 18px; }
  .campaign-event-art figcaption { font-size: 11px; }
  .campaign-offer-ribbon span,
  .campaign-offer-ribbon strong { min-height: 50px; padding-inline: 22px; }
  .campaign-event-story,
  .campaign-event-eligibility,
  .campaign-event-enroll { padding: 68px 0; }
  .campaign-event-story header h2,
  .campaign-event-statement h2,
  .campaign-event-enroll-grid > aside h2 { font-size: 46px; }
  .campaign-event-principles article { grid-template-columns: 38px 1fr; gap: 8px; padding: 30px 0; }
  .campaign-event-principles h3 { font-size: 29px; }
  .campaign-event-audience { margin-top: 44px; }
  .campaign-event-audience article { min-height: 150px; padding: 26px; }
  .campaign-v4 .campaign-form { box-shadow: 7px 8px 0 rgba(7,16,30,.08); }
}

@media (prefers-reduced-motion: reduce) {
  .campaign-offer-ribbon > div,
  .campaign-event-art .v3-mascot { animation: none; }
}

/* 2026.09.13 — compact campaign rail and deliberate first-section rhythm. */
.campaign-announcement {
  min-height: 32px;
  height: 32px;
  padding: 0 22px;
  gap: 12px;
  overflow: hidden;
}
.campaign-announcement-mascot {
  position: relative;
  align-self: flex-end;
  flex: 0 0 38px;
  width: 38px;
  height: 32px;
  overflow: hidden;
  color: inherit !important;
  letter-spacing: 0 !important;
}
.campaign-announcement-mascot img {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 42px;
  height: 64px;
  object-fit: contain;
  object-position: center top;
  transform: translateX(-50%);
}
.campaign-announcement-title { color: #90dfae; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.v3-nav,
.v3-nav.scrolled { top: 36px; }
.v3-nav .mega-editorial { top: 108px; }
.solution-product-hero { padding-top: 126px; }
.page-module-v4 .module-hero { padding-top: 126px; }
.page-about-v5 .story-about-hero { padding-top: 122px; }
.page-modules-v4 .module-index-hero,
.page-directory-v4 .directory-choice-hero,
.page-plans-v4 .price-hero { padding-top: 126px; }
.contact-editorial-hero { min-height: 720px; padding-top: 132px; }
.campaign-event-hero { padding-top: 120px; }

/* Support — integrations-inspired editorial system. */
.page-support-v5 { background: #f7f5ef; }
.support-partner-hero {
  padding: 118px 0 74px;
  overflow: hidden;
  background: #d5f2df;
}
.support-partner-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  gap: 7vw;
  min-height: 610px;
}
.support-partner-copy h1 {
  max-width: 760px;
  margin: 19px 0 24px;
  font-size: clamp(66px,7.2vw,110px);
  line-height: .89;
  letter-spacing: -.062em !important;
}
.support-partner-copy .v3-lead { max-width: 620px; color: #40594f; font-size: 19px; line-height: 1.5; }
.support-search-v5 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  max-width: 680px;
  margin-top: 34px;
  padding: 7px;
  border: 1px solid rgba(7,16,30,.22);
  border-radius: 12px;
  background: #fff;
  box-shadow: 9px 10px 0 rgba(7,16,30,.08);
}
.support-search-v5 > label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}
.support-search-v5 input {
  min-width: 0;
  min-height: 56px;
  padding: 0 16px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--clay-ink);
  font: inherit;
  font-size: 15px;
}
.support-search-v5 button {
  min-width: 118px;
  border: 0;
  border-radius: 8px;
  background: var(--clay-ink);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}
.support-search-v5 button span { display: inline-block; transition: transform .2s ease; }
.support-search-v5 button:hover span { transform: translateX(4px); }
.support-partner-copy .support-search-status { margin: 13px 0 0; color: #52685f; font-size: 12px; }
.support-hero-board {
  position: relative;
  min-height: 540px;
  border: 1px solid rgba(7,16,30,.2);
  border-radius: 18px;
  overflow: hidden;
  background: #f8f7f3;
  box-shadow: 22px 26px 0 rgba(7,16,30,.08);
  transform: rotate(1.2deg);
}
.support-board-top { display: flex; align-items: center; min-height: 60px; padding: 0 22px; border-bottom: 1px solid var(--clay-line); }
.support-board-top > span { display: flex; gap: 5px; margin-right: 14px; }
.support-board-top i { width: 8px; height: 8px; border-radius: 50%; background: #ff7758; }
.support-board-top i:nth-child(2) { background: #ffd052; }
.support-board-top i:nth-child(3) { background: #50c878; }
.support-board-top b { font-size: 14px; }
.support-board-top small { margin-left: auto; color: #68736e; font-size: 10px; font-weight: 900; }
.support-board-grid { display: grid; grid-template-columns: repeat(2,1fr); padding: 26px; gap: 10px; }
.support-board-grid span { display: flex; align-items: center; min-height: 70px; padding: 16px; border: 1px solid var(--clay-line); border-radius: 10px; background: #fff; font-size: 14px; font-weight: 900; }
.support-board-grid span:nth-child(2),
.support-board-grid span:nth-child(5) { background: #fff2c8; }
.support-board-grid span:nth-child(3),
.support-board-grid span:nth-child(6) { background: #e4f5ea; }
.support-hero-board .v3-mascot { position: absolute; right: -5px; bottom: -64px; width: 245px; height: 330px; object-fit: contain; filter: drop-shadow(0 16px 12px rgba(7,16,30,.15)); }
.support-resource-band { padding: 120px 0; background: #fff; scroll-margin-top: 100px; }
.support-section-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 50px; margin-bottom: 62px; }
.support-section-heading h2 { max-width: 900px; margin: 18px 0 0; font-size: clamp(52px,6vw,86px); line-height: .94; letter-spacing: -.052em !important; }
.support-section-heading > a { padding-bottom: 6px; border-bottom: 1px solid var(--clay-ink); color: var(--clay-ink); font-size: 14px; font-weight: 900; text-decoration: none; }
.support-resource-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--clay-line); border-left: 1px solid var(--clay-line); }
.support-resource-card { display: grid; grid-template-columns: 40px 1fr auto; gap: 18px; min-height: 250px; padding: 30px; border-right: 1px solid var(--clay-line); border-bottom: 1px solid var(--clay-line); color: var(--clay-ink); text-decoration: none; transition: background .25s ease, transform .25s ease; }
.support-resource-card:hover,
.support-resource-card:focus-visible { background: #d5f2df; transform: translateY(-3px); }
.support-resource-card:nth-child(2n):hover,
.support-resource-card:nth-child(2n):focus-visible { background: #fff0bd; }
.support-resource-card > span { color: var(--clay-coral); font-size: 11px; font-weight: 900; }
.support-resource-card h3 { margin: 0 0 13px; font-size: 27px; line-height: 1.05; }
.support-resource-card p { margin: 0; color: #596474; font-size: 14px; line-height: 1.5; }
.support-resource-card > b { align-self: end; font-size: 19px; }
.page-support-v5 .support-no-results { margin-top: 30px; }
.support-process { padding: 124px 0; background: var(--clay-ink); color: #fff; }
.support-process header { display: grid; grid-template-columns: .55fr 1.45fr; gap: 8vw; align-items: end; margin-bottom: 68px; }
.support-process h2 { max-width: 930px; margin: 0; font-size: clamp(56px,7vw,100px); line-height: .91; letter-spacing: -.06em !important; }
.support-process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.28); border-left: 1px solid rgba(255,255,255,.28); }
.support-process-grid article { min-height: 300px; padding: 30px; border-right: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); }
.support-process-grid span { color: #ffd052; font-size: 11px; font-weight: 900; }
.support-process-grid h3 { margin: 82px 0 18px; color: #fff; font-size: 30px; }
.support-process-grid p { color: #bfc9d7; font-size: 15px; line-height: 1.55; }
.support-guides-v5 { padding: 124px 0; background: #f7f5ef; }
.support-guides-v5 > .shell > header { display: grid; grid-template-columns: .45fr 1.55fr; gap: 7vw; margin-bottom: 66px; }
.support-guides-v5 > .shell > header h2 { max-width: 900px; margin: 0; font-size: clamp(54px,6vw,88px); line-height: .94; letter-spacing: -.052em !important; }
.support-guide-grid-v5 { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--clay-line); border-left: 1px solid var(--clay-line); }
.support-guide-grid-v5 article { min-height: 390px; padding: 38px; border-right: 1px solid var(--clay-line); border-bottom: 1px solid var(--clay-line); scroll-margin-top: 110px; background: rgba(255,255,255,.45); }
.support-guide-grid-v5 article > span { color: var(--clay-green); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.support-guide-grid-v5 h3 { max-width: 520px; margin: 45px 0 20px; font-size: 34px; line-height: 1.02; }
.support-guide-grid-v5 p,
.support-guide-grid-v5 li { color: #576171; font-size: 15px; line-height: 1.62; }
.support-guide-grid-v5 ol,
.support-guide-grid-v5 ul { display: grid; gap: 9px; padding-left: 20px; }
.support-guide-grid-v5 article > a { display: inline-block; margin-top: 24px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: var(--clay-ink); font-size: 14px; font-weight: 900; text-decoration: none; }
.support-principles-v5 { padding: 130px 0; background: #b7e9f4; }
.support-principles-v5 .shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; }
.support-principles-v5 h2 { margin: 20px 0 0; font-size: clamp(56px,6.5vw,94px); line-height: .91; letter-spacing: -.058em !important; }
.support-principles-v5 ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(7,16,30,.28); }
.support-principles-v5 li { display: grid; grid-template-columns: .7fr 1.3fr; gap: 24px; padding: 34px 0; border-bottom: 1px solid rgba(7,16,30,.28); }
.support-principles-v5 li b { font-size: 20px; }
.support-principles-v5 li span { color: #355b64; font-size: 15px; line-height: 1.55; }
.support-faq-v5 { padding: 124px 0; background: #fff; }
.support-faq-v5 .shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; align-items: start; }
.support-faq-v5 header { position: sticky; top: 120px; }
.support-faq-v5 h2 { margin: 20px 0; font-size: clamp(52px,5.4vw,78px); line-height: .94; letter-spacing: -.052em !important; }
.support-faq-v5 .v3-faq { grid-column: 2; }
.support-faq-actions { grid-column: 2; display: flex; flex-wrap: wrap; gap: 12px; margin-top: -30px; }

/* Bidu AI — Claygent-inspired product narrative with product-accurate governance. */
.page-ai-v5 { background: #f7f5ef; }
.ai-hero-v5 { padding: 116px 0 76px; overflow: hidden; background: #fff0bd; }
.ai-hero-v5 .breadcrumbs { margin-bottom: 38px; }
.ai-hero-copy { max-width: 1080px; margin: 0 auto 58px; text-align: center; }
.ai-hero-copy h1 { max-width: 1080px; margin: 18px auto 24px; font-size: clamp(70px,8.7vw,132px); line-height: .86; letter-spacing: -.068em !important; }
.ai-hero-copy .v3-lead { max-width: 760px; margin-inline: auto; color: #4e5968; font-size: 20px; line-height: 1.5; }
.ai-hero-copy .actions { justify-content: center; margin-top: 32px; }
.ai-agent-demo { position: relative; max-width: 1180px; min-height: 620px; margin: 0 auto; border: 1px solid rgba(7,16,30,.2); border-radius: 18px; overflow: hidden; background: #f8fafb; box-shadow: 22px 26px 0 rgba(7,16,30,.09); }
.ai-agent-demo > header { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 0 24px; border-bottom: 1px solid var(--clay-line); background: #fff; }
.ai-agent-demo > header > div { display: flex; align-items: center; gap: 14px; }
.ai-window-dots { display: flex; gap: 5px; }
.ai-window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #ff7758; }
.ai-window-dots i:nth-child(2) { background: #ffd052; }
.ai-window-dots i:nth-child(3) { background: #50c878; }
.ai-agent-demo > header small { display: flex; align-items: center; gap: 7px; color: var(--clay-green); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.ai-agent-demo > header small i { width: 7px; height: 7px; border-radius: 50%; background: #50c878; box-shadow: 0 0 0 5px rgba(80,200,120,.15); }
.ai-demo-body { display: grid; grid-template-columns: 250px 1fr; min-height: 557px; }
.ai-demo-body aside { display: grid; align-content: start; gap: 8px; padding: 24px; border-right: 1px solid var(--clay-line); background: #fff; }
.ai-demo-body aside button { display: grid; grid-template-columns: 30px 1fr; align-items: center; min-height: 64px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--clay-ink); font: inherit; font-size: 13px; font-weight: 800; text-align: left; cursor: pointer; transition: background .2s ease, color .2s ease; }
.ai-demo-body aside button span { color: #a94835; font-size: 10px; font-weight: 900; }
.ai-demo-body aside button.active { background: var(--clay-ink); color: #fff; }
.ai-demo-body aside button.active span { color: #90dfae; }
.ai-demo-answer { position: relative; min-width: 0; padding: 68px 290px 68px 68px; }
.ai-demo-answer > small { color: var(--clay-green); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ai-demo-answer h2 { max-width: 620px; margin: 18px 0 24px; font-size: clamp(48px,5vw,75px); line-height: .92; letter-spacing: -.052em !important; }
.ai-demo-answer > p { max-width: 600px; color: #4f5b6d; font-size: 18px; line-height: 1.55; }
.ai-demo-answer > div { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 36px; }
.ai-demo-answer > div span { display: flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid var(--clay-line); border-radius: 999px; background: #fff; font-size: 10px; font-weight: 900; }
.ai-demo-answer > div i { width: 6px; height: 6px; border-radius: 50%; background: #50c878; }
.ai-agent-demo > .v3-mascot { position: absolute; right: 10px; bottom: -42px; width: 290px; height: 420px; object-fit: contain; filter: drop-shadow(0 16px 12px rgba(7,16,30,.16)); }
.ai-subnav { position: sticky; z-index: 35; top: 108px; border-bottom: 1px solid var(--clay-line); background: rgba(255,255,255,.94); backdrop-filter: blur(15px); }
.ai-subnav .shell { display: flex; align-items: center; gap: 26px; min-height: 58px; }
.ai-subnav strong { margin-right: auto; }
.ai-subnav a { color: var(--clay-ink); font-size: 12px; font-weight: 900; text-decoration: none; }
.ai-subnav a:last-child { color: var(--clay-coral); }
.ai-context-v5 { padding: 130px 0; background: #fff; }
.ai-context-v5 > .shell > header { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; margin-bottom: 68px; }
.ai-context-v5 header h2 { margin: 18px 0 0; font-size: clamp(60px,7vw,104px); line-height: .9; letter-spacing: -.062em !important; }
.ai-context-v5 header > p:last-child { color: #5b6574; font-size: 17px; line-height: 1.58; }
.ai-operational-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--clay-line); border-left: 1px solid var(--clay-line); }
.ai-operational-grid article { min-height: 310px; padding: 32px; border-right: 1px solid var(--clay-line); border-bottom: 1px solid var(--clay-line); }
.ai-operational-grid article > span { color: var(--clay-coral); font-size: 11px; font-weight: 900; }
.ai-operational-grid h3 { margin: 82px 0 17px; font-size: 31px; }
.ai-operational-grid p { color: #596474; font-size: 15px; line-height: 1.55; }
.ai-operational-feature { grid-column: 1 / -1; display: grid; grid-template-columns: .4fr 1fr 1fr; gap: 45px; min-height: 220px !important; align-items: center; background: #d5f2df; }
.ai-operational-feature small { color: var(--clay-green); font-weight: 900; }
.ai-operational-feature h3 { margin: 0; font-size: 38px; line-height: 1; }
.ai-operational-feature p { font-size: 16px; }
.ai-clinical-v5 { padding: 130px 0; background: var(--clay-ink); color: #fff; }
.ai-clinical-v5 > .shell > header { display: grid; grid-template-columns: 1.25fr .75fr; gap: 8vw; align-items: end; margin-bottom: 72px; }
.ai-clinical-v5 header h2 { max-width: 950px; margin: 18px 0 0; font-size: clamp(58px,6.8vw,100px); line-height: .9; letter-spacing: -.06em !important; }
.ai-clinical-v5 header > p { color: #c4cedc; font-size: 16px; line-height: 1.62; }
.ai-clinical-workbench { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 650px; margin-bottom: 104px; border: 1px solid rgba(255,255,255,.27); border-radius: 18px; overflow: hidden; background: #f7f8fa; color: var(--clay-ink); box-shadow: 24px 28px 0 rgba(0,0,0,.22); }
.ai-clinical-conversation { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; border-right: 1px solid var(--clay-line); background: #fff; }
.ai-clinical-conversation-head { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 0 23px; border-bottom: 1px solid var(--clay-line); }
.ai-clinical-conversation-head span { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 900; }
.ai-clinical-conversation-head span i { width: 9px; height: 9px; border-radius: 50%; background: #50c878; box-shadow: 0 0 0 5px rgba(80,200,120,.15); }
.ai-clinical-conversation-head small { color: #8a8178; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.ai-clinical-thread { display: flex; flex-direction: column; gap: 18px; padding: 44px 34px 28px; }
.ai-message-user { align-self: flex-end; max-width: 82%; margin: 0; padding: 17px 19px; border-radius: 17px 17px 4px 17px; background: #efece6; font-size: 15px; line-height: 1.5; }
.ai-message-bidu { display: grid; grid-template-columns: 44px 1fr; gap: 13px; align-items: start; max-width: 92%; }
.ai-message-bidu img { width: 44px; height: 44px; border: 1px solid var(--clay-line); border-radius: 12px; object-fit: cover; object-position: 50% 12%; background: #fff0bd; }
.ai-message-bidu p { margin: 0; padding: 18px 20px; border-radius: 4px 17px 17px; background: var(--clay-ink); color: #fff; font-size: 15px; line-height: 1.55; }
.ai-clinical-evidence { display: flex; flex-wrap: wrap; gap: 7px; padding-left: 57px; }
.ai-clinical-evidence span { padding: 8px 10px; border: 1px solid #d8ddd7; border-radius: 999px; color: #45604f; background: #f1faf4; font-size: 9px; font-weight: 900; }
.ai-clinical-prompt { position: relative; display: grid; grid-template-columns: 1fr 48px; align-items: center; gap: 7px; margin: 0 24px 24px; padding: 7px; border: 1px solid #cfd5dd; border-radius: 15px; background: #fff; box-shadow: 0 9px 30px rgba(7,16,30,.08); }
.ai-clinical-prompt label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ai-clinical-prompt input { min-width: 0; min-height: 48px; padding: 0 12px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 13px; }
.ai-clinical-prompt button { width: 48px; height: 48px; border: 0; border-radius: 11px; background: var(--clay-coral); color: var(--clay-ink); font: inherit; font-size: 21px; font-weight: 900; cursor: pointer; }
.ai-imaging-review { position: relative; display: grid; grid-template-rows: auto auto 1fr; gap: 24px; min-width: 0; padding: 23px 26px 0; overflow: hidden; background: #d9f0e3; }
.ai-imaging-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--clay-green); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.ai-imaging-head small { color: #536158; font-size: 8px; }
.ai-scan-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.ai-scan-grid figure { position: relative; min-height: 190px; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; background: radial-gradient(ellipse at 52% 45%,#94a8b0 0 9%,transparent 10%),radial-gradient(ellipse at 50% 51%,#354856 0 26%,#132433 27% 48%,#07101e 49% 100%); box-shadow: inset 0 0 45px rgba(255,255,255,.08); }
.ai-scan-grid figure::before,.ai-scan-grid figure::after { content:""; position:absolute; inset:14% 25%; border:1px solid rgba(255,255,255,.22); border-radius:50%; transform:rotate(12deg); }
.ai-scan-grid figure::after { inset:28% 36%; border-color:#ffd052; box-shadow:0 0 0 6px rgba(255,208,82,.14); }
.ai-scan-grid figure:nth-child(2) { filter: contrast(1.08) brightness(.92); }
.ai-scan-grid figure i { position:absolute; left:50%; top:18%; width:2px; height:60%; background:rgba(255,255,255,.13); }
.ai-scan-grid figure i:nth-child(2) { left:22%; top:50%; width:56%; height:2px; }
.ai-scan-grid figure i:nth-child(3) { left:66%; top:18%; height:12px; background:#ffd052; }
.ai-scan-grid figcaption { position:absolute; left:10px; bottom:8px; color:#fff; font-size:8px; font-weight:900; letter-spacing:.08em; }
.ai-review-note { align-self: end; max-width: 78%; margin: 0 0 28px; padding: 22px 22px 24px; border: 1px solid rgba(7,16,30,.18); border-radius: 14px; background: rgba(255,255,255,.88); backdrop-filter: blur(10px); }
.ai-review-note small { color: #a94835; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.ai-review-note strong { display: block; margin: 10px 0; font-size: 19px; line-height: 1.15; }
.ai-review-note p { margin: 0; color: #4d5e56; font-size: 11px; line-height: 1.48; }
.ai-imaging-review > .v3-mascot { position: absolute; right: -38px; bottom: -34px; width: 230px; height: 300px; object-fit: contain; object-position: bottom; pointer-events: none; filter: drop-shadow(0 12px 10px rgba(7,16,30,.16)); }
.ai-clinical-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; margin-bottom: 56px; }
.ai-clinical-intro h2 { max-width: 900px !important; font-size: clamp(48px,5.8vw,82px) !important; }
.ai-clinical-intro > p { color: #c4cedc; font-size: 16px; line-height: 1.62; }
.ai-agent-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.26); border-left: 1px solid rgba(255,255,255,.26); }
.ai-agent-grid article { display: flex; flex-direction: column; min-height: 360px; padding: 28px; border-right: 1px solid rgba(255,255,255,.26); border-bottom: 1px solid rgba(255,255,255,.26); transition: background .25s ease, transform .25s ease; }
.ai-agent-grid article:hover { background: rgba(255,255,255,.06); transform: translateY(-3px); }
.ai-agent-grid article > span { color: #ffd052; font-size: 11px; font-weight: 900; }
.ai-agent-grid article > small { margin-top: 45px; color: #90dfae; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.ai-agent-grid h3 { margin: 13px 0 17px; color: #fff; font-size: 27px; line-height: 1.05; }
.ai-agent-grid p { color: #bdc7d5; font-size: 14px; line-height: 1.55; }
.ai-agent-grid article > b { margin-top: auto; padding-top: 26px; color: #ffd052; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.ai-how-v5 { padding: 126px 0; background: #fff0bd; }
.ai-how-v5 > .shell > header { display: grid; grid-template-columns: .45fr 1.55fr; gap: 8vw; align-items: end; margin-bottom: 64px; }
.ai-how-v5 h2 { margin: 0; font-size: clamp(60px,7.5vw,110px); line-height: .88; letter-spacing: -.063em !important; }
.ai-how-track { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(7,16,30,.28); }
.ai-how-track article { min-height: 280px; padding: 30px 30px 30px 0; border-bottom: 1px solid rgba(7,16,30,.28); }
.ai-how-track article + article { padding-left: 30px; border-left: 1px solid rgba(7,16,30,.28); }
.ai-how-track span { color: var(--clay-coral); font-size: 11px; font-weight: 900; }
.ai-how-track h3 { margin: 74px 0 15px; font-size: 28px; }
.ai-how-track p { color: #5d5d57; font-size: 14px; line-height: 1.55; }
.ai-governance-v5 { padding: 132px 0; overflow: hidden; background: #b7e9f4; }
.ai-governance-v5 .shell { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: start; }
.ai-governance-v5 .shell > div:first-child { position: sticky; top: 135px; }
.ai-governance-v5 h2 { margin: 20px 0; font-size: clamp(58px,6.4vw,94px); line-height: .9; letter-spacing: -.058em !important; }
.ai-governance-v5 .v3-mascot { display: block; width: 300px; height: 340px; margin-top: 35px; object-fit: contain; object-position: center top; }
.ai-governance-list { border-top: 1px solid rgba(7,16,30,.28); }
.ai-governance-list article { display: grid; grid-template-columns: 60px 1fr; gap: 18px; padding: 38px 0; border-bottom: 1px solid rgba(7,16,30,.28); }
.ai-governance-list article > span { color: var(--clay-coral); font-size: 11px; font-weight: 900; }
.ai-governance-list h3 { margin: 0 0 13px; font-size: 29px; }
.ai-governance-list p { margin: 0; color: #355b64; font-size: 15px; line-height: 1.58; }
.ai-faq-v5 { padding: 126px 0; background: #fff; }
.ai-faq-v5 .shell { display: grid; grid-template-columns: .75fr 1.25fr; gap: 9vw; align-items: start; }
.ai-faq-v5 header { position: sticky; top: 130px; }
.ai-faq-v5 h2 { margin: 20px 0 0; font-size: clamp(54px,5.8vw,84px); line-height: .93; letter-spacing: -.055em !important; }
.ai-cta-v5 { padding: 140px 0; background: var(--clay-ink); color: #fff; text-align: center; }
.ai-cta-v5 h2 { max-width: 1120px; margin: 22px auto 46px; font-size: clamp(62px,7.6vw,112px); line-height: .9; letter-spacing: -.061em !important; }
.ai-cta-v5 .actions { justify-content: center; }
.ai-cta-v5 .btn.outline { border-color: rgba(255,255,255,.55); color: #fff; }

@media (max-width: 1100px) {
  .support-partner-grid { gap: 4vw; }
  .support-process-grid { grid-template-columns: repeat(2,1fr); }
  .ai-agent-grid { grid-template-columns: repeat(2,1fr); }
  .ai-demo-answer { padding-right: 245px; padding-left: 46px; }
  .ai-agent-demo > .v3-mascot { width: 245px; }
}

@media (max-width: 950px) {
  .campaign-announcement { min-height: 28px; height: 28px; padding: 0 12px; gap: 7px; }
  .campaign-announcement-mascot { flex-basis: 31px; width: 31px; height: 28px; }
  .campaign-announcement-mascot img { width: 35px; height: 54px; }
  .campaign-announcement strong { display: none; }
  .campaign-announcement-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .v3-nav,
  .v3-nav.scrolled,
  .v3-nav.open { top: 28px; }
  .v3-nav.open .nav-links { inset: 28px 10px 8px; }
  .v3-nav.open:not(.submenu-open) .nav-links { padding-top: 74px; }
  .v3-nav.open.submenu-open .nav-item.expanded .mega-editorial { padding-top: 74px; }
  .solution-product-hero,
  .page-module-v4 .module-hero,
  .page-about-v5 .story-about-hero,
  .page-modules-v4 .module-index-hero,
  .page-directory-v4 .directory-choice-hero,
  .page-plans-v4 .price-hero { padding-top: 102px; }
  .contact-editorial-hero { min-height: 620px; padding-top: 104px; }
  .campaign-event-hero { padding-top: 98px; }

  .support-partner-hero,
  .ai-hero-v5 { padding-top: 98px; }
  .support-partner-grid { grid-template-columns: 1fr; gap: 56px; min-height: 0; }
  .support-partner-copy { max-width: 760px; }
  .support-hero-board { width: min(100%,720px); }
  .support-resource-band,
  .support-process,
  .support-guides-v5,
  .support-principles-v5,
  .support-faq-v5,
  .ai-context-v5,
  .ai-clinical-v5,
  .ai-how-v5,
  .ai-governance-v5,
  .ai-faq-v5 { padding: 92px 0; }
  .support-section-heading,
  .support-process header,
  .support-guides-v5 > .shell > header,
  .support-principles-v5 .shell,
  .support-faq-v5 .shell,
  .ai-context-v5 > .shell > header,
  .ai-clinical-v5 > .shell > header,
  .ai-how-v5 > .shell > header,
  .ai-governance-v5 .shell,
  .ai-faq-v5 .shell { grid-template-columns: 1fr; gap: 42px; }
  .support-resource-grid { grid-template-columns: repeat(2,1fr); }
  .support-guides-v5 > .shell > header h2 { margin-top: 18px; }
  .support-principles-v5 li { grid-template-columns: 1fr; gap: 12px; }
  .support-faq-v5 header,
  .ai-governance-v5 .shell > div:first-child,
  .ai-faq-v5 header { position: static; }
  .support-faq-v5 .v3-faq,
  .support-faq-actions { grid-column: auto; }
  .support-faq-actions { margin-top: 0; }

  .ai-agent-demo { min-height: 0; }
  .ai-demo-body { min-height: 520px; }
  .ai-demo-answer { padding: 48px 220px 48px 42px; }
  .ai-agent-demo > .v3-mascot { right: -5px; width: 220px; height: 330px; }
  .ai-clinical-workbench { grid-template-columns: 1fr; }
  .ai-clinical-conversation { min-height: 530px; border-right: 0; border-bottom: 1px solid var(--clay-line); }
  .ai-imaging-review { min-height: 600px; }
  .ai-clinical-intro { grid-template-columns: 1fr; gap: 24px; }
  .ai-subnav { top: 96px; }
  .ai-subnav a:not(:last-child) { display: none; }
  .ai-operational-grid { grid-template-columns: 1fr 1fr; }
  .ai-operational-feature { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .ai-operational-feature small { grid-column: 1 / -1; }
  .ai-how-track { grid-template-columns: repeat(2,1fr); }
  .ai-how-track article:nth-child(3) { border-left: 0; }
  .ai-governance-v5 .v3-mascot { width: 230px; height: 260px; margin: 10px 0 -28px; }
}

@media (max-width: 620px) {
  .campaign-announcement { font-size: 8px; }
  .campaign-announcement b::after { font-size: 8px; }
  .campaign-announcement-title { max-width: 47vw; }
  .solution-product-hero,
  .page-module-v4 .module-hero,
  .page-about-v5 .story-about-hero,
  .page-modules-v4 .module-index-hero,
  .page-directory-v4 .directory-choice-hero,
  .page-plans-v4 .price-hero { padding-top: 94px; }
  .contact-editorial-hero { padding-top: 96px; }
  .campaign-event-hero { padding-top: 92px; }

  .support-partner-hero,
  .ai-hero-v5 { padding: 92px 0 52px; }
  .support-partner-copy h1 { margin-top: 15px; font-size: 44px !important; line-height: .94; }
  .support-partner-copy .v3-lead { font-size: 16px; }
  .support-search-v5 { grid-template-columns: 1fr; gap: 7px; margin-top: 26px; }
  .support-search-v5 input { min-height: 50px; }
  .support-search-v5 button { min-height: 48px; }
  .support-hero-board { min-height: 430px; border-radius: 14px; box-shadow: 8px 10px 0 rgba(7,16,30,.08); transform: none; }
  .support-board-top { padding-inline: 14px; }
  .support-board-grid { padding: 14px; gap: 7px; }
  .support-board-grid span { min-height: 60px; padding: 11px; font-size: 12px; }
  .support-hero-board .v3-mascot { right: -18px; bottom: -54px; width: 185px; height: 260px; }
  .support-resource-band,
  .support-process,
  .support-guides-v5,
  .support-principles-v5,
  .support-faq-v5,
  .ai-context-v5,
  .ai-clinical-v5,
  .ai-how-v5,
  .ai-governance-v5,
  .ai-faq-v5 { padding: 68px 0; }
  .support-section-heading { align-items: start; margin-bottom: 40px; }
  .support-section-heading h2,
  .support-process h2,
  .support-guides-v5 > .shell > header h2,
  .support-principles-v5 h2,
  .support-faq-v5 h2 { font-size: 40px !important; }
  .support-section-heading > a { width: fit-content; }
  .support-resource-grid,
  .support-process-grid,
  .support-guide-grid-v5 { grid-template-columns: 1fr; }
  .support-resource-card { min-height: 190px; padding: 24px 20px; }
  .support-resource-card h3 { font-size: 24px; }
  .support-process-grid article { min-height: 230px; }
  .support-process-grid h3 { margin-top: 58px; }
  .support-guide-grid-v5 article { min-height: 0; padding: 30px 22px; }
  .support-guide-grid-v5 h3 { margin-top: 34px; font-size: 29px; }
  .support-principles-v5 li { padding: 28px 0; }
  .support-faq-actions { display: grid; }
  .support-faq-actions .btn { width: 100%; }

  .ai-hero-v5 .breadcrumbs { margin-bottom: 25px; }
  .ai-hero-copy { margin-bottom: 38px; text-align: left; }
  .ai-hero-copy h1 { margin: 15px 0 20px; font-size: 44px !important; line-height: .92; }
  .ai-hero-copy .v3-lead { font-size: 16px; }
  .ai-hero-copy .actions { display: grid; justify-content: stretch; }
  .ai-hero-copy .btn { width: 100%; }
  .ai-agent-demo { border-radius: 14px; box-shadow: 8px 10px 0 rgba(7,16,30,.09); }
  .ai-agent-demo > header { min-height: 54px; padding-inline: 14px; }
  .ai-agent-demo > header small { font-size: 7px; }
  .ai-demo-body { grid-template-columns: 1fr; min-height: 0; }
  .ai-demo-body aside { grid-template-columns: repeat(3,1fr); padding: 12px; border-right: 0; border-bottom: 1px solid var(--clay-line); }
  .ai-demo-body aside button { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 64px; padding: 9px; font-size: 10px; }
  .ai-demo-body aside button span { display: block; margin-bottom: 4px; }
  .ai-demo-answer { min-height: 390px; padding: 34px 22px 200px; }
  .ai-demo-answer h2 { font-size: 35px !important; }
  .ai-demo-answer > p { font-size: 15px; }
  .ai-demo-answer > div { gap: 6px; margin-top: 25px; }
  .ai-demo-answer > div span { padding: 7px 8px; font-size: 8px; }
  .ai-agent-demo > .v3-mascot { right: 50%; bottom: -78px; width: 190px; height: 285px; transform: translateX(50%); }
  .ai-subnav { top: 92px; }
  .ai-subnav .shell { min-height: 52px; gap: 12px; }
  .ai-subnav a:last-child { max-width: 170px; text-align: right; }
  .ai-context-v5 > .shell > header,
  .ai-clinical-v5 > .shell > header { margin-bottom: 45px; }
  .ai-clinical-workbench { min-height: 0; margin-bottom: 72px; border-radius: 14px; box-shadow: 8px 10px 0 rgba(0,0,0,.2); }
  .ai-clinical-conversation-head { min-height: 56px; padding: 0 14px; }
  .ai-clinical-conversation-head small { max-width: 120px; line-height: 1.25; text-align: right; }
  .ai-clinical-thread { padding: 28px 16px 22px; }
  .ai-message-user { max-width: 91%; font-size: 13px; }
  .ai-message-bidu { grid-template-columns: 38px 1fr; max-width: 100%; gap: 9px; }
  .ai-message-bidu img { width: 38px; height: 38px; }
  .ai-message-bidu p { padding: 15px; font-size: 13px; }
  .ai-clinical-evidence { padding-left: 0; }
  .ai-clinical-prompt { grid-template-columns: 1fr 44px; margin: 0 12px 12px; }
  .ai-clinical-prompt input { font-size: 11px; }
  .ai-clinical-prompt button { width: 44px; height: 44px; }
  .ai-imaging-review { min-height: 590px; padding: 18px 14px 0; }
  .ai-scan-grid figure { min-height: 155px; }
  .ai-review-note { align-self: start; max-width: 100%; margin-bottom: 205px; padding: 18px; }
  .ai-imaging-review > .v3-mascot { right: 50%; bottom: -58px; width: 205px; height: 275px; transform: translateX(50%); }
  .ai-clinical-intro { margin-bottom: 38px; }
  .ai-clinical-intro h2 { font-size: 38px !important; }
  .ai-context-v5 header h2,
  .ai-clinical-v5 header h2,
  .ai-how-v5 h2,
  .ai-governance-v5 h2,
  .ai-faq-v5 h2 { font-size: 40px !important; }
  .ai-operational-grid,
  .ai-agent-grid,
  .ai-how-track { grid-template-columns: 1fr; }
  .ai-operational-grid article { min-height: 250px; padding: 26px; }
  .ai-operational-grid h3 { margin-top: 62px; }
  .ai-operational-feature { grid-template-columns: 1fr; gap: 17px; min-height: 280px !important; }
  .ai-agent-grid article { min-height: 320px; padding: 25px; }
  .ai-agent-grid article > small { margin-top: 38px; }
  .ai-how-track article,
  .ai-how-track article + article { min-height: 230px; padding: 26px 20px; border-left: 0; }
  .ai-how-track h3 { margin-top: 55px; }
  .ai-governance-v5 .v3-mascot { margin-inline: auto; }
  .ai-governance-list article { grid-template-columns: 38px 1fr; gap: 8px; padding: 30px 0; }
  .ai-governance-list h3 { font-size: 24px; }
  .ai-cta-v5 { padding: 82px 0; }
  .ai-cta-v5 h2 { font-size: 42px !important; }
  .ai-cta-v5 .actions { display: grid; }
  .ai-cta-v5 .btn { width: 100%; }
}

/* Consentimento: ação principal na cor verde da marca. */
.consent-actions button.primary {
  border-color: var(--v3-green, #50c878);
  background: var(--v3-green, #50c878);
  box-shadow: 0 10px 24px rgba(80, 200, 120, .2);
}

/* Central jurídica: leitura longa com contraste alto e navegação clara. */
.page-legal-v4 main { background: #fff; }
.page-legal-v4 .legal-hero,
.page-legal-v4 .pricing-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 160px 0 92px;
  background: #07101e;
  color: #fff;
  border-bottom: 7px solid var(--v3-green, #50c878);
}
.page-legal-v4 .legal-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.45) 70%, transparent);
}
.page-legal-v4 .legal-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 7%;
  bottom: -150px;
  width: 390px;
  aspect-ratio: 1;
  border: 1px solid rgba(201,244,221,.3);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(80,200,120,.045), 0 0 0 110px rgba(80,200,120,.025);
}
.page-legal-v4 .legal-hero .shell { position: relative; z-index: 1; }
.page-legal-v4 .legal-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-bottom: 24px;
  padding: 0 13px;
  border: 1px solid rgba(201,244,221,.38);
  border-radius: 999px;
  color: #c9f4dd;
  background: rgba(255,255,255,.055);
  transition: background .2s, border-color .2s, color .2s;
}
.page-legal-v4 .legal-back:hover,
.page-legal-v4 .legal-back:focus-visible {
  border-color: #c9f4dd;
  background: #c9f4dd;
  color: #07101e;
}
.page-legal-v4 .legal-hero .eyebrow { color: #6cdf92; }
.page-legal-v4 .legal-hero h1 {
  max-width: 1120px;
  color: #fff;
  text-wrap: balance;
}
.page-legal-v4 .legal-hero .lead { color: #cbd5e3; }
.page-legal-v4 .legal-version { gap: 9px; }
.page-legal-v4 .legal-version span {
  border-color: rgba(255,255,255,.34);
  background: rgba(255,255,255,.08);
  color: #f5f8fc;
}
.page-legal-v4 .legal-layout {
  grid-template-columns: 285px minmax(0, 860px);
  gap: clamp(48px, 7vw, 100px);
  padding-top: 88px;
}
.page-legal-v4 .legal-toc {
  overflow: hidden;
  padding: 24px;
  border: 1px solid #d7ddd9;
  border-left: 5px solid #126b4c;
  border-radius: 12px;
  background: #fbfaf7;
  box-shadow: 0 18px 45px rgba(7,16,30,.07);
}
.page-legal-v4 .legal-toc > strong { color: #07101e; font-size: 15px; }
.page-legal-v4 .legal-toc > a {
  margin-inline: -8px;
  padding: 9px 8px;
  border-radius: 6px;
  color: #43516b;
  line-height: 1.35;
  transition: background .18s, color .18s, transform .18s;
}
.page-legal-v4 .legal-toc > a:hover,
.page-legal-v4 .legal-toc > a:focus-visible {
  background: #dff4e8;
  color: #0b5c3f;
  transform: translateX(3px);
  outline: none;
}
.page-legal-v4 .legal-contact {
  border: 1px solid #e1b640;
  background: #ffd166;
  color: #07101e;
}
.page-legal-v4 .legal-company { border-color: #d7ddd9; color: #07101e; }
.page-legal-v4 .legal-document { min-width: 0; }
.page-legal-v4 .legal-document > section { border-color: #d7ddd9; }
.page-legal-v4 .legal-document h2 { color: #07101e; text-wrap: balance; }
.page-legal-v4 .legal-document p,
.page-legal-v4 .legal-document li { color: #445169; }
.page-legal-v4 .legal-document a { color: #0b5c3f; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.page-legal-v4 .legal-document a:hover { color: #07101e; }
.page-legal-v4 .legal-document a:focus-visible,
.page-legal-v4 .legal-related a:focus-visible {
  outline: 3px solid #50c878;
  outline-offset: 3px;
}
.page-legal-v4 .legal-callout {
  border-left-color: #126b4c;
  background: #e8f6ee;
  color: #173f31;
}
.page-legal-v4 .legal-table { border-color: #cbd4d0; box-shadow: 0 12px 30px rgba(7,16,30,.045); }
.page-legal-v4 .legal-table > div:first-child { background: #07101e; color: #fff; }
.page-legal-v4 .legal-related { border-color: #cbd4d0; background: #f5f8f6; }
.page-legal-v4 .legal-related a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #b9c7c0;
  border-radius: 999px;
  background: #fff;
  transition: background .18s, border-color .18s, color .18s;
}
.page-legal-v4 .legal-related a:hover {
  border-color: #126b4c;
  background: #126b4c;
  color: #fff;
}
.page-legal-v4 .subprocessor-grid article {
  border-color: #cbd4d0;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.page-legal-v4 .subprocessor-grid article:hover {
  border-color: #126b4c;
  box-shadow: 0 15px 32px rgba(7,16,30,.08);
  transform: translateY(-2px);
}
.page-legal-v4 .subprocessor-grid small { color: #126b4c; }

@media (max-width: 850px) {
  .page-legal-v4 .legal-hero,
  .page-legal-v4 .pricing-hero { padding: 132px 0 74px; }
  .page-legal-v4 .legal-hero::after { right: -130px; bottom: -170px; width: 340px; }
  .page-legal-v4 .legal-layout { grid-template-columns: 1fr; gap: 42px; padding-top: 48px; }
  .page-legal-v4 .legal-toc { position: static; padding: 20px; border-left-width: 5px; }
}

@media (max-width: 560px) {
  .page-legal-v4 .legal-hero,
  .page-legal-v4 .pricing-hero { padding: 118px 0 66px; }
  .page-legal-v4 .legal-hero h1 { font-size: clamp(38px, 11.5vw, 48px); line-height: .98; }
  .page-legal-v4 .legal-hero .lead { font-size: 18px; line-height: 1.55; }
  .page-legal-v4 .legal-version { display: grid; }
  .page-legal-v4 .legal-version span { width: max-content; max-width: 100%; }
  .page-legal-v4 .legal-layout { padding-bottom: 78px; }
  .page-legal-v4 .legal-document h2 { font-size: 30px; line-height: 1.08; }
  .page-legal-v4 .legal-related { padding: 20px; }
  .page-legal-v4 .legal-related a { width: 100%; justify-content: space-between; }
}

/* Home mobile: o filme continua por trás do início da mensagem e dissolve no papel. */
@media (max-width: 620px) {
  .home-v4 .scenic-home-hero {
    padding-top: 500px;
    background: var(--clay-paper);
  }
  .home-v4 .scenic-home-hero > .motion-background {
    top: 68px;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center bottom;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 70%, rgba(0,0,0,.9) 80%, rgba(0,0,0,.42) 91%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 70%, rgba(0,0,0,.9) 80%, rgba(0,0,0,.42) 91%, transparent 100%);
  }
  .home-v4 .scenic-home-hero::after {
    top: 68px;
    bottom: auto;
    height: 500px;
    background:
      linear-gradient(90deg, rgba(251,250,247,.2), transparent 12%, transparent 88%, rgba(251,250,247,.2)),
      linear-gradient(to bottom, transparent 66%, rgba(251,250,247,.12) 78%, var(--clay-paper) 100%);
  }
  .home-v4 .scenic-interface { top: 68px; height: 430px; }
  .home-v4 .scenic-hero-copy {
    position: relative;
    z-index: 9;
    padding-top: 24px;
  }
}

/* História do Luke: legenda ancorada abaixo do rosto, em zona segura da foto. */
.about-story-card.card-luke::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 44% 0 0;
  background: linear-gradient(to bottom, transparent, rgba(7,16,30,.18) 26%, rgba(7,16,30,.78) 100%);
  pointer-events: none;
}
.about-story-card.card-luke > span {
  position: absolute;
  z-index: 3;
  left: 28px;
  bottom: 151px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #c9f4dd;
  color: #0b5c3f;
  line-height: 1;
}
.about-story-card.card-luke > h2 {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  left: 28px;
  max-width: 500px;
  margin: 0;
  padding: 18px 20px;
  border-left: 5px solid #50c878;
  border-radius: 0 8px 8px 0;
  background: rgba(7,16,30,.9);
  color: #fff;
  line-height: .98;
  backdrop-filter: blur(8px);
}

@media (max-width: 620px) {
  .about-story-card.card-luke > span { left: 20px; bottom: 132px; }
  .about-story-card.card-luke > h2 {
    right: 20px;
    bottom: 20px;
    left: 20px;
    padding: 15px 16px;
    font-size: 30px !important;
  }
}

/* Sobre: a experiência como tutor e a homenagem que conecta Luke ao personagem. */
.about-luke-dedication {
  position: relative;
  overflow: hidden;
  padding: 160px 0;
  background: #07101e;
  color: #fff;
}
.about-luke-dedication::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 34%, rgba(80,200,120,.14), transparent 28%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: auto, 58px 58px, 58px 58px;
  pointer-events: none;
}
.about-luke-dedication-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(420px,.96fr);
  gap: clamp(64px,8vw,120px);
  align-items: center;
}
.about-luke-pair { position: relative; min-height: 720px; }
.about-luke-pair figure { margin: 0; }
.about-luke-real {
  position: absolute;
  inset: 20px auto 50px 0;
  width: 65%;
  overflow: hidden;
  border: 9px solid #fff;
  border-radius: 8px;
  background: #fff;
  box-shadow: 26px 30px 0 rgba(255,255,255,.08);
  transform: rotate(-4deg);
}
.about-luke-real::after {
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent,rgba(7,16,30,.82));
}
.about-luke-real img { width: 100%; height: 620px; object-fit: cover; object-position: 50% 34%; }
.about-luke-real figcaption,
.about-luke-character figcaption {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  left: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.about-luke-character {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  width: 49%;
  min-height: 470px;
  padding: 28px 18px 58px;
  border: 2px solid #07101e;
  border-radius: 8px;
  background: #c9f4dd;
  box-shadow: 18px 22px 0 rgba(80,200,120,.16);
  transform: rotate(4deg);
}
.about-luke-character img { width: 100%; height: 380px; object-fit: contain; }
.about-luke-character figcaption { color: #0b5c3f; }
.about-luke-link {
  position: absolute;
  z-index: 5;
  top: 13%;
  right: 4%;
  padding: 9px 12px;
  border-radius: 999px;
  background: #ffd166;
  color: #07101e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  transform: rotate(4deg);
}
.about-luke-dedication-copy .v3-eyebrow { color: #6cdf92; }
.about-luke-dedication-copy h2 {
  margin: 14px 0 30px;
  font-size: clamp(52px,5.7vw,82px);
  line-height: .95;
  text-wrap: balance;
}
.about-luke-dedication-copy > p:not(.v3-eyebrow) {
  max-width: 680px;
  color: #cbd5e3;
  font-size: 18px;
  line-height: 1.7;
}
.about-luke-dedication-copy blockquote {
  margin: 34px 0 0;
  padding: 24px 0 24px 24px;
  border-left: 5px solid #50c878;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 1.2;
}
.about-luke-dedication-copy > strong {
  display: block;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.2);
  color: #ffd166;
  font-size: 19px;
  line-height: 1.4;
}

@media (max-width: 950px) {
  .about-luke-dedication { padding: 110px 0; }
  .about-luke-dedication-grid { grid-template-columns: 1fr; gap: 68px; }
  .about-luke-pair { width: min(100%,720px); min-height: 650px; margin-inline: auto; }
  .about-luke-real img { height: 560px; }
  .about-luke-character { width: 45%; min-height: 420px; }
  .about-luke-character img { height: 330px; }
}

@media (max-width: 620px) {
  .about-luke-dedication { padding: 88px 0; }
  .about-luke-dedication-grid { gap: 54px; }
  .about-luke-pair { min-height: 520px; }
  .about-luke-real { inset: 10px auto 34px 0; width: 72%; border-width: 7px; }
  .about-luke-real img { height: 450px; }
  .about-luke-character { right: -2%; width: 49%; min-height: 320px; padding: 18px 10px 46px; }
  .about-luke-character img { height: 250px; }
  .about-luke-real figcaption,
  .about-luke-character figcaption { right: 12px; bottom: 12px; left: 12px; font-size: 9px; }
  .about-luke-link { top: 2%; right: 0; font-size: 9px; }
  .about-luke-dedication-copy h2 { font-size: clamp(39px,11vw,48px) !important; }
  .about-luke-dedication-copy > p:not(.v3-eyebrow) { font-size: 16px; }
  .about-luke-dedication-copy blockquote { padding-left: 18px; font-size: 23px; }
  .about-luke-dedication-copy > strong { font-size: 17px; }
}

/* Keep the home introduction readable over every frame of the scenic background. */
.home-v4 .scenic-hero-copy .v3-lead {
  width: fit-content;
  max-width: min(720px, 100%);
  margin: 4px auto 0;
  padding: 10px 18px 11px;
  border: 1px solid rgba(13,27,61,.1);
  border-radius: 14px;
  background: rgba(255,253,248,.84);
  box-shadow: 0 12px 32px rgba(7,16,30,.1);
  color: #344156;
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
  backdrop-filter: blur(12px) saturate(1.05);
}

@media (max-width: 620px) {
  .home-v4 .scenic-hero-copy .v3-lead {
    margin-inline: 0;
    padding: 10px 13px;
    border-radius: 12px;
    background: rgba(255,253,248,.92);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .home-v4 .scenic-hero-copy .v3-lead {
    background: #fffdf8;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Desktop hero breathing room: separate the navigation, message and care card. */
@media (min-width: 851px) {
  .home-v4 .scenic-home-hero {
    height: 900px;
    min-height: 900px;
    padding-top: 130px;
  }

  .home-v4 .scenic-care-card { top: 51%; }
}
/* --------------------------------------------------------------------------
   Home — mapa vivo da operação Bidu
   -------------------------------------------------------------------------- */
.home-ecosystem{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,8vw,132px) 0 clamp(76px,7vw,116px);
  background:#f5f3ed;
  border-top:1px solid rgba(7,16,30,.08);
  border-bottom:1px solid rgba(7,16,30,.08)
}
.home-ecosystem::before{
  content:"";
  position:absolute;
  width:min(70vw,960px);
  aspect-ratio:1;
  left:50%;
  top:54%;
  translate:-50% -50%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(70,201,112,.13),transparent 67%);
  pointer-events:none
}
.ecosystem-heading{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  align-items:end;
  gap:clamp(32px,7vw,110px);
  margin-bottom:clamp(36px,5vw,70px)
}
.ecosystem-heading h2{
  max-width:900px;
  margin:10px 0 0;
  color:#07101e;
  font-size:clamp(48px,5.2vw,86px);
  line-height:.94;
  letter-spacing:-.055em
}
.ecosystem-heading h2 span{color:#11734f}
.ecosystem-heading>p{
  max-width:540px;
  margin:0 0 5px;
  color:#4f5d70;
  font-size:clamp(18px,1.35vw,23px);
  line-height:1.55
}
.ecosystem-stage{
  --spot-x:50%;
  --spot-y:50%;
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  isolation:isolate;
  border-radius:clamp(30px,3vw,52px);
  background:#fbfaf6;
  border:1px solid rgba(7,16,30,.09);
  box-shadow:0 40px 90px rgba(17,46,37,.11),inset 0 0 0 1px rgba(255,255,255,.82);
  touch-action:pan-y
}
.ecosystem-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  background:linear-gradient(180deg,rgba(251,250,246,.08),transparent 14%,transparent 84%,rgba(251,250,246,.2));
  pointer-events:none
}
.ecosystem-layer{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none
}
.ecosystem-layer img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.ecosystem-layer-base{
  z-index:0;
  opacity:.3;
  filter:grayscale(.95) saturate(.16) contrast(.72) brightness(1.13)
}
.ecosystem-layer-color{
  z-index:1;
  opacity:1;
  -webkit-mask-image:radial-gradient(circle clamp(150px,19vw,330px) at var(--spot-x) var(--spot-y),#000 0%,#000 42%,rgba(0,0,0,.78) 58%,transparent 100%);
  mask-image:radial-gradient(circle clamp(150px,19vw,330px) at var(--spot-x) var(--spot-y),#000 0%,#000 42%,rgba(0,0,0,.78) 58%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  will-change:mask-image,-webkit-mask-image
}
.ecosystem-points{
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none
}
.ecosystem-point{
  position:absolute;
  left:var(--point-x);
  top:var(--point-y);
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  border:0;
  background:none;
  color:#07101e;
  font:800 14px/1.1 Nunito,sans-serif;
  transform:translate(-18px,-18px);
  cursor:pointer;
  pointer-events:auto;
  z-index:1
}
.ecosystem-point>i{
  position:relative;
  display:block;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:8px solid #0d1b3d;
  border-radius:50%;
  background:#47ca72;
  box-shadow:0 5px 18px rgba(7,16,30,.25)
}
.ecosystem-point>i::after{
  content:"";
  position:absolute;
  inset:-9px;
  border:2px solid rgba(71,202,114,.7);
  border-radius:inherit;
  animation:ecosystem-ping 2.2s ease-out infinite
}
.ecosystem-point>span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 15px;
  white-space:nowrap;
  border:1px solid rgba(7,16,30,.11);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 30px rgba(7,16,30,.13);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .25s ease,background .25s ease,color .25s ease
}
.ecosystem-point>span small{color:#b94431;font-size:10px;letter-spacing:.08em}
.ecosystem-point-consulta>span{position:absolute;top:45px;left:-58px}
.ecosystem-point-laboratorio,.ecosystem-point-hospital,.ecosystem-point-tutor{flex-direction:row-reverse;transform:translate(calc(-100% + 18px),-18px)}
.ecosystem-point:hover>span,.ecosystem-point:focus-visible>span,.ecosystem-point[aria-pressed="true"]>span{
  color:#fff;
  background:#0d1b3d;
  transform:translateY(-2px)
}
.ecosystem-point:hover>span small,.ecosystem-point:focus-visible>span small,.ecosystem-point[aria-pressed="true"]>span small{color:#8ce3a8}
.ecosystem-point[aria-pressed="true"]>i{background:#ff7658}
.ecosystem-point:focus-visible{outline:3px solid #ffbf32;outline-offset:7px;border-radius:999px}
.ecosystem-detail{
  position:absolute;
  z-index:10;
  left:50%;
  top:49%;
  width:min(34%,500px);
  min-width:390px;
  padding:clamp(24px,2.4vw,38px);
  transform:translate(-50%,-50%);
  text-align:center;
  border:1px solid rgba(7,16,30,.11);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(7,16,30,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)
}
.ecosystem-detail.is-changing{opacity:.45;transform:translate(-50%,-47%)}
.ecosystem-detail>small{display:block;color:#b94431;font-weight:900;font-size:11px;letter-spacing:.12em}
.ecosystem-detail h3{margin:10px 0 12px;color:#07101e;font-size:clamp(26px,2.15vw,37px);line-height:1.08;letter-spacing:-.035em}
.ecosystem-detail p{margin:0;color:#526073;font-size:clamp(14px,1.02vw,17px);line-height:1.55}
.ecosystem-detail>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}
.ecosystem-detail>div span{padding:7px 10px;color:#11734f;font-size:11px;font-weight:900;border-radius:9px;background:#eef7eb;border:1px solid rgba(17,115,79,.12)}
.ecosystem-caption{position:relative;z-index:2;margin:24px 0 0;text-align:center;color:#697587;font-size:14px;font-weight:800}
.ecosystem-mobile-nav{display:none}
@keyframes ecosystem-ping{0%{opacity:.85;transform:scale(.72)}75%,100%{opacity:0;transform:scale(1.55)}}

@media(max-width:900px){
  .home-ecosystem{padding:72px 0 76px}
  .ecosystem-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
  .ecosystem-heading h2{font-size:clamp(42px,11vw,66px)}
  .ecosystem-heading>p{font-size:17px}
  .ecosystem-stage{aspect-ratio:auto;overflow:visible;padding-top:calc(66.666% + 14px);border:0;background:transparent;box-shadow:none}
  .ecosystem-layer{inset:0 auto auto 0;height:auto;aspect-ratio:3/2;border-radius:24px;overflow:hidden;border:1px solid rgba(7,16,30,.09);box-shadow:0 22px 55px rgba(17,46,37,.1)}
  .ecosystem-layer-color{-webkit-mask-image:radial-gradient(circle clamp(88px,25vw,150px) at var(--spot-x) var(--spot-y),#000 0%,#000 43%,transparent 100%);mask-image:radial-gradient(circle clamp(88px,25vw,150px) at var(--spot-x) var(--spot-y),#000 0%,#000 43%,transparent 100%)}
  .ecosystem-stage::after{display:none}
  .ecosystem-points{inset:0 auto auto 0;width:100%;aspect-ratio:3/2}
  .ecosystem-point{transform:translate(-13px,-13px)}
  .ecosystem-point-laboratorio,.ecosystem-point-hospital,.ecosystem-point-tutor{transform:translate(-13px,-13px)}
  .ecosystem-point>i{flex-basis:26px;width:26px;height:26px;border-width:6px}
  .ecosystem-point>i::after{inset:-7px}
  .ecosystem-point>span{display:none}
  .ecosystem-detail{position:relative;left:auto;top:auto;width:100%;min-width:0;margin-top:0;padding:24px 20px;transform:none;border-radius:22px}
  .ecosystem-detail.is-changing{transform:translateY(3px)}
  .ecosystem-detail h3{font-size:27px}
  .ecosystem-mobile-nav{position:relative;z-index:3;display:flex;gap:8px;margin-top:16px;padding:2px 1px 10px;overflow-x:auto;scrollbar-width:none}
  .ecosystem-mobile-nav::-webkit-scrollbar{display:none}
  .ecosystem-mobile-nav button{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(7,16,30,.13);border-radius:999px;background:#fff;color:#07101e;font:800 13px/1 Nunito,sans-serif}
  .ecosystem-mobile-nav button[aria-pressed="true"]{background:#0d1b3d;color:#fff;border-color:#0d1b3d}
  .ecosystem-caption{margin-top:14px}
}
@media(max-width:520px){
  .ecosystem-heading h2{font-size:42px}
  .ecosystem-heading>p{font-size:16px}
  .ecosystem-detail h3{font-size:24px}
  .ecosystem-detail p{font-size:14px}
  .ecosystem-point-veterinario{left:18%!important}
}
@media(prefers-reduced-motion:reduce){
  .ecosystem-point>i::after{animation:none}
  .ecosystem-layer-base{display:none}
  .ecosystem-layer-color{-webkit-mask-image:none;mask-image:none}
}

/* --------------------------------------------------------------------------
   Comparison guides — transparent decision support for Brazilian pet teams
   -------------------------------------------------------------------------- */
.v3-nav .mega-compare{min-height:430px}
.v3-nav .mega-compare .mega-editorial-feature{background:#c9f4dd!important}
.v3-nav .mega-compare .mega-editorial-feature:hover{background:#a9e9c7!important}

.compare-hero,.compare-detail-hero{padding:190px 0 105px;background:#f7f5ef}
.compare-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:clamp(60px,8vw,130px)}
.compare-hero-copy h1,.compare-detail-copy h1{max-width:850px;margin:16px 0 24px;color:#07101e;font-size:clamp(68px,7.4vw,118px);line-height:.9;letter-spacing:-.065em!important}
.compare-hero-copy .v3-lead,.compare-detail-copy .v3-lead{max-width:720px;color:#485568;font-size:20px;line-height:1.5}
.compare-hero-copy .actions,.compare-detail-copy .actions{margin-top:34px}
.compare-hero-board{position:relative;min-height:580px;padding:28px 30px 90px;overflow:hidden;border:1px solid rgba(7,16,30,.13);border-radius:32px;background:#0d1b3d;box-shadow:24px 28px 0 #c9f4dd;color:#fff}
.compare-hero-board>header{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.18)}
.compare-hero-board>header>span{display:flex;gap:5px}.compare-hero-board>header i{display:block;width:8px;height:8px;border-radius:50%;background:#ff7658}.compare-hero-board>header i:nth-child(2){background:#ffbf32}.compare-hero-board>header i:nth-child(3){background:#47ca72}
.compare-hero-board>header b{font-size:12px;letter-spacing:.09em}.compare-hero-board>header small{margin-left:auto;color:#aebbd0;font-weight:800}
.compare-hero-board ol{position:relative;z-index:2;margin:16px 0 0;padding:0;list-style:none}
.compare-hero-board li{display:grid;grid-template-columns:42px 120px 1fr;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.16)}
.compare-hero-board li span{color:#8ce3a8;font-size:11px;font-weight:900}.compare-hero-board li b{font-size:20px}.compare-hero-board li em{color:#b8c4d6;font-size:13px;font-style:normal}
.compare-hero-board .v3-mascot{position:absolute;right:-38px;bottom:-105px;width:220px;height:300px;object-fit:contain;opacity:.95}

.compare-disclosure{padding:26px 0;border-block:1px solid rgba(7,16,30,.12);background:#ffdf81}
.compare-disclosure .shell{display:grid;grid-template-columns:210px 1fr;gap:38px;align-items:start}
.compare-disclosure strong{color:#07101e;font-size:16px}.compare-disclosure p{max-width:1050px;margin:0;color:#394456;font-size:14px;line-height:1.6}

.compare-options{padding:120px 0 140px;background:#fff}
.compare-options>div>header{display:grid;grid-template-columns:.55fr 1.45fr;align-items:end;gap:50px;margin-bottom:64px}
.compare-options h2,.compare-decision h2,.compare-checklist h2,.compare-balance h2,.compare-table-section h2,.compare-migration h2,.compare-source h2{margin:0;color:#07101e;font-size:clamp(48px,5.8vw,88px);line-height:.96;letter-spacing:-.055em!important}
.compare-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d7ddd9;border-left:1px solid #d7ddd9}
.compare-option-card{position:relative;display:flex;min-height:420px;flex-direction:column;padding:40px;color:#07101e;text-decoration:none;border-right:1px solid #d7ddd9;border-bottom:1px solid #d7ddd9;background:#fbfaf7;transition:background .25s ease,transform .25s ease}
.compare-option-card:nth-child(2){background:#edf7f0}.compare-option-card:nth-child(3){background:#eef3fb}.compare-option-card:nth-child(4){background:#fff0eb}
.compare-option-card:hover,.compare-option-card:focus-visible{z-index:2;background:#0d1b3d;color:#fff;transform:translateY(-8px)}
.compare-option-card>span{color:#b94431;font-size:12px;font-weight:900}.compare-option-card>small{margin-top:54px;color:#11734f;font-size:10px;font-weight:900;letter-spacing:.1em}.compare-option-card:hover>small,.compare-option-card:focus-visible>small{color:#8ce3a8}
.compare-option-card h2{margin:10px 0 20px;color:inherit;font-size:clamp(36px,3vw,52px);line-height:1}.compare-option-card p{max-width:590px;margin:0;color:#536073;font-size:15px;line-height:1.55}.compare-option-card:hover p,.compare-option-card:focus-visible p{color:#c7d0df}
.compare-option-card>b{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:32px;font-size:15px}.compare-option-card>b i{font-style:normal;transition:transform .2s ease}.compare-option-card:hover>b i{transform:translateX(6px)}

.compare-decision{padding:140px 0;background:#126b4c;color:#fff}
.compare-decision-grid{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:clamp(60px,9vw,140px)}
.compare-decision h2{color:#fff}.compare-decision-grid>div:first-child>p:not(.v3-eyebrow){max-width:580px;color:#c9e5d8;font-size:17px;line-height:1.6}
.compare-fit-list{border-top:1px solid rgba(255,255,255,.38)}
.compare-fit-list>a{display:grid;grid-template-columns:45px 150px 1fr 24px;align-items:center;gap:20px;min-height:125px;padding:18px 12px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.38);transition:padding .2s ease,background .2s ease}
.compare-fit-list>a:hover{padding-inline:24px;background:rgba(255,255,255,.09)}.compare-fit-list span{color:#9ce5b6;font-size:11px;font-weight:900}.compare-fit-list b{font-size:21px}.compare-fit-list p{margin:0;color:#c9e5d8;font-size:13px;line-height:1.45}.compare-fit-list i{font-style:normal}

.compare-checklist{padding:130px 0;background:#ff7658}
.compare-checklist>div>header{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:end;margin-bottom:58px}.compare-checklist>div>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(7,16,30,.35);border-left:1px solid rgba(7,16,30,.35)}
.compare-checklist article{min-height:330px;padding:30px;border-right:1px solid rgba(7,16,30,.35);border-bottom:1px solid rgba(7,16,30,.35)}.compare-checklist article span{font-size:11px;font-weight:900}.compare-checklist article h3{margin:65px 0 15px;font-size:25px;line-height:1.1}.compare-checklist article p{margin:0;color:#3d3540;font-size:14px;line-height:1.5}
.compare-faq{background:#f7f5ef}

.compare-detail-hero>.shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:clamp(55px,8vw,120px)}
.compare-breadcrumb{display:inline-flex;margin-bottom:62px;color:#526073;font-size:13px;font-weight:800;text-decoration:none}.compare-breadcrumb:hover{color:#11734f}
.compare-detail-copy h1 span{display:inline-block;color:#ff7658;font-size:.35em;letter-spacing:.02em;transform:translateY(-.55em)}
.compare-versus-card{display:grid;grid-template-columns:1fr 52px 1fr;align-items:stretch;overflow:hidden;border:1px solid rgba(7,16,30,.14);border-radius:28px;background:#fff;box-shadow:20px 22px 0 #ffdf81}
.compare-versus-card>div{display:flex;min-width:0;min-height:430px;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.compare-versus-card>div:first-child{background:#0d1b3d;color:#fff}.compare-versus-card>div>span{display:grid;place-items:center;width:82px;height:82px;margin-bottom:28px;border-radius:24px;background:#47ca72;color:#07101e;font-size:42px;font-weight:900}.compare-versus-card>div:last-child>span{background:#f0eee8}.compare-versus-card strong{font-size:29px}.compare-versus-card small{max-width:170px;margin-top:9px;color:#7b8796;font-size:11px;line-height:1.4}.compare-versus-card>div:first-child small{color:#b7c2d3}.compare-versus-card>i{display:grid;place-items:center;position:relative;z-index:2;align-self:center;width:52px;height:52px;margin-inline:-1px;border-radius:50%;background:#ff7658;color:#07101e;font-size:12px;font-style:normal;font-weight:900}

.compare-balance{padding:120px 0;background:#fff}.compare-balance header{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:end;margin-bottom:60px}.compare-balance>.shell>div{display:grid;grid-template-columns:1fr 1fr}.compare-balance article{min-height:470px;padding:48px;border:1px solid #d7ddd9;background:#f7f5ef}.compare-balance article+article{border-left:0}.compare-balance article.is-bidu{background:#c9f4dd}.compare-balance article small{color:#b94431;font-size:10px;font-weight:900;letter-spacing:.1em}.compare-balance article h3{margin:72px 0 25px;font-size:clamp(29px,2.5vw,41px);line-height:1.15;letter-spacing:-.035em}.compare-balance article p{margin:0;color:#4d596b;font-size:15px;line-height:1.6}

.compare-table-section{padding:130px 0;background:#f2f5f9}.compare-table-section>div>header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:end;gap:70px;margin-bottom:52px}.compare-table-section>div>header>p{margin:0;color:#566276;font-size:14px;line-height:1.6}.compare-table-wrap{overflow:hidden;border:1px solid #cfd6de;border-radius:22px;background:#fff}.compare-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed}.compare-table-wrap th,.compare-table-wrap td{padding:26px 28px;text-align:left;vertical-align:top;border-right:1px solid #d9dee5;border-bottom:1px solid #d9dee5}.compare-table-wrap tr:last-child>*{border-bottom:0}.compare-table-wrap tr>*:last-child{border-right:0}.compare-table-wrap thead th{background:#0d1b3d;color:#fff;font-size:14px}.compare-table-wrap thead th:first-child{width:22%}.compare-table-wrap tbody th{color:#07101e;font-size:15px}.compare-table-wrap td{color:#4e5b6e;font-size:13px;line-height:1.55}.compare-table-wrap td span{display:block;margin-bottom:8px;color:#11734f;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.compare-table-wrap td:last-child{background:#f2fbf5}

.compare-migration{padding:140px 0;background:#0d1b3d;color:#fff}.compare-migration-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(60px,9vw,140px)}.compare-migration h2{color:#fff}.compare-migration-grid>div>p:not(.v3-eyebrow){max-width:590px;color:#bcc7d7;font-size:17px;line-height:1.6}.compare-migration .btn{margin-top:26px}.compare-migration ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.3)}.compare-migration li{display:grid;grid-template-columns:44px 125px 1fr;align-items:center;gap:18px;min-height:116px;border-bottom:1px solid rgba(255,255,255,.3)}.compare-migration li span{color:#8ce3a8;font-size:11px;font-weight:900}.compare-migration li b{font-size:21px}.compare-migration li p{margin:0;color:#bfc9d8;font-size:13px;line-height:1.45}
.compare-source{padding:100px 0;background:#fff}.compare-source>.shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:100px}.compare-source h2{font-size:clamp(42px,4.7vw,70px)}.compare-source p{max-width:760px;color:#536073;font-size:15px;line-height:1.65}.compare-source p a{color:#11734f;font-weight:800}.compare-related{border-top:1px solid #d7ddd9}.compare-related>small{display:block;padding:18px 0;color:#7b8491;font-size:10px;font-weight:900;letter-spacing:.1em}.compare-related>a{display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:17px 0;color:#07101e;text-decoration:none;border-top:1px solid #e1e5e2}.compare-related>a small{grid-column:1;color:#b94431;font-size:9px}.compare-related>a b{font-size:18px}.compare-related>a span{grid-column:2;grid-row:1/3;align-self:center}.compare-related>a:hover{color:#11734f}

@media(min-width:951px) and (max-width:1280px){.v3-nav .nav-links{gap:12px;font-size:12px}.v3-nav .nav-cta{padding-inline:16px}}
.compare-proof-card:is(.is-care,.is-internacao,.is-hotel-agenda,.is-waiting) .compare-proof-screen img{object-position:right top}
.compare-proof-card.is-uti .compare-proof-screen img{object-position:center top}
@media(max-width:950px){
  .compare-hero,.compare-detail-hero{padding:145px 0 80px}.compare-hero-grid,.compare-detail-hero>.shell,.compare-decision-grid,.compare-migration-grid,.compare-source>.shell{grid-template-columns:1fr;gap:48px}
  .compare-hero-copy h1,.compare-detail-copy h1{font-size:clamp(54px,13vw,78px)}.compare-hero-board{min-height:520px;box-shadow:12px 15px 0 #c9f4dd}.compare-hero-board li{grid-template-columns:38px 105px 1fr}.compare-versus-card>div{min-height:300px}.compare-breadcrumb{margin-bottom:38px}
  .compare-options>div>header,.compare-checklist>div>header,.compare-balance header,.compare-table-section>div>header{grid-template-columns:1fr;gap:18px}.compare-options,.compare-balance,.compare-table-section,.compare-checklist{padding:88px 0}.compare-option-grid,.compare-balance>.shell>div{grid-template-columns:1fr}.compare-balance article+article{border-left:1px solid #d7ddd9;border-top:0}.compare-checklist>div>div{grid-template-columns:repeat(2,1fr)}
  .compare-table-wrap{overflow-x:auto;border-radius:16px}.compare-table-wrap table{min-width:850px}.compare-table-wrap th,.compare-table-wrap td{padding:22px}
}
@media(max-width:600px){
  .compare-disclosure .shell{grid-template-columns:1fr;gap:8px}.compare-hero-board{min-height:500px;padding:22px 20px 78px;border-radius:22px}.compare-hero-board li{grid-template-columns:34px 90px 1fr;gap:8px}.compare-hero-board li b{font-size:17px}.compare-hero-board li em{font-size:11px}.compare-hero-board .v3-mascot{right:-55px;width:185px}
  .compare-option-card{min-height:350px;padding:28px}.compare-option-card>small{margin-top:38px}.compare-decision,.compare-migration{padding:90px 0}.compare-fit-list>a{grid-template-columns:36px 1fr 20px;gap:12px;padding-block:22px}.compare-fit-list>a p{grid-column:2}.compare-fit-list>a i{grid-column:3;grid-row:1/3}.compare-checklist>div>div{grid-template-columns:1fr}.compare-checklist article{min-height:260px}.compare-checklist article h3{margin-top:45px}
  .compare-versus-card{grid-template-columns:1fr;box-shadow:10px 12px 0 #ffdf81}.compare-versus-card>div{min-height:210px}.compare-versus-card>i{margin-block:-26px;margin-inline:auto}.compare-balance article{min-height:390px;padding:32px}.compare-balance article h3{margin-top:52px}.compare-source>.shell{gap:55px}
}

/* Comparison experience v2 — brand-forward editorial commerce */
.compare-hero-v2,.compare-detail-hero-v2{position:relative;isolation:isolate;overflow:hidden;background:#07101e;color:#fff}
.compare-hero-v2:before,.compare-detail-hero-v2:before{content:"";position:absolute;z-index:-2;inset:-20%;background:radial-gradient(circle at 15% 25%,rgba(71,202,114,.25),transparent 29%),radial-gradient(circle at 86% 18%,rgba(255,118,88,.2),transparent 25%),radial-gradient(circle at 72% 88%,rgba(255,223,129,.14),transparent 24%)}
.compare-hero-v2:after,.compare-detail-hero-v2:after{content:"BIDU";position:absolute;z-index:-1;right:-.08em;bottom:-.3em;color:rgba(255,255,255,.025);font-size:min(33vw,500px);font-weight:900;letter-spacing:-.1em;line-height:1;pointer-events:none}
.compare-hero-v2{padding:185px 0 120px}.compare-detail-hero-v2{padding:170px 0 110px}
.compare-hero-v2 .compare-hero-copy h1,.compare-detail-hero-v2 .compare-detail-copy h1{color:#fff}
.compare-hero-v2 .compare-hero-copy h1{max-width:900px;font-size:clamp(65px,6.7vw,108px)}
.compare-hero-v2 .compare-hero-copy .v3-lead,.compare-detail-hero-v2 .compare-detail-copy .v3-lead{color:#bac7d9}
.compare-brand-lockup{display:flex;align-items:center;gap:20px;margin-bottom:38px}.compare-brand-lockup img{display:block;width:122px;height:auto}.compare-brand-lockup span{padding-left:20px;border-left:1px solid rgba(255,255,255,.3);color:#91e7ae;font-size:11px;font-weight:900;letter-spacing:.13em}
.btn.ghost-light{color:#fff;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.04);backdrop-filter:blur(12px)}.btn.ghost-light:hover{color:#07101e;background:#fff}
.compare-hero-signals{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.compare-hero-signals span{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#c5cfdd;font-size:11px;font-weight:800}.compare-hero-signals b{color:#91e7ae;font-size:9px}
.compare-brand-stage{min-height:620px;padding:30px 32px 140px;border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,#14254d 0%,#0c1732 62%,#162c51 100%);box-shadow:25px 28px 0 #ff7658}
.compare-brand-stage:before{content:"";position:absolute;inset:60px -40% auto;height:300px;background:radial-gradient(circle,rgba(71,202,114,.24),transparent 62%);pointer-events:none}
.compare-brand-stage>header{position:relative;z-index:2}.compare-brand-stage>header>b{color:#91e7ae;font-size:12px;letter-spacing:.13em}.compare-brand-stage>header small{max-width:250px;margin-left:auto;text-align:right;letter-spacing:.08em;line-height:1.35}
.compare-stage-core{position:relative;z-index:2;margin:70px 0 36px}.compare-stage-core strong{display:block;color:#fff;font-size:clamp(40px,4vw,62px);line-height:.93;letter-spacing:-.055em}.compare-stage-core p{max-width:410px;margin:20px 0 0;color:#aebbd0;font-size:14px;line-height:1.55}
.compare-stage-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.compare-stage-cards article{display:flex;min-height:128px;flex-direction:column;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease}.compare-stage-cards article:hover{transform:translateY(-7px);background:rgba(255,255,255,.13)}.compare-stage-cards span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:auto;border-radius:10px;background:#47ca72;color:#07101e;font-size:9px;font-weight:900}.compare-stage-cards article:nth-child(2) span{background:#ff7658}.compare-stage-cards article:nth-child(3) span{background:#ffdf81}.compare-stage-cards b{font-size:14px}.compare-stage-cards small{margin-top:4px;color:#9fadc1;font-size:9px}.compare-brand-stage .v3-mascot{right:-8px;bottom:-48px;width:205px;height:270px}
.compare-commercial-strip{padding:0;background:#fff}.compare-commercial-strip .shell{display:grid;grid-template-columns:repeat(3,1fr);padding-block:42px;border-bottom:1px solid #d9dfdc}.compare-commercial-strip article{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:0 34px;border-right:1px solid #d9dfdc}.compare-commercial-strip article:first-child{padding-left:0}.compare-commercial-strip article:last-child{padding-right:0;border-right:0}.compare-commercial-strip article>span{color:#ff7658;font-size:47px;font-weight:900;line-height:1}.compare-commercial-strip b{display:block;color:#07101e;font-size:16px}.compare-commercial-strip p{margin:3px 0 0;color:#6c7787;font-size:12px;line-height:1.4}
.compare-direct-answer{padding:118px 0;background:#f7f5ef}.compare-direct-answer>div>header{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px 70px;align-items:end;margin-bottom:48px}.compare-direct-answer>div>header .v3-eyebrow{align-self:start}.compare-direct-answer h2{grid-column:2;grid-row:1/3;max-width:920px;margin:0;color:#07101e;font-size:clamp(48px,5.7vw,86px);line-height:.95;letter-spacing:-.055em!important}.compare-direct-answer>div>header>p:last-child{grid-column:1;max-width:480px;margin:0;color:#566173;font-size:15px;line-height:1.65}.compare-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-answer-grid article{min-height:330px;padding:30px;border:1px solid #d7ddd9;border-radius:26px;background:#fff;box-shadow:0 15px 35px rgba(7,16,30,.05)}.compare-answer-grid article:first-child{background:#c9f4dd}.compare-answer-grid article:nth-child(2){background:#fff}.compare-answer-grid article:last-child{background:#ffdf81}.compare-answer-grid small{display:block;color:#126b4c;font-size:10px;font-weight:900;letter-spacing:.1em}.compare-answer-grid h3{margin:72px 0 0;color:#07101e;font-size:clamp(25px,2.2vw,35px);line-height:1.08;letter-spacing:-.035em}.compare-answer-grid p{margin:18px 0 0;color:#465267;font-size:14px;line-height:1.6}
.compare-options{background:#f7f5ef}.compare-option-grid{gap:18px;border:0}.compare-option-card{min-height:510px;padding:34px;border:1px solid rgba(7,16,30,.12)!important;border-radius:28px;box-shadow:0 12px 30px rgba(7,16,30,.05)}.compare-option-card:hover,.compare-option-card:focus-visible{transform:translateY(-10px) rotate(-.35deg);box-shadow:0 28px 50px rgba(7,16,30,.18)}
.compare-option-brand{display:flex;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid rgba(7,16,30,.12)}.compare-option-brand strong{color:#0d1b3d;font-size:23px;font-weight:900;letter-spacing:-.03em}.compare-option-brand span{padding:7px 11px;border-radius:999px;background:rgba(7,16,30,.07);font-size:11px;font-weight:900}.compare-option-card:hover .compare-option-brand{border-color:rgba(255,255,255,.18)}.compare-option-card:hover .compare-option-brand strong{color:#fff}.compare-option-card:hover .compare-option-brand span{background:rgba(255,255,255,.1)}
.compare-option-card>.compare-option-number{position:absolute;top:36px;right:34px;color:#b94431;font-size:11px}.compare-option-card>small{margin-top:70px}.compare-option-card h2{font-size:clamp(38px,3.2vw,56px)}
.compare-decision-logo{display:grid;place-items:center;width:150px;height:74px;margin-bottom:48px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.07)}.compare-decision-logo img{width:96px;height:auto}.compare-decision .btn{margin-top:26px}.compare-decision:before{content:"";position:absolute}.compare-decision{position:relative;overflow:hidden;background:linear-gradient(135deg,#126b4c,#0c513b)}
.compare-detail-hero-v2>.shell{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}.compare-detail-hero-v2 .compare-breadcrumb{color:#aebbd0}.compare-detail-hero-v2 .compare-brand-lockup{margin-bottom:38px}.compare-detail-hero-v2 .v3-eyebrow{color:#ffdf81}.compare-detail-hero-v2 .compare-detail-copy h1{display:flex;max-width:900px;flex-wrap:wrap;align-items:baseline;gap:0 .17em;font-size:clamp(64px,7vw,112px);line-height:.85}.compare-detail-hero-v2 .compare-detail-copy h1 span{display:inline;color:#91e7ae;font-size:1em;transform:none}.compare-detail-hero-v2 .compare-detail-copy h1 i{color:#ff7658;font-size:.2em;font-style:normal;letter-spacing:.07em;text-transform:uppercase}
.compare-product-stack{position:relative;min-height:610px;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:rgba(255,255,255,.06);box-shadow:22px 25px 0 #c9f4dd;backdrop-filter:blur(16px)}.compare-product-stack>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:4px 6px 26px;border-bottom:1px solid rgba(255,255,255,.18)}.compare-product-stack>header>b{color:#91e7ae;font-size:18px;font-weight:900;letter-spacing:.08em}.compare-product-stack>header span{color:#aab6c8;font-size:9px;font-weight:900;letter-spacing:.1em}
.compare-product-stack article{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:center;min-height:128px;margin-top:10px;padding:23px;border-radius:22px;color:#07101e;transition:transform .25s ease}.compare-product-stack article:hover{transform:translateX(-8px)}.compare-product-stack article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(7,16,30,.08);font-size:10px;font-weight:900}.compare-product-stack article b{font-size:20px}.compare-product-stack article p{margin:5px 0 0;color:#435064;font-size:12px;line-height:1.45}.compare-product-stack .is-green{background:#c9f4dd}.compare-product-stack .is-coral{background:#ff8c73}.compare-product-stack .is-yellow{background:#ffdf81}.compare-product-stack .v3-mascot{position:absolute;right:-28px;bottom:-80px;width:165px;height:220px;object-fit:contain}
.compare-reasons{padding:135px 0;background:#fff}.compare-reasons header{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px;align-items:end;margin-bottom:60px}.compare-reasons h2{margin:0;color:#07101e;font-size:clamp(48px,5.8vw,88px);line-height:.96;letter-spacing:-.055em!important}.compare-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:18px}.compare-reason-grid>article{position:relative;min-width:0;min-height:470px;overflow:hidden;padding:36px;border-radius:30px}.compare-reason-grid article>span{font-size:10px;font-weight:900;letter-spacing:.1em}.compare-reason-grid h3{position:relative;z-index:2;max-width:650px;margin:42px 0 18px;font-size:clamp(30px,3vw,49px);line-height:1.03;letter-spacing:-.04em}.compare-reason-grid p{position:relative;z-index:2;max-width:540px;color:#4c596b;font-size:14px;line-height:1.55}
.compare-reason-main{color:#fff;background:#0d1b3d}.compare-reason-main h3{color:#fff}.compare-reason-logo{display:grid;place-items:center;width:135px;height:66px;margin-bottom:56px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.07)}.compare-reason-logo b{color:#91e7ae;font-size:16px;letter-spacing:.11em}.compare-module-cloud{display:flex;position:absolute;right:36px;bottom:28px;left:36px;width:auto;flex-wrap:wrap;justify-content:flex-start;gap:8px;z-index:2}.compare-module-cloud i{padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#cbd4e1;font-size:11px;font-style:normal;font-weight:800}.compare-module-cloud i:nth-child(2n){background:#c9f4dd;color:#0b5139}
.compare-reason-app{background:#c9f4dd}.compare-reason-app img{position:absolute;right:-10px;bottom:-125px;width:230px;transform:rotate(5deg);filter:drop-shadow(0 24px 28px rgba(7,16,30,.18))}.compare-reason-app h3,.compare-reason-app p{max-width:calc(100% - 255px)}
.compare-reason-ai{background:#ffdf81}.compare-ai-chat{margin-top:45px;padding:16px;border:1px solid rgba(7,16,30,.15);border-radius:20px;background:rgba(255,255,255,.72)}.compare-ai-chat p{display:flex;justify-content:space-between;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #dfe2dc}.compare-ai-chat p small{color:#11734f;font-weight:900}.compare-ai-chat>div{width:82%;margin:8px 0 8px auto;padding:11px 14px;border-radius:13px 13px 2px 13px;background:#0d1b3d;color:#fff;font-size:11px;line-height:1.45}.compare-ai-chat>div.reply{margin-left:0;margin-right:auto;border-radius:13px 13px 13px 2px;background:#fff;color:#263247}
.compare-reason-test{background:#ff7658}.compare-reason-test>strong{display:block;margin-top:42px;color:#07101e;font-size:76px;line-height:1}.compare-reason-test a{display:inline-flex;margin-top:26px;color:#07101e;font-weight:900;text-decoration:none;border-bottom:2px solid #07101e}
.compare-card-logo{display:grid;place-items:center;width:135px;height:66px;margin-bottom:42px;border-radius:18px;background:#fff}.compare-card-logo img{width:90px;height:auto}.compare-balance article.is-bidu h3{margin-top:40px}
.compare-table-wrap thead th:last-child{background:#126b4c}.compare-table-wrap thead img{display:block;width:76px;height:auto}.compare-table-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:25px 28px;border:1px solid #ccd4d0;border-radius:22px;background:#fff}.compare-table-cta>div{display:flex;align-items:center;gap:24px}.compare-table-cta img{width:92px;height:auto}.compare-table-cta p{display:flex;flex-direction:column;margin:0}.compare-table-cta p b{color:#07101e;font-size:16px}.compare-table-cta p span{margin-top:3px;color:#697587;font-size:12px}
.compare-product-proof{padding:145px 0;background:#07101e;color:#fff}.compare-product-proof>div>header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.6fr);gap:80px;align-items:end;margin-bottom:58px}.compare-product-proof h2{max-width:820px;margin:0;color:#fff;font-size:clamp(56px,7vw,104px);line-height:.88;letter-spacing:-.065em!important}.compare-product-proof header>div:last-child{padding:28px;border-left:1px solid rgba(255,255,255,.2)}.compare-product-proof header strong{display:block;color:#91e7ae;font-size:18px}.compare-product-proof header p{margin:10px 0 0;color:#aebbd0;font-size:14px;line-height:1.6}.compare-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-proof-card{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#111d37;box-shadow:0 28px 70px rgba(0,0,0,.22)}.compare-proof-screen{height:390px;overflow:hidden;background:#eef1f5}.compare-proof-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.compare-proof-card:hover .compare-proof-screen img{transform:scale(1.035)}.compare-proof-card figcaption{display:grid;grid-template-columns:46px 1fr;gap:18px;min-height:150px;padding:25px 28px}.compare-proof-card figcaption>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#47ca72;color:#07101e;font-size:10px;font-weight:900}.compare-proof-card:nth-child(3n+2) figcaption>span{background:#ff7658}.compare-proof-card:nth-child(3n) figcaption>span{background:#ffdf81}.compare-proof-card h3{margin:0;color:#fff;font-size:27px;line-height:1.05}.compare-proof-card p{margin:8px 0 0;color:#aebbd0;font-size:13px;line-height:1.5}.compare-proof-card.is-care .compare-proof-screen img{object-position:center top}.compare-proof-card.is-prescreve .compare-proof-screen img{object-position:left top}.compare-product-proof footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:44px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}.compare-product-proof footer p{max-width:760px;margin:0;color:#b8c3d3;font-size:16px;line-height:1.55}.compare-product-proof footer p b{color:#fff}
@media(max-width:950px){
  .compare-hero-v2,.compare-detail-hero-v2{padding-top:135px}.compare-detail-hero-v2>.shell{grid-template-columns:1fr}.compare-brand-lockup{margin-bottom:26px}.compare-brand-stage,.compare-product-stack{min-height:560px}.compare-commercial-strip .shell{grid-template-columns:1fr;padding-block:20px}.compare-commercial-strip article{padding:22px 0;border-right:0;border-bottom:1px solid #d9dfdc}.compare-commercial-strip article:last-child{border-bottom:0}.compare-direct-answer>div>header{grid-template-columns:1fr;gap:18px}.compare-direct-answer h2,.compare-direct-answer>div>header>p:last-child{grid-column:auto;grid-row:auto}.compare-answer-grid{grid-template-columns:1fr}.compare-answer-grid article{min-height:260px}.compare-reasons header{grid-template-columns:1fr;gap:18px}.compare-reason-grid{grid-template-columns:1fr}.compare-reason-grid>article{min-height:430px}.compare-reason-app h3,.compare-reason-app p{max-width:calc(100% - 255px)}.compare-option-card{min-height:460px}.compare-product-proof>div>header{grid-template-columns:1fr;gap:28px}.compare-product-proof header>div:last-child{padding:0;border-left:0}.compare-proof-grid{grid-template-columns:1fr}.compare-proof-screen{height:360px}
}
@media(min-width:951px) and (max-width:1120px){.v3-nav .nav-in{padding-inline:16px}.v3-nav .logo img{width:92px}.v3-nav .nav-links{gap:8px;font-size:10px}.v3-nav .nav-cta{padding-inline:11px;font-size:10px}}
@media(max-width:600px){
  .compare-hero-v2,.compare-detail-hero-v2{padding:115px 0 72px}.compare-brand-lockup img{width:95px}.compare-brand-lockup span{padding-left:13px;font-size:9px}.compare-hero-v2 .compare-hero-copy h1{font-size:50px;line-height:.94}.compare-hero-v2 .actions,.compare-detail-hero-v2 .actions{display:grid}.compare-hero-v2 .actions .btn,.compare-detail-hero-v2 .actions .btn{justify-content:center;width:100%}.compare-hero-signals{gap:7px}.compare-hero-signals span{padding:8px 10px;font-size:9px}.compare-brand-stage{min-height:565px;padding:22px 19px 120px;box-shadow:10px 12px 0 #ff7658}.compare-brand-stage>header{align-items:flex-start}.compare-brand-stage>header>b{font-size:9px}.compare-brand-stage>header small{max-width:130px;font-size:7px}.compare-stage-core{margin-top:48px}.compare-stage-core strong{font-size:42px}.compare-stage-cards{grid-template-columns:1fr}.compare-stage-cards article{min-height:76px}.compare-stage-cards span{margin-bottom:12px}.compare-brand-stage .v3-mascot{right:-36px;bottom:-70px;width:160px}
  .compare-option-grid{gap:12px}.compare-option-card{min-height:430px;padding:25px;border-radius:22px}.compare-option-brand strong{font-size:20px}.compare-option-card>.compare-option-number{top:27px;right:25px}.compare-option-card>small{margin-top:48px}.compare-direct-answer{padding:78px 0}.compare-direct-answer h2{font-size:48px}.compare-answer-grid article{min-height:240px;padding:24px;border-radius:21px}.compare-answer-grid h3{margin-top:45px;font-size:27px}
  .compare-detail-hero-v2 .compare-detail-copy h1{display:block;font-size:55px;line-height:.89}.compare-detail-hero-v2 .compare-detail-copy h1 span{display:block}.compare-detail-hero-v2 .compare-detail-copy h1 i{display:block;margin:14px 0 10px;font-size:12px}.compare-product-stack{min-height:550px;padding:18px;box-shadow:10px 12px 0 #c9f4dd}.compare-product-stack>header span{max-width:120px;text-align:right;font-size:7px}.compare-product-stack article{grid-template-columns:38px 1fr;gap:12px;min-height:122px;padding:17px}.compare-product-stack article>span{width:35px;height:35px}.compare-product-stack article b{font-size:17px}.compare-product-stack .v3-mascot{right:-36px;bottom:-83px;width:135px}
  .compare-reasons{padding:82px 0}.compare-reason-grid>article{min-height:410px;padding:27px;border-radius:23px}.compare-reason-main{min-height:540px!important}.compare-reason-logo{margin-bottom:40px}.compare-module-cloud{right:27px;bottom:24px;left:27px;width:auto;justify-content:flex-start}.compare-reason-app{min-height:590px!important}.compare-reason-app h3,.compare-reason-app p{max-width:100%}.compare-reason-app img{right:8px;bottom:-105px;width:205px}.compare-table-cta{align-items:flex-start;flex-direction:column}.compare-table-cta>div{align-items:flex-start;flex-direction:column;gap:14px}.compare-table-cta .btn{width:100%;justify-content:center}.compare-product-proof{padding:90px 0}.compare-product-proof h2{font-size:55px}.compare-proof-grid{display:flex;width:auto;max-width:none;margin-right:-22px;padding-right:22px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.compare-proof-grid::-webkit-scrollbar{display:none}.compare-proof-card{width:82vw;max-width:360px;flex:0 0 auto;scroll-snap-align:start;border-radius:22px}.compare-proof-screen{height:250px}.compare-proof-card figcaption{grid-template-columns:38px 1fr;min-height:165px;padding:22px 19px}.compare-proof-card figcaption>span{width:34px;height:34px;border-radius:11px}.compare-proof-card h3{font-size:23px}.compare-product-proof footer{align-items:flex-start;flex-direction:column}.compare-product-proof footer .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.compare-option-card,.compare-stage-cards article,.compare-product-stack article,.compare-proof-screen img{transition:none!important}.compare-option-card:hover,.compare-stage-cards article:hover,.compare-product-stack article:hover,.compare-proof-card:hover .compare-proof-screen img{transform:none!important}}