:root {
  --blue: #0866ff;
  --blue-2: #1495ff;
  --navy: #06182f;
  --ink: #0b1728;
  --muted: #5f6f82;
  --line: rgba(6, 24, 47, 0.11);
  --soft: #f5f8fc;
  --glass: rgba(255, 255, 255, 0.78);
  --white: #ffffff;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hero editorial: anatomia própria inspirada na referência 21st, sem seus ativos ou código. */
.hero-stage .topbar {
  top: 20px;
  z-index: 20;
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: rgba(4,12,22,.30);
  box-shadow: 0 14px 44px rgba(0,0,0,.16);
}
.hero-stage .topbar .brand.brand-image { background-image: url("../assets/zenk-med-wordmark-light.svg"); }
.hero-stage .topbar nav a { color: rgba(255,255,255,.78); }
.hero-stage .topbar nav a:hover, .hero-stage .topbar nav a.active { color: #fff; }
.hero-stage .topbar .nav-diagnostic {
  color: #fff;
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.10);
}
.hero-stage .topbar .nav-cta {
  color: #071426;
  background: #fff;
  box-shadow: none;
}
.hero-stage .topbar.scrolled {
  top: 12px;
  color: var(--ink);
  border-color: rgba(6,24,47,.09);
  background: rgba(255,255,255,.93);
  box-shadow: 0 18px 48px rgba(18,52,91,.13);
}
.hero-stage .topbar.scrolled .brand.brand-image { background-image: url("../assets/zenk-med-wordmark-dark.svg"); }
.hero-stage .topbar.scrolled nav a { color: #46566a; }
.hero-stage .topbar.scrolled nav a:hover, .hero-stage .topbar.scrolled nav a.active { color: var(--blue); }
.hero-stage .topbar.scrolled .nav-diagnostic { color: var(--blue); border-color: rgba(8,102,255,.2); background: rgba(8,102,255,.055); }
.hero-stage .topbar.scrolled .nav-cta { color: #fff; background: var(--blue); }

.hero-editorial {
  isolation: isolate;
  display: flex;
  align-items: stretch;
  min-height: max(790px, 100svh);
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #08101a;
}
.hero-editorial::after, .hero-editorial .hero-paths, .hero-editorial .hero-orb { display: none; }
.hero-editorial-image,
.hero-editorial-scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero-editorial-image {
  z-index: -3;
  object-fit: cover;
  object-position: 68% center;
  filter: saturate(.82) contrast(1.04) brightness(.78);
  transform: scale(1.012);
}
.hero-editorial-scrim {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(4,10,18,.92) 0%, rgba(4,10,18,.82) 35%, rgba(4,10,18,.42) 61%, rgba(4,10,18,.12) 100%),
    linear-gradient(180deg, rgba(2,7,13,.47) 0%, transparent 32%, rgba(2,7,13,.52) 100%);
}
.hero-editorial-grid {
  display: flex;
  align-items: center;
  width: min(1240px, calc(100% - 80px));
  min-height: inherit;
  margin: 0 auto;
}
.hero-editorial-copy {
  width: min(720px, 66vw);
  padding: 125px 0 110px;
}
.hero-editorial-tag {
  width: max-content;
  max-width: 100%;
  margin: 0 0 25px;
  padding: 9px 13px;
  color: rgba(255,255,255,.88);
  border-color: rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
  font-size: 9px;
  letter-spacing: .13em;
}
.hero-editorial-tag i { background: #83bdff; box-shadow: 0 0 0 5px rgba(131,189,255,.13); }
.hero-editorial h1 {
  max-width: 820px;
  color: #fff;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: clamp(56px, 4.65vw, 74px);
  font-weight: 400;
  line-height: .93;
  letter-spacing: -.062em;
  text-wrap: balance;
}
.hero-editorial h1 span { color: #fff; }
.hero-editorial-copy > p {
  max-width: 585px;
  margin-top: 29px;
  color: rgba(242,247,253,.79);
  font-size: 17px;
  line-height: 1.65;
}
.hero-editorial .hero-buttons { gap: 12px; margin-top: 34px; }
.hero-editorial .button {
  min-height: 50px;
  padding: 13px 20px;
  color: #fff;
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17);
  backdrop-filter: blur(14px);
}
.hero-editorial .button::before { background: #fff; }
.hero-editorial .button.primary:hover, .hero-editorial .button.primary:focus-visible {
  color: #071426;
  border-color: transparent;
  background: rgba(255,255,255,.96);
  box-shadow: 0 13px 30px rgba(0,0,0,.18);
}
.hero-editorial .button.primary:hover::before, .hero-editorial .button.primary:focus-visible::before { opacity: 0; }
.hero-editorial .button.outline {
  color: rgba(255,255,255,.9);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.hero-editorial .button.outline:hover, .hero-editorial .button.outline:focus-visible { color: #fff; border-color: rgba(255,255,255,.20); background: rgba(255,255,255,.10); }
.hero-editorial .button b { margin-left: 4px; font-size: 17px; font-weight: 400; }
.hero-editorial-footer {
  position: absolute;
  left: 50%;
  bottom: 35px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: min(1240px, calc(100% - 80px));
  color: rgba(255,255,255,.66);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .14em;
  transform: translateX(-50%);
}
.hero-editorial-footer i { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.45); }
.hero-editorial .scroll-hint { right: 34px; bottom: 37px; color: rgba(255,255,255,.54); }
.hero-editorial .scroll-hint i { border-color: rgba(255,255,255,.37); }

html { scroll-padding-top: 110px; background: var(--white); }
body {
  color: var(--ink);
  background: var(--white);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }

.preview-note {
  min-height: 32px;
  padding: 8px max(20px, 4vw);
  position: relative;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #d8e9ff;
  background: var(--navy);
  font-size: 10px;
  font-weight: 680;
  letter-spacing: 0.08em;
}
.scroll-progress { height: 2px; background: var(--blue); }

.topbar {
  width: min(1240px, calc(100% - 40px));
  height: 66px;
  padding: 0 15px 0 21px;
  top: 44px;
  left: 50%;
  right: auto;
  color: var(--ink);
  border: 1px solid rgba(6, 24, 47, 0.09);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 44px rgba(18, 52, 91, 0.08);
  backdrop-filter: blur(24px) saturate(175%);
  transform: translateX(-50%);
  transition: background 0.35s ease, box-shadow 0.35s ease, top 0.35s ease;
}
.topbar.scrolled {
  top: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 48px rgba(18, 52, 91, 0.13);
}
.topbar .brand.brand-image {
  width: 166px;
  height: 38px;
  background-image: url("../assets/zenk-med-wordmark-dark.svg");
}
.topbar nav { gap: 19px; }
.topbar nav a {
  color: #46566a;
  font-size: 11px;
  font-weight: 620;
}
.topbar nav a:hover, .topbar nav a.active { color: var(--blue); }
.topbar .nav-diagnostic {
  padding: 8px 11px;
  color: var(--blue);
  border-color: rgba(8, 102, 255, 0.2);
  border-radius: 999px;
  background: rgba(8, 102, 255, 0.055);
}
.nav-cta {
  min-height: 40px;
  padding: 10px 17px;
  color: #fff;
  border-radius: 999px;
  background: var(--blue);
  box-shadow: 0 8px 22px rgba(8, 102, 255, 0.2);
}

.hero {
  min-height: 940px;
  height: auto;
  padding: 150px max(5vw, 28px) 105px;
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 26%, rgba(27, 143, 255, 0.12), transparent 29%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.hero::after {
  background-image:
    linear-gradient(rgba(8, 102, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 102, 255, 0.055) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 74%);
  opacity: 0.55;
}
.hero-grid {
  width: min(1240px, 100%);
  min-height: 685px;
  height: auto;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
  gap: clamp(56px, 7vw, 112px);
}
.hero-copy { position: relative; z-index: 3; padding-top: 18px; }
.hero-tag {
  margin-bottom: 27px;
  padding: 9px 15px;
  color: var(--blue);
  border: 1px solid rgba(8, 102, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
}
.hero-tag i { background: var(--blue); box-shadow: 0 0 0 6px rgba(8, 102, 255, 0.08); }
.hero h1 {
  max-width: 760px;
  color: var(--navy);
  font-size: clamp(59px, 5.25vw, 82px);
  font-weight: 730;
  line-height: 0.96;
  letter-spacing: -0.067em;
}
.hero h1 span { color: var(--blue); }
.hero-copy > p {
  max-width: 630px;
  margin-top: 30px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}
.hero-buttons { margin-top: 34px; }
.hero-stats {
  height: auto;
  margin-top: 38px;
  gap: 23px;
}
.hero-stats > div { min-width: 110px; }
.hero-stats strong {
  color: var(--navy);
  font-size: 26px;
  font-weight: 720;
}
.hero-stats > div:nth-of-type(2) strong,
.hero-stats > div:nth-of-type(3) strong { color: var(--blue); }
.hero-stats small { color: #78889a; }
.hero-stats > i { background: rgba(6, 24, 47, 0.12); }

.hero-visual { z-index: 2; height: 680px; }
.hero-photo {
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 38px 90px rgba(31, 80, 137, 0.18), inset 0 0 0 1px rgba(6, 24, 47, 0.04);
  backdrop-filter: blur(22px);
}
.hero-photo img {
  border-radius: 28px;
  object-position: center;
  filter: saturate(0.88) contrast(1.02);
}
.hero-float { backdrop-filter: blur(18px); }
.hero-float-top {
  right: -14px;
  top: 26px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(8, 102, 255, 0.88);
  box-shadow: 0 16px 40px rgba(8, 102, 255, 0.26);
}
.hero-float-side {
  right: -18px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(6, 24, 47, 0.86);
}
.hero-result {
  left: 35px;
  right: 35px;
  bottom: -24px;
  color: var(--navy);
  border: 1px solid rgba(6, 24, 47, 0.08);
  background: rgba(255,255,255,.86);
  box-shadow: 0 20px 50px rgba(24, 67, 114, 0.16);
  backdrop-filter: blur(22px);
}
.hero-result small { color: #748397; }
.scroll-hint { color: rgba(6, 24, 47, 0.45); }
.scroll-hint i { border-color: rgba(6, 24, 47, 0.22); }

.hero-paths {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.58;
  mask-image: linear-gradient(to bottom, black 0 62%, transparent 88%);
}
.hero-paths span {
  width: 78vw;
  height: 26vw;
  min-height: 220px;
  position: absolute;
  left: -11vw;
  top: calc(14% + var(--offset, 0px));
  border: 1px solid rgba(8, 102, 255, var(--alpha, 0.12));
  border-radius: 50%;
  transform: rotate(var(--rotate, -11deg));
  animation: pathDrift var(--duration, 15s) ease-in-out infinite alternate;
}
.hero-paths span:nth-child(2) { --offset: 82px; --rotate: -5deg; --alpha: .1; --duration: 18s; left: -4vw; }
.hero-paths span:nth-child(3) { --offset: 168px; --rotate: 2deg; --alpha: .08; --duration: 21s; left: 3vw; }
.hero-paths span:nth-child(4) { --offset: 255px; --rotate: 7deg; --alpha: .07; --duration: 17s; left: 10vw; }
.hero-paths span:nth-child(5) { --offset: 338px; --rotate: 12deg; --alpha: .06; --duration: 23s; left: 17vw; }

.hero-orb { filter: blur(90px); opacity: 0.55; }
.hero-orb-1 { background: rgba(8, 102, 255, 0.12); }
.hero-orb-2 { background: rgba(46, 157, 255, 0.09); }
.hero-orb-3 { background: rgba(19, 69, 134, 0.06); }

.button {
  min-height: 50px;
  padding: 13px 23px;
  border-radius: 999px;
  font-weight: 680;
}
.button.primary, .button.green {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--blue);
  border: 1.5px solid rgba(8, 102, 255, 0.38);
  background: rgba(255,255,255,.7);
  box-shadow: 0 9px 26px rgba(8, 102, 255, 0.08);
  transition: color .65s cubic-bezier(.23,1,.32,1), border-radius .65s cubic-bezier(.23,1,.32,1), border-color .65s ease, box-shadow .65s ease, transform .24s ease;
}
.button.primary::before, .button.green::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  border-radius: 50%;
  background: linear-gradient(145deg, #178cff, var(--blue) 55%, #054fd1);
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: width .8s cubic-bezier(.19,1,.22,1), height .8s cubic-bezier(.19,1,.22,1), opacity .28s ease;
}
.button.primary:hover, .button.primary:focus-visible,
.button.green:hover, .button.green:focus-visible {
  color: #fff;
  border-color: transparent;
  border-radius: 15px;
  box-shadow: 0 15px 35px rgba(8, 102, 255, 0.24);
  transform: translateY(-2px);
}
.button.primary:hover::before, .button.primary:focus-visible::before,
.button.green:hover::before, .button.green:focus-visible::before {
  width: 330px;
  height: 330px;
  opacity: 1;
}
.button.primary:focus-visible, .button.green:focus-visible, .outline:focus-visible, .nav-cta:focus-visible {
  outline: 3px solid rgba(8, 102, 255, 0.22);
  outline-offset: 4px;
}
.button.primary:active, .button.green:active { transform: scale(.96); }
.button.outline {
  color: var(--navy);
  border: 1px solid rgba(6, 24, 47, 0.12);
  background: rgba(255,255,255,.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(14px);
}

.number-band {
  height: auto;
  min-height: 260px;
  padding: 64px max(6%, calc((100vw - 1240px)/2));
  gap: 18px;
  color: var(--ink);
  background: #fff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.number-band::before { display: none; }
.number-band article {
  padding: 25px 20px;
  border: 1px solid rgba(6,24,47,.07);
  border-radius: 24px;
  background: linear-gradient(145deg,#fff,#f6f9fd);
}
.number-band strong { color: var(--navy); font-size: 54px; }
.number-band span { margin-top: 14px; color: var(--muted); font-size: 12px; }
.number-icon { margin-bottom: 16px; font-size: 27px; }

.problem, .motives, .services, .protocol, .plan, .journey, .reception,
.visibility, .specialties, .seo-hub, .content-preview, .tools, .about,
.faq, .diagnostic, .investment {
  height: auto;
  min-height: 0;
  padding: clamp(96px, 10vw, 150px) 0;
}
.section-light { background: var(--soft); }
.section-title {
  color: var(--navy);
  font-size: clamp(48px, 5.25vw, 76px);
  font-weight: 710;
  line-height: 1;
  letter-spacing: -0.06em;
}
.section-title em { color: var(--blue); font-style: normal; }
.section-copy { color: var(--muted); font-size: 17px; line-height: 1.65; }
.section-tag, .dark-tag {
  color: var(--blue);
  font-weight: 700;
  letter-spacing: .12em;
}

.problem {
  color: var(--ink);
  background: #f5f8fc;
}
.problem .section-tag, .problem .section-title { color: var(--navy); }
.problem .section-title em { color: var(--blue); }
.problem .section-copy { color: var(--muted); }
.problem-card, .motive-card, .service-card, .protocol-card, .plan-card,
.visibility-cards article, .tool-card, .content-preview-card, .investment-card {
  color: var(--ink);
  border: 1px solid rgba(6,24,47,.075);
  border-radius: 27px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 48px rgba(26, 65, 108, 0.08);
  transition: transform .55s var(--ease), box-shadow .55s var(--ease), border-color .55s ease;
}
.problem-card:hover, .motive-card:hover, .service-card:hover, .protocol-card:hover,
.plan-card:hover, .visibility-cards article:hover, .tool-card:hover,
.content-preview-card:hover, .investment-card:hover {
  transform: translateY(-8px);
  border-color: rgba(8,102,255,.18);
  box-shadow: 0 28px 65px rgba(26, 65, 108, 0.13);
}
.problem-card h3, .motive-card h3, .service-card h3, .protocol-card h3,
.plan-card h3, .tool-card h3, .content-preview-card h3 { color: var(--navy); }
.problem-card p, .motive-card p, .service-card > p, .protocol-card p,
.plan-card p, .tool-card p, .content-preview-card p { color: var(--muted); }

.motives { color: var(--ink); background: #fff; }
.motives .section-tag, .motives .section-title { color: var(--navy); }
.motives .section-title em { color: var(--blue); }
.motives .section-copy { color: var(--muted); }
.motive-card b { color: #ff4757; }

.services { background: #f5f8fc; }
.service-card { overflow: hidden; }
.service-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  background: #edf5ff;
  font-size: 22px;
}
.service-card ul { border-top-color: var(--line); }
.service-card li { color: #40536a; }

.blue-cta {
  height: auto;
  min-height: 470px;
  color: #fff;
  background:
    radial-gradient(circle at 75% 20%, rgba(84, 174, 255, .35), transparent 28%),
    linear-gradient(135deg, #0758d1, #087bff 58%, #0757d6);
}
.blue-cta::before { display: none; }
.blue-cta h2 { color: #fff; font-size: clamp(44px, 5vw, 68px); letter-spacing: -.055em; }
.blue-cta p { color: rgba(255,255,255,.76); }
.blue-cta .button.green {
  color: #fff;
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.12);
}
.blue-cta .button.green::before { background: #fff; }
.blue-cta .button.green:hover { color: var(--blue); }

.protocol { color: var(--ink); background: #fff; }
.protocol .section-tag, .protocol .section-title { color: var(--navy); }
.protocol .section-title em { color: var(--blue); }
.protocol .section-copy, .protocol .center-cta p { color: var(--muted); }
.protocol-card > span { color: var(--blue); }
.protocol-card > span b, .protocol-card > i { background: var(--blue); }
.protocol-card:nth-child(2) { transform: translateY(22px); }
.protocol-card:nth-child(3) { transform: translateY(44px); }
.protocol-card:nth-child(4) { transform: translateY(66px); }
.protocol-card:hover { transform: translateY(-8px); }

.plan {
  color: var(--ink);
  background: linear-gradient(180deg, #f5f8fc, #eef5ff);
}
.plan .section-tag, .plan .section-title { color: var(--navy); }
.plan .section-title em { color: var(--blue); }
.plan .section-copy, .plan .center-cta p { color: var(--muted); }
.plan-grid::before { background: rgba(8,102,255,.2); }
.plan-card > span { background: var(--blue); }
.plan-card > i { background: var(--navy); }

.journey {
  color: #fff;
  background:
    radial-gradient(circle at 86% 14%, rgba(30, 131, 255, 0.24), transparent 29%),
    linear-gradient(145deg, #06182f, #082d58);
}
.journey .section-title, .journey .section-tag { color: #fff; }
.journey .section-title em { color: #57b2ff; }
.journey .section-copy { color: rgba(225,239,255,.66); }
.journey-list article { border-color: rgba(255,255,255,.11); }
.journey-list article b { color: #70bdff; background: rgba(80,171,255,.12); }

.reception { color: var(--ink); background: #fff; }
.reception .section-tag, .reception .section-title { color: var(--navy); }
.reception .section-title em { color: var(--blue); }
.reception .section-copy { color: var(--muted); }
.reception-card {
  color: var(--ink);
  border: 1px solid rgba(8,102,255,.12);
  border-radius: 30px;
  background: linear-gradient(145deg,#f7fbff,#edf5ff);
  box-shadow: 0 24px 60px rgba(23,70,123,.11);
}
.reception-card > span { color: var(--blue); }
.reception-card li { color: #28425f; background: rgba(255,255,255,.76); }
.reception-card b { color: var(--blue); }

.visibility { background: #f5f8fc; }
.visibility .section-tag, .visibility .section-title { color: var(--navy); }
.visibility .section-title em { color: var(--blue); }
.visibility .section-copy { color: var(--muted); }
.control-card {
  overflow: hidden;
  border: 1px solid rgba(6,24,47,.08);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 28px 72px rgba(22, 65, 114, .11);
}
.control-left { background: #fff; }
.control-right { background: #eef5ff; }
.dashboard {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: transparent;
  box-shadow: 0 28px 72px rgba(22,65,114,.12);
}
.dashboard::before {
  content: "";
  position: absolute;
  inset: -70%;
  z-index: -2;
  background: conic-gradient(from 0deg, transparent 0 70%, rgba(8,102,255,.8) 78%, rgba(90,185,255,.95) 83%, transparent 91%);
  animation: borderSpin 8s linear infinite;
}
.dashboard::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: 29px;
  background: var(--navy);
}
.dashboard-head, .dash-kpis, .dash-chart { position: relative; z-index: 1; }

.specialties { color: var(--ink); background: #fff; }
.specialties .section-tag, .specialties .section-title { color: var(--navy); }
.specialties .section-title em { color: var(--blue); }
.specialties .section-copy { color: var(--muted); }
.marquee span {
  color: var(--navy);
  border-color: rgba(8,102,255,.13);
  background: #f2f7fd;
}

.seo-hub { color: #fff; background: var(--navy); }
.seo-hub .section-tag, .seo-hub .section-title { color: #fff; }
.seo-hub .section-title em { color: #66b8ff; }
.seo-hub .section-copy { color: rgba(226,239,255,.68); }
.seo-hub-grid a {
  color: var(--navy);
  border-color: rgba(255,255,255,.1);
  border-radius: 23px;
  background: #fff;
  box-shadow: none;
}
.seo-hub-grid a span { color: var(--muted); }

.content-preview {
  color: var(--ink);
  background: #f5f8fc;
}
.content-preview::before { opacity: .14; }
.content-preview .section-title { color: var(--navy); }
.content-preview .section-title em { color: var(--blue); }
.content-preview .section-copy { color: var(--muted); }
.content-all-link { color: var(--blue); border-color: rgba(8,102,255,.28); }
.content-preview-card > span, .content-preview-card > b { color: var(--blue); }

.tools { color: var(--ink); background: #fff; }
.tools .section-tag, .tools .section-title { color: var(--navy); }
.tools .section-title em { color: var(--blue); }
.tools .section-copy { color: var(--muted); }
.tools-grid { perspective: 1000px; }
.tool-card {
  min-height: 250px;
  padding: 28px;
  background: linear-gradient(145deg,#fff,#f6f9fd);
}
.tool-mark {
  border: 1px solid rgba(8,102,255,.09);
  background: #fff;
  box-shadow: 0 10px 24px rgba(15,64,118,.08);
}
.tool-card.visible:nth-child(2) { transition-delay: .06s; }
.tool-card.visible:nth-child(3) { transition-delay: .12s; }
.tool-card.visible:nth-child(4) { transition-delay: .18s; }
.tool-card.visible:nth-child(5) { transition-delay: .24s; }

.about {
  height: auto;
  padding: clamp(96px, 10vw, 150px) 0;
  color: var(--ink);
  background: linear-gradient(180deg,#f5f8fc,#fff);
}
.about-grid { gap: clamp(60px,8vw,110px); }
.about-photo {
  height: 700px;
  border: 9px solid rgba(255,255,255,.85);
  border-radius: 36px;
  box-shadow: 0 34px 80px rgba(21,61,107,.15);
}
.about-photo img { border-radius: 27px; }
.about-photo > span {
  right: 27px;
  bottom: 27px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 17px;
  background: rgba(8,102,255,.83);
  backdrop-filter: blur(16px);
}
.about-copy .section-tag {
  padding: 0;
  color: var(--blue);
  border: 0;
  background: transparent;
}
.about-copy .section-title {
  color: var(--navy);
  font-size: clamp(48px, 4.5vw, 68px);
}
.about-copy .section-title em { color: var(--blue); }
.about-copy > p { color: var(--muted); }
.about-partners span, .about-tags span {
  color: var(--blue);
  border-color: rgba(8,102,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.8);
}
.about-copy li { color: #31465f; }

.faq { color: var(--ink); background: #f5f8fc; }
.faq .section-tag, .faq .section-title { color: var(--navy); }
.faq .section-title em { color: var(--blue); }
.faq-list details {
  color: var(--ink);
  border: 1px solid rgba(6,24,47,.07);
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}
.faq-list p { color: var(--muted); }
.faq-list summary::after { color: var(--blue); }
.faq-cta {
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(145deg,#087cff,#0757cf);
  box-shadow: 0 26px 62px rgba(8,102,255,.22);
}

.diagnostic {
  color: #fff;
  background:
    radial-gradient(circle at 15% 15%, rgba(32,145,255,.23), transparent 28%),
    var(--navy);
}
.diagnostic .section-tag, .diagnostic .section-title { color: #fff; }
.diagnostic .section-title em { color: #65b7ff; }
.diagnostic .section-copy, .diagnostic-facts { color: rgba(226,239,255,.68); }
.diagnostic-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: transparent;
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
}
.diagnostic-card::before {
  content: "";
  position: absolute;
  inset: -65%;
  z-index: -2;
  background: conic-gradient(from 0deg, transparent 0 72%, #45a8ff 80%, #fff 84%, transparent 92%);
  animation: borderSpin 7s linear infinite;
}
.diagnostic-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: 29px;
  background: linear-gradient(145deg,#0a2c55,#061c38);
}
.quiz-step, .quiz-result { position: relative; z-index: 1; }
.quiz-step button {
  border-radius: 14px;
  background: rgba(255,255,255,.06);
}
.quiz-step button:hover, .quiz-step button:focus-visible {
  color: #fff;
  border-color: rgba(81,176,255,.66);
  background: rgba(8,102,255,.28);
}

.investment { color: var(--ink); background: #fff; }
.investment .section-tag, .investment .section-title { color: var(--navy); }
.investment .section-title em { color: var(--blue); }
.investment .section-copy { color: var(--muted); }
.mission-banner {
  color: #fff;
  border: 0;
  border-radius: 30px;
  background: linear-gradient(145deg,#06182f,#0a3c75);
  box-shadow: 0 28px 68px rgba(20,60,106,.17);
}
.investment-card.dark {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(145deg,#071a32,#0a376a);
}
.investment-card.dark h3, .investment-card.dark > strong { color: #fff; }
.investment-card.dark p, .investment-card.dark li { color: rgba(226,239,255,.7); }
.included {
  color: var(--ink);
  border: 1px solid rgba(6,24,47,.07);
  border-radius: 27px;
  background: #f5f8fc;
  box-shadow: none;
}
.included span { background: #fff; }

.contact {
  height: auto;
  min-height: 720px;
  color: var(--navy);
  background:
    radial-gradient(circle at 50% 25%, rgba(75,170,255,.19), transparent 30%),
    linear-gradient(180deg,#f8fbff,#eaf4ff);
}
.contact::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../assets/hero-consulta-zenk.png") center 35% / cover;
  opacity: .075;
  filter: saturate(.35);
}
.contact-overlay { background: linear-gradient(180deg,rgba(248,251,255,.74),rgba(234,244,255,.92)); }
.contact h2 { color: var(--navy); font-size: clamp(52px,6vw,82px); }
.contact h2 em { color: var(--blue); }
.contact p { color: var(--muted); }
.availability span {
  color: var(--blue);
  border-color: rgba(8,102,255,.17);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
}
.contact small { color: #718299; }
.contact .button.green { background: rgba(255,255,255,.75); }
.contact .button.outline { background: rgba(255,255,255,.62); }
.contact .section-inner { position: relative; z-index: 2; }

.floating-contact { display: none; }
footer {
  min-height: 170px;
  color: #9eb2ca;
  background: #041326;
}
footer .brand.brand-image {
  width: 190px;
  background-image: url("../assets/zenk-med-wordmark-light.svg");
}
footer a { color: #c3d4e6; }

.reveal, .reveal-left, .reveal-right, .reveal-scale, .reveal-blur, .reveal-pop {
  opacity: 1;
  transform: none;
  filter: none;
  transition-duration: .9s;
  transition-timing-function: var(--ease);
}
.stagger > *.visible:nth-child(2) { transition-delay: .06s; }
.stagger > *.visible:nth-child(3) { transition-delay: .12s; }
.stagger > *.visible:nth-child(4) { transition-delay: .18s; }
.stagger > *.visible:nth-child(5) { transition-delay: .24s; }

@keyframes pathDrift {
  from { transform: translate3d(-2%, -10px, 0) rotate(var(--rotate)); }
  to { transform: translate3d(8%, 16px, 0) rotate(calc(var(--rotate) + 4deg)); }
}
@keyframes borderSpin { to { transform: rotate(360deg); } }

@media (max-width: 1050px) {
  .topbar { width: calc(100% - 28px); }
  .hero { padding-inline: 28px; }
  .hero-grid { grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); gap: 42px; }
  .hero h1 { font-size: clamp(50px,6vw,66px); }
  .topbar nav { gap: 12px; }
  .topbar nav a { font-size: 10px; }
}

@media (max-width: 820px) {
  html { scroll-padding-top: 88px; }
  .preview-note { padding-inline: 14px; }
  .preview-note span:last-child { display: none; }
  .topbar {
    width: calc(100% - 24px);
    height: 62px;
    padding: 0 13px 0 16px;
    top: 42px;
    border-radius: 17px;
  }
  .topbar.scrolled { top: 8px; }
  .topbar .brand.brand-image { width: 143px; height: 34px; }
  .topbar nav.open {
    top: 70px;
    left: 0;
    right: 0;
    padding: 18px;
    border: 1px solid rgba(6,24,47,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 22px 52px rgba(18,52,91,.15);
  }
  .topbar nav.open a { color: var(--navy); }
  .nav-cta { display: none; }
  .hero {
    min-height: 0;
    padding: 142px 22px 94px;
    background: linear-gradient(180deg,#fff,#f7fbff);
  }
  .hero-grid {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 70px;
  }
  .hero-copy { padding-top: 0; }
  .hero h1 { font-size: clamp(48px,13vw,68px); line-height: .97; }
  .hero-copy > p { margin-top: 25px; font-size: 17px; }
  .hero-buttons { align-items: flex-start; flex-direction: column; }
  .hero-stats { width: 100%; gap: 8px; }
  .hero-stats > div { min-width: 0; flex: 1; }
  .hero-stats strong { font-size: 20px; }
  .hero-stats small { font-size: 7px; }
  .hero-visual { height: 560px; }
  .hero-photo { border-radius: 28px; }
  .hero-photo img { border-radius: 20px; }
  .hero-float-top { right: -5px; top: 25px; padding: 16px 18px; border-radius: 16px; }
  .hero-float-top strong { font-size: 31px; }
  .hero-float-side { right: -5px; bottom: 115px; }
  .hero-result { left: 18px; right: 18px; bottom: -22px; }
  .scroll-hint { display: none; }
  .hero-paths span { width: 155vw; height: 58vw; left: -44vw; }

  .number-band { grid-template-columns: 1fr 1fr; padding: 55px 22px; gap: 12px; }
  .number-band article { padding: 25px 12px; }
  .number-band strong { font-size: 42px; }
  .number-band span { font-size: 9px; }

  .problem, .motives, .services, .protocol, .plan, .journey, .reception,
  .visibility, .specialties, .seo-hub, .content-preview, .tools, .about,
  .faq, .diagnostic, .investment { padding: 88px 0; }
  .section-title { font-size: clamp(43px,12vw,62px); }
  .section-copy { font-size: 16px; }
  .problem-card, .motive-card, .service-card, .protocol-card, .plan-card,
  .visibility-cards article, .tool-card, .content-preview-card, .investment-card { border-radius: 23px; }
  .protocol-card:nth-child(n) { transform: none; }
  .blue-cta { min-height: 500px; padding: 90px 0; }
  .blue-cta h2 { font-size: 43px; }

  .control-card { border-radius: 25px; }
  .dashboard { border-radius: 24px; }
  .dashboard::after { border-radius: 23px; }
  .dashboard-head { align-items: flex-start; gap: 14px; }
  .dashboard-head b { white-space: nowrap; }
  .dash-kpis { grid-template-columns: 1fr 1fr; }
  .dash-chart { gap: 7px; }

  .about-grid { gap: 58px; }
  .about-photo { height: 560px; border-radius: 28px; }
  .about-photo img { border-radius: 19px; }
  .about-copy .section-title { font-size: 48px; }
  .about-partners { display: grid; grid-template-columns: 1fr; }

  .diagnostic-card { border-radius: 24px; }
  .diagnostic-card::after { border-radius: 23px; }
  .mission-banner { border-radius: 24px; }
  .contact { min-height: 680px; padding: 90px 0; }
  .contact h2 { font-size: 49px; }
  .contact-buttons { flex-direction: column; align-items: center; }
  footer .section-inner { align-items: flex-start; flex-direction: column; }
}

@media (hover: none) {
  .button.primary, .button.green {
    color: #fff;
    border-color: var(--blue);
    background: var(--blue);
    box-shadow: 0 10px 28px rgba(8,102,255,.2);
  }
  .blue-cta .button.green { color: var(--blue); background: #fff; }
}

@media (max-width: 540px) {
  body { overflow-x: hidden; }
  .topbar { width: calc(100% - 20px); }
  .hero { padding: 126px 20px 82px; }
  .hero-grid, .hero-copy, .hero-visual { min-width: 0; }
  .hero-tag {
    width: 100%;
    padding: 8px 11px;
    gap: 9px;
    white-space: normal;
    font-size: 8px;
    line-height: 1.35;
    letter-spacing: .11em;
  }
  .hero-tag i { flex: 0 0 auto; }
  .hero h1 {
    max-width: 100%;
    font-size: 40px;
    line-height: .99;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
  }
  .hero-copy > p { font-size: 16px; line-height: 1.62; }
  .hero-buttons, .hero-buttons .button { width: 100%; }
  .hero-buttons .button { min-height: 52px; }
  .hero-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .hero-stats > i { display: none; }
  .hero-stats strong { font-size: 18px; }
  .hero-stats small { font-size: 6px; letter-spacing: .04em; }
  .hero-visual { height: 430px; }
  .hero-float-top, .hero-float-side { right: 6px; }
  .section-title { font-size: 36px; }
  .about-copy .section-title { font-size: 38px; }
  .contact h2 { font-size: 39px; }
}

/* Correções da hero e do painel de visibilidade. */
.hero-editorial .button.primary {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
  box-shadow: 0 12px 30px rgba(8,102,255,.28);
}
.hero-editorial .button.primary:hover,
.hero-editorial .button.primary:focus-visible {
  color: var(--blue);
  border-color: #fff;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.20);
}
.hero-editorial .button.primary:hover::before,
.hero-editorial .button.primary:focus-visible::before { opacity: 0; }
.control-left {
  color: #fff;
  background: linear-gradient(145deg, #0e62b5, #19498c);
}
.control-left > p { color: rgba(255,255,255,.66); }

/* Provas sociais reais: o foco é legibilidade da conversa, não uma moldura publicitária artificial. */
.social-proof { overflow: hidden; }
.social-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.45vw, 22px);
  margin-top: clamp(38px, 5vw, 68px);
}
.social-proof-card {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(6,24,47,.11);
  border-radius: 22px;
  background: #f6f9fc;
  box-shadow: 0 18px 44px rgba(9,42,79,.10);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.social-proof-card img { display: block; width: 100%; height: auto; }
@media (hover:hover) and (pointer:fine) { .social-proof-card:hover { transform: translateY(-7px); box-shadow: 0 28px 58px rgba(9,42,79,.17); } }
@media (max-width: 900px) { .social-proof-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .social-proof-grid { display: flex; width: calc(100% + 40px); margin-left: -20px; padding: 0 20px 8px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .social-proof-card { flex: 0 0 min(78vw, 292px); scroll-snap-align: start; border-radius: 19px; }
}

+/* Família ZENK de Gradient Cards: conteúdo clínico, superfície azul e interação contida. */
.problem-cards {
  gap: 16px;
  perspective: 1000px;
}
.problem-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 118px;
  gap: 20px;
  border: 1px solid rgba(255,255,255,.18);
  color: #f8fbff;
  background: linear-gradient(135deg, #087fd6, #0b3f75);
  box-shadow: 0 16px 38px rgba(9, 73, 131, .18);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s ease;
}
.problem-card:nth-child(2) { background: linear-gradient(135deg, #216bb2, #102e59); }
.problem-card:nth-child(3) { background: linear-gradient(135deg, #0b9daf, #0b496f); }
.problem-card:nth-child(4) { background: linear-gradient(135deg, #195da8, #162a55); }
.problem-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 175px;
  height: 175px;
  right: -76px;
  bottom: -94px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.045), 0 0 0 56px rgba(255,255,255,.025);
  transform: scale(.72);
  transition: transform .65s var(--ease);
}
.problem-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 19px;
  bottom: 19px;
  left: 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: rgba(255,255,255,.9);
}
.problem-card h3 { color: #fff; }
.problem-card p { color: rgba(244,250,255,.78); }
.problem-card .card-icon {
  position: relative;
  overflow: visible;
  width: 50px;
  height: 50px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 20px rgba(1,28,61,.15);
  transition: transform .55s var(--ease), background .45s ease;
}
.card-icon::before,
.card-icon::after { content: ""; position: absolute; box-sizing: border-box; }
.card-icon-message::before { width: 23px; height: 17px; top: 14px; left: 13px; border: 1.8px solid currentColor; border-radius: 6px; }
.card-icon-message::after { width: 7px; height: 7px; top: 27px; left: 16px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; background: #1689d9; transform: rotate(42deg) skew(-7deg,-7deg); }
.card-icon-hourglass::before { width: 22px; height: 26px; top: 12px; left: 13px; background: currentColor; clip-path: polygon(0 0,100% 0,68% 48%,100% 100%,0 100%,32% 48%); opacity: .92; }
.card-icon-hourglass::after { width: 25px; height: 2px; top: 24px; left: 12px; border-radius: 999px; background: rgba(8,86,143,.8); transform: rotate(-1deg); }
.card-icon-process::before { width: 21px; height: 21px; top: 13px; left: 13px; border: 2px solid currentColor; border-left-color: transparent; border-radius: 50%; transform: rotate(-27deg); }
.card-icon-process::after { width: 7px; height: 7px; top: 12px; left: 28px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(15deg); }
.card-icon-visibility::before { width: 26px; height: 16px; top: 16px; left: 11px; border: 2px solid currentColor; border-radius: 100%; }
.card-icon-visibility::after { width: 7px; height: 7px; top: 21px; left: 21px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(255,255,255,.13); }
@media (hover:hover) and (pointer:fine) {
  .problem-card:hover { transform: translateY(-5px) rotateX(1deg); border-color: rgba(255,255,255,.42); box-shadow: 0 28px 56px rgba(9, 58, 109, .25); }
  .problem-card:hover::before { transform: scale(1.18); }
  .problem-card:hover .card-icon { background: rgba(255,255,255,.2); transform: translateY(-2px) scale(1.05); }
}

/* Image stream: visual slots now, professional portraits and names later. */
.image-stream-section { overflow: clip; }
.image-stream-section .section-heading { margin-bottom: clamp(34px, 4.3vw, 64px); }
.specialty-stream-shell {
  --stream-duration: 24s;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  width: min(1300px, calc(100% - 40px));
  height: clamp(410px, 47vw, 620px);
  margin: 0 auto clamp(28px, 4vw, 60px);
  overflow: hidden;
  border: 1px solid rgba(114, 184, 255, .26);
  border-radius: clamp(28px, 3.2vw, 48px);
  background: #06182f;
  box-shadow: 0 38px 95px rgba(7, 37, 77, .19), inset 0 1px 0 rgba(255,255,255,.08);
  perspective: 30cqw;
  perspective-origin: 50% 55%;
}
.specialty-stream-shell::before,
.specialty-stream-shell::after {
  content: "";
  position: absolute;
  z-index: 5;
  pointer-events: none;
}
.specialty-stream-shell::before { inset: 0; background: linear-gradient(90deg, rgba(6,24,47,.74), transparent 20%, transparent 80%, rgba(6,24,47,.74)); }
.specialty-stream-shell::after { inset: 0; background: linear-gradient(180deg, rgba(6,24,47,.3), transparent 35%, transparent 72%, rgba(6,24,47,.72)); }
.stream-grid {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .42;
  background-image: linear-gradient(rgba(149,209,255,.095) 1px, transparent 1px), linear-gradient(90deg, rgba(149,209,255,.095) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at center, #000 20%, transparent 72%);
}
.stream-glow { position: absolute; z-index: -2; width: 52%; aspect-ratio: 1; border-radius: 50%; filter: blur(18px); }
.stream-glow-a { top: -40%; left: -16%; background: rgba(0, 122, 255, .34); }
.stream-glow-b { right: -17%; bottom: -54%; background: rgba(83, 185, 255, .25); }
.stream-rail { position: absolute; inset: 0; z-index: 2; transform-style: preserve-3d; }
.stream-card {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 18cqw;
  height: 25cqw;
  padding: clamp(13px, 1.2cqw, 19px);
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(236,248,255,.54);
  border-radius: clamp(17px, 1.7cqw, 25px);
  background: linear-gradient(145deg, #278bff, #0750c9 52%, #032868);
  box-shadow: 0 24px 50px rgba(0, 9, 28, .38), inset 0 1px 0 rgba(255,255,255,.36);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  animation-duration: var(--stream-duration);
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.stream-card::before,
.stream-card::after { content: ""; position: absolute; pointer-events: none; }
.stream-card::before { width: 72%; aspect-ratio: 1; top: -29%; right: -25%; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 19px rgba(255,255,255,.06), 0 0 0 39px rgba(255,255,255,.035); }
.stream-card::after { inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.26), transparent 32%, transparent 68%, rgba(1,24,75,.4)); mix-blend-mode: screen; }
.stream-card span, .stream-card strong, .stream-card-portrait { position: relative; z-index: 1; }
.stream-card span { font-size: clamp(7px, .71cqw, 10px); font-weight: 800; letter-spacing: .12em; line-height: 1.25; text-transform: uppercase; opacity: .88; }
.stream-card strong { max-width: 10ch; font-size: clamp(10px, 1.05cqw, 15px); font-weight: 800; letter-spacing: -.035em; line-height: 1.02; text-transform: uppercase; }
.stream-card-portrait {
  align-self: center;
  width: 57%;
  height: 53%;
  margin: -2% 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 42% 42% 27% 27%;
  background: linear-gradient(155deg, rgba(239,249,255,.92), rgba(181,221,255,.32));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.64), 0 13px 28px rgba(1, 21, 66, .18);
}
.stream-card-portrait::before { content: ""; position: absolute; width: 39%; aspect-ratio: 1; top: 18%; left: 30.5%; border-radius: 50%; background: #eaf7ff; box-shadow: 0 0 0 7px rgba(5,65,159,.08); }
.stream-card-portrait i { position: absolute; width: 72%; height: 47%; left: 14%; bottom: -9%; border-radius: 46% 46% 0 0; background: #eaf7ff; }
.stream-card-portrait b { position: absolute; width: 46%; height: 7%; left: 27%; bottom: 25%; border-radius: 99px; background: rgba(6,62,156,.16); }
.stream-rail-right .stream-card { animation-name: zenk-stream-right; }
.stream-rail-left .stream-card { animation-name: zenk-stream-left; }
.stream-card:nth-child(2) { animation-delay: -2s; }
.stream-card:nth-child(3) { animation-delay: -4s; }
.stream-card:nth-child(4) { animation-delay: -6s; }
.stream-card:nth-child(5) { animation-delay: -8s; }
.stream-card:nth-child(6) { animation-delay: -10s; }
.stream-card:nth-child(7) { animation-delay: -12s; }
.stream-card:nth-child(8) { animation-delay: -14s; }
.stream-card:nth-child(9) { animation-delay: -16s; }
.stream-card:nth-child(10) { animation-delay: -18s; }
.stream-card:nth-child(11) { animation-delay: -20s; }
.stream-card:nth-child(12) { animation-delay: -22s; }
.stream-card:nth-child(3n+2) { background: linear-gradient(145deg, #52b5ff, #1169df 53%, #063a8c); }
.stream-card:nth-child(3n) { background: linear-gradient(145deg, #1763cf, #083d9c 52%, #021f57); }
.stream-card:has(img) { padding: 0; background: #06182f; }
.stream-card:has(img)::before, .stream-card:has(img)::after { display: none; }
.stream-card img { width: 100%; height: 100%; display: block; object-fit: cover; }
.stream-center {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(40%, 340px);
  padding: clamp(18px, 2.4cqw, 34px) clamp(16px, 2cqw, 28px);
  color: #fff;
  text-align: center;
  border: 1px solid rgba(218,241,255,.27);
  border-radius: 22px;
  background: rgba(6,24,47,.7);
  box-shadow: 0 22px 65px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(16px);
  transform: translate(-50%, -50%);
}
.stream-center span, .stream-center i { font-size: clamp(8px, .75cqw, 11px); font-style: normal; font-weight: 800; letter-spacing: .18em; line-height: 1.2; }
.stream-center span { color: #a4d5ff; }
.stream-center strong { margin: .65em 0 .85em; font-size: clamp(18px, 2.15cqw, 31px); letter-spacing: -.07em; line-height: .92; }
.stream-center i { color: rgba(227,244,255,.6); font-size: clamp(7px, .62cqw, 9px); }
@keyframes zenk-stream-right {
  0% { transform: translate3d(-11cqw,-50%,-258cqw) rotateY(-6deg); opacity: 0; }
  8% { opacity: 1; }
  12.5% { transform: translate3d(8.6cqw,-50%,-172cqw) rotateY(-8.75deg); }
  25% { transform: translate3d(22.7cqw,-50%,-111cqw) rotateY(-11.5deg); }
  37.5% { transform: translate3d(32.3cqw,-50%,-69cqw) rotateY(-14.25deg); }
  50% { transform: translate3d(38.4cqw,-50%,-37cqw) rotateY(-17deg); }
  62.5% { transform: translate3d(41.8cqw,-50%,-17cqw) rotateY(-19.75deg); }
  75% { transform: translate3d(43.4cqw,-50%,-3cqw) rotateY(-22.5deg); }
  87.5% { transform: translate3d(43.9cqw,-50%,7cqw) rotateY(-25.25deg); }
  96% { opacity: 1; }
  100% { transform: translate3d(44cqw,-50%,14cqw) rotateY(-28deg); opacity: 0; }
}
@keyframes zenk-stream-left {
  0% { transform: translate3d(11cqw,-50%,-258cqw) rotateY(6deg); opacity: 0; }
  8% { opacity: 1; }
  12.5% { transform: translate3d(-8.6cqw,-50%,-172cqw) rotateY(8.75deg); }
  25% { transform: translate3d(-22.7cqw,-50%,-111cqw) rotateY(11.5deg); }
  37.5% { transform: translate3d(-32.3cqw,-50%,-69cqw) rotateY(14.25deg); }
  50% { transform: translate3d(-38.4cqw,-50%,-37cqw) rotateY(17deg); }
  62.5% { transform: translate3d(-41.8cqw,-50%,-17cqw) rotateY(19.75deg); }
  75% { transform: translate3d(-43.4cqw,-50%,-3cqw) rotateY(22.5deg); }
  87.5% { transform: translate3d(-43.9cqw,-50%,7cqw) rotateY(25.25deg); }
  96% { opacity: 1; }
  100% { transform: translate3d(-44cqw,-50%,14cqw) rotateY(28deg); opacity: 0; }
}
@media (max-width: 620px) {
  .specialty-stream-shell { width: calc(100% - 28px); height: 430px; border-radius: 28px; }
  .stream-card { width: 31cqw; height: 43cqw; }
  .stream-rail-left { display: none; }
  .stream-center { width: 46%; padding: 17px 10px; }
  .stream-center strong { font-size: 19px; }
  .stream-card { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .reveal, .reveal-left, .reveal-right, .reveal-scale, .reveal-blur, .reveal-pop {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .stream-card { animation-play-state: paused !important; }
}

/* Coverflow própria, adaptada para os retratos autorais da candidata. */
.specialty-stream-shell.is-replaced { display: none; }
.specialty-coverflow { width: min(1300px, calc(100% - 40px)); margin: 0 auto clamp(30px,4vw,62px); }
.coverflow-shell { position:relative; }
.coverflow-frame {
  --cf-card: clamp(205px, 23vw, 330px);
  --cf-card-height: calc(var(--cf-card) * 1.25);
  position: relative;
  padding: clamp(28px,4vw,56px) 0;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  outline: none;
  border: 1px solid rgba(114,184,255,.26);
  border-radius: clamp(28px,3.2vw,48px);
  background: radial-gradient(circle at 50% 20%,rgba(56,157,255,.27),transparent 27%),linear-gradient(145deg,#06182f,#092f59);
  box-shadow: 0 38px 95px rgba(7,37,77,.19),inset 0 1px 0 rgba(255,255,255,.09);
}
.coverflow-frame:focus-visible { box-shadow: 0 0 0 4px rgba(8,124,255,.32),0 38px 95px rgba(7,37,77,.19),inset 0 1px 0 rgba(255,255,255,.09); }
.coverflow-frame::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.4; background-image:linear-gradient(rgba(149,209,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(149,209,255,.09) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(circle at center,#000 15%,transparent 72%); }
.coverflow-track { position:relative; height:var(--cf-card-height); transform-style:preserve-3d; user-select:none; }
.coverflow-card { position:absolute; top:0; left:50%; width:var(--cf-card); height:var(--cf-card-height); padding:0; overflow:hidden; border:1px solid rgba(235,248,255,.58); border-radius:clamp(20px,2vw,28px); background:#06182f; box-shadow:0 24px 56px rgba(0,8,28,.48),inset 0 1px 0 rgba(255,255,255,.28); will-change:transform,opacity; }
.coverflow-card img { width:100%; height:100%; display:block; object-fit:cover; pointer-events:none; }
.coverflow-card:focus-visible { outline:3px solid #8ad0ff; outline-offset:5px; }
.coverflow-frame.is-dragging { cursor:grabbing; }
.coverflow-frame.is-dragging .coverflow-card { transition:none !important; }
.coverflow-navigation { position:absolute; z-index:200; inset:50% 18px auto; display:flex; justify-content:space-between; pointer-events:none; transform:translateY(-50%); }
.coverflow-navigation button { width:44px; height:44px; padding:0; pointer-events:auto; border:1px solid rgba(221,244,255,.38); border-radius:50%; color:#fff; background:rgba(3,23,46,.67); box-shadow:0 10px 26px rgba(0,0,0,.22); font-size:28px; line-height:1; backdrop-filter:blur(12px); cursor:pointer; }
.coverflow-navigation button:hover { background:#087cff; }
.coverflow-caption { padding:20px 18px 0; text-align:center; }
.coverflow-caption span { display:block; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.18em; }
.coverflow-caption h3 { margin:8px 0 0; color:var(--navy); font-size:clamp(29px,3.6vw,50px); line-height:1; letter-spacing:-.065em; }
.coverflow-caption p { margin:9px 0 0; color:var(--muted); font-size:13px; }
.coverflow-pagination { display:flex; justify-content:center; gap:8px; margin-top:20px; }
.coverflow-pagination button { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:var(--navy); opacity:.28; cursor:pointer; transition:transform .2s ease,opacity .2s ease,background .2s ease; }
.coverflow-pagination button[aria-current="true"] { background:var(--blue); opacity:1; transform:scale(1.35); }
@media (max-width:620px) {
  .specialty-coverflow { width:calc(100% - 28px); }
  .coverflow-frame { --cf-card:min(72vw,286px); padding:30px 0; border-radius:28px; }
  .coverflow-navigation { inset-inline:10px; }
  .coverflow-navigation button { width:38px; height:38px; font-size:24px; }
  .coverflow-caption { padding-top:18px; }
  .coverflow-caption p { font-size:12px; }
}

/* Travas responsivas da hero editorial: não herdar a antiga composição em duas colunas. */
.hero-editorial { padding: 0 !important; background: #08101a !important; }
@media (max-width: 1050px) {
  .hero-editorial-grid { width: min(100% - 56px, 1240px); }
  .hero-editorial-copy { width: min(690px, 73vw); }
}
@media (max-width: 820px) {
  .hero-stage .topbar { top: 12px; }
  .hero-stage .topbar:not(.scrolled) .menu-toggle { color: #fff; border-color: rgba(255,255,255,.20); background: rgba(4,12,22,.22); }
  .hero-stage .topbar:not(.scrolled) .menu-toggle i { background: currentColor; }
  .hero-stage .topbar nav.open { color: var(--ink); border-color: rgba(6,24,47,.09); background: rgba(255,255,255,.97); }
  .hero-stage .topbar nav.open a { color: var(--ink); }
  .hero-editorial {
    min-height: max(760px, 100svh);
    align-items: flex-start;
  }
  .hero-editorial-image { object-position: 69% center; filter: saturate(.78) contrast(1.04) brightness(.67); }
  .hero-editorial-scrim {
    background: linear-gradient(180deg, rgba(3,9,16,.82) 0%, rgba(3,9,16,.73) 48%, rgba(3,9,16,.35) 100%);
  }
  .hero-editorial-grid { width: calc(100% - 44px); min-height: inherit; }
  .hero-editorial-copy { width: 100%; padding: 132px 0 118px; }
  .hero-editorial h1 { max-width: 630px; font-size: clamp(48px, 10.8vw, 68px); line-height: .94; }
  .hero-editorial-copy > p { max-width: 510px; margin-top: 25px; }
  .hero-editorial .hero-buttons { align-items: flex-start; flex-direction: row; }
  .hero-editorial-footer { bottom: 27px; width: calc(100% - 44px); gap: 9px; font-size: 8px; }
  .hero-editorial .scroll-hint { display: none; }
}
@media (max-width: 540px) {
  .hero-editorial { min-height: max(735px, 100svh); }
  .hero-editorial-grid { width: calc(100% - 40px); }
  .hero-editorial-copy { padding-top: 125px; padding-bottom: 100px; }
  .hero-editorial-tag { width: max-content; max-width: 100%; padding: 8px 10px; font-size: 8px; }
  .hero-editorial h1 { max-width: 100%; font-size: clamp(43px, 12vw, 54px); line-height: .94; letter-spacing: -.055em; }
  .hero-editorial-copy > p { max-width: 100%; margin-top: 22px; font-size: 15px; line-height: 1.56; }
  .hero-editorial .hero-buttons, .hero-editorial .hero-buttons .button { width: 100%; }
  .hero-editorial .hero-buttons { gap: 7px; }
  .hero-editorial .hero-buttons .button { justify-content: center; min-height: 48px; }
  .hero-editorial .button.outline { min-height: 39px; }
  .hero-editorial-footer { display: none; }
}

/* Sobrescritas finais contra regras legadas da antiga hero. */
.hero-editorial .hero-editorial-grid {
  display: flex;
  align-items: center;
  width: min(1240px, calc(100% - 80px));
  min-height: inherit;
  height: auto;
  margin: 0 auto;
}
.hero-editorial .hero-editorial-copy { width: min(820px, 61vw); padding: 125px 0 110px; }
.hero-editorial .hero-editorial-copy { min-width: 0; }
.hero-editorial h1 {
  width: 100%;
  max-width: 820px;
  min-width: 0;
  color: #fff !important;
  font-size: clamp(56px, 4.65vw, 74px);
  line-height: .93;
  overflow-wrap: normal;
}
.hero-editorial h1 span { color: #fff !important; }
.hero-editorial .hero-editorial-copy > p { color: rgba(242,247,253,.79) !important; }
.hero-editorial .hero-editorial-tag { color: rgba(255,255,255,.88); }
@media (max-width: 1050px) {
  .hero-editorial .hero-editorial-grid { width: min(100% - 56px, 1240px); }
  .hero-editorial .hero-editorial-copy { width: min(760px, 70vw); }
}
@media (max-width: 820px) {
  .hero-editorial .hero-editorial-grid { width: calc(100% - 44px); }
  .hero-editorial .hero-editorial-copy { width: 100%; padding: 132px 0 118px; }
  .hero-editorial h1 { max-width: 630px; font-size: clamp(48px, 10.8vw, 68px); }
}
@media (max-width: 540px) {
  .hero-editorial .hero-editorial-grid { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px); }
  .hero-editorial .hero-editorial-copy { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px); padding: 125px 0 100px; }
  .hero-editorial h1 { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px); font-size: clamp(39px, 10.25vw, 41px); line-height: .94; letter-spacing: -.055em; overflow-wrap: normal; }
  .hero-editorial .hero-editorial-copy > p, .hero-editorial .hero-buttons { width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px); }
}

/* Hero central: anatomia literal da referência, com conteúdo e implementação próprios. */
.hero-stage .topbar {
  z-index: 20;
  top: 18px;
  color: #fff;
  border-color: rgba(255,255,255,.15);
  background: rgba(6,12,20,.28);
  box-shadow: 0 16px 45px rgba(0,0,0,.16);
}
.hero-stage .topbar .brand.brand-image { background-image: url("../assets/zenk-med-wordmark-light.svg"); }
.hero-stage .topbar nav a { color: rgba(255,255,255,.82); }
.hero-stage .topbar nav a:hover, .hero-stage .topbar nav a.active { color: #fff; }
.hero-stage .topbar .nav-diagnostic { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); }
.hero-stage .topbar .nav-cta { color: #071426; background: rgba(255,255,255,.94); box-shadow: none; }
.hero-stage .topbar.scrolled { color: var(--ink); border-color: rgba(6,24,47,.09); background: rgba(255,255,255,.93); }
.hero-editorial { min-height: max(790px, 100svh); }
.hero-editorial-image { object-position: center center; filter: saturate(.8) contrast(1.08) brightness(.63); transform: scale(1.005); }
.hero-editorial-scrim { background: linear-gradient(180deg, rgba(2,7,13,.42) 0%, rgba(2,7,13,.27) 40%, rgba(2,7,13,.65) 100%), linear-gradient(90deg, rgba(2,7,13,.18), rgba(2,7,13,.04) 50%, rgba(2,7,13,.25)); }
.hero-editorial .hero-editorial-grid { justify-content: center; align-items: flex-start; width: min(100% - 48px, 980px); text-align: center; }
.hero-editorial .hero-editorial-copy { width: min(100%, 840px); padding: clamp(190px, 23vh, 258px) 0 130px; }
.hero-editorial .hero-editorial-tag { display: inline-flex; align-items: center; margin: 0 auto 25px; padding: 8px 12px 8px 9px; font-size: 9px; letter-spacing: .08em; background: rgba(255,255,255,.11); backdrop-filter: blur(15px); }
.hero-editorial .hero-editorial-tag b { padding: 3px 7px; color: #091728; border-radius: 999px; background: rgba(255,255,255,.91); font-size: 8px; letter-spacing: .1em; }
.hero-editorial h1 { max-width: 800px; margin: 0 auto; font-size: clamp(58px, 6vw, 91px); line-height: .91; }
.hero-editorial .hero-editorial-copy > p { max-width: 690px; margin: 27px auto 0; color: rgba(246,249,252,.84) !important; font-size: 17px; }
.hero-editorial .hero-buttons { justify-content: center; margin-top: 31px; }
.hero-editorial .hero-editorial-footer { bottom: 30px; }
.proof-band .number-icon { display: none; }
.proof-band article { text-align: left; }
.proof-band strong { font-size: 15px; letter-spacing: .12em; }
.proof-band span { max-width: 17ch; margin-top: 8px; line-height: 1.35; }
@media (max-width: 820px) {
  .hero-stage .topbar { top: 12px; }
  .hero-editorial { min-height: max(745px, 100svh); }
  .hero-editorial-image { object-position: 57% center; }
  .hero-editorial .hero-editorial-copy { padding-top: 158px; padding-bottom: 96px; }
  .hero-editorial h1 { font-size: clamp(47px, 10.8vw, 68px); }
  .hero-editorial .hero-buttons { align-items: center; }
}
@media (max-width: 540px) {
  .hero-stage .topbar { width: calc(100% - 20px); }
  .hero-editorial .hero-editorial-grid { width: calc(100% - 34px) !important; }
  .hero-editorial .hero-editorial-copy { width: 100% !important; max-width: 100% !important; padding-top: 144px; padding-bottom: 80px; }
  .hero-editorial .hero-editorial-tag { max-width: 100%; margin-bottom: 20px; font-size: 7px; }
  .hero-editorial h1 { width: 100% !important; max-width: 100% !important; font-size: 36px !important; }
  .hero-editorial .hero-editorial-copy > p { width: 100% !important; max-width: 100% !important; font-size: 15px; line-height: 1.55; }
  .hero-editorial .hero-buttons { width: 100% !important; flex-direction: column; gap: 8px; }
  .hero-editorial .hero-buttons .button { display: inline-flex; justify-content: center; width: min(100%, 300px) !important; min-height: 50px; padding: 13px 18px; }
  .proof-band article { padding: 20px 13px; }
  .proof-band strong { font-size: 12px; }
  .proof-band span { font-size: 8px; }
}

/* Ajuste final: a referência organiza ações em coluna no mobile, sem comprimir a secundária. */
@media (max-width: 540px) {
  .hero-editorial-centered .hero-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
  }
  .hero-editorial-centered .hero-buttons .button {
    width: 100% !important;
    min-height: 49px;
    justify-content: center;
  }
  .hero-editorial-centered .hero-buttons .button.outline {
    min-height: 43px;
    color: rgba(255,255,255,.91);
    background: rgba(255,255,255,.08);
  }
}

/* A inversão do CTA da hero precisa vencer as regras legadas de FlowButton. */
.hero-stage .hero-editorial .button.primary {
  color: #fff !important;
  background: var(--blue) !important;
}
.hero-stage .hero-editorial .button.primary:hover,
.hero-stage .hero-editorial .button.primary:focus-visible {
  color: var(--blue) !important;
  background: #fff !important;
}

/* Variação clean: mesma anatomia, atmosfera mais clínica. */
.hero-clean .topbar {
  color: var(--ink);
  border-color: rgba(6,24,47,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 45px rgba(27,61,94,.10);
}
.hero-clean .topbar .brand.brand-image { background-image: url("../assets/zenk-med-wordmark-dark.svg"); }
.hero-clean .topbar nav a { color: #42546a; }
.hero-clean .topbar nav a:hover, .hero-clean .topbar nav a.active { color: var(--blue); }
.hero-clean .topbar .nav-diagnostic { color: var(--blue); border-color: rgba(8,102,255,.18); background: rgba(8,102,255,.055); }
.hero-clean .topbar .nav-cta { color: #fff; background: var(--blue); }
.hero-clean .hero-editorial { color: var(--navy); background: #f7f9fb; }
.hero-clean .hero-editorial-image { filter: saturate(.92) contrast(1.01) brightness(1.03); }
.hero-clean .hero-editorial-scrim { background: linear-gradient(90deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.72) 38%, rgba(255,255,255,.19) 70%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)); }
.hero-clean .hero-editorial h1, .hero-clean .hero-editorial h1 span { color: var(--navy) !important; }
.hero-clean .hero-editorial .hero-editorial-copy > p { color: #52657a !important; }
.hero-clean .hero-editorial-tag { color: #31516f !important; border-color: rgba(6,24,47,.10); background: rgba(255,255,255,.70); box-shadow: 0 8px 24px rgba(30,68,102,.08); }
.hero-clean .hero-editorial-tag i { background: var(--blue); box-shadow: 0 0 0 5px rgba(8,102,255,.10); }
.hero-clean .hero-editorial-footer { color: #5b6e83; }
.hero-clean .hero-editorial-footer i { background: rgba(20,68,112,.35); }
.hero-clean .hero-editorial .button.outline { color: #31516f; }
.hero-clean .hero-editorial .button.outline:hover, .hero-clean .hero-editorial .button.outline:focus-visible { color: var(--blue); border-color: rgba(8,102,255,.18); background: rgba(255,255,255,.60); }
@media (max-width: 820px) {
  .hero-clean .hero-editorial-scrim { background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.62) 56%, rgba(255,255,255,.18) 100%); }
  .hero-clean .topbar:not(.scrolled) .menu-toggle { color: var(--navy); border-color: rgba(6,24,47,.12); background: rgba(255,255,255,.72); }
}

/* Painel de visibilidade: fluxo contínuo, inspirado no refinamento de hierarquia da referência 21st. */
.dashboard-flow { padding: clamp(28px, 4.2vw, 54px); border: 1px solid rgba(131,190,255,.16); border-radius: 30px; color: #eef7ff; background: radial-gradient(circle at 79% 3%, rgba(32,134,255,.18), transparent 24%), linear-gradient(145deg, #071c35 0%, #06182f 52%, #051426 100%); box-shadow: 0 30px 78px rgba(15,53,96,.18), inset 0 1px 0 rgba(255,255,255,.06); }
.dashboard-flow::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .42; background-image: linear-gradient(rgba(131,190,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(131,190,255,.055) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(180deg, black, transparent 88%); }
.dashboard-flow::after { display: none; }
.dashboard-flow .dashboard-head, .dashboard-flow .dash-flow, .dashboard-flow .dash-insight { position: relative; z-index: 1; }
.dashboard-flow .dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 25px; border-bottom: 1px solid rgba(171,210,255,.16); }
.dashboard-flow .dashboard-head > div { display: grid; gap: 7px; }
.dashboard-flow .dashboard-head span, .dashboard-flow .dash-node-label, .dashboard-flow .dash-insight > div > span { color: #9fcbff; font-size: 9px; font-weight: 750; letter-spacing: .16em; }
.dashboard-flow .dashboard-head small { color: rgba(215,232,251,.56); font-size: 11px; }
.dashboard-flow .dashboard-head b { display: inline-flex; align-items: center; gap: 7px; margin-top: 1px; color: #73e2ad; font-size: 9px; letter-spacing: .11em; white-space: nowrap; }
.dashboard-flow .dashboard-head b i, .dash-insight-state i { width: 7px; height: 7px; border-radius: 50%; background: #54dda0; box-shadow: 0 0 0 0 rgba(84,221,160,.4); animation: dashPulse 2.4s ease-out infinite; }
.dash-flow { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; padding: 48px 0 34px; }
.dash-flow-line { position: absolute; top: 95px; left: 8.5%; right: 8.5%; height: 1px; overflow: hidden; background: rgba(163,205,252,.24); }
.dash-flow-line::after { content: ""; position: absolute; top: -1px; left: -24%; width: 24%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, #69bdff 42%, #84e3b0 72%, transparent); box-shadow: 0 0 16px rgba(89,185,255,.9); animation: dashTraverse 5s cubic-bezier(.42,0,.23,1) infinite; }
.dash-node { position: relative; min-height: 194px; display: flex; flex-direction: column; padding: 24px 20px 20px; border: 1px solid rgba(171,210,255,.15); border-radius: 21px; background: linear-gradient(145deg, rgba(18,49,83,.78), rgba(9,30,55,.72)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 30px rgba(0,0,0,.12); transition: transform .5s var(--ease), border-color .5s ease, background .5s ease; }
.dash-node:hover { transform: translateY(-7px); border-color: rgba(129,200,255,.5); background: rgba(17,56,94,.9); }
.dash-node-index { position: absolute; top: 14px; right: 15px; color: rgba(193,220,250,.32); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.dash-node-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 21px; color: #b5ddff; border: 1px solid rgba(156,211,255,.22); border-radius: 15px; background: linear-gradient(145deg, rgba(77,161,255,.24), rgba(23,87,155,.10)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 7px 18px rgba(0,0,0,.1); font-size: 20px; }
.dash-node strong { margin-top: 10px; color: #fff; font-size: clamp(18px,1.7vw,23px); letter-spacing: -.045em; }
.dash-node small { margin-top: auto; color: rgba(211,231,253,.54); font-size: 10px; }
.dash-node.is-action { border-color: rgba(94,216,167,.32); background: linear-gradient(145deg, rgba(21,76,88,.78), rgba(9,43,61,.78)); }
.dash-node.is-action .dash-node-icon { color: #bcf6d4; border-color: rgba(112,228,173,.3); background: rgba(62,194,135,.14); }
.dash-node.is-action .dash-node-label { color: #83e0b1; }
.dash-insight { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 18px 20px; border: 1px solid rgba(168,208,251,.13); border-radius: 17px; background: rgba(1,11,24,.22); }
.dash-insight > div:first-child { display: flex; align-items: baseline; gap: 15px; }
.dash-insight p { margin: 0; color: rgba(224,239,255,.72); font-size: 12px; line-height: 1.45; }
.dash-insight-state { display: inline-flex; align-items: center; gap: 8px; color: #8ae5b8; font-size: 9px; font-weight: 720; letter-spacing: .11em; white-space: nowrap; }
@keyframes dashTraverse { 0% { transform: translateX(0); } 72%, 100% { transform: translateX(520%); } }
@keyframes dashPulse { 0% { box-shadow: 0 0 0 0 rgba(84,221,160,.42); } 72%, 100% { box-shadow: 0 0 0 8px rgba(84,221,160,0); } }
@media (prefers-reduced-motion: reduce) { .dashboard-flow .dashboard-head b i, .dash-insight-state i, .dash-flow-line::after { animation: none; } }
@media (max-width: 760px) { .dashboard-flow { padding: 24px 18px 18px; border-radius: 24px; } .dashboard-flow .dashboard-head { gap: 15px; padding-bottom: 19px; } .dashboard-flow .dashboard-head b { font-size: 8px; } .dashboard-flow .dashboard-head small { max-width: 185px; font-size: 10px; line-height: 1.4; } .dash-flow { grid-template-columns: 1fr 1fr; gap: 12px; padding: 27px 0 20px; } .dash-flow-line { display: none; } .dash-node { min-height: 160px; padding: 18px 14px 14px; border-radius: 17px; } .dash-node-icon { width: 37px; height: 37px; margin-bottom: 15px; border-radius: 12px; font-size: 16px; } .dash-node strong { margin-top: 7px; font-size: 18px; } .dash-node small { font-size: 9px; } .dash-insight { align-items: flex-start; flex-direction: column; gap: 12px; padding: 15px; } .dash-insight > div:first-child { display: grid; gap: 6px; } }

/* Objetos 3D autorais: usados como âncoras de leitura, não como decoração solta. */
.dash-node-icon { overflow: visible; background: none; box-shadow: none; border: 0; }
.dash-node-icon img { width: 64px; height: 64px; display: block; object-fit: contain; filter: drop-shadow(0 10px 12px rgba(2,10,25,.34)); transform: translate(-9px, -9px) scale(1.22); transition: transform .55s var(--ease), filter .55s ease; }
.dash-node:hover .dash-node-icon img { filter: drop-shadow(0 15px 16px rgba(21,142,255,.30)); transform: translate(-7px, -12px) scale(1.32) rotate(-3deg); }
.dash-node.is-action:hover .dash-node-icon img { filter: drop-shadow(0 15px 16px rgba(53,219,149,.30)); }
.proof-band-flow { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 0; padding: 78px max(6%, calc((100vw - 1240px)/2)); gap: 17px; overflow: hidden; border-top: 1px solid rgba(6,24,47,.08); border-bottom: 1px solid rgba(6,24,47,.08); background: radial-gradient(circle at 50% -28%, rgba(56,139,255,.13), transparent 37%), #fff; }
.proof-band-flow::after { content: ""; position: absolute; top: 110px; left: max(11%, calc((100vw - 1110px)/2)); right: max(11%, calc((100vw - 1110px)/2)); z-index: -1; height: 1px; background: linear-gradient(90deg, transparent, rgba(31,111,211,.23) 8% 92%, transparent); }
.proof-band-flow article { position: relative; min-height: 196px; display: flex; flex-direction: column; padding: 24px 22px 21px; overflow: hidden; border: 1px solid rgba(19,67,119,.10); border-radius: 25px; background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,248,253,.86)); box-shadow: 0 17px 42px rgba(24,70,117,.075), inset 0 1px 0 #fff; transition: transform .5s var(--ease), border-color .5s ease, box-shadow .5s ease; }
.proof-band-flow article::before { content: ""; position: absolute; top: 0; left: 22px; right: 22px; height: 2px; opacity: .45; background: linear-gradient(90deg, transparent, #5faeff 50%, transparent); transform: scaleX(.46); transform-origin: center; transition: transform .55s var(--ease), opacity .55s ease; }
.proof-band-flow article:hover { transform: translateY(-8px); border-color: rgba(30,123,231,.25); box-shadow: 0 26px 60px rgba(24,70,117,.13), inset 0 1px 0 #fff; }
.proof-band-flow article:hover::before { opacity: 1; transform: scaleX(1); }
.proof-card-top { display: flex; align-items: flex-start; justify-content: space-between; min-height: 68px; }
.proof-band-flow strong { position: relative; z-index: 1; margin-top: 2px; color: #1c3858; font-size: 12px; font-weight: 760; letter-spacing: .14em; }
.proof-band-flow .proof-card-top img { width: 72px; height: 72px; margin: -17px -15px 0 0; object-fit: contain; filter: drop-shadow(0 10px 10px rgba(35,115,212,.19)); transition: transform .6s var(--ease), filter .6s ease; }
.proof-band-flow article:hover .proof-card-top img { filter: drop-shadow(0 15px 14px rgba(35,115,212,.28)); transform: translate(-3px, -6px) rotate(-4deg) scale(1.08); }
.proof-band-flow article:nth-child(4) .proof-card-top img { filter: drop-shadow(0 10px 10px rgba(26,167,107,.18)); }
.proof-band-flow article:nth-child(4):hover .proof-card-top img { filter: drop-shadow(0 15px 14px rgba(26,167,107,.28)); }
.proof-band-flow span { max-width: 19ch; margin-top: auto; color: #526a86; font-size: 12px; font-weight: 680; line-height: 1.35; letter-spacing: .035em; }
.proof-band-flow article > i { position: absolute; right: 22px; bottom: 23px; width: 20px; height: 1px; background: rgba(30,91,153,.27); transition: width .5s var(--ease), background .5s ease; }
.proof-band-flow article > i::after { content: ""; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: #459eff; box-shadow: 0 0 0 5px rgba(69,158,255,.08); }
.proof-band-flow article:hover > i { width: 36px; background: #459eff; }
.proof-band-flow article:nth-child(4) > i::after { background: #4ecf91; box-shadow: 0 0 0 5px rgba(78,207,145,.09); }
.proof-band-flow article:nth-child(4):hover > i { background: #4ecf91; }
@media (max-width: 760px) { .proof-band-flow { grid-template-columns: 1fr 1fr; padding: 48px 20px; gap: 11px; } .proof-band-flow::after { display: none; } .proof-band-flow article { min-height: 168px; padding: 18px 15px; border-radius: 19px; } .proof-card-top { min-height: 56px; } .proof-band-flow .proof-card-top img { width: 58px; height: 58px; margin: -13px -13px 0 0; } .proof-band-flow span { font-size: 10px; } .proof-band-flow article > i { right: 15px; bottom: 18px; } .dash-node-icon img { width: 54px; height: 54px; transform: translate(-8px,-8px) scale(1.2); } }

/* Correção de composição: cada pilar deve ler como uma peça única, central e proporcional. */
.proof-band-flow::after { display: none; }
.proof-band-flow article { align-items: center; padding: 20px 22px 22px; text-align: center; }
.proof-band-flow article::before { left: 50%; right: auto; width: 48px; transform: translateX(-50%) scaleX(1); }
.proof-band-flow article:hover::before { transform: translateX(-50%) scaleX(1.28); }
.proof-card-top { width: 100%; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.proof-band-flow strong { align-self: center; margin: 0; }
.proof-band-flow .proof-card-top img { width: 82px; height: 82px; margin: 2px 0 0; }
.proof-band-flow span { max-width: 22ch; margin: auto 0 0; text-align: center; }
.proof-band-flow article > i { display: none; }
@media (max-width: 760px) { .proof-band-flow article { align-items: center; padding: 17px 13px 18px; } .proof-card-top { min-height: 80px; } .proof-band-flow .proof-card-top img { width: 66px; height: 66px; margin-top: 0; } .proof-band-flow span { max-width: 16ch; margin-top: auto; text-align: center; } }

/* Versão enxuta: cada dobra precisa introduzir uma decisão nova. */
#motivos, .blue-cta, #plano, #jornada, #recepcao, #conteudos, #ferramentas, #investimento { display: none; }
.topbar nav a[href="#conteudos"], footer nav a[href="#conteudos"] { display: none; }