/* ==========================================================
   RG Agency — Home
   ========================================================== */

/* ---------- Tokens ---------- */
:root {
  --ink: #1C1A1A;
  --ink-2: #2A2626;
  --paper: #F3F3F2;
  --white: #FFFFFF;
  --orange: #FF5A00;
  --orange-hover: #EB5200;
  /* Orange: buttons + a few small accents only (asterisk, H1 periods, active progress bar) */
  --muted: #56514E;
  --line: #BDB8B3;

  --font-display: "Inter Tight", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --autoplay: 6.5s;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid #2F6FEB; outline-offset: 3px; border-radius: 8px; }
.sprite { position: absolute; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Buttons ---------- */
.btn {
  position: relative;
  display: inline-flex; align-items: center; gap: 18px;
  min-height: 58px; padding: 7px 7px 7px 26px;
  border: 1.5px solid transparent; border-radius: 999px;
  font-weight: 600; font-size: 16.5px; letter-spacing: -.005em; line-height: 1;
  text-decoration: none; white-space: nowrap;
  cursor: pointer;
  transition: background-color .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .3s var(--ease-out), transform .15s;
}
.btn:active { transform: scale(.97); }
.btn__icon {
  flex: none; display: grid; place-items: center;
  width: 42px; height: 42px; border-radius: 50%;
  overflow: hidden;
  transition: background-color .25s var(--ease-out), color .25s var(--ease-out), transform .35s var(--ease-out);
}
.btn__icon svg { transition: transform .35s var(--ease-out); }

/* Primary: solid orange, icon chip nudges up-right */
.btn--primary { background: var(--orange); color: #fff; }
.btn--primary .btn__icon { background: #fff; color: var(--orange); }
.btn--primary:hover { background: var(--orange-hover); }
.btn--primary:hover .btn__icon { transform: rotate(45deg); }

/* Secondary: outline, fills with ink on hover, arrow drops in a loop */
.btn--outline { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn--outline .btn__icon { background: var(--ink); color: #fff; }
.btn--outline:hover { background: var(--ink); color: #fff; }
.btn--outline:hover .btn__icon { background: #fff; color: var(--ink); }
.btn--outline:hover .btn__icon svg { animation: drop .9s var(--ease-out) infinite; }
@keyframes drop {
  0% { transform: translateY(0); opacity: 1; }
  45% { transform: translateY(16px); opacity: 0; }
  46% { transform: translateY(-16px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@media (max-width: 480px) {
  .hero__cta { width: 100%; flex-direction: column; align-items: stretch; }
  .btn { justify-content: space-between; }
}

/* ==========================================================
   SECTION 1 — HERO
   ========================================================== */
.hero {
  position: relative; isolation: isolate;
  margin: clamp(8px, 1.4vw, 18px);
  padding: calc(clamp(40px, 6vw, 72px) + 44px) 16px clamp(48px, 6vw, 80px); /* +44px: espaço da pílula do header */
  border-radius: clamp(20px, 2.4vw, 32px);
  overflow: hidden;
  background: #1668C6; /* sky photo is drawn by .hero::before */
}
/* sky photo: full width, top ~92% of the image (the sunset strip at the very bottom is left out).
   The sky is stretched to the hero's height, which is invisible on clouds. */
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background: url("../assets/sunset-sky-background-2026-01-05-05-58-49-utc.jpg") center top / 100% 109% no-repeat;
}
/* soft shade behind the copy so the white text stays readable on the sky */
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 40% at 50% 28%, rgba(8, 40, 90, .22), rgba(8, 40, 90, .08) 55%, transparent 80%);
}
.hero .hero__eyebrow, .hero .hero__l1 { color: var(--white); }
.hero .hero__l1 { text-shadow: 0 2px 24px rgba(8, 40, 90, .18); }
.hero .hero__lead { color: rgba(255, 255, 255, .92); text-shadow: 0 1px 12px rgba(8, 40, 90, .25); }
/* secondary button on the sky: solid white */
.hero .btn--outline { background: var(--white); border-color: var(--white); color: var(--ink); }
.hero .btn--outline .btn__icon { background: var(--ink); color: #fff; }
.hero .btn--outline:hover { background: var(--white); border-color: var(--white); color: var(--ink); }
.hero .btn--outline:hover .btn__icon { background: var(--ink); color: #fff; }
.hero__copy {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
}
.hero__title { margin: 0 0 clamp(22px, 3vw, 30px); display: flex; flex-direction: column; align-items: center; font-weight: 400; }
.hero__eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  margin-bottom: clamp(22px, 3vw, 30px);
  font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase;
}
.hero__ast {
  flex: none; display: grid; place-items: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--orange); color: var(--ink);
}
.hero__ast svg { animation: spin 12s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.hero__l1 {
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(2.3rem, 5.4vw, 4.9rem); line-height: 1; letter-spacing: -.04em;
}
/* One sentence per line on desktop; wraps naturally on small screens */
.hero__line { display: block; white-space: nowrap; }
.accent { color: var(--orange); }
@media (max-width: 760px) {
  .hero__line { white-space: normal; text-wrap: balance; }
  .hero__line + .hero__line { margin-top: .12em; }
}
.hero__lead { max-width: 64ch; margin: 0 0 30px; font-size: clamp(1rem, 1.3vw, 1.125rem); line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* ---------- Case stack ---------- */
.cases { margin-top: clamp(40px, 6vw, 64px); }
.stack {
  position: relative;
  height: clamp(470px, 42vw, 500px);
  outline: none;
  touch-action: pan-y;
}
.case {
  position: absolute; left: 50%; top: 6px;
  width: min(780px, calc(100% - 8px)); height: calc(100% - 60px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border-radius: 22px; overflow: hidden;
  background: var(--ink);
  box-shadow: 0 30px 60px -30px rgba(28, 26, 26, .45);
  opacity: 0;
  transform: translateX(-50%) scale(.8);
  transition: transform .6s var(--ease-out), opacity .4s;
  will-change: transform;
  user-select: none;
}
.case[data-pos="0"] { transform: translateX(-50%); opacity: 1; z-index: 4; cursor: grab; }
.case[data-pos="1"] { transform: translateX(-50%) translateY(20px) scale(.95) rotate(2.5deg); opacity: 1; z-index: 3; }
.case[data-pos="2"] { transform: translateX(-50%) translateY(38px) scale(.9) rotate(-2.5deg); opacity: 1; z-index: 2; }
.case[data-pos="3"] { transform: translateX(-50%) translateY(54px) scale(.85); opacity: .8; z-index: 1; }
.case:not([data-pos="0"]) * { pointer-events: none; }
.case.is-dragging { transition: none; cursor: grabbing; }
.case.is-out { transform: translateX(30%) translateY(-20px) rotate(14deg) !important; opacity: 0 !important; z-index: 5 !important; }
.case.is-back { transform: translateX(-130%) translateY(-20px) rotate(-14deg) !important; opacity: 0 !important; z-index: 5 !important; transition: none; }

/* media */
.case__media {
  position: relative; overflow: hidden;
  display: flex; align-items: flex-end;
  padding: 20px; color: #fff;
  background: var(--ink-2);
}
.case__media::before {
  content: ""; position: absolute; inset: 0;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 14px, transparent 14px 28px),
    radial-gradient(circle at 70% 25%, rgba(255,255,255,.12), transparent 50%);
}
.case__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; pointer-events: none; }
.case__media img { transform: scale(1.02); transition: transform 1.2s var(--ease-out); filter: saturate(.92) contrast(1.04); }
.case:hover .case__media img { transform: scale(1.07); }
.case__media:has(img)::after { height: 70%; background: linear-gradient(rgba(0,0,0,0), rgba(12,10,10,.35) 45%, rgba(12,10,10,.82)); }
.case__media:has(img) .case__mono { display: none; }
.case__media::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; z-index: 1;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
}
.case__mono {
  position: absolute; top: 14px; left: 18px;
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(3.4rem, 8vw, 7rem); line-height: 1; letter-spacing: -.06em;
  color: rgba(255,255,255,.08);
}
.case__play {
  position: absolute; left: 50%; top: 44%; z-index: 2;
  width: 70px; height: 70px; border: 0; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(255,255,255,.95); color: var(--ink);
  box-shadow: 0 0 0 10px rgba(255,255,255,.18);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.case__play:hover { transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 0 0 16px rgba(255,255,255,.14); }
.case__cap { position: relative; z-index: 2; }
.case__cap b { display: block; font-family: var(--font-display); font-weight: 600; font-size: 18px; line-height: 1.2; }
.case__cap span { font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #CFC8C3; }

/* data */
.case__data {
  display: flex; flex-direction: column; justify-content: space-between; gap: 12px;
  min-width: 0; padding: clamp(20px, 2.6vw, 32px);
  color: #fff;
}
.case__data--ink { background: var(--ink-2); }
.case__data--light { background: var(--white); color: var(--ink); }
.case__row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.case__ind { font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.case__tag { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 3px 9px; }
.case__hl { margin: 0; font-family: var(--font-display); font-weight: 600; font-size: clamp(1.3rem, 2.1vw, 1.75rem); line-height: 1.08; letter-spacing: -.03em; text-wrap: balance; }
.case__ml { display: block; font-size: 14px; opacity: .9; }
.case__ml i { font-style: normal; opacity: .75; }
.case__big {
  display: block; margin: 6px 0 4px;
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(3.4rem, 7vw, 5.8rem); line-height: .9; letter-spacing: -.06em;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.case__md { font-size: 14px; opacity: .9; }
.case__svc { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.case__svc li { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; padding: 5px 10px; }
.case__data--light .case__tag { border-color: rgba(28,26,26,.25); }
.case__data--light .case__ml i { opacity: .6; }
.case__data--light .case__svc li { background: var(--paper); border-color: transparent; }

/* controls */
.cases__ctrl { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 22px; }
.cases__arrow {
  display: grid; place-items: center;
  width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid var(--line); background: transparent; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.cases__arrow:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
/* on the sky: white outlines */
.hero .cases__arrow { border-color: var(--white); color: var(--white); }
.hero .cases__arrow:hover { background: var(--white); border-color: var(--white); color: var(--ink); }
.hero .cases__dot { background: var(--white); }
.hero .cases__dot[aria-current="true"] { background: rgba(255, 255, 255, .45); }
.cases__dots { display: flex; align-items: center; gap: 8px; }
.cases__dot {
  position: relative; overflow: hidden;
  width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px;
  background: var(--line); cursor: pointer;
  transition: width .35s;
}
.cases__dot[aria-current="true"] { width: 44px; background: #D6D1CC; }
.cases__dot i { position: absolute; inset: 0 auto 0 0; width: 0; background: var(--orange); }
.cases__dot[aria-current="true"] i { animation: fill var(--autoplay) linear forwards; }
.cases.is-paused .cases__dot i { animation-play-state: paused; }
@keyframes fill { to { width: 100%; } }

/* video modal */
.video-modal { width: min(960px, calc(100% - 32px)); padding: 0; border: 0; border-radius: 18px; background: #000; overflow: visible; }
.video-modal::backdrop { background: rgba(10, 9, 9, .82); }
.video-modal__frame { aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; }
.video-modal__frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-modal.is-vertical { width: min(430px, calc(86vh * 9 / 16), calc(100% - 32px)); }
.video-modal.is-vertical .video-modal__frame { aspect-ratio: 9 / 16; }
.video-modal__close {
  position: absolute; top: -52px; right: 0;
  width: 42px; height: 42px; border: 0; border-radius: 50%;
  display: grid; place-items: center;
  background: #fff; color: var(--ink); cursor: pointer;
}

/* ---------- Responsive ---------- */
@media (max-width: 760px) {
  .stack { height: 640px; }
  .case { width: calc(100% - 8px); grid-template-columns: minmax(0, 1fr); grid-template-rows: 220px 1fr; }
  .case__play { width: 60px; height: 60px; }
}

/* ---------- Hero on phones ---------- */
@media (max-width: 560px) {
  .hero { margin: 8px; padding: 92px 14px 30px; border-radius: 20px; }
  .hero::after { background: radial-gradient(90% 46% at 50% 26%, rgba(8, 40, 90, .26), rgba(8, 40, 90, .1) 60%, transparent 85%); }
  .hero__eyebrow { margin-bottom: 18px; gap: 8px; font-size: 11px; letter-spacing: .04em; line-height: 1.45; text-wrap: balance; }
  .hero__ast { width: 22px; height: 22px; }
  .hero__ast svg { width: 12px; height: 12px; }
  .hero__title { margin-bottom: 18px; }
  .hero__l1 { font-size: clamp(2rem, 9.2vw, 2.55rem); letter-spacing: -.035em; }
  .hero__line + .hero__line { margin-top: .16em; }
  .hero__lead { max-width: 44ch; margin-bottom: 22px; font-size: 16px; line-height: 1.55; }
  .hero__cta { display: grid; grid-template-columns: min(88%, 320px); justify-content: center; gap: 8px; width: 100%; }
  .hero .hero__cta .btn { width: auto; min-height: 54px; justify-content: center; gap: 16px; padding: 6px 6px 6px 22px; font-size: 16px; }
  .cases { margin-top: 28px; }
  .stack { height: 540px; }
  .case { height: calc(100% - 46px); grid-template-rows: 250px 1fr; }
  .case[data-pos="1"] { transform: translateX(-50%) translateY(15px) scale(.96) rotate(2deg); }
  .case[data-pos="2"] { transform: translateX(-50%) translateY(28px) scale(.92) rotate(-2deg); }
  .case[data-pos="3"] { transform: translateX(-50%) translateY(40px) scale(.88); }
  .case__media { padding: 16px; }
  .case__cap b { font-size: 16px; }
  .case__cap span { font-size: 10px; }
  .case__play { width: 54px; height: 54px; box-shadow: 0 0 0 8px rgba(255,255,255,.18); }
  .case__data { padding: 16px 16px 18px; gap: 10px; }
  .case__ind { font-size: 11px; }
  .case__tag { font-size: 9.5px; padding: 3px 8px; }
  .case__hl { font-size: 1.3rem; }
  .case__ml, .case__md { font-size: 13px; }
  .case__big { margin: 4px 0 3px; font-size: 3rem; }
  .case__svc li { font-size: 9.5px; padding: 4px 9px; }
  .cases__ctrl { margin-top: 16px; gap: 12px; }
  .cases__arrow { width: 40px; height: 40px; }
  .cases__arrow svg { width: 16px; height: 16px; }
}
@media (max-width: 400px) {
  .hero__eyebrow { font-size: 10px; gap: 7px; }
  .hero__l1 { font-size: clamp(1.8rem, 9.4vw, 2.3rem); }
  .case__row { flex-direction: column; align-items: flex-start; gap: 5px; }
  .case__tag { white-space: normal; }
  .stack { height: 578px; }
  .case { grid-template-rows: 240px 1fr; }
}
@media (max-width: 345px) {
  .stack { height: 626px; }
}

/* ==========================================================
   SECTION 2 — TRUST (ticket)
   ========================================================== */
.trust { padding: clamp(6px, 1vw, 12px) clamp(8px, 1.4vw, 18px); } /* side gutter = hero margin, so both line up */
.nowrap { white-space: nowrap; }

.ticket {
  position: relative;
  margin: 0 auto;
  display: grid; grid-template-columns: clamp(210px, 22vw, 300px) minmax(0, 1fr);
  background: var(--white); border-radius: 22px;
}
/* perforation notches, punched in the page color */
.ticket::before, .ticket::after {
  content: ""; position: absolute; left: calc(clamp(210px, 22vw, 300px) - 13px);
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--paper);
}
.ticket::before { top: -13px; }
.ticket::after { bottom: -13px; }

.ticket__main {
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(30px, 3.6vw, 44px) clamp(24px, 3.4vw, 44px);
  border-left: 2px dashed #DCD9D6;
}
.ticket__badges {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px clamp(16px, 2vw, 28px);
  font-size: clamp(10.5px, 1.3vw, 16px); /* scales every badge (em-based) */
}
.ticket__badges .badge { transition: transform .35s var(--ease-out); }
.ticket__badges li:hover .badge { transform: translateY(-4px); }
.ticket__stub {
  display: flex; flex-direction: column; justify-content: center;
  padding: 28px 30px;
  background: var(--ink); color: #fff;
  border-radius: 22px 0 0 22px;
}
.ticket__title {
  margin: 0;
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(2.4rem, 4vw, 3.4rem); line-height: .95; letter-spacing: -.045em;
  text-wrap: balance;
}

/* ---------- Badges (recreated in code; swap for official artwork when available) ---------- */
.badge { font-size: inherit; display: inline-flex; align-items: center; justify-content: center; }
.badge--gp { flex-direction: column; gap: .45em; }
.badge--gp svg { width: 3.6em; height: 3.6em; }
.badge--gp > span { font-size: 1.15em; font-weight: 500; color: #5F6368; white-space: nowrap; }
.badge--sem {
  width: 6.6em; height: 6.6em; padding: .6em .8em;
  flex-direction: column; align-items: flex-start;
  border-radius: .7em; background: #4A1FB8; color: #fff;
  line-height: 1.05; text-align: left;
}
.badge__a { display: flex; align-items: center; gap: .3em; margin-bottom: .7em; font-size: .62em; font-weight: 800; letter-spacing: .04em; }
.badge__a::before { content: ""; width: .9em; height: .9em; border-radius: 50%; background: #FF642D; }
.badge__b { font-size: .78em; opacity: .85; }
.badge__c { font-size: 1.18em; font-weight: 500; }
.badge--ai {
  position: relative;
  width: 7.6em; height: 7.6em; flex-direction: column;
  border-radius: 50%; border: .32em solid #8ACBF3;
  background: #1E1E1E; color: #fff; line-height: 1.1;
}
.badge--ai b { font-size: .92em; font-weight: 600; }
.badge--ai small { margin-top: .5em; padding-top: .35em; border-top: 1px solid #555; font-size: .44em; letter-spacing: .06em; opacity: .7; }
.badge--meta { flex-direction: column; align-items: flex-start; gap: .25em; line-height: 1; color: #1C2B33; }
.badge__meta-top { display: flex; align-items: center; gap: .35em; }
.badge__meta-top svg { width: 4.6em; height: 2.6em; }
.badge__meta-word { font-family: Inter, Helvetica, Arial, sans-serif; font-size: 3.1em; font-weight: 500; letter-spacing: -.02em; }
.badge__meta-sub { font-family: Inter, Helvetica, Arial, sans-serif; font-size: 1.32em; font-weight: 400; letter-spacing: .01em; }
.badge--upcity svg { width: 8.6em; height: 8.6em; display: block; }
.badge--gr { flex-direction: column; line-height: 1; }
.badge__word { font-family: Arial, Helvetica, sans-serif; font-size: 3.5em; font-weight: 500; letter-spacing: -.035em; }
.badge__word i { font-style: normal; }
.g-b { color: #4285F4; } .g-r { color: #EA4335; } .g-y { color: #FBBC05; } .g-g { color: #34A853; }
.badge__rev { display: flex; align-items: center; gap: .3em; margin-top: .1em; font-size: 1.35em; font-weight: 700; color: #5F6368; }
.badge__rev i { font-style: normal; font-size: .8em; letter-spacing: .05em; color: #FBBC04; }

@media (max-width: 900px) {
  .ticket { grid-template-columns: minmax(0, 1fr); }
  .ticket::before, .ticket::after { display: none; }
  .ticket__main { border-left: 0; border-top: 2px dashed #DCD9D6; }
  .ticket__badges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-items: center; row-gap: 32px; font-size: 13px; }
  .ticket__badges li:last-child { grid-column: 1 / -1; }
  .ticket__stub { border-radius: 22px 22px 0 0; }
}

/* phones: the badges scroll by themselves, three at a time */
@media (max-width: 700px) {
  .ticket__mq { overflow: hidden; margin-inline: calc(clamp(24px, 3.4vw, 44px) * -1); }
  .ticket__badges {
    display: flex; flex-wrap: nowrap; align-items: center;
    gap: 0; width: max-content;
    font-size: clamp(8px, 2.4vw, 12px);
    animation: trustScroll 24s linear infinite;
  }
  .ticket__mq:active .ticket__badges { animation-play-state: paused; }
  .ticket__badges .badge--meta { font-size: .8em; }
  .ticket__badges li {
    flex: 0 0 calc((100vw - 2 * clamp(8px, 1.4vw, 18px)) / 3);
    display: grid; place-items: center; min-height: 118px; padding: 0 5px;
  }
  .ticket__badges li:last-child { grid-column: auto; }
  .ticket__badges li:hover .badge { transform: none; }
}
@keyframes trustScroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .ticket__badges { animation: none; }
}


/* ==========================================================
   SECTION 3 — STORY (cinema reveal + illustrations)
   ========================================================== */
/* The section is a tall scroll track; the dark frame sticks to the screen while
   scrolling plays 5 scenes in place (and rewinds when scrolling back up). */
.story {
  --scenes: 5; --gut: clamp(8px, 1.4vw, 18px);
  position: relative;
  height: calc(var(--scenes) * 90vh + 100vh + 130vh); /* +130vh: the last scene is long, one step per scroll */
  padding: 0 var(--gut);
}
.story__frame {
  position: sticky; top: var(--gut);
  height: calc(100vh - 2 * var(--gut));
  overflow: hidden;
  display: grid;
  padding: clamp(28px, 5vh, 64px) clamp(20px, 5vw, 80px);
  border-radius: clamp(20px, 2.4vw, 32px);
  /* --heat (0 → 1) is set by JS on the last scene: the whole section turns orange at "Scale." */
  background: color-mix(in srgb, var(--orange) calc(var(--heat, 0) * 100%), var(--ink)); color: #fff;
}
.story__frame::before {
  content: ""; position: absolute; left: 50%; top: 0; width: min(1100px, 130%); height: 70%;
  transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .07), transparent);
}
.scene {
  grid-area: 1 / 1; align-self: center; justify-self: center; width: 100%;
  opacity: var(--so, 0); visibility: hidden;
}
.scene.is-on { visibility: visible; }

/* static fallback (reduced motion / no JS): plain stacked section */
.story.is-static { height: auto; }
.story.is-static .story__frame { position: relative; top: 0; height: auto; gap: clamp(88px, 12vw, 160px); padding: clamp(64px, 9vw, 140px) clamp(20px, 5vw, 80px); }
.story.is-static .scene { grid-area: auto; opacity: 1; visibility: visible; }

/* each element inside a scene gets --p (0 → 1) from the scroll */
.rv {
  opacity: calc(.0 + 1 * var(--p, 1));
  filter: blur(calc((1 - var(--p, 1)) * 12px));
  transform: translate3d(calc((1 - var(--p, 1)) * var(--sx, 0px)), calc((1 - var(--p, 1)) * 28px), 0) scale(calc(.97 + .03 * var(--p, 1)));
}
.story__pain:nth-child(odd) { --sx: -36px; }
.story__pain:nth-child(even) { --sx: 36px; }
.story .ill { opacity: var(--p, 1); transform: translate3d(0, calc((1 - var(--p, 1)) * 36px), 0) scale(calc(.9 + .1 * var(--p, 1))); }
.story__turn .ill-scatter { transform: scale(calc(.8 + .2 * var(--p, 1))); }

/* type */
.story__title {
  margin: 0 auto; max-width: 16ch; text-align: center;
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(2rem, min(5.4vw, 7vh), 4.6rem); line-height: .98; letter-spacing: -.045em; text-wrap: balance;
}
.story__mute { color: #8E8783; }
.story__big {
  margin: 0; font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.4rem, 2.8vw, 2.3rem); line-height: 1.18; letter-spacing: -.03em; text-wrap: balance;
}
.story__big--xl { font-size: clamp(1.9rem, 4.2vw, 3.6rem); font-weight: 600; letter-spacing: -.04em; }
.story__big--mute { color: #9E9893; }
.story__text { margin: 0; color: #BDB6B1; font-family: var(--font-display); font-weight: 500; font-size: clamp(1.6rem, 2.8vw, 2.5rem); line-height: 1.22; letter-spacing: -.03em; max-width: 22ch; text-wrap: pretty; }
.story__goal-text {
  margin: 0; text-align: center; max-width: 20ch;
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(1.8rem, min(4.6vw, 6vh), 4rem); line-height: 1.02; letter-spacing: -.045em; text-wrap: balance;
}

/* layout blocks */
.story__intro { display: grid; gap: clamp(20px, 5vh, 64px); }
.story__demand { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 72px); align-items: center; max-width: 1040px; margin: 0 auto; width: 100%; }
.story__pains { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.story__pain {
  display: flex; flex-direction: column; gap: 20px;
  padding: 20px; border-radius: 22px;
  background: #221F1F; border: 1px solid #332F2E;
}
.story__pain p { margin: 0; color: #D9D4D0; font-size: 16px; line-height: 1.45; }
.story__turn { position: relative; display: grid; gap: 16px; justify-items: center; text-align: center; padding-block: clamp(60px, 14vh, 160px); }
.story__turn .ill-scatter { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .5; }
.ill-scatter .nodec { vector-effect: non-scaling-stroke; }
.story__turn p { position: relative; max-width: 26ch; }
.story__turn .story__big--mute { max-width: 34ch; }
.story__solution { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); align-items: center; max-width: 1040px; margin: 0 auto; width: 100%; }
.story__goal { display: grid; gap: clamp(14px, 3vh, 34px); justify-items: center; }
/* goal scene adapts to the orange background */
.story .ill-goal .o { fill: color-mix(in srgb, #fff calc(var(--heat, 0) * 100%), var(--orange)); }
.story .ill-goal .faint { stroke: color-mix(in srgb, rgba(255,255,255,.45) calc(var(--heat, 0) * 100%), #4A4543); }

/* ---------- steps: a progress trail that fills with the scroll ---------- */
.story__steps {
  --tp: clamp(0, calc((var(--local, 1) - .206) / .6), 1); /* the fill reaches each circle as that step appears */
  position: relative; list-style: none;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  width: min(1120px, 100%); margin: clamp(12px, 3vh, 36px) auto 0; padding: 0;
}
.story__steps::before, .story__steps::after {
  content: ""; position: absolute; left: 10%; top: 40px; height: 2px; border-radius: 2px;
}
.story__steps::before { right: 10%; background: rgba(255, 255, 255, .14); }
.story__steps::after { width: calc(80% * var(--tp)); background: #fff; }
.step {
  /* step i appears in its own slice of the scroll: .14 + i × .15 */
  --sp: clamp(0, calc((var(--local, 1) - .14 - var(--i) * .15) / .11), 1);
  position: relative; z-index: 1;
  display: grid; justify-items: center; gap: 18px; text-align: center;
  opacity: var(--sp); transform: translateY(calc((1 - var(--sp)) * 14px));
}
.step__icon {
  display: grid; place-items: center; width: 80px; height: 80px; border-radius: 50%;
  background: color-mix(in srgb, var(--orange) calc(var(--heat, 0) * 100%), var(--ink));
  border: 1.5px solid rgba(255, 255, 255, calc(.3 + .7 * var(--sp)));
  transform: scale(calc(.7 + .3 * var(--sp)));
}
.step__icon svg { width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.step__label { font-family: var(--font-display); font-weight: 600; font-size: clamp(17px, 1.9vw, 24px); letter-spacing: -.01em; white-space: nowrap; }
/* Scale.: the destination */
.step:last-child .step__icon { width: 100px; height: 100px; margin-top: -10px; background: #fff; border-color: #fff; box-shadow: 0 0 0 calc(var(--heat, 0) * 10px) rgba(255, 255, 255, .18); }
.step:last-child .step__icon svg { width: 40px; height: 40px; stroke: color-mix(in srgb, var(--orange) calc(var(--heat, 0) * 100%), var(--ink)); stroke-width: 2.2; }
.step:last-child .step__label { font-size: clamp(20px, 2.3vw, 30px); }
.step:last-child .step__icon::after {
  content: ""; position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #fff;
  opacity: var(--heat, 0); animation: stepRing 2.2s ease-out infinite;
}
@keyframes stepRing { from { transform: scale(1); opacity: .7; } to { transform: scale(1.7); opacity: 0; } }
.step__icon { position: relative; }
.story.is-static .step { --sp: 1; }
.story.is-static .story__steps { --tp: 1; }
@media (max-width: 760px) {
  .story__steps::before, .story__steps::after { top: 26px; }
  .step { gap: 8px; }
  .step__icon { width: 52px; height: 52px; }
  .step__icon svg { width: 20px; height: 20px; }
  .step:last-child .step__icon, .step:last-child .step__icon::after { width: 64px; height: 64px; margin-top: -6px; }
  .step:last-child .step__icon svg { width: 26px; height: 26px; }
  .step__label, .step:last-child .step__label { font-size: 13px; white-space: normal; }
}

/* ---------- fixed composition on desktop ----------
   All story content lives on a 1180 × 760 stage with fixed px sizes, so nothing reflows while the
   window is resized; JS scales the whole stage down (--k) when the frame is smaller. */
.story__stage { display: contents; }
@media (min-width: 761px) {
  .story__frame { padding: 0; display: block; }
  .story__stage {
    position: absolute; left: 50%; top: 50%;
    display: grid; width: 1180px; height: 760px;
    transform: translate(-50%, -50%) scale(var(--k, 1));
  }
  .story__title { font-size: 72px; max-width: 16ch; }
  .story__intro { gap: 56px; }
  .story__demand { width: 1040px; gap: 72px; }
  .ill-demand { max-width: 420px; }
  .story__big { font-size: 36px; }
  .story__big--xl { font-size: 56px; }
  .story__pains { gap: 16px; }
  .story__pain { padding: 22px; gap: 20px; }
  .story__pain p { font-size: 17px; }
  .story__pain .ill { max-width: 230px; }
  .story__turn { padding-block: 120px; }
  .story__solution { width: 1100px; gap: 96px; }
  .story__text { font-size: 40px; max-width: 22ch; }
  .ill-hub { max-width: 520px; }
  .story__goal { gap: 30px; }
  .ill-goal { max-width: 540px; }
  .story__goal-text { font-size: 64px; }
  .story__steps { width: 1120px; margin-top: 24px; }
  .step__label { font-size: 22px; }
  .step:last-child .step__label { font-size: 28px; }
  .story.is-static .story__frame { padding: clamp(64px, 9vw, 140px) clamp(20px, 5vw, 80px); display: grid; }
  .story.is-static .story__stage { position: static; transform: none; width: auto; height: auto; display: grid; gap: 140px; }
}

/* ---------- illustrations (line art, no words) ---------- */
.ill { display: block; width: 100%; height: auto; overflow: visible; }
.ill .s { fill: none; stroke: rgba(255, 255, 255, .78); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ill .faint { stroke: #4A4543; }
.ill .f { fill: rgba(255, 255, 255, .78); }
.ill .dim { fill: rgba(255, 255, 255, .2); }
.ill .o { fill: var(--orange); }
.ill .dash { stroke-dasharray: 5 5; }
.ill .nodec { fill: #1C1A1A; }
/* animated parts scale/move around their own box (icon groups keep their SVG transform untouched) */
.ill .type, .ill .bar, .ill .pop, .ill .ripple, .ill .row, .ill .sink, .ill .coin, .ill .float, .ill-goal .core { transform-box: fill-box; transform-origin: center; }
.ill-demand { max-width: min(440px, 44vh); justify-self: center; }
.ill-hub { max-width: min(560px, 64vh); justify-self: center; }
.ill-goal { max-width: min(620px, 60vh); margin-bottom: -20px; }
.story__pain .ill { max-width: min(260px, 22vh); margin: 0 auto; }

/* everything waits for .play, which JS adds when the block is on screen */
.ill:not(.play) * { animation-play-state: paused !important; }

/* stroke drawing */
/* lines draw and un-draw with the scroll */
.ill .draw { stroke-dasharray: var(--len, 400); stroke-dashoffset: calc(var(--len, 400) * (1 - var(--p, 1))); }

/* demand: a search is typed and sent, searches fall into the chart, demand grows with the scroll */
.ill-demand .word { transform-box: fill-box; transform-origin: left center; animation: word 4.8s var(--ease-out) infinite; }
.ill-demand .w2 { animation-name: word2; }
.ill-demand .w3 { animation-name: word3; }
@keyframes word  { 0% { transform: scaleX(0); } 12%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
@keyframes word2 { 0%, 14% { transform: scaleX(0); } 30%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
@keyframes word3 { 0%, 32% { transform: scaleX(0); } 44%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
.ill-demand .caret { animation: caret 4.8s var(--ease-out) infinite, caretBlink .9s steps(2) infinite; }
@keyframes caret {
  0% { transform: translateX(0); } 12% { transform: translateX(42px); } 14% { transform: translateX(47px); }
  30% { transform: translateX(106px); } 32% { transform: translateX(111px); } 44%, 88% { transform: translateX(146px); }
  96%, 100% { transform: translateX(0); }
}
@keyframes caretBlink { 50% { opacity: 0; } }
.ill-demand .go { transform-box: fill-box; transform-origin: center; animation: goPress 4.8s ease-in-out infinite; }
.ill-demand .goarrow { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@keyframes goPress { 0%, 46%, 60%, 100% { transform: scale(1); } 50% { transform: scale(.82); } 54% { transform: scale(1.12); } }
.ill-demand .fall { fill: rgba(255, 255, 255, .85); opacity: 0; animation: fall 2.7s cubic-bezier(.5, 0, .75, .4) var(--dl) infinite; }
@keyframes fall { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(var(--ty)); opacity: 0; } }
.ill-demand .grid { stroke-dasharray: 3 6; }
/* bars grow one after another with the scroll (--p comes from the scene) */
.ill-demand .bar { fill: rgba(255, 255, 255, .16); transform-box: fill-box; transform-origin: center bottom; transform: scaleY(clamp(0, calc(var(--p, 1) * 1.9 - var(--i) * .16), 1)); }
.ill-demand .bar--last { fill: rgba(255, 255, 255, .34); }
.ill-demand .trend { stroke: #fff; stroke-width: 2; }
.ill-demand .pt { fill: #fff; opacity: clamp(0, calc(var(--p, 1) * 3 - 1.4 - var(--i) * .2), 1); }
.ill-demand .end { opacity: clamp(0, calc(var(--p, 1) * 4 - 3), 1); }
.ill-demand .ring { opacity: clamp(0, calc(var(--p, 1) * 4 - 3), 1); transform-box: fill-box; transform-origin: center; animation: ringOut 2s ease-out infinite; }
@keyframes ringOut { from { transform: scale(1); fill-opacity: .6; } to { transform: scale(3.2); fill-opacity: 0; } }
.ill-demand .up { opacity: clamp(0, calc(var(--p, 1) * 4 - 3), 1); animation: upNudge 2s ease-in-out infinite; }
@keyframes upNudge { 50% { transform: translateY(-4px); } }

/* website: cursor approaches the button, then leaves */
.ill-web .cursor { fill: #fff; transform-box: view-box; transform-origin: 0 0; animation: cursorLeave 4.2s var(--ease-out) infinite; }
@keyframes cursorLeave {
  0% { transform: translate(170px, 124px); opacity: 0; }
  12% { opacity: 1; }
  45% { transform: translate(118px, 106px); opacity: 1; }
  60% { transform: translate(122px, 104px); }
  95% { transform: translate(236px, 18px); opacity: 0; }
  100% { transform: translate(236px, 18px); opacity: 0; }
}

/* funnel: clicks ripple, drops fall inside the funnel; most fade in the neck, one reaches the bottom */
.ill-funnel .ripple { animation: ripple 2.4s ease-out infinite; }
@keyframes ripple { from { transform: scale(.4); opacity: .9; } to { transform: scale(2.4); opacity: 0; } }
.ill-funnel .drop { opacity: 0; transform-box: view-box; transform-origin: 0 0; animation: leak 2.8s ease-in var(--dl) infinite; }
/* clicks fall INTO the funnel, slide down its walls toward the neck and fade out there (not qualified) */
@keyframes leak { 0% { transform: translate(0, 0); opacity: 0; } 12% { opacity: 1; } 42% { transform: translate(0, 30px); opacity: 1; } 78% { transform: translate(var(--dx), 72px); opacity: .9; } 100% { transform: translate(var(--dx), 86px); opacity: 0; } }
.ill-funnel .lead { opacity: 0; transform-box: view-box; transform-origin: 0 0; animation: through 2.8s ease-in 1.2s infinite; }
@keyframes through { 0% { transform: translate(0, 0); opacity: 0; } 10% { opacity: 1; } 90% { transform: translate(0, 112px); opacity: 1; } 100% { transform: translate(0, 112px); opacity: 0; } }

/* organic: result rows settle, your listing sinks out of sight */
.ill-organic .row { animation: rowIn .8s var(--ease-out) var(--dl) both; }
@keyframes rowIn { from { transform: translateY(8px); opacity: 0; } }
.ill-organic .sink { animation: sink 3.4s ease-in-out infinite; }
@keyframes sink { 0% { transform: translateY(-10px); opacity: .7; } 70%, 100% { transform: translateY(18px); opacity: 0; } }

/* spend: months tick by, money drops into a box with no data */
.ill-spend .cell { animation: month 3s ease-in-out var(--dl) infinite; }
@keyframes month { 0%, 20%, 100% { fill: transparent; } 8% { fill: rgba(255, 255, 255, .7); } }
.ill-spend .coin { opacity: 0; animation: coin 2.7s ease-in var(--dl) infinite; }
@keyframes coin { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 75% { transform: translateY(66px); opacity: 1; } 100% { transform: translateY(78px); opacity: 0; } }
.ill-spend .blink { animation: blink 1.6s steps(2) infinite; }
@keyframes blink { 50% { opacity: .25; } }

/* turn: channels drift apart, links flicker */
.ill-scatter .float { animation: drift 5s ease-in-out var(--dl) infinite alternate; }
@keyframes drift { to { transform: translate(var(--fx), var(--fy)); } }
.ill-scatter .dashline { stroke-dasharray: 6 8; animation: flicker 2.2s steps(3) infinite; }
@keyframes flicker { 50% { opacity: .2; } }

/* hub (solution): driven by --local (0 → 1 progress of the scene).
   Each channel i connects at its own moment; the same moment lights its words in the sentence. */
.story__solution { --qall: clamp(0, calc((var(--local, 1) - .2) / .6), 1); }
.story__solution .ch, .ill-hub .hnode, .ill-hub .link, .ill-hub .pwrap {
  --qi: clamp(0, calc((var(--local, 1) - var(--at-i, .2)) / .08), 1);
}
/* solution sentence: one flowing paragraph; each word goes from dark gray to light with the scroll.
   --k = word index, --n = word count (set by JS); channel words end brighter than the rest. */
.story__text .sw {
  --wp: clamp(0, calc((var(--local, 1) - .06 - var(--k) / var(--n) * .66) / .07), 1);
  color: color-mix(in srgb, #BDB6B1 calc(var(--wp) * 100%), #3F3A39);
}
.story__text .chn .sw { color: color-mix(in srgb, #FFFFFF calc(var(--wp) * 100%), #3F3A39); }
/* highlighter on each channel phrase: sweeps left → right as its words light up */
.story__text .chn {
  --hp: clamp(0, calc((var(--local, 1) - .06 - var(--k0) / var(--n) * .66) / (var(--kc) / var(--n) * .66 + .07)), 1);
  padding: 0 .05em;
  border-radius: .14em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  background: linear-gradient(rgba(255, 90, 0, .34), rgba(255, 90, 0, .34)) 0 62% / calc(var(--hp) * 100%) 58% no-repeat;
}
.ill-hub .spoke { stroke: rgba(255, 255, 255, .05); stroke-width: 1; }
.ill-hub .orbit { fill: none; stroke: #3A3535; stroke-width: 1; stroke-dasharray: 2 7; transform-box: view-box; transform-origin: 50% 50%; }
.ill-hub .orbit--a { animation: spin 60s linear infinite; }
.ill-hub .orbit--b { animation: spin 40s linear infinite reverse; stroke: #332F2E; }
.ill-hub .link { fill: none; stroke: rgba(255, 255, 255, .8); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: var(--len); stroke-dashoffset: calc(var(--len) * (1 - var(--qi))); }
.ill-hub .hnode { transform: translate(calc(var(--ox) * (1 - var(--qi))), calc(var(--oy) * (1 - var(--qi)))); opacity: calc(.25 + .75 * var(--qi)); }
.ill-hub .hcirc { fill: #1C1A1A; stroke: rgba(255, 255, 255, calc(.35 + .5 * var(--qi))); stroke-width: 1.6; }
.ill-hub .hglow { fill: rgba(255, 255, 255, calc(var(--qi) * .06)); }
.ill-hub .hicon { fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ill-hub .hdot { fill: var(--orange); opacity: var(--qi); }
.ill-hub .pwrap { opacity: clamp(0, calc(var(--qi) * 2 - 1), 1); }
.ill-hub .hpulse { fill: var(--orange); transform-box: view-box; transform-origin: 0 0; animation: toHub 1.9s ease-in var(--dl) infinite; }
@keyframes toHub { 0% { transform: translate(0, 0); opacity: 0; } 15% { opacity: 1; } 85% { transform: translate(var(--tx), var(--ty)); opacity: 1; } 100% { transform: translate(var(--tx), var(--ty)); opacity: 0; } }
.ill-hub .hub-glow { fill: rgba(255, 255, 255, calc(var(--qall) * .05)); }
.ill-hub .hub-track { fill: none; stroke: #3A3535; stroke-width: 3; }
.ill-hub .hub-arc { fill: none; stroke: var(--orange); stroke-width: 3; stroke-linecap: round; stroke-dasharray: var(--arc); stroke-dashoffset: calc(var(--arc) * (1 - var(--qall))); }
.ill-hub .hub-body { fill: color-mix(in srgb, #fff calc(var(--qall) * 100%), #2A2626); stroke: rgba(255, 255, 255, .7); stroke-width: 1.6; }
.ill-hub .hub-core { fill: var(--orange); transform-box: fill-box; transform-origin: center; animation: pop 2s ease-in-out infinite; }
.ill-hub .hub-ripple { fill: none; stroke: var(--orange); stroke-width: 2; opacity: clamp(0, calc((var(--qall) - .95) * 20), 1); transform-box: fill-box; transform-origin: center; animation: hubRipple 2.2s ease-out infinite; }
@keyframes hubRipple { from { transform: scale(1); stroke-opacity: .8; } to { transform: scale(2.6); stroke-opacity: 0; } }

/* goal: opportunities converge on the target */
.ill-goal .conv { opacity: 0; transform-box: view-box; transform-origin: 0 0; animation: converge 3.2s var(--ease-out) var(--dl) infinite; }
@keyframes converge { 0% { transform: translate(0, 0); opacity: 0; } 15% { opacity: 1; } 80% { transform: translate(var(--tx), var(--ty)); opacity: 1; } 100% { transform: translate(var(--tx), var(--ty)); opacity: 0; } }

@media (max-width: 980px) {
  .story__pains { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .story__demand, .story__solution { grid-template-columns: minmax(0, 1fr); text-align: center; }
  .story__text { margin: 0 auto; }
  .story__pains { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .story__pain { padding: 12px; gap: 10px; border-radius: 16px; }
  .story__pain p { font-size: 16px; }
  .story__pain .ill { max-width: min(140px, 14vh); }
  .ill-hub { max-width: min(320px, 40vh); }
  .story__text { font-size: 1.3rem; max-width: 30ch; }
  .ill-demand { max-width: min(320px, 30vh); }
  .story__turn { padding-block: 0; gap: 20px; }
  .story__turn .ill-scatter { position: static; height: auto; margin-bottom: 8px; }
}
/* phones: tighter story scenes and a readable step trail */
@media (max-width: 560px) {
  .story__frame { padding: clamp(24px, 4.5vh, 48px) 16px; }
  .story__turn .ill-scatter { width: min(320px, 92%); margin-inline: auto; opacity: .62; }
  .story__turn p { max-width: 24ch; }
  .story__turn .story__big--mute { max-width: 30ch; }
  .story__goal { gap: 14px; }
  .story__steps { margin-top: 10px; column-gap: 2px; }
  .story__steps::before, .story__steps::after { top: 22px; }
  .step { gap: 7px; }
  .step__icon { width: 44px; height: 44px; }
  .step__icon svg { width: 17px; height: 17px; }
  .step:last-child .step__icon, .step:last-child .step__icon::after { width: 54px; height: 54px; margin-top: -5px; }
  .step:last-child .step__icon svg { width: 21px; height: 21px; }
  .step__label, .step:last-child .step__label { font-size: 11px; line-height: 1.22; letter-spacing: 0; }
  .step__label { align-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .rv, .story .ill { --p: 1; }
  .ill .drop, .ill .lead, .ill .coin, .ill .hpulse, .ill .conv, .ill-web .cursor, .ill-demand .fall { display: none; }
  .story .scene { --local: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* ==========================================================
   SECTION 4 — SERVICES (bento)
   ========================================================== */
.svc4{--mute2:#8E8883;--line2:#BDB8B3;--soft:#ECEAE7;--ground:#E2DFDB;--display:var(--font-display);--body:var(--font-body);--mono:var(--font-mono);--ease:cubic-bezier(.2,.8,.2,1);--r:clamp(20px,2.4vw,30px);--g:clamp(8px,1.4vw,18px);--line:#DCD9D6;padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);scroll-margin-top:12px}
/* shared copy */
.svc4 .h{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:.98;letter-spacing:-.045em;margin:0;text-wrap:balance}
.svc4 .lede{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3;letter-spacing:-.02em;margin:0;text-wrap:pretty}
.svc4 .sub{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6;text-wrap:pretty}
.svc4 .sn{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.4rem);letter-spacing:-.035em;line-height:1.05;margin:0;text-wrap:balance}
.svc4 .sp{color:var(--muted);margin:0;font-size:clamp(15px,1.25vw,17.5px);line-height:1.65;text-wrap:pretty}
.svc4 .ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;flex:none}
.svc4 .ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc4 .btn{display:inline-flex;align-items:center;gap:18px;min-height:58px;padding:7px 7px 7px 26px;border-radius:999px;background:var(--orange);color:#fff;font-weight:600;font-size:16.5px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:background .25s}
.svc4 .btn span{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--orange);display:grid;place-items:center;transition:transform .35s var(--ease)}
.svc4 .btn span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.svc4 .btn:hover{background:var(--orange-h)}.svc4 .btn:hover span{transform:rotate(45deg)}
.svc4 .btn.w{background:#fff;color:var(--ink)}.svc4 .btn.w span{background:var(--ink);color:#fff}
.svc4 .btn.k{background:var(--ink)}

/* ===== SECTION 4 · bento (reference layout) ===== */
.svc4 .sec{background:#fff;border-radius:var(--r);padding:clamp(28px,5vw,72px) clamp(14px,3.4vw,48px);display:grid;gap:clamp(28px,4vw,52px)}
.svc4 .hdr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,64px);align-items:end}
.svc4 .hdr .t{display:grid;gap:14px}
.svc4 .bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.svc4 .k{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:var(--paper);min-width:0}
.svc4 .k .tx{position:relative;z-index:3;display:grid;gap:12px;align-content:start;padding:clamp(24px,2.6vw,36px)}
.svc4 .k .sn{font-size:clamp(1.35rem,1.85vw,1.7rem)}
.svc4 .k .sp{font-size:clamp(14.5px,1.08vw,15.5px);line-height:1.6}
.svc4 .k.dark{background:var(--ink);color:#fff}
.svc4 .k.dark .sp{color:#BDB7B2}
.svc4 .dev{position:relative;min-width:0}
.svc4 .s4rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease) calc(var(--i,0) * 90ms),transform .8s var(--ease) calc(var(--i,0) * 90ms)}
.svc4 .s4rv.in{opacity:1;transform:none}

/* shared mock pieces (wordless) */
.svc4 .bar{display:block;height:8px;border-radius:4px;background:#E4E1DD}
.svc4 .bar.d{background:var(--ink)}.svc4 .bar.o{background:var(--orange)}.svc4 .bar.l{background:rgba(255,255,255,.28)}
.svc4 .phone{position:absolute;left:50%;top:0;translate:-50% 0;width:var(--pw,250px);aspect-ratio:9/18.5;border-radius:42px;background:#0E0D0D;padding:9px;box-shadow:inset 0 0 0 1.5px #3A3535}
.svc4 .phone .scr{position:relative;height:100%;border-radius:34px;background:#fff;overflow:hidden;padding:48px 16px 16px;display:grid;gap:10px;align-content:start}
.svc4 .phone .isl{position:absolute;top:12px;left:50%;translate:-50% 0;width:84px;height:24px;border-radius:12px;background:#0E0D0D;z-index:2}
.svc4 .float{animation:s4-float 5s ease-in-out infinite}
@keyframes s4-float{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* A · websites (tall, dark, centered, phone cropped) */
.svc4 .kA .bgc{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:.8}
.svc4 .kA .bgc b{position:absolute;left:50%;border-radius:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #3A3637}
.svc4 .kA .bgc i{position:absolute;border-radius:50%}
.svc4 .kA .tx,.svc4 .kA .dev{position:relative;z-index:2}
.svc4 .kA{grid-column:1 / span 4;grid-row:1 / span 2;display:flex;flex-direction:column;text-align:center}
.svc4 .kA .tx{justify-items:center;padding-bottom:10px}
.svc4 .kA .dev{flex:1;min-height:340px}
.svc4 .kA .phone{--pw:clamp(230px,21vw,270px);top:26px;text-align:left}
.svc4 .kA .dev::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(rgba(28,26,26,0),var(--ink) 92%);z-index:4;pointer-events:none}
.svc4 .kA .phone .scr{padding:0;display:block;background:#fff}

.svc4 .kA .isl::after{content:"";position:absolute;right:9px;top:8px;width:8px;height:8px;border-radius:50%;background:#22A06B;opacity:0;animation:s4-wDot 10s infinite}
@keyframes s4-wIsl{0%,81%,97%,100%{width:84px}85%,94%{width:128px}}
@keyframes s4-wDot{0%,84%{opacity:0}87%,94%{opacity:1}97%,100%{opacity:0}}
.svc4 .wpage{position:absolute;left:0;right:0;top:44px;padding:0 12px;display:grid;gap:9px}
@keyframes s4-wScroll{0%,18%{transform:none}28%,46%{transform:translateY(-236px)}56%,90%{transform:translateY(-372px)}100%{transform:none}}
.svc4 .wnav{height:22px;display:flex;align-items:center;justify-content:space-between}
.svc4 .wlogo{display:flex;align-items:center;gap:6px}.svc4 .wlogo i{width:16px;height:16px;border-radius:5px;background:var(--orange)}.svc4 .wlogo b{width:52px;height:7px;border-radius:4px;background:var(--ink)}
.svc4 .wburg{display:grid;gap:3px}.svc4 .wburg i{width:16px;height:2px;border-radius:2px;background:var(--ink)}
.svc4 .whero{position:relative;height:160px;border-radius:16px;overflow:hidden;background:#1668C6;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}
.svc4 .whero::before{content:"";position:absolute;width:150px;height:150px;right:-50px;top:-60px;border-radius:50%;background:rgba(255,255,255,.12)}
.svc4 .whero>*{position:relative}
.svc4 .wpill{display:flex;align-items:center;gap:5px;width:78px;height:15px;border-radius:8px;background:rgba(255,255,255,.2);padding:0 6px;margin-bottom:3px}
.svc4 .wpill i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.svc4 .wpill b{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.8)}
.svc4 .wh{display:block;height:10px;border-radius:5px;background:#fff}
.svc4 .wl{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.6)}
.svc4 .wcta{position:relative;display:flex;align-items:center;justify-content:space-between;width:64%;height:30px;border-radius:15px;background:var(--orange);padding:0 4px 0 12px;margin-top:5px;animation:s4-wPress 6s infinite}
.svc4 .wcta b,.svc4 .wsend b{width:46%;height:6px;border-radius:3px;background:rgba(255,255,255,.95)}
.svc4 .wcta i{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--orange)}
.svc4 .wcta i svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes s4-wPress{0%,26%,32%,100%{transform:none}29%{transform:scale(.93)}}
.svc4 .tap{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 2px rgba(255,255,255,.8);pointer-events:none;opacity:0}
.svc4 .wcta .tap{right:-2px;top:-2px;animation:s4-wTap1 6s infinite}
@keyframes s4-wTap1{0%,26%{opacity:0;transform:scale(.3)}29%{opacity:1;transform:scale(.7)}38%,100%{opacity:0;transform:scale(1.9)}}
.svc4 .wtrust{display:flex;align-items:center;justify-content:space-between;height:26px}
.svc4 .wav{display:flex}.svc4 .wav span{width:22px;height:22px;border-radius:50%;border:2px solid #FAF8F5;margin-left:-7px}.svc4 .wav span:first-child{margin-left:0}
.svc4 .wstars{display:flex;gap:2px}.svc4 .wstars svg{width:12px;height:12px;fill:#FFB020}
.svc4 .wsvc{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.svc4 .wsvc div{height:62px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,26,.12);padding:10px;display:grid;align-content:space-between}
.svc4 .wsvc div:nth-child(2){animation-name:s4-wSvc2}.svc4 .wsvc div:nth-child(3){animation-name:s4-wSvc3}.svc4 .wsvc div:nth-child(4){animation-name:s4-wSvc4}
@keyframes s4-wSvc{0%,20%{opacity:.3;transform:translateY(10px)}27%,100%{opacity:1;transform:none}}
@keyframes s4-wSvc2{0%,22%{opacity:.3;transform:translateY(10px)}29%,100%{opacity:1;transform:none}}
@keyframes s4-wSvc3{0%,24%{opacity:.3;transform:translateY(10px)}31%,100%{opacity:1;transform:none}}
@keyframes s4-wSvc4{0%,26%{opacity:.3;transform:translateY(10px)}33%,100%{opacity:1;transform:none}}
.svc4 .wsvc em{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;color:#fff}
.svc4 .wsvc em svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.svc4 .wsvc s{display:grid;gap:4px}.svc4 .wsvc s i{height:5px;border-radius:3px;background:rgba(28,26,26,.12)}.svc4 .wsvc s i:first-child{background:var(--ink);width:70%}
.svc4 .wform{border-radius:14px;background:var(--ink);padding:12px;display:grid;gap:8px}
.svc4 .wform .wh{background:#fff;width:60%;height:8px;margin-bottom:2px}
.svc4 .wf{height:26px;border-radius:8px;background:#2E2A2A;display:flex;align-items:center;padding:0 9px;box-shadow:inset 0 0 0 1px #3A3535}
.svc4 .wf b{height:6px;border-radius:3px;background:#fff;width:0}
.svc4 .wf:nth-of-type(2) b{animation:s4-wT1 10s steps(8) infinite}.svc4 .wf:nth-of-type(3) b{animation:s4-wT2 10s steps(8) infinite}.svc4 .wf:nth-of-type(4) b{animation:s4-wT3 10s steps(8) infinite}
@keyframes s4-wT1{0%,57%{width:0}63%,100%{width:52%}}
@keyframes s4-wT2{0%,63%{width:0}69%,100%{width:70%}}
@keyframes s4-wT3{0%,69%{width:0}75%,100%{width:40%}}
.svc4 .wsend{position:relative;height:30px;border-radius:15px;background:var(--orange);display:grid;place-items:center;animation:s4-wPress2 10s infinite}
.svc4 .wsend b{width:36%}
.svc4 .wsend .tap{left:50%;top:50%;margin:-17px 0 0 -17px;animation:s4-wTap2 10s infinite}
@keyframes s4-wPress2{0%,77%,81%,100%{transform:none}79%{transform:scale(.94)}}
@keyframes s4-wTap2{0%,77%{opacity:0;transform:scale(.3)}79%{opacity:1;transform:scale(.7)}86%,100%{opacity:0;transform:scale(2)}}
.svc4 .wsec{display:grid;gap:5px;padding:2px 2px 0}.svc4 .wsec i{height:7px;border-radius:4px;background:var(--ink);width:56%}.svc4 .wsec i+i{height:5px;background:rgba(28,26,26,.12);width:78%}
.svc4 .wrev{display:flex;gap:9px;align-items:center;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,26,.12);padding:10px}
.svc4 .wava{width:30px;height:30px;border-radius:50%;background:#1668C6;flex:none}
.svc4 .wrev s,.svc4 .wcon s{flex:1;display:grid;gap:5px}.svc4 .wrev s i,.svc4 .wcon s i{height:5px;border-radius:3px;background:rgba(28,26,26,.12)}.svc4 .wrev s i:last-child{width:70%}
.svc4 .wst{display:flex;gap:2px}.svc4 .wst svg{width:10px;height:10px;fill:var(--orange)}
.svc4 .wcon{display:flex;gap:10px;align-items:center;border-radius:12px;background:var(--ink);padding:12px}
.svc4 .wcon s i{background:#fff}.svc4 .wcon s i:last-child{background:rgba(255,255,255,.35);width:72%}
.svc4 .wbtn{width:52px;height:24px;border-radius:12px;background:var(--orange);flex:none}
.svc4 .wtoast{position:absolute;left:10px;right:10px;top:46px;z-index:4;border-radius:14px;background:#fff;box-shadow:0 14px 28px -10px rgba(28,26,26,.45),inset 0 0 0 1px rgba(28,26,26,.12);padding:10px;display:flex;gap:9px;align-items:center;opacity:0;animation:s4-wToast 6s var(--ease) infinite}
.svc4 .wtoast .ok{width:30px;height:30px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;flex:none}
.svc4 .wtoast .ok svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.svc4 .wtoast s{flex:1;display:grid;gap:5px}.svc4 .wtoast s i{height:6px;border-radius:3px;background:rgba(28,26,26,.12)}.svc4 .wtoast s i:first-child{background:var(--ink);width:64%}
@keyframes s4-wToast{0%,34%{opacity:0;transform:translateY(-26px) scale(.94)}42%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-26px) scale(.94)}}
.svc4 .wfoot{display:flex;align-items:center;justify-content:space-between;padding:6px 2px}.svc4 .wfoot span{display:flex;gap:6px}.svc4 .wfoot em{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}.svc4 .wfoot em svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.svc4 .wfoot b{width:70px;height:6px;border-radius:3px;background:#E4E1DD}
.svc4 .fchip{position:absolute;z-index:3;border-radius:14px;background:#fff;box-shadow:0 20px 34px -14px rgba(0,0,0,.7);padding:8px 10px 8px 8px;display:flex;align-items:center;gap:8px;animation:s4-float 5s ease-in-out infinite}
.svc4 .fc1{left:0;top:118px}
.svc4 .fc2{right:0;top:236px;animation-delay:-2.5s}
.svc4 .gauge{position:relative;width:36px;height:36px}
.svc4 .gauge svg{width:36px;height:36px;rotate:-90deg}
.svc4 .gauge circle{fill:none;stroke-width:4}
.svc4 .gauge .g0{stroke:#E6F4EC}.svc4 .gauge .g1{stroke:#22A06B;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88;animation:s4-wGauge 10s var(--ease) infinite}
@keyframes s4-wGauge{0%,4%{stroke-dashoffset:88}22%,100%{stroke-dashoffset:4}}
.svc4 .gauge i{position:absolute;inset:0;display:grid;place-items:center;color:#22A06B}
.svc4 .gauge i svg{width:15px;height:15px;rotate:0deg;fill:currentColor;stroke:none}
.svc4 .fcol{display:grid;gap:5px}.svc4 .fcol b{display:block;height:5px;border-radius:3px;background:#E4E1DD;width:38px}.svc4 .fcol b:first-child{background:var(--ink);width:28px}
.svc4 .seo{width:32px;height:32px;border-radius:10px;background:#2F7DE1;color:#fff;display:grid;place-items:center}
.svc4 .seo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.svc4 .bars3{display:flex;align-items:flex-end;gap:3px;height:28px}
.svc4 .bars3 i{width:7px;border-radius:2px;background:#CFE1F8;transform-origin:bottom;animation:s4-wBar 10s var(--ease) infinite}
.svc4 .bars3 i:nth-child(1){height:40%}.svc4 .bars3 i:nth-child(2){height:65%;animation-delay:.15s}.svc4 .bars3 i:nth-child(3){height:100%;background:var(--orange);animation-delay:.3s}
@keyframes s4-wBar{0%,30%{transform:scaleY(.2)}42%,100%{transform:scaleY(1)}}

/* B · google ads (wide, light, phone right with rings + floating widget) */
.svc4 .kB{--T:6s;grid-column:5 / span 8;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:clamp(340px,29vw,400px)}
.svc4 .kB .tx{align-content:center;max-width:460px}
.svc4 .kB .dev{overflow:visible}
.svc4 .rings{position:absolute;left:52%;top:64%;translate:-50% -50%;width:600px;height:600px;pointer-events:none}
.svc4 .rings i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid #E4E1DD}
.svc4 .rings i:nth-child(2){width:72%;height:72%}.svc4 .rings i:nth-child(3){width:46%;height:46%;border-color:#DCD8D3}
.svc4 .rings i.pulse{width:38%;height:38%;border:1.5px solid #34C759;opacity:0;animation:s4-gaPulse var(--T) ease-out infinite}
@keyframes s4-gaPulse{0%,50%{transform:scale(.7);opacity:0}54%{opacity:.8}88%,100%{transform:scale(2.3);opacity:0}}

/* device */
.svc4 .kB .phone{--pw:232px;top:30px;left:54%;background:#1B1B1D;padding:8px;border-radius:44px;box-shadow:inset 0 0 0 1.5px #48484A,inset 0 0 0 3.5px #0B0B0C,0 40px 60px -34px rgba(28,26,26,.45),0 8px 18px -10px rgba(28,26,26,.25)}
.svc4 .kB .phone::before,.svc4 .kB .phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:#2C2C2E}
.svc4 .kB .phone::before{left:-2px;top:96px;height:30px;box-shadow:0 42px 0 #2C2C2E}
.svc4 .kB .phone::after{right:-2px;top:120px;height:52px}
.svc4 .kB .phone .scr{padding:0;display:block;border-radius:36px;background:#fff}
.svc4 .kB .phone .isl{top:10px;width:78px;height:23px;background:#000}
.svc4 .ga-view{position:absolute;inset:40px 0 0;padding:0 11px;display:grid;gap:9px;align-content:start}
.svc4 .ga-bar{display:block;height:5px;border-radius:2.5px;background:#E8EAED}
.svc4 .ga-bar.k{background:#202124}.svc4 .ga-bar.s{background:#70757A}.svc4 .ga-bar.l{background:#1A0DAB;height:6px}.svc4 .ga-bar.b{background:#1A73E8}

/* google header + search */
.svc4 .ga-top{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 2px}
.svc4 .ga-top .menu{display:grid;gap:2.5px}.svc4 .ga-top .menu i{width:12px;height:1.6px;border-radius:1px;background:#5F6368}
.svc4 .ga-logo{display:flex;align-items:baseline;font-family:"Product Sans","Google Sans",Arial,Helvetica,sans-serif;font-size:17px;line-height:1;letter-spacing:-.02em;font-weight:500;translate:0 -1px}
.svc4 .ga-logo b{font-weight:500}
.svc4 .ga-top .av{width:20px;height:20px;border-radius:50%;background:#7B61FF;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #DADCE0}
.svc4 .ga-search{height:32px;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(32,33,36,.18),0 0 0 1px #E8EAED;display:flex;align-items:center;gap:7px;padding:0 10px}
.svc4 .ga-search>svg{width:12px;height:12px;fill:none;stroke:#5F6368;stroke-width:2.4;stroke-linecap:round;flex:none}
.svc4 .ga-search .q{height:5.5px;border-radius:3px;background:#202124;width:0;animation:s4-gaType var(--T) steps(10) infinite}
.svc4 .ga-search .caret{width:1.5px;height:12px;background:#1A73E8;margin-left:-5px;animation:s4-gaBlink .9s steps(1) infinite}
.svc4 .ga-search .tools{margin-left:auto;display:flex;gap:7px;align-items:center}
.svc4 .ga-search .tools svg{width:12px;height:12px}
@keyframes s4-gaType{0%,4%{width:0}20%,94%{width:52%}100%{width:0}}
@keyframes s4-gaBlink{50%{opacity:0}}
.svc4 .ga-tabs{display:flex;gap:11px;padding:0 4px;border-bottom:1px solid #EBEBEB;height:17px;align-items:flex-start}
.svc4 .ga-tabs span{position:relative;height:5px;border-radius:2.5px;background:#BDC1C6}
.svc4 .ga-tabs span.on{background:#1A73E8}
.svc4 .ga-tabs span.on::after{content:"";position:absolute;left:-2px;right:-2px;top:11px;height:2.5px;border-radius:2px 2px 0 0;background:#1A73E8}

/* results */
.svc4 .ga-card{border-radius:12px;background:#fff;box-shadow:0 0 0 1px #E8EAED;padding:9px;display:grid;gap:7px;opacity:0}
.svc4 .ga-spon{display:flex;align-items:center;gap:5px}
.svc4 .ga-lsa{animation:s4-gaIn1 var(--T) var(--ease) infinite}
.svc4 .ga-pro{display:flex;align-items:center;gap:8px}
.svc4 .ga-pro .ph{position:relative;width:30px;height:30px;border-radius:50%;background:#F6C7A1;overflow:hidden;flex:none}
.svc4 .ga-pro .ph::before{content:"";position:absolute;left:50%;top:6px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#8D5B3C}
.svc4 .ga-pro .ph::after{content:"";position:absolute;left:50%;top:19px;width:22px;height:18px;margin-left:-11px;border-radius:50%;background:#2F5D8A}
.svc4 .ga-pro .meta{flex:1;display:grid;gap:4px;min-width:0}
.svc4 .ga-pro .nm{display:flex;align-items:center;gap:4px}
.svc4 .ga-chk{width:10px;height:10px;border-radius:50%;background:#34A853;display:grid;place-items:center;flex:none}
.svc4 .ga-chk svg{width:7px;height:7px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.svc4 .ga-rate{display:flex;align-items:center;gap:1px}
.svc4 .ga-rate svg{width:7px;height:7px;fill:#FBBC04}
.svc4 .ga-rate .ga-bar{margin-left:4px;width:22px;height:4px}
.svc4 .ga-acts{display:flex;gap:5px}
.svc4 .ga-call,.svc4 .ga-msg{position:relative;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.svc4 .ga-call{background:#1A73E8;color:#fff;animation:s4-gaPress var(--T) infinite}
.svc4 .ga-msg{box-shadow:inset 0 0 0 1px #DADCE0;color:#1A73E8}
.svc4 .ga-call svg,.svc4 .ga-msg svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.svc4 .ga-call .tap{left:-4px;top:-4px;width:34px;height:34px;background:rgba(26,115,232,.18);box-shadow:0 0 0 2px rgba(26,115,232,.3);animation:s4-gaTap var(--T) infinite}
@keyframes s4-gaPress{0%,42%,48%,100%{transform:none}45%{transform:scale(.86)}}
@keyframes s4-gaTap{0%,42%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(.85)}57%,100%{opacity:0;transform:scale(2.2)}}
.svc4 .ga-ad{animation:s4-gaIn2 var(--T) var(--ease) infinite}
.svc4 .ga-site{display:flex;align-items:center;gap:6px}
.svc4 .ga-fav{width:16px;height:16px;border-radius:50%;background:#FFF1E8;box-shadow:inset 0 0 0 1px #F1E3D9;display:grid;place-items:center;flex:none}
.svc4 .ga-fav i{width:7px;height:7px;border-radius:2px;background:#FF5A00}
.svc4 .ga-site div{display:grid;gap:3px;flex:1}
.svc4 .ga-links{display:flex;gap:4px}
.svc4 .ga-links span{flex:1;height:16px;border-radius:8px;box-shadow:inset 0 0 0 1px #DADCE0;display:grid;place-items:center}
.svc4 .ga-links span i{width:60%;height:4px;border-radius:2px;background:#1A73E8}
.svc4 .ga-mapc{padding:0;overflow:hidden;gap:0;animation:s4-gaIn3 var(--T) var(--ease) infinite}
.svc4 .ga-map{position:relative;height:74px;display:block}
.svc4 .ga-map svg{position:absolute;inset:0;width:100%;height:100%}
.svc4 .ga-pin{position:absolute;width:13px;height:13px;border-radius:50% 50% 50% 0;rotate:-45deg;background:#EA4335;box-shadow:0 0 0 1.5px #fff;animation:s4-gaDrop var(--T) cubic-bezier(.5,0,.4,1.5) infinite}
.svc4 .ga-pin::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.svc4 .ga-pin.p1{left:22%;top:18%}.svc4 .ga-pin.p2{left:47%;top:38%;animation-delay:.12s}.svc4 .ga-pin.p3{left:66%;top:14%;animation-delay:.24s}
@keyframes s4-gaDrop{0%,28%{transform:translate(8px,-8px);opacity:0}36%,93%{transform:none;opacity:1}100%{opacity:0}}
.svc4 .ga-me{position:absolute;left:36%;top:62%;width:9px;height:9px;border-radius:50%;background:#1A73E8;box-shadow:0 0 0 2px #fff}
.svc4 .ga-me::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:rgba(26,115,232,.2);animation:s4-gaHalo 2s ease-out infinite}
@keyframes s4-gaHalo{from{transform:scale(.5);opacity:1}to{transform:scale(1.4);opacity:0}}
.svc4 .ga-list{display:flex;align-items:center;gap:8px;padding:8px 9px;border-top:1px solid #E8EAED}
.svc4 .ga-list .meta{flex:1;display:grid;gap:4px}
.svc4 .ga-dir{width:22px;height:22px;border-radius:50%;background:#E8F0FE;color:#1A73E8;display:grid;place-items:center;flex:none}
.svc4 .ga-dir svg{width:10px;height:10px;fill:currentColor}
@keyframes s4-gaIn1{0%,17%{opacity:0;transform:translateY(18px)}27%,93%{opacity:1;transform:none}100%{opacity:0}}
@keyframes s4-gaIn2{0%,21%{opacity:0;transform:translateY(18px)}31%,93%{opacity:1;transform:none}100%{opacity:0}}
@keyframes s4-gaIn3{0%,25%{opacity:0;transform:translateY(18px)}35%,93%{opacity:1;transform:none}100%{opacity:0}}

/* live activity: incoming call */
.svc4 .ga-call-la{position:absolute;left:7px;right:7px;top:7px;z-index:3;height:50px;border-radius:25px;background:#000;display:flex;align-items:center;gap:8px;padding:0 8px;opacity:0;transform-origin:50% 20px;animation:s4-gaLA var(--T) cubic-bezier(.3,1.3,.5,1) infinite}
.svc4 .ga-call-la .av{width:32px;height:32px;border-radius:50%;background:#636366;position:relative;overflow:hidden;flex:none}
.svc4 .ga-call-la .av::before{content:"";position:absolute;left:50%;top:7px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#C7C7CC}
.svc4 .ga-call-la .av::after{content:"";position:absolute;left:50%;top:21px;width:22px;height:18px;margin-left:-11px;border-radius:50%;background:#C7C7CC}
.svc4 .ga-call-la .meta{flex:1;display:grid;gap:4px}
.svc4 .ga-call-la .meta i{display:block;height:5px;border-radius:2.5px;background:#8E8E93;width:46%}
.svc4 .ga-call-la .meta i:last-child{background:#fff;width:74%;height:6px}
.svc4 .ga-call-la .no,.svc4 .ga-call-la .ok{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
.svc4 .ga-call-la .no{background:#FF3B30}.svc4 .ga-call-la .no svg{rotate:135deg}
.svc4 .ga-call-la .ok{background:#34C759}
.svc4 .ga-call-la svg{width:14px;height:14px;fill:currentColor}
.svc4 .ga-call-la .ok svg{animation:s4-gaShake .45s ease-in-out infinite}
.svc4 .ga-call-la .ok::before,.svc4 .ga-call-la .ok::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #34C759;animation:s4-gaWave 1.3s ease-out infinite}
.svc4 .ga-call-la .ok::after{animation-delay:.65s}
@keyframes s4-gaWave{from{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}
@keyframes s4-gaShake{0%,100%{rotate:0deg}25%{rotate:-14deg}75%{rotate:14deg}}
@keyframes s4-gaLA{0%,49%{opacity:0;transform:scale(.36,.5)}55%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:scale(.36,.5)}}

/* floating widget: growth line */
.svc4 .ga-w{position:absolute;z-index:4;left:-10%;bottom:3%;width:188px;border-radius:24px;background:#fff;padding:13px;display:grid;gap:11px;box-shadow:0 0 0 1px rgba(28,26,26,.05),0 2px 4px rgba(28,26,26,.06),0 22px 44px -18px rgba(28,26,26,.35)}
.svc4 .ga-w .hd{display:flex;align-items:center;gap:8px}
.svc4 .ga-w .app{width:26px;height:26px;border-radius:8px;background:#007AFF;color:#fff;display:grid;place-items:center;flex:none}
.svc4 .ga-w .app svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.svc4 .ga-w .hd div{flex:1;display:grid;gap:4px}
.svc4 .ga-w .hd div i{display:block;height:5px;border-radius:2.5px;background:#1C1C1E;width:64%}
.svc4 .ga-w .hd div i+i{background:#D1D1D6;width:40%;height:4px}
.svc4 .ga-w .big{display:flex;align-items:center;gap:6px}
.svc4 .ga-w .big b{display:block;width:58px;height:15px;border-radius:5px;background:#1C1C1E}
.svc4 .ga-w .delta{height:17px;padding:0 6px;border-radius:9px;background:#E8F8EE;color:#1E9E4A;display:grid;place-items:center}
.svc4 .ga-w .delta svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.svc4 .ga-w svg.ch{width:100%;height:70px;overflow:visible;display:block}
.svc4 .ga-w .gl line{stroke:#F2F2F7;stroke-width:1}
.svc4 .ga-w .path{fill:none;stroke:#34C759;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:s4-gaDraw var(--T) var(--ease) infinite}
.svc4 .ga-w .area{fill:#E8F8EE;clip-path:inset(0 100% 0 0);animation:s4-gaWipe var(--T) var(--ease) infinite}
.svc4 .ga-w .dot{fill:#fff;stroke:#34C759;stroke-width:2.6;opacity:0;transform-box:fill-box;transform-origin:center;animation:s4-gaDot var(--T) var(--ease) infinite}
@keyframes s4-gaDraw{0%,50%{stroke-dashoffset:100}70%,93%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes s4-gaWipe{0%,50%{clip-path:inset(0 100% 0 0)}70%,93%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes s4-gaDot{0%,68%{opacity:0;transform:scale(.3)}72%{opacity:1;transform:scale(1.25)}76%,93%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.3)}}

/* C · reputation (small, light, centered, swoosh) */
.svc4 .kC{--R:6s;grid-column:5 / span 3;grid-row:2;text-align:center}
.svc4 .kC::before{content:"";position:absolute;z-index:0;width:150%;height:80%;left:-30%;top:-34%;border-radius:50%;background:#fff;opacity:.75;rotate:-14deg}
.svc4 .kC .tx{justify-items:center}
.svc4 .rp-stack{position:relative;width:100%;max-width:214px;height:104px;margin:2px auto 0}
.svc4 .rp-card{position:absolute;left:0;right:0;top:0;height:70px;border-radius:15px;background:#fff;padding:10px;display:flex;gap:9px;align-items:flex-start;text-align:left;transform-origin:50% 0;opacity:0;box-shadow:0 0 0 1px rgba(28,26,26,.05),0 12px 24px -14px rgba(28,26,26,.35);animation:s4-rpCyc var(--R) var(--ease) infinite;animation-delay:var(--d)}
@keyframes s4-rpCyc{0%{transform:translateY(-16px) scale(1.02);opacity:0;z-index:3}5%,31%{transform:none;opacity:1;z-index:3}37%,64%{transform:translateY(15px) scale(.92);opacity:.8;z-index:2}70%,93%{transform:translateY(28px) scale(.84);opacity:.45;z-index:1}100%{transform:translateY(36px) scale(.8);opacity:0;z-index:1}}
.svc4 .rp-ph{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none}
.svc4 .rp-ph::before{content:"";position:absolute;left:50%;top:6px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--sk)}
.svc4 .rp-ph::after{content:"";position:absolute;left:50%;top:19px;width:22px;height:18px;margin-left:-11px;border-radius:50%;background:var(--sh)}
.svc4 .rp-m{flex:1;display:grid;gap:5px;min-width:0}
.svc4 .rp-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.svc4 .rp-top i{display:block;height:6px;border-radius:3px;background:#202124;width:52%}
.svc4 .rp-g{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #E8EAED;display:grid;place-items:center;font:700 9px/1 Arial,Helvetica,sans-serif;color:#4285F4;flex:none}
.svc4 .rp-st{display:flex;gap:1.5px;align-items:center}
.svc4 .rp-st .rs{position:relative;width:9px;height:9px;display:block}
.svc4 .rp-st .rs svg{position:absolute;inset:0;width:9px;height:9px}
.svc4 .rp-st .rs .e{fill:#E8EAED}
.svc4 .rp-st .rs .f{fill:#FBBC04;opacity:0;transform-origin:50% 55%;animation:s4-rpPop var(--R) cubic-bezier(.3,1.4,.5,1) infinite;animation-delay:calc(var(--d) + var(--n) * .11s)}
.svc4 .rp-st .rs:nth-child(5)::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 1.5px #FBBC04;opacity:0;animation:s4-rpBurst var(--R) ease-out infinite;animation-delay:calc(var(--d) + .5s)}
@keyframes s4-rpPop{0%,4%{opacity:0;transform:scale(0) rotate(-60deg)}8%{opacity:1;transform:scale(1.45) rotate(12deg)}11%{transform:scale(.9) rotate(-4deg)}13%,92%{opacity:1;transform:scale(1) rotate(0deg)}98%,100%{opacity:0;transform:scale(.6)}}
@keyframes s4-rpBurst{0%,4%{opacity:0;transform:scale(.4)}6%{opacity:.9}14%,100%{opacity:0;transform:scale(1.7)}}
.svc4 .rp-st b{display:block;width:16px;height:4px;border-radius:2px;background:#DADCE0;margin-left:5px}
.svc4 .rp-tx{display:grid;gap:3.5px}.svc4 .rp-tx i{display:block;height:4px;border-radius:2px;background:#E8EAED}
.svc4 .rp-sum{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 4px;padding:6px 10px 6px 8px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(28,26,26,.06)}
.svc4 .rp-sum .avs2{display:flex}
.svc4 .rp-sum .avs2 span{position:relative;width:20px;height:20px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #fff;margin-left:-6px}
.svc4 .rp-sum .avs2 span:first-child{margin-left:0}
.svc4 .rp-sum .avs2 span::before{content:"";position:absolute;left:50%;top:4px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--sk)}
.svc4 .rp-sum .avs2 span::after{content:"";position:absolute;left:50%;top:12px;width:15px;height:12px;margin-left:-7.5px;border-radius:50%;background:var(--sh)}
.svc4 .rp-sum .st{display:flex;gap:1px}.svc4 .rp-sum .st svg{width:10px;height:10px;fill:#FBBC04;transform-origin:50% 55%;animation:s4-rpWave 2s ease-in-out infinite;animation-delay:calc(var(--n) * .08s)}
@keyframes s4-rpWave{0%,6%,30%,100%{transform:scale(1)}16%{transform:scale(1.3) rotate(8deg)}}
.svc4 .rp-up{height:18px;padding:0 6px;border-radius:9px;background:#E8F8EE;color:#1E9E4A;display:grid;place-items:center;animation:s4-rpUp 2s var(--ease) infinite}
.svc4 .rp-up svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes s4-rpUp{0%,8%{transform:scale(1)}14%{transform:scale(1.18)}22%,100%{transform:scale(1)}}

/* D · crm (dark, iOS-dark pipeline + follow-up notifications) */
.svc4 .kD{--C:6.5s;grid-column:8 / span 5;grid-row:2;min-height:clamp(470px,38vw,530px);display:flex;flex-direction:column}
.svc4 .cb-wrap{position:relative;flex:1;min-height:250px;margin:0 22px}
.svc4 .kD .tx,.svc4 .kD .cb-wrap{position:relative;z-index:2}
.svc4 .kD .bgc{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:.35}
.svc4 .kD .bgc i{position:absolute;border-radius:50%}
.svc4 .kD .tx{max-width:none}
@keyframes s4-pop{0%,25%{opacity:0;transform:translateY(10px) scale(.9)}35%,85%{opacity:1;transform:none}100%{opacity:0}}
.svc4 .cb-board{position:absolute;z-index:2;left:0;right:0;top:44px;bottom:-22px;overflow:hidden;align-content:start;border-radius:20px;background:#2C2C2E;box-shadow:inset 0 0 0 1px #3A3A3C,0 30px 50px -20px rgba(0,0,0,.6);padding:11px 10px 30px;display:grid;gap:10px}
.svc4 .cb-bar{display:flex;align-items:center;gap:7px;padding:0 3px}
.svc4 .cb-bar .app{width:20px;height:20px;border-radius:6px;background:#FF9F0A;display:grid;place-items:center;flex:none}
.svc4 .cb-bar .app i{width:9px;height:9px;border-radius:2px;box-shadow:inset 0 0 0 2px #fff}
.svc4 .cb-bar b{display:block;height:5px;border-radius:3px;background:#fff;width:64px}
.svc4 .cb-bar em{display:block;height:4px;border-radius:2px;background:#636366;width:38px}
.svc4 .cb-bar .sp2{flex:1}
.svc4 .cb-bar .fa{display:flex}.svc4 .cb-bar .fa span{width:16px;height:16px;border-radius:50%;margin-left:-5px;box-shadow:0 0 0 2px #2C2C2E}
.svc4 .cb-cols{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.svc4 .cb-col{background:#1C1C1E;border-radius:12px;padding:7px;display:grid;gap:6px;align-content:start}
.svc4 .cb-hd{display:flex;align-items:center;gap:5px;height:10px;padding:0 1px}
.svc4 .cb-hd i{width:6px;height:6px;border-radius:50%;flex:none}
.svc4 .cb-hd b{display:block;height:4px;border-radius:2px;background:#8E8E93;flex:1;max-width:34px}
.svc4 .cb-hd em{margin-left:auto;width:13px;height:9px;border-radius:5px;background:#3A3A3C}
.svc4 .cb-slot{height:34px;border-radius:9px;box-shadow:inset 0 0 0 1px #3A3A3C}
.svc4 .cb-it{height:30px;border-radius:9px;background:#2C2C2E;display:flex;align-items:center;gap:6px;padding:0 7px}
.svc4 .cb-av{position:relative;width:16px;height:16px;border-radius:50%;overflow:hidden;flex:none;background:var(--bg)}
.svc4 .cb-av::before{content:"";position:absolute;left:50%;top:3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--sk)}
.svc4 .cb-av::after{content:"";position:absolute;left:50%;top:10px;width:12px;height:10px;margin-left:-6px;border-radius:50%;background:var(--sh)}
.svc4 .cb-it s,.svc4 .cb-mv s{flex:1;display:grid;gap:3px;min-width:0}
.svc4 .cb-it s i{display:block;height:4px;border-radius:2px;background:#AEAEB2;width:78%}.svc4 .cb-it s i+i{background:#48484A;width:52%;height:3px}
.svc4 .cb-mv{position:absolute;z-index:2;left:7px;top:23px;width:calc((100% - 12px) / 3 - 14px);height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 7px;box-shadow:0 12px 22px -8px rgba(0,0,0,.7);animation:s4-cbMove var(--C) cubic-bezier(.5,0,.2,1) infinite}
.svc4 .cb-mv s i{display:block;height:4px;border-radius:2px;background:#1C1C1E;width:80%}.svc4 .cb-mv s i+i{background:#C7C7CC;width:56%;height:3px}
.svc4 .cb-mv .stg{position:relative;width:14px;height:14px;border-radius:50%;background:#0A84FF;flex:none;display:grid;place-items:center;animation:s4-cbStage var(--C) steps(1) infinite}
.svc4 .cb-mv .stg svg{width:9px;height:9px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:s4-cbCheck var(--C) ease-out infinite}
.svc4 .cb-mv::after{content:"";position:absolute;inset:-4px;border-radius:12px;box-shadow:0 0 0 2px #0A84FF;opacity:0;animation:s4-cbRing var(--C) ease-out infinite}
@keyframes s4-cbMove{0%,2%{opacity:0;transform:translateY(-10px) scale(.92)}8%{opacity:1;transform:scale(1.03)}11%,28%{opacity:1;transform:none}31%{transform:translateY(-4px) scale(1.06) rotate(-2deg)}35%{transform:translate(calc(50% + 10px),-10px) scale(1.06) rotate(4deg)}40%{transform:translateX(calc(100% + 20px)) scale(.97)}43%,58%{transform:translateX(calc(100% + 20px))}61%{transform:translate(calc(100% + 20px),-4px) scale(1.06) rotate(-2deg)}65%{transform:translate(calc(150% + 30px),-10px) scale(1.06) rotate(4deg)}70%{transform:translateX(calc(200% + 40px)) scale(.97)}73%,92%{opacity:1;transform:translateX(calc(200% + 40px))}98%,100%{opacity:0;transform:translateX(calc(200% + 40px)) scale(.94)}}
.svc4 .cb-mv{animation:s4-cbMove var(--C) cubic-bezier(.45,0,.2,1) infinite,s4-cbLift var(--C) ease infinite !important}
@keyframes s4-cbLift{0%,28%,43%,58%,73%,100%{box-shadow:0 12px 22px -8px rgba(0,0,0,.7)}31%,38%,61%,68%{box-shadow:0 26px 34px -10px rgba(0,0,0,.85)}}
.svc4 .cb-slot{transition:none}
.svc4 .cb-slot.s1{animation:s4-cbSlot1 var(--C) cubic-bezier(.45,0,.2,1) infinite}.svc4 .cb-slot.s2{animation:s4-cbSlot2 var(--C) cubic-bezier(.45,0,.2,1) infinite}.svc4 .cb-slot.s3{animation:s4-cbSlot3 var(--C) cubic-bezier(.45,0,.2,1) infinite}
.svc4 .cb-slot{overflow:hidden}
@keyframes s4-cbSlot1{0%{height:0;margin-bottom:-6px;opacity:0}4%{height:34px;margin-bottom:0;opacity:1;box-shadow:inset 0 0 0 1.5px #0A84FF;background:rgba(10,132,255,.1)}12%{box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}30%{height:34px;margin-bottom:0;opacity:1}37%,100%{height:0;margin-bottom:-6px;opacity:0;box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}}
@keyframes s4-cbSlot2{0%,26%{height:0;margin-bottom:-6px;opacity:0;box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}32%,40%{height:34px;margin-bottom:0;opacity:1;box-shadow:inset 0 0 0 1.5px #FF9F0A;background:rgba(255,159,10,.1)}46%{box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}59%{height:34px;margin-bottom:0;opacity:1}66%,100%{height:0;margin-bottom:-6px;opacity:0;box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}}
@keyframes s4-cbSlot3{0%,56%{height:0;margin-bottom:-6px;opacity:0;box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}62%,70%{height:34px;margin-bottom:0;opacity:1;box-shadow:inset 0 0 0 1.5px #30D158;background:rgba(48,209,88,.1)}76%{box-shadow:inset 0 0 0 1px #3A3A3C;background:transparent}93%{height:34px;margin-bottom:0;opacity:1}100%{height:0;margin-bottom:-6px;opacity:0}}
.svc4 .cb-hd em.c1{animation:s4-cbCnt1 var(--C) ease infinite}.svc4 .cb-hd em.c2{animation:s4-cbCnt2 var(--C) ease infinite}.svc4 .cb-hd em.c3{animation:s4-cbCnt3 var(--C) ease infinite}
@keyframes s4-cbCnt1{0%,4%,14%,100%{background:#3A3A3C;transform:none}8%{background:#0A84FF;transform:scale(1.35)}}
@keyframes s4-cbCnt2{0%,38%,48%,100%{background:#3A3A3C;transform:none}42%{background:#FF9F0A;transform:scale(1.35)}}
@keyframes s4-cbCnt3{0%,68%,80%,100%{background:#3A3A3C;transform:none}72%{background:#30D158;transform:scale(1.35)}}
.svc4 .cb-mv .stg::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #30D158;opacity:0;animation:s4-cbBurst var(--C) ease-out infinite}
@keyframes s4-cbBurst{0%,72%{opacity:0;transform:scale(1)}75%{opacity:1}86%,100%{opacity:0;transform:scale(2.6)}}
.svc4 .cb-spk{position:absolute;right:14px;top:50%;width:0;height:0;pointer-events:none}
.svc4 .cb-spk i{position:absolute;width:4px;height:4px;margin:-2px;border-radius:50%;opacity:0;animation:s4-cbSpk var(--C) cubic-bezier(.2,.8,.3,1) infinite}
.svc4 .cb-spk i:nth-child(1){--x:0px;--y:-17px;background:#30D158}.svc4 .cb-spk i:nth-child(2){--x:15px;--y:-9px;background:#FF9F0A}.svc4 .cb-spk i:nth-child(3){--x:15px;--y:9px;background:#0A84FF}.svc4 .cb-spk i:nth-child(4){--x:0px;--y:17px;background:#30D158}.svc4 .cb-spk i:nth-child(5){--x:-15px;--y:9px;background:#FF9F0A}.svc4 .cb-spk i:nth-child(6){--x:-15px;--y:-9px;background:#0A84FF}
@keyframes s4-cbSpk{0%,73%{opacity:0;transform:translate(0,0) scale(.4)}76%{opacity:1}88%,100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}
@keyframes s4-cbStage{0%{background:#0A84FF}37%{background:#FF9F0A}67%{background:#30D158}}
@keyframes s4-cbCheck{0%,70%{opacity:0;transform:scale(.3)}75%{opacity:1;transform:scale(1.3)}80%,94%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes s4-cbRing{0%,6%{opacity:0;transform:scale(.9)}10%{opacity:1}24%,100%{opacity:0;transform:scale(1.12)}}
.svc4 .cb-n{position:absolute;z-index:3;right:-6px;top:6px;width:196px;border-radius:18px;background:#3A3A3C;box-shadow:0 18px 34px -14px rgba(0,0,0,.7);padding:9px 10px;display:flex;align-items:center;gap:9px;opacity:0}
.svc4 .cb-n .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.svc4 .cb-n .ic svg{width:15px;height:15px;fill:currentColor}
.svc4 .cb-n s{flex:1;display:grid;gap:4px;min-width:0}
.svc4 .cb-n s i{display:block;height:5px;border-radius:3px;background:#fff;width:48%}.svc4 .cb-n s i+i{background:#AEAEB2;width:88%;height:4px}.svc4 .cb-n s i+i+i{width:64%}
.svc4 .cb-n time{align-self:flex-start;margin-top:3px;width:14px;height:4px;border-radius:2px;background:#8E8E93}
.svc4 .cb-n.sms{animation:s4-cbN1 var(--C) cubic-bezier(.3,1.25,.5,1) infinite}.svc4 .cb-n.sms .ic{background:#30D158}
.svc4 .cb-n.mail{animation:s4-cbN2 var(--C) cubic-bezier(.3,1.25,.5,1) infinite}.svc4 .cb-n.mail .ic{background:#0A84FF}
@keyframes s4-cbN1{0%,12%{opacity:0;transform:translateY(-14px) scale(.94)}17%,40%{opacity:1;transform:none}45%,100%{opacity:0;transform:translateY(8px) scale(.96)}}
@keyframes s4-cbN2{0%,44%{opacity:0;transform:translateY(-14px) scale(.94)}49%,76%{opacity:1;transform:none}81%,100%{opacity:0;transform:translateY(8px) scale(.96)}}

/* E · ai search (sky, same answer in 3 AIs, fan) */
.svc4 .kE{grid-column:1 / span 8;grid-row:3;color:#fff;background:#1668C6 url("../assets/sunset-sky-background-2026-01-05-05-58-49-utc.jpg") center 30% / cover no-repeat;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:clamp(360px,30vw,420px)}
.svc4 .kE::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(8,40,90,.55),rgba(8,40,90,.05))}
.svc4 .kE .sp{color:rgba(255,255,255,.9)}
.svc4 .kE .tx{align-content:center}
.svc4 .kE .dev{z-index:2;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
@keyframes s4-pop{0%,25%{opacity:0;transform:translateY(10px) scale(.9)}35%,85%{opacity:1;transform:none}100%{opacity:0}}
.svc4 .fw{position:absolute;left:50%;top:50%;width:252px;height:262px;margin:-128px 0 0 -134px;border-radius:18px;background:#fff;color:#1F1F1F;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 34px 56px -22px rgba(6,24,60,.6);overflow:hidden;display:flex;flex-direction:column;font-size:10.5px;line-height:1.45;transition:transform .9s cubic-bezier(.5,0,.2,1),opacity .7s,box-shadow .7s}
.svc4 .fw{transition:transform 1.15s cubic-bezier(.65,0,.25,1),opacity .9s ease,box-shadow .9s ease,filter .9s ease!important;will-change:transform}
.svc4 .fw.p0{transform:none;z-index:3;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 42px 70px -26px rgba(6,24,60,.7)}
.svc4 .fw.p1,.svc4 .fw.p2{filter:saturate(.9)}
.svc4 .fw .yb{transition:opacity .28s ease}
.svc4 .fw.clearing .yb{opacity:0}
.svc4 .fw.p1{transform:translate(-64px,24px) rotate(-9deg) scale(.86);z-index:1;opacity:.72}
.svc4 .fw.p2{transform:translate(64px,24px) rotate(9deg) scale(.86);z-index:2;opacity:.85}
.svc4 .fw .yh{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-bottom:1px solid #EFEFEF;flex:none;font-weight:600;font-size:11.5px}
.svc4 .fw .yh .sub{font-weight:500;color:#8E8E93;font-size:10px}
.svc4 .fw .yb{padding:10px 12px;display:grid;gap:8px;align-content:start;flex:1;min-height:0}
.svc4 .fw .yu{justify-self:end;max-width:90%;border-radius:14px 14px 4px 14px;background:#F2F2F2;padding:7px 10px;min-height:28px}
.svc4 .fw .yai{display:flex;gap:7px;align-items:flex-start}
.svc4 .ylogo{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff}
.svc4 .ylogo svg{width:11px;height:11px;fill:currentColor}
.svc4 .yst{display:inline-flex;align-items:center;gap:6px;font-size:10px}
.svc4 .shim{background:linear-gradient(90deg,#8E8E93 0%,#8E8E93 40%,#E5E5EA 50%,#8E8E93 60%,#8E8E93 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:s4-shim 1.4s linear infinite}
@keyframes s4-shim{from{background-position:100% 0}to{background-position:-100% 0}}
.svc4 .yspin{width:10px;height:10px;border-radius:50%;border:1.6px solid #E5E5EA;border-top-color:#1A73E8;animation:s4-ySpin .8s linear infinite;flex:none}
@keyframes s4-ySpin{to{transform:rotate(360deg)}}
.svc4 .fw [data-stream] .w{opacity:0;filter:blur(3px);transition:opacity .38s ease,filter .38s ease}
.svc4 .fw [data-stream] .w.v{opacity:1;filter:none}
.svc4 .fw .cite.w{transform:scale(.3);transition:opacity .25s,transform .45s cubic-bezier(.3,1.7,.5,1)}.svc4 .fw .cite.w.v{transform:none}
.svc4 .fw .typing::after,.svc4 .fw .streaming::after{content:"";display:inline-block;width:1.5px;height:11px;margin-left:1px;vertical-align:-2px;border-radius:1px;background:currentColor;animation:s4-fwBlink 1s ease-in-out infinite}
@keyframes s4-fwBlink{0%,45%{opacity:1}55%,100%{opacity:0}}
.svc4 .fw .streaming::after{width:7px;height:7px;border-radius:50%;vertical-align:0}
.svc4 .fw .hl{color:#C2410C;font-weight:600}
.svc4 .fw .cite{display:inline-grid;place-items:center;min-width:13px;height:13px;padding:0 3px;border-radius:7px;background:#EDEDF0;color:#6E6E73;font-size:8px;font-weight:600;vertical-align:1px;margin-left:2px}
.svc4 .fw .cite.me{background:#FF5A00;color:#fff}
.svc4 .fw .biz{border-radius:12px;box-shadow:0 0 0 1.5px #FF5A00;background:#FFF9F5;padding:8px;display:flex;align-items:center;gap:7px}
.svc4 .fw .bl{width:26px;height:26px;border-radius:8px;background:#FF5A00;color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;flex:none}
.svc4 .fw .bn{font-weight:600;font-size:11px;display:flex;align-items:center;gap:4px}
.svc4 .fw .vf{width:11px;height:11px;border-radius:50%;background:#1A73E8;display:inline-grid;place-items:center}
.svc4 .fw .vf svg{width:7px;height:7px;fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}
.svc4 .fw .rt{color:#6E6E73;font-size:9.5px;display:flex;align-items:center;gap:3px}
.svc4 .fw .rt b{color:#1F1F1F;font-weight:600}.svc4 .fw .rt .s{color:#FBBC04;letter-spacing:-1px}
.svc4 .fw .tag{margin-left:auto;display:inline-flex;align-items:center;height:17px;padding:0 7px;border-radius:9px;background:#FF5A00;color:#fff;font-size:9px;font-weight:600}
.svc4 .fw .x-a{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.3,1.35,.45,1)}
.svc4 .fw .x-a.on{opacity:1;transform:none}
.svc4 .fw .biz.x-a.on{animation:s4-fwRing 1.3s ease-out .25s 1}
@keyframes s4-fwRing{0%{box-shadow:0 0 0 1.5px #FF5A00,0 0 0 0 rgba(255,90,0,.45)}100%{box-shadow:0 0 0 1.5px #FF5A00,0 0 0 12px rgba(255,90,0,0)}}
.svc4 .fw .yst .yspin,.svc4 .fw .yst .shim{transition:opacity .3s}
.svc4 .fw .yst.done .yspin{border-color:#34C759;background:#34C759;animation:none;position:relative}
.svc4 .fw .yst.done .yspin::after{content:"";position:absolute;left:2.5px;top:.5px;width:2.5px;height:5px;border:solid #fff;border-width:0 1.4px 1.4px 0;rotate:45deg}
.svc4 .fw .yst.done .shim{animation:none;background:none;color:#8E8E93}
.svc4 .fw.gem .yu{background:#F0F4F9}
.svc4 .fw.ppx .yh{color:#20808D}
@media(prefers-reduced-motion:reduce){.svc4 .fw .x-a{opacity:1;transform:none}.svc4 .fw [data-stream] .w{opacity:1}}


/* motion details */
.svc4 .kE{animation:s4-skyPan 38s ease-in-out infinite alternate}
@keyframes s4-skyPan{from{background-position:50% 26%}to{background-position:56% 40%}}
.svc4 .fw.p1{animation:s4-fwIdle 7s ease-in-out infinite;transition-delay:.07s!important}
.svc4 .fw.p2{animation:s4-fwIdle 7s ease-in-out -3.5s infinite}
@keyframes s4-fwIdle{0%,100%{translate:0 0}50%{translate:0 -5px}}
.svc4 .fw .hl{background-image:linear-gradient(#FFE0CC,#FFE0CC);background-repeat:no-repeat;background-position:0 92%;background-size:0% 34%;transition:background-size .7s cubic-bezier(.65,0,.35,1) .15s;border-radius:2px}
.svc4 .fw .hl.lit{background-size:100% 34%}
.svc4 .fw .biz .s i{display:inline-block;font-style:normal;transform:scale(0) rotate(-40deg);transition:transform .45s cubic-bezier(.3,1.7,.5,1)}
.svc4 .fw .biz.on .s i{transform:none}
.svc4 .fw .biz.on .s i:nth-child(1){transition-delay:.35s}.svc4 .fw .biz.on .s i:nth-child(2){transition-delay:.43s}.svc4 .fw .biz.on .s i:nth-child(3){transition-delay:.51s}.svc4 .fw .biz.on .s i:nth-child(4){transition-delay:.59s}.svc4 .fw .biz.on .s i:nth-child(5){transition-delay:.67s}
.svc4 .fw .biz .vf{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.8,.5,1) .5s}
.svc4 .fw .biz.on .vf{transform:none}
.svc4 .fw .biz .tag{transform:scale(0) rotate(-14deg);transition:transform .55s cubic-bezier(.3,1.7,.5,1) .85s}
.svc4 .fw .biz.on .tag{transform:none}
.svc4 .fw .biz .bl{transform:scale(.6);opacity:.4;transition:transform .5s cubic-bezier(.3,1.6,.5,1) .12s,opacity .3s .12s}
.svc4 .fw .biz.on .bl{transform:none;opacity:1}
.svc4 .fw .yst.done .yspin{animation:s4-fwPop .45s cubic-bezier(.3,1.8,.5,1)}
@keyframes s4-fwPop{0%{transform:scale(.2)}100%{transform:scale(1)}}
.svc4 .fw .yu{transform-origin:100% 100%;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.svc4 .fw .yu.pre{transform:scale(.85);opacity:0}
.svc4 .fw .yai>svg,.svc4 .fw .yai>.ylogo{transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.svc4 .fw .yai.wait>svg,.svc4 .fw .yai.wait>.ylogo{transform:scale(.6)}
@media(prefers-reduced-motion:reduce){.svc4 .kE,.svc4 .fw.p1,.svc4 .fw.p2{animation:none}.svc4 .fw .hl{background-size:100% 34%}.svc4 .fw .biz .s i,.svc4 .fw .biz .vf,.svc4 .fw .biz .tag,.svc4 .fw .biz .bl{transform:none;opacity:1}}

/* icon refinements */
.svc4 .fw .bl svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.svc4 .fw .biz .s{display:inline-flex;gap:.5px;letter-spacing:0}
.svc4 .fw .biz .s i{width:9px;height:9px;display:inline-block}
.svc4 .fw .biz .s svg{width:9px;height:9px;fill:#FBBC04;display:block}
.svc4 .fw .vf{width:13px;height:13px;background:none;border-radius:0}
.svc4 .fw .vf svg{width:13px;height:13px;fill:initial;stroke:initial;stroke-width:initial}
.svc4 .fw .vf .ck{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease .85s}
.svc4 .fw .biz.on .vf .ck{stroke-dashoffset:0}
.svc4 .fw .yst .yspin{position:relative;width:12px;height:12px;border:0!important;background:none!important;border-radius:0;animation:none!important;display:grid;place-items:center;flex:none}
.svc4 .fw .yspin .okc{position:absolute;inset:0;width:12px;height:12px;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.8,.5,1)}
.svc4 .fw .yspin .okc path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease .2s}
.svc4 .fw .yst.done .yspin .okc{transform:none}.svc4 .fw .yst.done .yspin .okc path{stroke-dashoffset:0}
.svc4 .fw .yst.done .yspin::after{display:none!important}
.svc4 .fw .yst.done .ld-gpt i,.svc4 .fw .yst.done .ld-ppx i,.svc4 .fw .yst.done .ld-gem .spk{opacity:0;transform:scale(.2)}
.svc4 .ld-gpt i{width:8px;height:8px;border-radius:50%;background:#1C1C1E;animation:s4-ldPulse 1s ease-in-out infinite;transition:opacity .2s,transform .2s}
@keyframes s4-ldPulse{0%,100%{transform:scale(.7)}50%{transform:scale(1.1)}}
.svc4 .ld-gem .spk{width:12px;height:12px;fill:#4285F4;animation:s4-ldSpin 1.4s cubic-bezier(.5,0,.5,1) infinite;transition:opacity .2s}
@keyframes s4-ldSpin{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(.8)}}
.svc4 .ld-ppx i{width:11px;height:11px;border-radius:50%;border:1.8px solid #D6ECEC;border-top-color:#20808D;animation:s4-ySpin .75s linear infinite;transition:opacity .2s}
.svc4 .fw .yai .ylogo svg,.svc4 .fw .yh .ylogo svg{width:14px;height:14px}
.svc4 .fw .yai>svg{filter:none}
@media(prefers-reduced-motion:reduce){.svc4 .fw .vf .ck,.svc4 .fw .yspin .okc path{stroke-dashoffset:0}}
/* F · local seo (maps rank grid + local pack) */
.svc4 .kF .ls{position:absolute;left:clamp(20px,2.4vw,32px);right:clamp(20px,2.4vw,32px);top:0;bottom:-26px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(28,26,26,.05),0 24px 44px -26px rgba(28,26,26,.45);overflow:hidden;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1F1F1F;font-size:10px;line-height:1.35}
.svc4 .ls-top{display:flex;align-items:center;gap:7px;height:34px;margin:9px 9px 0;padding:0 10px;border-radius:17px;background:#fff;box-shadow:0 1px 4px rgba(32,33,36,.22);flex:none;position:relative;z-index:3}
.svc4 .ls-top .mp{width:14px;height:14px;flex:none}
.svc4 .ls-top .q{font-size:10.5px;white-space:nowrap;overflow:hidden}
.svc4 .ls-top .typing::after{content:"";display:inline-block;width:1.5px;height:11px;margin-left:1px;vertical-align:-2px;background:#1A73E8;animation:s4-lsBlink 1s steps(1) infinite}
@keyframes s4-lsBlink{50%{opacity:0}}
.svc4 .ls-top .av{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#7B61FF;flex:none}
.svc4 .ls-map{position:relative;height:118px;margin-top:-22px;flex:none;overflow:hidden}
.svc4 .ls-map>svg{position:absolute;inset:0;width:100%;height:100%}
.svc4 .ls-grid{position:absolute;left:8%;right:8%;top:30px;bottom:6px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);place-items:center}
.svc4 .ls-dot{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:8.5px;font-weight:700;color:#fff;background:#EA4335;box-shadow:0 0 0 1.5px #fff,0 2px 5px rgba(0,0,0,.25);transition:background .45s ease,transform .5s cubic-bezier(.3,1.7,.5,1)}
.svc4 .ls-dot.a{background:#F9AB00}.svc4 .ls-dot.g{background:#34A853}.svc4 .ls-dot.bump{transform:scale(1.28)}
.svc4 .ls-dot.me{width:24px;height:24px;background:#FF5A00;border-radius:50% 50% 50% 0;rotate:-45deg;font-size:0}
.svc4 .ls-dot.me::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.svc4 .ls-dot.me::before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 0 rgba(255,90,0,.5);animation:s4-lsPing 1.8s ease-out infinite}
@keyframes s4-lsPing{0%{box-shadow:0 0 0 0 rgba(255,90,0,.45)}100%{box-shadow:0 0 0 14px rgba(255,90,0,0)}}
.svc4 .ls-pack{position:relative;flex:1;padding:6px 9px 0;display:grid;align-content:start}
.svc4 .ls-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px;font-size:10px;font-weight:600}
.svc4 .ls-head .tg{height:16px;padding:0 6px;border-radius:8px;background:#E6F4EA;color:#137333;font-size:8.5px;font-weight:600;display:inline-flex;align-items:center;gap:3px;opacity:0;transform:scale(.6);transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.svc4 .ls-head .tg.on{opacity:1;transform:none}
.svc4 .ls-list{position:relative;height:150px}
.svc4 .ls-row{position:absolute;left:0;right:0;height:46px;display:flex;align-items:center;gap:8px;padding:0 6px;border-radius:11px;transition:top .9s cubic-bezier(.65,0,.25,1),background .4s,box-shadow .4s}
.svc4 .ls-row .lg{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;color:#fff}
.svc4 .ls-row .lg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.svc4 .ls-row .t{flex:1;min-width:0;display:grid;gap:1px}
.svc4 .ls-row .n{font-weight:600;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc4 .ls-row .m{color:#70757A;font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:3px}
.svc4 .ls-row .m b{color:#1F1F1F;font-weight:600}
.svc4 .ls-row .st{display:inline-flex;gap:.5px}.svc4 .ls-row .st svg{width:8px;height:8px;fill:#FBBC04}
.svc4 .ls-row .rk{width:22px;height:22px;border-radius:50%;background:#F1F3F4;color:#5F6368;font-size:9px;font-weight:700;display:grid;place-items:center;flex:none;transition:background .4s,color .4s,transform .45s cubic-bezier(.3,1.7,.5,1)}
.svc4 .ls-row.me{background:#FFF7F2;box-shadow:inset 0 0 0 1.3px #FF5A00}
.svc4 .ls-row.me .rk.win{background:#FF5A00;color:#fff;transform:scale(1.15)}
.svc4 .ls-row.dim{opacity:.72}

/* local seo polish */
.svc4 .ls-map>svg{transform-origin:50% 60%;transition:transform 6s cubic-bezier(.25,.1,.25,1)}
.svc4 .ls.zoom .ls-map>svg{transform:scale(1.07)}
.svc4 .ls-load{position:absolute;left:18px;right:18px;top:40px;height:2px;border-radius:2px;overflow:hidden;z-index:4;opacity:0;transition:opacity .25s}
.svc4 .ls-load.on{opacity:1}
.svc4 .ls-load i{display:block;height:100%;width:40%;background:#1A73E8;border-radius:2px;animation:s4-lsLoad 1s cubic-bezier(.4,0,.2,1) infinite}
@keyframes s4-lsLoad{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.svc4 .ls-dot{position:relative}
.svc4 .ls-dot.rip::after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 0 rgba(52,168,83,.55);animation:s4-lsRip .7s ease-out 1}
@keyframes s4-lsRip{to{box-shadow:0 0 0 9px rgba(52,168,83,0)}}
.svc4 .ls-dot.me.drop{animation:s4-lsDrop .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes s4-lsDrop{0%{translate:0 -26px;opacity:0}60%{opacity:1}100%{translate:0 0}}
.svc4 .ls-row.lift{box-shadow:inset 0 0 0 1.3px #FF5A00,0 14px 24px -12px rgba(28,26,26,.4)!important;scale:1.03;z-index:2}
.svc4 .ls-row{transition:top .9s cubic-bezier(.65,0,.25,1),background .4s,box-shadow .4s,scale .4s ease,opacity .4s}
.svc4 .ls-row .rk.flip{animation:s4-lsFlip .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes s4-lsFlip{0%{transform:scale(.4) rotateX(90deg)}100%{transform:scale(1) rotateX(0)}}
.svc4 .ls-row.me .rk.win.flip{animation:s4-lsFlipW .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes s4-lsFlipW{0%{transform:scale(.4)}100%{transform:scale(1.15)}}
.svc4 .ls-plus{position:absolute;right:40px;top:-7px;height:15px;padding:0 5px;border-radius:8px;background:#E6F4EA;color:#137333;font-size:8.5px;font-weight:700;display:grid;place-items:center;opacity:0;pointer-events:none}
.svc4 .ls-plus.on{animation:s4-lsPlus 1.6s ease-out forwards}
@keyframes s4-lsPlus{0%{opacity:0;transform:translateY(6px) scale(.7)}20%{opacity:1;transform:none}75%{opacity:1;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-12px)}}
.svc4 .ls-head .tg{position:relative;overflow:hidden}
.svc4 .ls-head .tg.on::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:rgba(255,255,255,.7);transform:skewX(-20deg);animation:s4-lsShine 1s ease .35s 1}
@keyframes s4-lsShine{to{left:120%}}
@media(max-width:1024px){.svc4 .kF .ls{left:0;right:0}}
@media(prefers-reduced-motion:reduce){.svc4 .ls-row,.svc4 .ls-dot{transition:none}}
.svc4 .kF{grid-column:9 / span 4;grid-row:3;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.svc4 .kF::before{content:"";position:absolute;z-index:0;width:175%;height:58%;left:-40%;top:-22%;border-radius:50%;background:#fff;opacity:.9;rotate:-12deg}
.svc4 .kF::after{content:"";position:absolute;z-index:0;width:150%;height:70%;right:-70%;bottom:-24%;border-radius:50%;background:#fff;opacity:.55;rotate:-24deg}
.svc4 .kF .tx{position:relative;z-index:2}
.svc4 .kF .dev{position:relative;z-index:1}
@media(min-width:1025px){.svc4 .kF .dev{min-height:290px}.svc4 .kF .widget{left:clamp(24px,2.6vw,36px);top:0}}
@media(max-width:1024px){
  .svc4 .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
  .svc4 .k{grid-column:span 2 !important;grid-row:auto !important}
  .svc4 .kA,.svc4 .kC{grid-column:span 1 !important}
  .svc4 .kA .dev{min-height:420px}
}
@media(max-width:680px){
  .svc4 .hdr{grid-template-columns:1fr}
  .svc4 .bento{grid-template-columns:1fr}
  .svc4 .k,.svc4 .kA,.svc4 .kC{grid-column:span 1 !important}
  .svc4 .kB,.svc4 .kE,.svc4 .kF{grid-template-columns:1fr}
  .svc4 .kB .dev,.svc4 .kE .dev,.svc4 .kF .dev{min-height:290px}
  .svc4 .rings{top:70%}
  .svc4 .chip{left:4%}
}
@media(prefers-reduced-motion:reduce){.svc4 *,.svc4 *::before,.svc4 *::after{animation:none!important}.svc4 .s4rv{opacity:1;transform:none}}

.svc4 .sec{grid-template-columns:minmax(0,1fr)}
.svc4 .sec>*{min-width:0}
.svc4{overflow-x:clip}
@media(max-width:680px){.svc4 .hdr{grid-template-columns:minmax(0,1fr)}.svc4 .kD .cb-wrap{margin:0 12px}.svc4 .fw{margin-left:-126px}}
@media(max-width:680px){.svc4 .bento{grid-template-columns:minmax(0,1fr)!important}.svc4 .kB,.svc4 .kE,.svc4 .kF{grid-template-columns:minmax(0,1fr)!important}}

/* ==========================================================
   SECTION 5 — RESULTS (giant numbers, outline fill)
   ========================================================== */
.res5{--r:clamp(20px,2.4vw,30px);--ease:cubic-bezier(.2,.8,.2,1);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.res5__sec{background:#fff;border-radius:var(--r);padding:clamp(28px,5vw,72px) clamp(14px,3.4vw,48px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.6vw,48px)}
.res5__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:.98;letter-spacing:-.045em;margin:0;text-wrap:balance;text-align:center;justify-self:center}
.res5__rows{container-type:inline-size;min-width:0}
.res5__row{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(140px,.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3cqi,40px);align-items:end;padding:clamp(24px,3.6cqi,44px) 0}
.res5__row::after{content:"";position:absolute;inset:0 calc(-1 * clamp(8px,1.6cqi,20px));border-radius:20px;background:#F3F3F2;opacity:0;z-index:-1;transition:opacity .4s}
.res5__row:hover::after{opacity:1}
.res5__rule{position:absolute;left:0;right:0;top:0;height:1px;background:#DCD9D6;transform-origin:left}
.res5__rule--end{top:auto;bottom:0}
.res5__row:hover .res5__rule{opacity:0}
.res5__who{align-self:center}
.res5__plate{width:100%;max-width:190px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;display:grid;place-items:center;transition:transform .6s var(--ease)}
.res5__plate img{width:100%;height:100%;object-fit:contain;display:block}
.res5__plate--s{background:#fff;box-shadow:inset 0 0 0 1px #DCD9D6;padding:2% 3%}
.res5__plate--a{background:#1B417B}
.res5__plate--m{background:#54B7F3}
.res5__row:hover .res5__plate{transform:scale(1.04)}
.res5__m{display:grid;gap:12px;min-width:0}
.res5__mask{overflow:hidden;padding-block:.02em .06em}
.res5__nv{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(2.8rem,9.4cqi,6.8rem);letter-spacing:-.062em;line-height:.9;font-variant-numeric:tabular-nums;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1.4px var(--ink);background:linear-gradient(var(--ink),var(--ink)) left/100% 100% no-repeat;-webkit-background-clip:text;background-clip:text}
.res5__ml{display:flex;align-items:center;gap:10px;font-size:clamp(15px,1.6cqi,18px);color:var(--muted)}
.res5__ar{width:26px;height:26px;border-radius:50%;background:#F3F3F2;display:grid;place-items:center;flex:none;transition:background .4s}
.res5__row:hover .res5__ar{background:#fff}
.res5__ar svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* entrance: armed by JS, played when the section is in view */
.res5.is-armed .res5__rule{transform:scaleX(0)}
.res5.is-armed .res5__nv{transform:translateY(108%);background-size:0% 100%}
.res5.is-armed .res5__ml,.res5.is-armed .res5__who{opacity:0;transform:translateY(10px)}
.res5.is-played .res5__rule{transform:none;transition:transform 1.2s var(--ease) calc(var(--i) * .22s)}
.res5.is-played .res5__who{opacity:1;transform:none;transition:opacity .7s,transform .8s var(--ease);transition-delay:calc(var(--i) * .22s + .15s)}
.res5.is-played .res5__nv{transform:none;background-size:100% 100%;transition:transform 1.1s var(--ease) calc(var(--i) * .22s + .25s),background-size 1.5s var(--ease) calc(var(--i) * .22s + 1.2s)}
.res5.is-played .res5__m ~ .res5__m .res5__nv{transition-delay:calc(var(--i) * .22s + .37s),calc(var(--i) * .22s + 1.4s)}
.res5.is-played .res5__ml{opacity:1;transform:none;transition:opacity .6s,transform .7s var(--ease);transition-delay:calc(var(--i) * .22s + .6s)}
.res5.is-played .res5__row:last-child .res5__rule--end{transition-delay:.7s}
@media(max-width:640px){.res5__row{grid-template-columns:minmax(0,1fr);gap:18px}.res5__plate{max-width:150px}.res5__nv{font-size:clamp(3rem,19cqi,5.4rem)}}
@media (prefers-reduced-motion:reduce){.res5 *{transition:none!important}}

/* Services → Results: stacked cards on scroll.
   Services sticks with its bottom edge in view, recedes (scale + shade) while Results slides over it. */
.stack45{position:relative}
.stack45 .svc4{position:sticky;top:var(--stick-top,12px);z-index:1}
.stack45 .svc4 .sec{position:relative;transform-origin:50% 100%;transform:scale(var(--stack-s,1))}
.stack45 .svc4 .sec::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#1C1A1A;opacity:var(--stack-shade,0);pointer-events:none}
.stack45 .res5{position:relative;z-index:2}
.stack45 .res5__sec{box-shadow:0 -1px 0 rgba(28,26,26,.04),0 -28px 60px -24px rgba(28,26,26,.35)}
@media (prefers-reduced-motion:reduce){.stack45 .svc4 .sec{transform:none}.stack45 .svc4 .sec::after{display:none}}

/* ==========================================================
   SECTION 6 — INDUSTRIES (photo cards carousel)
   ========================================================== */
.ind6{--r:clamp(20px,2.4vw,30px);--g:clamp(8px,1.4vw,18px);--ease:cubic-bezier(.2,.8,.2,1);--pad:clamp(14px,3.4vw,48px);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.ind6__sec{background:#fff;border-radius:var(--r);padding:calc(clamp(28px,5vw,72px) + 20px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3.2vw,44px)}
.ind6__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px}
.ind6__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,4.6vw,4rem);line-height:.98;letter-spacing:-.045em;margin:0;text-wrap:balance;max-width:18ch}
.ind6__arrows{display:flex;gap:8px}
.ind6__btn{width:48px;height:48px;border-radius:50%;border:1px solid #CFCBC7;background:#fff;cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s}
.ind6__btn svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.ind6__btn:hover{background:var(--ink);border-color:var(--ink)}
.ind6__btn:hover svg{stroke:#fff}
.ind6__rail{display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--pad));padding:6px var(--pad);scroll-padding-inline:var(--pad);outline-offset:-3px}
.ind6__rail::-webkit-scrollbar{display:none}
.ind6__card{flex:none;width:clamp(240px,24vw,300px);aspect-ratio:3/4;border-radius:24px;scroll-snap-align:start;position:relative;overflow:hidden;isolation:isolate;background:#F3F3F2;color:var(--ink)}
.ind6__photo{position:absolute;left:14px;right:14px;top:14px;height:70%;border-radius:16px;overflow:hidden;transition:left .7s var(--ease),right .7s var(--ease),top .7s var(--ease),height .7s var(--ease),border-radius .7s var(--ease)}
.ind6__photo img{width:100%;height:100%;object-fit:cover;display:block}
.ind6__photo::after{content:"";position:absolute;inset:0;background:rgba(20,18,18,.38);opacity:0;transition:opacity .6s}
.ind6__inner{position:absolute;inset:0;z-index:1;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;transition:color .5s}
.ind6__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ind6__name{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1;font-size:clamp(28px,3vw,38px)}
.ind6__chip{width:46px;height:46px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none;transition:background .5s,color .5s}
.ind6__ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ind6__card:hover .ind6__photo,.ind6__card.is-on .ind6__photo{left:0;right:0;top:0;height:100%;border-radius:0}
.ind6__card:hover .ind6__photo::after,.ind6__card.is-on .ind6__photo::after{opacity:1}
.ind6__card:hover .ind6__inner,.ind6__card.is-on .ind6__inner{color:#fff}
.ind6__card:hover .ind6__chip,.ind6__card.is-on .ind6__chip{background:#fff;color:var(--ink)}
.ind6__card--more{background:var(--ink);color:#fff}
.ind6__card--more .ind6__chip{background:#fff;color:var(--ink)}
.ind6__inner--more{justify-content:space-between}
.ind6__more-tx{display:grid;gap:14px}
.ind6__note{margin:0;display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.35;color:#D9D4D0}
.ind6__ar{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.ind6__ar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.ind6 *{transition:none!important}}

/* Services: more breathing room above and below */
.svc4 .sec{padding-block:clamp(48px,8vw,120px)}
@media(max-width:760px){.svc4 .sec{padding-block:calc(clamp(48px,8vw,120px) + 14px)}}
@media(max-width:760px){.svc4 .sub{font-size:16px}.svc4 .k .sp{font-size:16px}}
@media(max-width:760px){.svc4 .k .tx{padding-block:calc(clamp(24px,2.6vw,36px) + 15px)}}
@media(max-width:760px){.res5__sec{padding-block:calc(clamp(28px,5vw,72px) + 14px)}}
@media(max-width:760px){.svc4 .bento>.k{outline:1px solid rgba(28,26,26,.4);outline-offset:0}.svc4 .bento>.k.dark{outline-color:rgba(255,255,255,.18)}}

/* ==========================================================
   SECTION 7 — ABOUT US (the carousel frame grows into the section)
   Progress vars (--e1 size, --ep inner padding, --er radius, --e shade,
   --t panel, --t2 pillars/portrait) are set by js/about.js; they default
   to 1 so the section renders fully composed without JS.
   ========================================================== */
.ab7{--r:clamp(20px,2.4vw,30px);--ease:cubic-bezier(.2,.8,.2,1);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.ab7__pin{position:relative;height:250vh}
.ab7__stage{position:sticky;top:16px;height:min(780px,calc(100vh - 32px));border-radius:var(--r);background:#0D0C0C;overflow:hidden;display:grid;place-items:center}
.ab7__card{position:relative;width:min(100%,calc(26% + 74.8% * var(--e1,1)));height:min(100%,calc(64% + 36.6% * var(--e1,1)));min-width:240px;border-radius:calc(24px * (1 - var(--er,1)) + var(--r) * var(--er,1));background:#F3F3F2;overflow:hidden;transform:translateY(calc((1 - var(--e1,1)) * 16px));box-shadow:0 calc(40px * (1 - var(--e1,1))) calc(70px * (1 - var(--e1,1))) -30px rgba(0,0,0,.75);will-change:width,height}
.ab7__frame{position:absolute;left:calc(14px * (1 - var(--ep,1)));right:calc(14px * (1 - var(--ep,1)));top:calc(14px * (1 - var(--ep,1)));height:calc(72% + 28% * var(--ep,1));border-radius:calc(16px * (1 - var(--er,1)));overflow:hidden}
.ab7__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(calc(1.24 - var(--e1,1) * .24)) translateY(calc((1 - var(--e1,1)) * -2%))}
.ab7__shade{position:absolute;inset:0;background:#141212;opacity:calc(var(--e,1) * var(--e,1) * .62)}
.ab7__label{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;opacity:calc(1 - var(--ep,1) * 2.2);transform:translateY(calc(var(--ep,1) * 16px))}
.ab7__label b{font-family:var(--font-display);font-weight:600;font-size:32px;letter-spacing:-.035em}
.ab7__chip{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.ab7__ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab7__over{position:absolute;inset:0;pointer-events:none}
.ab7__panel{position:absolute;left:clamp(16px,2.6vw,40px);bottom:clamp(16px,2.6vw,40px);width:min(760px,calc(100% - clamp(180px,19vw,290px)));background:#1C1A1A;border-radius:24px;padding:clamp(22px,2.8vw,38px);display:grid;gap:clamp(14px,1.8vw,20px);clip-path:inset(calc((1 - var(--t,1)) * 100%) 0 0 0 round 24px)}
.ab7__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,3.4vw,3.4rem);line-height:.95;letter-spacing:-.045em;color:#fff;opacity:var(--t,1);transform:translateY(calc((1 - var(--t,1)) * 16px))}
.ab7__copy{display:grid;gap:12px}
.ab7__copy p{margin:0;font-family:var(--font-body);font-weight:400;font-size:clamp(15px,1.2vw,16.5px);line-height:1.6;color:#D2CCC7;max-width:64ch;opacity:clamp(0,calc(var(--t,1) * 3 - var(--i,0)),1);transform:translateY(calc((1 - clamp(0,calc(var(--t,1) * 3 - var(--i,0)),1)) * 12px))}
.ab7__copy p:nth-child(2){--i:.55}
.ab7__copy p:nth-child(3){--i:1.1}
.ab7__pillars{list-style:none;margin:clamp(6px,1vw,12px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ab7__pillars li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:#221F1F;box-shadow:inset 0 0 0 1px #332F2E;color:#F2EFEC;font-size:14.5px;font-weight:500;transition:background .3s,box-shadow .3s,transform .4s var(--ease);opacity:clamp(0,calc(var(--t2,1) * 4 - var(--k,0)),1);transform:translateY(calc((1 - clamp(0,calc(var(--t2,1) * 4 - var(--k,0)),1)) * 10px))}
.ab7__pillars li:nth-child(2){--k:.6}.ab7__pillars li:nth-child(3){--k:1.2}.ab7__pillars li:nth-child(4){--k:1.8}
.ab7__pillars li:hover{background:#2A2626;box-shadow:inset 0 0 0 1px #4A4442;transform:translateY(-2px)}
.ab7__badge{width:26px;height:26px;border-radius:50%;background:#332F2E;color:#fff;display:grid;place-items:center;flex:none}
.ab7__badge .ab7__ic{width:14px;height:14px}
.ab7__port{position:absolute;right:clamp(16px,2.6vw,40px);bottom:clamp(16px,2.6vw,40px);width:clamp(150px,17vw,240px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 30px 50px -28px rgba(0,0,0,.7);opacity:var(--t2,1);transform:translateY(calc((1 - var(--t2,1)) * 26px)) scale(calc(.92 + var(--t2,1) * .08)) rotate(calc((1 - var(--t2,1)) * 3deg))}
.ab7__port img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(calc(1.06 - var(--t2,1) * .06))}
.ab7 .ab7__pillars li,.ab7__panel{pointer-events:auto}
.ab7__shot{display:none}
@media(max-width:1000px){.ab7__panel{width:auto;right:clamp(16px,2.6vw,40px)}.ab7__pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ab7__port{display:none}.ab7__pillars li{padding:9px 11px;font-size:13px;gap:9px;line-height:1.25}.ab7__badge{width:23px;height:23px}.ab7__badge .ab7__ic{width:13px;height:13px}}
@media(max-width:1000px) and (min-width:360px) and (min-height:790px){.ab7__panel{top:clamp(16px,2.6vw,40px);grid-template-rows:auto auto auto minmax(190px,1fr)}.ab7__shot{display:block;width:auto;height:auto;min-height:0;border-radius:14px;overflow:hidden;margin:2px -16px -16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;opacity:var(--t2,1);transform:translateY(calc((1 - var(--t2,1)) * 14px))}.ab7__shot img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}}
@media(max-width:560px){.ab7__panel{padding:16px;gap:8px}.ab7__copy{gap:8px}.ab7__copy p{font-size:16px;line-height:1.5}}
@media (prefers-reduced-motion:reduce){.ab7__pin{height:auto}.ab7__stage{position:relative;height:min(760px,90vh)}}
@media(max-width:1000px){.ab7__frame img{object-position:50% 50%;transform:scale(1.55) translateY(-8%)}}

/* About Us: full-bleed, full-screen stage */
.ab7{padding:0}
.ab7__stage{top:0;height:100vh;height:100svh;border-radius:0}
.ab7__card{border-radius:calc(24px * (1 - var(--er,1)))}
.ab7__panel{left:clamp(16px,3.4vw,56px);bottom:clamp(16px,3.4vw,56px)}
.ab7__port{right:clamp(16px,3.4vw,56px);bottom:clamp(16px,3.4vw,56px)}
@media (prefers-reduced-motion:reduce){.ab7__stage{height:100vh;height:100svh}}

/* About Us: the closed card keeps the carousel card's 3:4 shape (no stretching) */
.ab7__stage{--cw:min(300px,72vw);--ch:min(400px,96vw)}
.ab7__card{width:calc(var(--cw) + (100% - var(--cw)) * var(--e1,1));height:calc(var(--ch) + (100% - var(--ch)) * var(--e1,1));min-width:0}
@media(max-width:1000px){.ab7__frame img{transform:scale(calc(1.12 + var(--e1,1) * .43)) translateY(calc(var(--e1,1) * -8%))}}

/* ==========================================================
   SECTION 8 — TESTIMONIALS (photo mosaic + Google reviews)
   ========================================================== */
.ts8{--r:clamp(20px,2.4vw,30px);--pad:clamp(14px,3.4vw,48px);--ease:cubic-bezier(.2,.8,.2,1);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.ts8__sec{background:#fff;border-radius:var(--r);padding:clamp(28px,5vw,72px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px)}
.ts8__stage{display:grid}
.ts8__stage>*{grid-area:1/1;min-width:0}
.ts8__mos{align-self:start;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,1vw,14px);align-items:start}
.ts8__col{display:grid;gap:clamp(8px,1vw,14px);transform:translateY(var(--py,0));transition:transform .2s linear}
.ts8__col:nth-child(1),.ts8__col:nth-child(7){margin-top:52px}
.ts8__col:nth-child(2),.ts8__col:nth-child(6){margin-top:16px}
.ts8__col:nth-child(4){margin-top:-8px}
.ts8__mos img{width:100%;height:var(--h,180px);object-fit:cover;border-radius:18px;display:block;background:#E6E3E0;transition:transform .8s var(--ease),box-shadow .4s}
.ts8__mos img:hover{transform:scale(1.04);box-shadow:0 20px 40px -22px rgba(28,26,26,.55)}
.ts8__headwrap{align-self:end;justify-self:center;display:grid;justify-items:center;gap:clamp(12px,1.6vw,18px);margin-bottom:clamp(6px,1.6vw,26px);text-align:center;padding-inline:12px;position:relative;z-index:1}
.ts8__pill{background:#fff;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;color:var(--muted);box-shadow:inset 0 0 0 1px #DCD9D6}
.ts8__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.6vw,4rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;max-width:16ch}
.ts8__mut{color:#BDB8B3}
.ts8--ink .ts8__mut{color:var(--ink)}
.ts8__mq{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:grab;padding-block:12px 18px;margin-inline:calc(-1 * var(--pad));-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ts8__track{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,22px);width:max-content;padding-inline:var(--pad);animation:ts8Scroll 120s linear infinite}
.ts8__mq::-webkit-scrollbar{width:0;height:0;display:none}
.ts8__mq:hover .ts8__track,.ts8__mq:focus-within .ts8__track,.ts8__mq.is-manual .ts8__track{animation-play-state:paused}
.ts8__mq.is-drag{cursor:grabbing}
.ts8__mq.is-drag .ts8__card{user-select:none}
@keyframes ts8Scroll{to{transform:translateX(calc(-50% - clamp(6px,.8vw,11px)))}}
.ts8__card{flex:none;width:clamp(290px,26vw,350px);background:#fff;border-radius:16px;box-shadow:0 0 0 1px #E6E3E0;padding:18px;display:grid;gap:12px;align-content:start;font-family:var(--font-body);transition:transform .45s var(--ease),box-shadow .45s}
.ts8__card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #DCD9D6}
.ts8__head{display:flex;align-items:center;gap:12px}
.ts8__head img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#E6E3E0;flex:none}
.ts8__ava{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--c,#5F6368);color:#fff;font:600 17px/1 var(--font-display);letter-spacing:-.01em}
.ts8__who{min-width:0;flex:1}
.ts8__who b{display:block;font-weight:500;font-size:14px;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts8__who span{display:block;font-size:12.5px;color:#70757A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts8__glogo svg{width:18px;height:18px;display:block;flex:none}
.ts8__meta{display:flex;align-items:center;gap:8px}
.ts8__meta span{font-size:12.5px;color:#70757A}
.ts8__stars{display:flex;gap:3px;color:#FBBC04}
.ts8__stars svg{width:14px;height:14px;fill:#FBBC04}
.ts8__txt{margin:0;font-size:14px;line-height:1.55;color:#3C4043;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.ts8__card.is-open .ts8__txt{-webkit-line-clamp:unset;display:block}
.ts8__more{justify-self:start;border:0;background:none;padding:0;font:inherit;font-size:14px;color:#1A73E8;cursor:pointer}
.ts8__more:hover{text-decoration:underline}
@media(max-width:900px){
  .ts8__stage{gap:22px}
  .ts8__stage>*{grid-area:auto}
  .ts8__mos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ts8__col:nth-child(5),.ts8__col:nth-child(6),.ts8__col:nth-child(7){display:none}
  .ts8__col{margin-top:0!important;transform:none}
  .ts8__headwrap{align-self:auto;margin-bottom:0}
  .ts8__card{width:min(300px,80vw)}
}
@media (prefers-reduced-motion:reduce){.ts8__track{animation:none}.ts8__mq{overflow-x:auto}}

/* ==========================================================
   SECTION 9 — WHAT HAPPENS NEXT (stairs)
   ========================================================== */
.pr9{--r:clamp(20px,2.4vw,30px);--ease:cubic-bezier(.2,.8,.2,1);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.pr9__sec{background:#fff;border-radius:var(--r);padding:calc(clamp(28px,5vw,72px) + 20px) clamp(14px,3.4vw,48px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.6vw,48px)}
.pr9__head{display:grid;gap:14px;max-width:58ch}
.pr9__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.pr9__lede{margin:0;font-size:clamp(16px,1.4vw,18.5px);line-height:1.55;color:var(--muted);max-width:54ch}
.pr9__stairs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);align-items:end}
.pr9__col{display:grid;align-content:end}
.pr9__step{position:relative;overflow:hidden;height:var(--h);border-radius:18px 18px 0 0;background:#F3F3F2;padding:clamp(14px,1.6vw,20px);display:grid;gap:10px;align-content:start;transform-origin:bottom}
.pr9__col:last-child .pr9__step{background:var(--ink);color:#fff}
.pr9__num{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--mute2, #8E8883)}
.pr9__col:last-child .pr9__num{color:rgba(255,255,255,.62)}
.pr9__t{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(16px,1.6vw,20px);letter-spacing:-.025em;line-height:1.18}
.pr9__d{margin:0;font-size:14px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}
.pr9__col:last-child .pr9__d{color:rgba(255,255,255,.86)}
.pr9.is-playing .pr9__step{animation:pr9Up 1s var(--ease) both;animation-delay:calc(var(--k) * .12s)}
@keyframes pr9Up{from{transform:scaleY(.15);opacity:0}}
@media(max-width:860px){
  .pr9__stairs{grid-template-columns:minmax(0,1fr);gap:10px}
  .pr9__col{align-content:stretch}
  .pr9__step{height:auto;min-height:218px;border-radius:16px;padding:18px 16px 88px;gap:7px;margin-left:calc(var(--k,0) * 11px);box-shadow:inset 0 0 0 1px rgba(28,26,26,.08);transform-origin:left center}
  .pr9__col:last-child .pr9__step{box-shadow:0 18px 30px -22px rgba(28,26,26,.6)}
  .pr9__num{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,26,.14);font-size:22px;font-weight:600;letter-spacing:0;color:var(--ink);margin-bottom:10px}
  .pr9__col:last-child .pr9__num{background:#2A2626;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
  .pr9__t{font-size:20px}
  .pr9__d{font-size:16px;line-height:1.45;-webkit-line-clamp:12}
  .pr9.is-playing .pr9__step{animation-name:pr9In}
}
@media(max-width:400px){.pr9__step{margin-left:calc(var(--k,0) * 8px)}}
@keyframes pr9In{from{opacity:0;transform:translateX(-14px)}}
@media (prefers-reduced-motion:reduce){.pr9.is-playing .pr9__step{animation:none}}

/* ==========================================================
   SECTION 10 — CONTACT (team photo + form)
   ========================================================== */
.ct10{--r:clamp(20px,2.4vw,30px);--ease:cubic-bezier(.2,.8,.2,1);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);overflow-x:clip}
.ct10__sec{background:#fff;border-radius:var(--r);padding:clamp(28px,5vw,72px) clamp(14px,3.4vw,48px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:stretch}
.ct10__photo{position:relative;border-radius:24px;overflow:hidden;min-height:440px}
.ct10__photo picture{display:contents}
.ct10__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.ct10__cap{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(28,26,26,.86);color:#fff;border-radius:16px;padding:14px 16px;display:grid;gap:6px}
.ct10__cap b{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.02em}
.ct10__cap span{font-size:13.5px;line-height:1.45;color:#D9D4D0}
.ct10__side{display:grid;gap:clamp(18px,2.4vw,28px);align-content:start}
.ct10__head{display:grid;gap:12px}
.ct10__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.ct10__lede{margin:0;font-size:clamp(16px,1.4vw,18.5px);line-height:1.55;color:var(--muted)}
.ct10__form{display:grid;gap:clamp(12px,1.4vw,16px);border-radius:24px;background:#F3F3F2;padding:clamp(18px,2.4vw,32px)}
.ct10__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,16px)}
.ct10__fld{display:grid;gap:7px;min-width:0}
.ct10__fld label{font-size:14px;color:#2A2626}
.ct10__req{color:var(--orange)}
.ct10__fld input,.ct10__fld select,.ct10__fld textarea{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:0;border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px #DCD9D6;width:100%;min-width:0}
.ct10__fld textarea{min-height:104px;resize:vertical}
.ct10__fld select{appearance:none;color:#56514E;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356514E' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
.ct10__fld select:valid{color:var(--ink)}
.ct10__btn{justify-self:start;border:0;border-radius:999px;background:var(--orange);color:#fff;font:inherit;font-weight:600;font-size:15.5px;padding:14px 26px;cursor:pointer;transition:background .3s,transform .3s var(--ease)}
.ct10__btn:hover{background:var(--orange-hover);transform:translateY(-2px)}
@media(max-width:900px){.ct10__sec{grid-template-columns:minmax(0,1fr)}.ct10__photo{min-height:320px}}
@media(max-width:760px){.ct10__sec{padding-block:calc(clamp(28px,5vw,72px) + 14px)}}
@media(max-width:700px){.ct10__row{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ct10__btn{transition:none}}

/* ==========================================================
   FOOTER — dark card with the giant wordmark
   ========================================================== */
.ftr11{--r:clamp(20px,2.4vw,30px);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px) clamp(8px,1.4vw,18px);overflow-x:clip}
.ftr11__sec{background:#0D0C0C;color:#fff;border-radius:var(--r);padding:clamp(28px,4.4vw,64px) clamp(14px,3.4vw,48px);display:grid;gap:clamp(24px,3.4vw,44px)}
.ftr11 a{color:inherit;text-decoration:none}
.ftr11 a:hover{text-decoration:underline;text-underline-offset:3px}
.ftr11__cols{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.ftr11__brand{display:grid;gap:16px;align-content:start}
.ftr11__brand img{width:min(210px,70%);height:auto}
.ftr11__brand p{margin:0;font-size:14.5px;line-height:1.55;color:#BDB6B1;max-width:34ch}
.ftr11__social{display:flex;gap:10px}
.ftr11__social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #3A3534;transition:background .3s}
.ftr11__social a:hover{background:#1C1A1A;text-decoration:none}
.ftr11__social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.ftr11__col h3{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8E8883;font-weight:500}
.ftr11__col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;color:#D9D4D0}
.ftr11__huge{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,13vw,11rem);line-height:.82;letter-spacing:-.06em;color:#1C1A1A;text-wrap:nowrap}
.ftr11__huge span{color:#fff}
.ftr11__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:clamp(18px,2.2vw,28px);border-top:1px solid #2A2626;font-size:13px;color:#8E8883}
.ftr11__tag,.ftr11__top{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.ftr11__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ftr11__cols{grid-template-columns:minmax(0,1fr)}.ftr11__huge{font-size:clamp(2.2rem,15vw,4rem)}}
.ftr11__sub{margin-top:clamp(16px,1.8vw,22px)}
.ftr11__contact{display:grid;gap:clamp(18px,2.2vw,26px);align-content:start}
.ftr11__grp{display:grid;gap:6px}
.ftr11__grp h3{margin:0 0 2px}
.ftr11__grp p{margin:0;font-size:14.5px;line-height:1.5;color:#D9D4D0}
.ftr11__about{margin:0;font-size:14.5px;line-height:1.6;color:#BDB6B1;max-width:36ch}

@media(max-width:760px){.ftr11__sec{padding-block:calc(clamp(28px,4.4vw,64px) + 24px)}}

/* ==========================================================
   HEADER — mega menu with team photo
   Barra escura fixa no topo. Some ao rolar para baixo (para não
   cobrir as seções que ficam presas na tela) e volta ao subir.
   ========================================================== */
/* pílula flutuante: o header não ocupa espaço (altura 0) e a pílula fica sobre o topo da página */
.hd11{--hd-gap:calc(clamp(8px,1.4vw,18px) + 10px);--hd-side:calc(clamp(8px,1.4vw,18px) + 10px);--hd-h:64px;position:sticky;top:0;z-index:100;height:0}
.hd11.is-hidden .hd11__bar{transform:translateY(calc(-100% - var(--hd-gap) - 12px))}
.hd11__bar{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-height:var(--hd-h);top:var(--hd-gap);margin:0 var(--hd-side);padding:10px 10px 10px clamp(18px,2vw,26px);border-radius:999px;background:rgba(13,12,12,.62);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 18px 40px -24px rgba(0,0,0,.55);color:#fff;transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s}
.hd11.is-scrolled .hd11__bar,.hd11.is-open .hd11__bar{background:rgba(13,12,12,.9)}
.hd11__logo{display:flex;align-items:center;flex:none}
.hd11__logo img{display:block;height:26px;width:auto}
.hd11__nav{display:flex;align-items:center;gap:4px;margin-inline:auto}
.hd11__it>button,.hd11__link{display:flex;align-items:center;gap:6px;border:0;background:none;color:#fff;font:500 14.5px/1 var(--font-body);padding:10px 13px;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap;opacity:.9;transition:background .25s,opacity .25s}
.hd11__it>button:hover,.hd11__link:hover,.hd11__it.is-on>button{opacity:1;background:rgba(255,255,255,.1)}
.hd11__it>button:focus-visible,.hd11__link:focus-visible,.hd11__cta:focus-visible,.hd11__burger:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.hd11__chev{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .3s}
.hd11__it.is-on .hd11__chev{transform:rotate(180deg)}
.hd11__acts{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.hd11__tel{color:#fff;font-size:14px;text-decoration:none;opacity:.88;white-space:nowrap;padding:0 6px}
.hd11__tel:hover{opacity:1}
.hd11__cta{background:var(--orange);color:#fff;border-radius:999px;padding:11px 18px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .2s}
.hd11__cta:hover{background:var(--orange-hover)}
.hd11__burger{display:none;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;place-items:center;cursor:pointer}
.hd11__burger span{display:block;width:17px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}

/* painel horizontal */
.hd11__panel{position:absolute;left:var(--hd-side);right:var(--hd-side);top:calc(var(--hd-gap) + var(--hd-h) + 10px);z-index:1;background:#fff;color:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(28,26,26,.06),0 34px 70px -30px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1),visibility .28s}
.hd11__panel.is-on{opacity:1;visibility:visible;transform:none}
.hd11__panel a{color:inherit;text-decoration:none}
.hd11__wrap{max-width:1320px;margin:0 auto;padding:26px clamp(16px,3vw,40px) 30px;display:grid;gap:18px}
.hd11__wrap--svc{grid-template-columns:270px minmax(0,1fr);gap:clamp(20px,2.6vw,34px);align-items:stretch}
.hd11__mh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #E6E3E0}
.hd11__mh b{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.03em}
.hd11__mh a{font-size:13.5px;font-weight:600;display:inline-flex;gap:6px}
.hd11__mh a::after{content:"→";color:var(--orange)}
.hd11__eb{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6E6864;margin-bottom:8px}
.hd11__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;align-content:start}
.hd11__col{display:grid;gap:2px;align-content:start}
.hd11__lk{display:grid;gap:2px;align-content:start;padding:9px 10px;margin:0 -10px;border-radius:12px;transition:background .2s}
.hd11__lk:hover,.hd11__lk:focus-visible{background:#F3F3F2;outline:0}
.hd11__lk b{font-weight:600;font-size:14.5px}
.hd11__lk small{font-size:12.5px;color:#6E6864;line-height:1.4}
.hd11__lk--ic{grid-template-columns:34px minmax(0,1fr);column-gap:12px}
.hd11__ico{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:#F3F3F2;display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.hd11__lk--ic:hover .hd11__ico{background:#fff;box-shadow:inset 0 0 0 1px #E6E3E0}
.hd11__ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* cartão com foto */
.hd11__feat{position:relative;overflow:hidden;border-radius:18px;background:#1C1A1A;color:#fff;padding:20px;display:grid;gap:8px;align-content:end;min-height:290px}
.hd11__feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:.72}
.hd11__feat::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,12,12,0) 35%,rgba(13,12,12,.85))}
.hd11__feat>*:not(img){position:relative;z-index:2}
.hd11__feat b{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.025em;line-height:1.15}
.hd11__feat span{font-size:13.5px;color:#E3DFDB}
.hd11__fbtn{justify-self:start;margin-top:4px;background:var(--orange);color:#fff !important;border-radius:999px;padding:10px 16px;font-weight:600;font-size:13.5px}
.hd11__fbtn:hover{background:var(--orange-hover)}
.hd11__feat--sm{min-height:0}

.hd11__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hd11__card{display:grid;gap:8px;align-content:start}
.hd11__ph{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#EDEBE8}
.hd11__ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.hd11__card:hover .hd11__ph img{transform:scale(1.05)}
.hd11__card b{font-weight:600;font-size:14.5px}
.hd11__card small{font-size:12.5px;color:#6E6864;margin-top:-4px}
.hd11__res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:22px;align-items:start}

/* gaveta no celular */
.hd11__drawer{position:fixed;inset:0;z-index:3;background:#141212;color:#fff;padding:14px 20px 32px;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.hd11__drawer.is-on{opacity:1;visibility:visible}
.hd11__dtop{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}
.hd11__x{width:42px;height:42px;border-radius:50%;border:0;background:#2A2626;color:#fff;display:grid;place-items:center;cursor:pointer}
.hd11__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.hd11__drawer details{border-bottom:1px solid #2A2626;padding:14px 0}
.hd11__drawer summary{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.03em;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.hd11__drawer summary::-webkit-details-marker{display:none}
.hd11__drawer summary::after{content:"+";color:var(--orange);font-weight:500}
.hd11__drawer details[open] summary::after{content:"–"}
.hd11__drawer details a{display:block;padding:9px 0;color:#D9D4D0;text-decoration:none;font-size:16px}
.hd11__drawer details a.hd11__all{color:var(--orange);font-weight:600}
.hd11__solo{display:block;font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.03em;padding:14px 0;border-bottom:1px solid #2A2626;color:#fff;text-decoration:none}
.hd11__dacts{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.hd11__dtel{color:#fff;text-decoration:none;font-weight:600}
html.hd11-lock,html.hd11-lock body{overflow:hidden}

@media(max-width:1180px){.hd11__tel{display:none}}
@media(max-width:1060px){.hd11__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hd11__res{grid-template-columns:repeat(3,minmax(0,1fr))}.hd11__res .hd11__feat{display:none}}
@media(max-width:980px){.hd11__nav,.hd11__panel{display:none}.hd11__burger{display:grid}.hd11{--hd-h:58px}.hd11__bar{padding:8px 8px 8px 18px}}
@media(max-width:420px){.hd11__acts .hd11__cta{padding:10px 14px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.hd11,.hd11__panel,.hd11__drawer{transition:none}}

/* hero case: "from → to" result ($200K → $1M+) */
.case__big--jump{display:flex;align-items:baseline;gap:.1em;font-size:clamp(3rem,5.4vw,4.4rem)}
.case__was{font-size:.42em;letter-spacing:-.03em;opacity:.62}
.case__arr{font-size:.42em;opacity:.62;margin-right:.08em}
.ind6__name--sm{font-size:clamp(23px,2.45vw,31px);line-height:1.05}

/* ---------- landing page: header sem saída e rodapé enxuto ---------- */
.hd11--lp .hd11__bar{justify-content:space-between}
.hd11--lp .hd11__logo img{height:28px}
.hd11--lp .hd11__acts{gap:14px}
.ftr11--lp .ftr11__cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);max-width:900px}
@media(max-width:700px){.ftr11--lp .ftr11__cols{grid-template-columns:minmax(0,1fr)}}
/* menu âncora da landing */
.hd11__nav--anchors{gap:2px}
.hd11__anchor{position:relative;color:#fff;font:500 14.5px/1 var(--font-body);text-decoration:none;padding:10px 12px;border-radius:999px;opacity:.86;white-space:nowrap;transition:opacity .25s,background .25s}
.hd11__anchor:hover{opacity:1;background:rgba(255,255,255,.1)}
.hd11__anchor.is-here{opacity:1}
.hd11__anchor.is-here::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--orange)}
.hd11--lp .hd11__bar{justify-content:flex-start}
#services,#results,#industries,#about,#testimonials,#next-steps,#contact{scroll-margin-top:96px}
@media(max-width:1150px){.hd11--lp .hd11__tel{display:none}}
@media(max-width:980px){.hd11--lp .hd11__nav--anchors{display:none}}

/* ==========================================================
   SEÇÃO (landing) — DEPOIMENTOS EM VÍDEO (trilho estilo Reels)
   O vídeo toca dentro do próprio card. A interface do Reels é
   decorativa: nada nela é clicável e nada leva o visitante para fora.
   ========================================================== */
.rs12{--r:clamp(20px,2.4vw,30px);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px)}
.rs12__sec{background:#fff;border-radius:var(--r);padding:calc(clamp(28px,5vw,72px) + 20px) clamp(14px,3.4vw,48px);display:grid;gap:clamp(22px,3vw,34px)}
.rs12__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.rs12__hx{display:grid;gap:10px}
.rs12__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.045em;max-width:16ch;text-wrap:balance}
.rs12__side-acts{display:flex;align-items:center;gap:14px}
.rs12__nav{display:flex;gap:8px}
.rs12__nb{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rs12__nb:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.rs12__nb svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.rs12__cta{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;border-radius:999px;padding:13px 20px;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.rs12__cta:hover{background:var(--orange-hover)}
.rs12__cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.rs12__rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rs12__rail::-webkit-scrollbar{display:none}
.rs12__item{flex:0 0 clamp(210px,23%,262px);scroll-snap-align:start}
.rs12__media{position:relative;width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;isolation:isolate}
.rs12__yt{position:absolute;inset:0;z-index:1}
.rs12__yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.rs12__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .35s}
.rs12__item.is-live .rs12__poster{opacity:0;pointer-events:none}
.rs12__mt,.rs12__mb{position:absolute;left:0;right:0;height:56px;z-index:3;pointer-events:none}
.rs12__mt{top:0;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,0))}
.rs12__mb{bottom:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.45))}
.rs12__sound{position:absolute;right:10px;top:10px;z-index:6;width:34px;height:34px;border-radius:50%;border:0;background:rgba(10,9,9,.55);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.rs12__sound svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rs12__sound .off{display:none}
.rs12__item.is-muted .rs12__sound .off{display:block}
.rs12__item.is-muted .rs12__sound .on{display:none}
.rs12__top,.rs12__side{pointer-events:none;user-select:none;z-index:5;position:absolute;color:#fff}
.rs12__top{left:12px;right:56px;top:12px;display:flex;align-items:center;gap:8px}
.rs12__ava{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.rs12__hd{font-size:12.5px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs12__fol{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.85);border-radius:8px;padding:3px 9px;font-size:11.5px;font-weight:600}
.rs12__side{right:10px;bottom:52px;display:grid;gap:14px;justify-items:center}
.rs12__side span{width:34px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
.rs12__side svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rs12__like{filter:none}
.rs12__like svg{fill:#FF3040;stroke:#FF3040}
.rs12__ui{position:absolute;inset:0;z-index:6;display:grid;align-content:end;gap:10px;padding:12px 12px 10px;pointer-events:none}
.rs12__big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;transition:opacity .25s,transform .25s}
.rs12__media:hover .rs12__big{transform:translate(-50%,-50%) scale(1.07)}
.rs12__big svg{width:19px;height:19px;fill:currentColor}
.rs12__item.is-live .rs12__big{opacity:0}
.rs12__item.is-paused .rs12__big{opacity:1}
.rs12__bar{position:relative;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.rs12__bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;border-radius:3px}
.rs12__time{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.82);letter-spacing:.04em}
.rs12__item:not(.is-live):not(.is-paused) .rs12__bar,.rs12__item:not(.is-live):not(.is-paused) .rs12__time{opacity:0}
.rs12__info{display:grid;gap:9px;margin-top:12px}
.rs12__who{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center}
.rs12__who img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.rs12__who b{display:block;font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:-.015em;line-height:1.15}
.rs12__who span{font-size:12px;color:var(--muted);line-height:1.25}
.rs12__hl{margin:0;font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.14;letter-spacing:-.03em;text-wrap:balance;border-top:1px solid var(--line);padding-top:10px}
.rs12__res{display:grid;gap:3px}
.rs12__res strong{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.045em}
.rs12__res--2{grid-template-columns:auto auto;justify-content:start;column-gap:24px;row-gap:3px}
.rs12__res--2>div{display:grid;gap:3px}
.rs12__res--2 .rs12__md{grid-column:1/-1}
.rs12__ml{font-size:11.5px;color:var(--muted);line-height:1.2}
.rs12__md{font-size:12px;color:var(--muted);line-height:1.3}
@media(max-width:900px){.rs12__item{flex:0 0 72%}.rs12__title{max-width:none}}
@media(max-width:560px){.rs12__side-acts{width:100%}.rs12__cta{flex:1;justify-content:center}}
/* landing: no celular o botão usa um rótulo curto, para caber na pílula */
.hd11__cta-sm{display:none}
@media(max-width:560px){
  .hd11__cta-lg{display:none}
  .hd11__cta-sm{display:inline}
  .hd11--lp .hd11__logo img{height:22px}
  .hd11--lp .hd11__cta{padding:9px 13px;font-size:13px}
  .hd11--lp .hd11__acts{gap:8px}
  .hd11--lp .hd11__burger{width:38px;height:38px}
}
/* landing: no desktop o trilho é arrastado, sem setas */
/* landing: no desktop os quatro vídeos ocupam a largura toda, sem setas e sem rolagem */
@media(min-width:901px){
  .rs12__nav{display:none}
  .rs12__rail{overflow:visible;scroll-snap-type:none}
  .rs12__item{flex:1 1 0;min-width:0}
}
/* landing: convite para tocar o vídeo, abaixo da ficha */
.hero--solo{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 2*clamp(8px,1.4vw,18px));padding-top:calc(clamp(72px,9vw,124px) + 44px);padding-bottom:clamp(104px,12vw,168px)}
.hero--solo::before{background:var(--hero-city,url("../assets/geo/default.jpg")) center 46% / cover no-repeat}
/* fundo do hero: a foto do time vale para todos os estados.
   As regras por cidade foram desativadas em 12/10/2026 — os arquivos seguem
   em assets/geo/ caso a gente volte a testar cidade contra corporativa. */
.hero--solo::after{background:linear-gradient(180deg,rgba(6,12,24,.8) 0%,rgba(6,12,24,.56) 45%,rgba(6,12,24,.84) 100%)}
/* ===== Thank-you page ===== */
.hero--ty{min-height:calc(86svh - 2*clamp(8px,1.4vw,18px))}
.ty13__check{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 10px rgba(255,90,0,.18)}
.ty13__check svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ty13{--r:clamp(20px,2.4vw,30px);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);scroll-margin-top:12px}
.ty13__sec{background:#fff;border-radius:var(--r);padding:clamp(40px,6vw,88px) clamp(14px,3.4vw,48px)}
.ty13__title{margin:0 0 clamp(24px,3.4vw,44px);font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.02;letter-spacing:-.045em}
.ty13__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.ty13__step{display:grid;align-content:start;gap:10px;min-height:220px;padding:clamp(20px,2.2vw,28px);border-radius:20px;background:var(--paper)}
.ty13__step--dk{background:var(--ink);color:#fff}
.ty13__n{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:#8E8883;margin-bottom:auto;padding-bottom:28px}
.ty13__t{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(18px,1.7vw,22px);letter-spacing:-.025em;line-height:1.18}
.ty13__p{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
.ty13__step--dk .ty13__p{color:rgba(255,255,255,.72)}
@media(max-width:900px){.ty13__steps{grid-template-columns:minmax(0,1fr)}.ty13__step{min-height:0}.ty13__n{padding-bottom:14px}}
@media(max-width:700px){.hero--solo .hero__lead{color:#fff;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.95),0 2px 18px rgba(0,0,0,.9),0 0 32px rgba(0,0,0,.8)}}
.ct10__opt{color:var(--muted);font-weight:400}
/* ===== LP SEO + Website: bento with five cards ===== */
.svc4--sw .bento>.kA{grid-column:1 / span 4;grid-row:1 / span 2;min-height:0}
.svc4--sw .bento>.kA .tx{padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(16px,2vw,26px)}
.svc4--sw .bento>.kH{grid-column:5 / span 8;grid-row:1;min-height:clamp(470px,38vw,540px)}
.svc4--sw .bento>.kF{grid-column:5 / span 4;grid-row:2;min-height:clamp(400px,33vw,470px)}
.svc4--sw .bento>.kD{grid-column:9 / span 4;grid-row:2;min-height:clamp(400px,33vw,470px)}
.svc4--sw .bento>.kE{grid-column:1 / span 8;grid-row:3}
.svc4--sw .bento>.kB{grid-column:9 / span 4;grid-row:3;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:clamp(380px,31vw,440px)}
.svc4--sw .bento>.kB .dev{min-height:200px}
/* SEO (organic) card — o resultado sobe dois degraus e assume o primeiro lugar */
.svc4 .kH{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.svc4 .kH .dev{position:relative;padding:0 clamp(20px,2.4vw,32px)}
.svc4 .sq{--step:68px;--cycle:10s;position:absolute;left:clamp(20px,2.4vw,32px);right:clamp(20px,2.4vw,32px);top:0;bottom:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(28,26,26,.05),0 24px 44px -26px rgba(28,26,26,.45);overflow:hidden;display:grid;align-content:start;gap:11px;padding:13px 16px;font-family:var(--font-body);color:#1F1F1F}
.svc4 .sq-omni{display:flex;align-items:center;gap:10px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:#F5F4F2;box-shadow:inset 0 0 0 1px rgba(28,26,26,.05);font:400 12.5px/1 var(--font-body);color:#2F2B28;animation:sqFocus var(--cycle) var(--ease) infinite}
@keyframes sqFocus{0%{background:#fff;box-shadow:0 0 0 1px rgba(26,86,196,.22),0 0 0 4px rgba(26,86,196,.09),0 10px 22px -16px rgba(28,26,26,.5)}16%{background:#fff;box-shadow:0 0 0 1px rgba(26,86,196,.22),0 0 0 4px rgba(26,86,196,.09),0 10px 22px -16px rgba(28,26,26,.5)}22%,96%{background:#F5F4F2;box-shadow:inset 0 0 0 1px rgba(28,26,26,.05)}100%{background:#fff;box-shadow:0 0 0 1px rgba(26,86,196,.22),0 0 0 4px rgba(26,86,196,.09),0 10px 22px -16px rgba(28,26,26,.5)}}
.svc4 .sq-omni .sq-mag{width:14px;height:14px;flex:none;fill:none;stroke:#8E8883;stroke-width:2;stroke-linecap:round}
.svc4 .sq-clear{display:grid;place-items:center;width:18px;height:18px;flex:none;margin-left:auto;border-radius:50%;opacity:0;animation:sqClear var(--cycle) var(--ease) infinite}
.svc4 .sq-clear svg{width:10px;height:10px;fill:none;stroke:#9A948E;stroke-width:2.2;stroke-linecap:round}
@keyframes sqClear{0%,13%{opacity:0}18%,96%{opacity:1}100%{opacity:0}}
.svc4 .sq-tools{display:flex;align-items:center;gap:10px;padding:0 10px 0 11px;margin-left:2px;border-left:1px solid #E6E3DF}
.svc4 .sq-tools svg{width:14px;height:14px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc4 .sq-mic{stroke:#9A948E}
.svc4 .sq-lens{stroke:#9A948E}
.svc4 .sq-type{--qw:192px;flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;overflow:hidden}
.svc4 .sq-q{display:inline-block;white-space:nowrap;overflow:hidden;max-width:0;animation:sqType var(--cycle) steps(30,end) infinite}
.svc4 .sq-caret{width:1.6px;height:15px;border-radius:1px;flex:none;background:#1A56C4;margin-left:2px;animation:sqCaret .9s steps(2,start) infinite,sqCaretOut var(--cycle) steps(1,end) infinite}
@keyframes sqType{0%{max-width:0}13%,96%{max-width:var(--qw)}100%{max-width:0}}
@keyframes sqCaret{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes sqCaretOut{0%,20%{visibility:visible}21%,100%{visibility:hidden}}
.svc4 .sq-tools{display:flex;align-items:center;gap:9px;padding-left:10px;border-left:1px solid #E4E1DD}
.svc4 .sq-tools i{width:11px;height:11px;border-radius:2px;background:#D9D5D0}
.svc4 .sq-list{position:relative;padding-left:22px;height:calc(var(--step) * 3 - 9px)}
.svc4 .sq-slot{position:absolute;left:0;top:calc(var(--k) * var(--step) + 22px);font:500 10.5px/1 var(--font-mono);color:#C7C2BC}
.svc4 .sq-res{position:absolute;left:22px;right:0;top:calc(var(--k,0) * var(--step));height:62px;display:grid;grid-template-columns:24px minmax(0,1fr) 14px;gap:11px;align-items:start;padding:9px 10px;border-radius:13px;background:#fff}
.svc4 .sq-fav{width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,transparent);display:grid;place-items:center;font:700 11px/1 var(--font-display)}
.svc4 .sq-bd{display:grid;gap:3px;min-width:0}
.svc4 .sq-res .u{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.svc4 .sq-res .u b{font:600 10.5px/1.1 var(--font-body);color:#2F2B28}
.svc4 .sq-res .u em{font:400 9.5px/1.1 var(--font-mono);font-style:normal;color:#A6A09A;overflow:hidden;text-overflow:ellipsis}
.svc4 .sq-res .t{font-family:var(--font-display);font-weight:600;font-size:13px;line-height:1.2;letter-spacing:-.015em;color:#1A56C4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc4 .sq-res .d{font-size:10.5px;line-height:1.3;color:#6B6560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.svc4 .sq-dots{display:grid;gap:2px;justify-items:center;padding-top:4px}
.svc4 .sq-dots i{width:2.5px;height:2.5px;border-radius:50%;background:#CFCAC4}
.svc4 .sq-line{position:relative;height:14px}
.svc4 .sq-line .d{position:absolute;inset:0;animation:sqDesc var(--cycle) var(--ease) infinite}
.svc4 .sq-rich{position:absolute;inset:0;display:flex;align-items:center;gap:6px;font:500 10px/1 var(--font-body);color:#4A4642;opacity:0;animation:sqRich var(--cycle) var(--ease) infinite}
.svc4 .sq-stars{display:inline-flex;gap:1px}
.svc4 .sq-stars .st{width:9px;height:9px;fill:#F2B041}
@keyframes sqDesc{0%,58%{opacity:1}62%,94%{opacity:0}98%,100%{opacity:1}}
@keyframes sqRich{0%,62%{opacity:0;transform:translateY(-2px)}67%,93%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-2px)}}
.svc4 .sq-a{--k:0;animation:sqA var(--cycle) var(--ease) infinite}
.svc4 .sq-b{--k:1;animation:sqB var(--cycle) var(--ease) infinite}
.svc4 .sq-me{--k:2;z-index:3;position:absolute;animation:sqMe var(--cycle) var(--ease) infinite}
.svc4 .sq-me::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--orange);opacity:0;animation:sqRail var(--cycle) var(--ease) infinite}
@keyframes sqRail{0%,37%{opacity:0}42%,93%{opacity:1}96%,100%{opacity:0}}
@keyframes sqMe{
  0%,16%{transform:translateY(10px) scale(1);box-shadow:none;background:#fff;opacity:0}
  22%,26%{transform:translateY(0) scale(1);box-shadow:none;background:#fff;opacity:1;animation-timing-function:cubic-bezier(.3,0,.25,1)}
  29%{transform:translateY(-8px) scale(1.03);box-shadow:0 22px 36px -20px rgba(28,26,26,.5);background:#fff;opacity:1;animation-timing-function:cubic-bezier(.25,.9,.3,1.06)}
  35%{transform:translateY(calc(var(--step) * -1 - 8px)) scale(1.03);box-shadow:0 22px 36px -20px rgba(28,26,26,.5);background:#fff;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}
  38%,45%{transform:translateY(calc(var(--step) * -1)) scale(1);box-shadow:none;background:#FFF4EE;opacity:1;animation-timing-function:cubic-bezier(.3,0,.25,1)}
  48%{transform:translateY(calc(var(--step) * -1 - 8px)) scale(1.03);box-shadow:0 22px 36px -20px rgba(28,26,26,.5);background:#FFF4EE;opacity:1;animation-timing-function:cubic-bezier(.25,.9,.3,1.06)}
  54%{transform:translateY(calc(var(--step) * -2 - 8px)) scale(1.03);box-shadow:0 22px 36px -20px rgba(28,26,26,.5);background:#FFF4EE;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}
  57%,93%{transform:translateY(calc(var(--step) * -2)) scale(1);box-shadow:none;background:#FFF2EA;opacity:1}
  97%{transform:translateY(calc(var(--step) * -2)) scale(1);opacity:0;background:#FFF2EA}
  100%{transform:translateY(10px) scale(1);opacity:0;background:#fff}
}
@keyframes sqB{0%,13%{transform:translateY(10px);opacity:0}19%,29%{transform:translateY(0);opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}35%,93%{transform:translateY(var(--step));opacity:1}97%,100%{transform:translateY(var(--step));opacity:0}}
@keyframes sqA{0%,11%{transform:translateY(10px);opacity:0}17%,47%{transform:translateY(0);opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}53%,93%{transform:translateY(var(--step));opacity:1}97%,100%{transform:translateY(var(--step));opacity:0}}
.svc4 .sq-foot{align-self:end;display:flex;align-items:center;gap:9px;padding-top:11px;border-top:1px solid #EFEDEA;font:500 9.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#A6A09A}
.svc4 .sq-foot b{margin-left:auto;font:600 9.5px/1 var(--font-mono);color:#1FA463;background:rgba(31,164,99,.1);border-radius:999px;padding:6px 9px;letter-spacing:.06em;animation:sqBadge var(--cycle) var(--ease) infinite}
@keyframes sqBadge{0%,56%{transform:scale(1)}60%{transform:scale(1.14)}68%,100%{transform:scale(1)}}
.svc4 .sq-live{width:7px;height:7px;border-radius:50%;background:#1FA463;box-shadow:0 0 0 0 rgba(31,164,99,.45);animation:sqLive 2.4s ease-out infinite}
@keyframes sqLive{0%{box-shadow:0 0 0 0 rgba(31,164,99,.5)}70%,100%{box-shadow:0 0 0 7px rgba(31,164,99,0)}}
.svc4 .sq-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%);transform:translateX(-120%);animation:sqSheen var(--cycle) var(--ease) infinite}
@keyframes sqSheen{0%,15%{transform:translateX(-120%)}24%,100%{transform:translateX(120%)}}
@media(max-width:980px){.svc4--sw .bento>.kA,.svc4--sw .bento>.kH,.svc4--sw .bento>.kF,.svc4--sw .bento>.kE,.svc4--sw .bento>.kD,.svc4--sw .bento>.kB{grid-column:span 2 !important;grid-row:auto !important;min-height:0}}
@media(max-width:680px){.svc4--sw .bento>.kA,.svc4--sw .bento>.kH,.svc4--sw .bento>.kF,.svc4--sw .bento>.kE,.svc4--sw .bento>.kD,.svc4--sw .bento>.kB{grid-column:span 1 !important}}
@media(max-width:980px){.svc4 .kH .dev{min-height:320px}}
@media(max-width:680px){.svc4 .kH .dev{min-height:290px}}
@media(max-width:680px){
  .svc4 .sq{--step:62px;padding:12px 13px;gap:10px}
  .svc4 .sq-res{height:54px;padding:7px 9px;grid-template-columns:22px minmax(0,1fr) 12px;gap:9px}
  .svc4 .sq-res .u em{display:none}
  .svc4 .sq-type{--qw:172px}
  .svc4 .sq-q{font-size:11px}
  .svc4 .sq-omni{font-size:11px;gap:8px;padding:0 8px 0 11px}
  .svc4 .sq-res .t{font-size:12.5px}
  .svc4 .sq-fav{width:22px;height:22px}
  .svc4 .sq-slot{top:calc(var(--k) * var(--step) + 18px)}
  .svc4 .sq-tools{display:none}
}
/* LP SEO + Website: o site se monta peça por peça dentro do celular */
.svc4--sw .kA .wnav,
.svc4--sw .kA .whero,
.svc4--sw .kA .wpill,
.svc4--sw .kA .wh,
.svc4--sw .kA .wl,
.svc4--sw .kA .wcta,
.svc4--sw .kA .wsec,
.svc4--sw .kA .wsvc div,
.svc4--sw .kA .wrev,
.svc4--sw .kA .wcon{animation:sqPop 10s var(--ease) infinite both}
@keyframes sqPop{0%{opacity:0;transform:translateY(12px)}6%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(12px)}}
.svc4--sw .kA .wnav{animation-delay:0s}
.svc4--sw .kA .whero{animation-delay:.2s}
.svc4--sw .kA .wpill{animation-delay:.5s}
.svc4--sw .kA .wh:nth-of-type(2){animation-delay:.68s}
.svc4--sw .kA .wh:nth-of-type(3){animation-delay:.84s}
.svc4--sw .kA .wl{animation-delay:1s}
.svc4--sw .kA .wcta{animation-delay:1.18s}
.svc4--sw .kA .wsec{animation-delay:1.42s}
.svc4--sw .kA .wsvc div:nth-child(1){animation-delay:1.6s}
.svc4--sw .kA .wsvc div:nth-child(2){animation-delay:1.74s}
.svc4--sw .kA .wsvc div:nth-child(3){animation-delay:1.88s}
.svc4--sw .kA .wsvc div:nth-child(4){animation-delay:2.02s}
.svc4--sw .kA .wrev{animation-delay:2.26s}
.svc4--sw .kA .wcon{animation-delay:2.5s}
.svc4--sw .kA .wcon .wbtn{animation:sqBtn 10s var(--ease) infinite}
@keyframes sqBtn{0%,70%{transform:none}73%{transform:scale(.93)}78%,100%{transform:none}}
/* depois que a página está montada: as estrelas acendem, o botão é tocado e o aviso chega */
.svc4--sw .kA .wrev .wst svg{opacity:.2;animation:s4-wStar 10s var(--ease) infinite}
.svc4--sw .kA .wrev .wst svg:nth-child(2){animation-delay:.09s}
.svc4--sw .kA .wrev .wst svg:nth-child(3){animation-delay:.18s}
.svc4--sw .kA .wrev .wst svg:nth-child(4){animation-delay:.27s}
.svc4--sw .kA .wrev .wst svg:nth-child(5){animation-delay:.36s}
@keyframes s4-wStar{0%,30%{opacity:.2;transform:scale(.86)}36%,90%{opacity:1;transform:none}95%,100%{opacity:.2;transform:scale(.86)}}
.svc4--sw .kA .wcta .tap{animation:sqTap 10s var(--ease) infinite}
@keyframes sqTap{0%,46%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(.7)}60%,100%{opacity:0;transform:scale(1.9)}}
.svc4--sw .kA .wtoast{animation:sqToast 10s var(--ease) infinite}
@keyframes sqToast{0%,56%{opacity:0;transform:translateY(-24px) scale(.94)}63%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-24px) scale(.94)}}
.svc4--sw .kA .isl{animation:s4-wIsl 10s var(--ease) infinite}
/* LP: o mockup de anúncios, recomposto para a coluna estreita */
.svc4--sw .bento>.kB .dev{position:relative;min-height:290px;overflow:hidden}
.svc4--sw .bento>.kB .phone{--pw:256px;left:50%;top:12px}
.svc4--sw .bento>.kB .ga-w{display:none}
.svc4--sw .bento>.kB .dev::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;z-index:5;pointer-events:none;background:linear-gradient(rgba(243,243,242,0),var(--paper) 86%)}

/* ===== WHY CHOOSE US — lista que troca o painel ao lado ===== */
.wc14{--r:clamp(20px,2.4vw,30px);padding:clamp(6px,1vw,12px) clamp(8px,1.4vw,18px);scroll-margin-top:12px}
.wc14__sec{background:var(--ink);color:#fff;border-radius:var(--r);padding:clamp(32px,4.6vw,68px) clamp(16px,3.4vw,52px);display:grid;gap:clamp(22px,3vw,38px)}
.wc14__head{display:grid;gap:12px;max-width:62ch}
.wc14__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.wc14__lede{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.7)}
.wc14__body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3vw,44px);align-items:start}
.wc14__list{list-style:none;margin:0;padding:0;display:grid}
.wc14__it{width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:clamp(15px,1.8vw,20px) clamp(10px,1.2vw,16px);border-radius:14px;border-top:1px solid rgba(255,255,255,.12);transition:background .4s var(--ease-out)}
.wc14__list li:first-child .wc14__it{border-top:0}
.wc14__it:hover{background:rgba(255,255,255,.04)}
.wc14__it.is-on{background:rgba(255,255,255,.07)}
.wc14__it:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.wc14__n{font:500 12px/1.5 var(--font-mono);letter-spacing:.1em;color:rgba(255,255,255,.35);transition:color .4s var(--ease-out)}
.wc14__it.is-on .wc14__n{color:var(--orange)}
.wc14__bd{display:grid;gap:6px;min-width:0}
.wc14__t{font-family:var(--font-display);font-weight:600;font-size:clamp(16.5px,1.6vw,20px);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.wc14__p{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.6);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease-out),opacity .4s var(--ease-out)}
.wc14__it.is-on .wc14__p{max-height:120px;opacity:1}
/* painel */
.wc14__stage{position:sticky;top:104px;display:grid;min-height:clamp(280px,26vw,330px);border-radius:20px;background:#0E0E0D;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:clamp(18px,2vw,26px);overflow:hidden}
.wc14__panel{grid-area:1/1;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.wc14__panel.is-on{opacity:1;transform:none;pointer-events:auto}
.wc14__mock{display:grid;gap:12px;align-content:start;color:#fff}
.wc14__lbl{margin:0;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
/* 1 · a página e o resultado */
/* 3 · propriedade */
.wc14__m3{align-content:center;gap:9px}
.wc14__own{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);font-size:13px}
.wc14__own b{font:600 11px/1 var(--font-mono);letter-spacing:.04em;color:#6BD39B;background:rgba(31,164,99,.16);border-radius:999px;padding:6px 9px;white-space:nowrap}
/* 4 · conversa */
.wc14__m4{align-content:center;gap:10px}
.wc14__msg{display:flex;align-items:flex-end;gap:9px;max-width:88%}
.wc14__msg.me{margin-left:auto;flex-direction:row-reverse}
.wc14__msg s{text-decoration:none;font-size:12.5px;line-height:1.4;border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.08)}
.wc14__msg.me s{background:var(--orange)}
.wc14__ava{width:26px;height:26px;border-radius:50%;flex:none;background:linear-gradient(140deg,#F6C7A1,#C98A5B)}
/* 5 · relatório */
.wc14__m5{align-content:center;gap:9px}
.wc14__kpi{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.72)}
.wc14__kpi b{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;color:#fff}
.wc14__spark{width:100%;height:52px;fill:none;stroke:#6BD39B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wc14__note{margin:0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.55)}
/* cta */
.wc14__cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--orange);color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:filter .3s var(--ease-out)}
.wc14__cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-out)}
.wc14__cta:hover{filter:brightness(1.05)}
.wc14__cta:hover svg{transform:translateX(4px)}
@media(max-width:900px){
  .wc14__body{grid-template-columns:minmax(0,1fr);gap:18px}
  .wc14__stage{position:static;order:-1;min-height:260px}
  .wc14__p{font-size:16px}
  .wc14__it{grid-template-columns:32px minmax(0,1fr);gap:11px;padding:14px 8px}
}
@media(prefers-reduced-motion:reduce){.wc14__panel{transition:none}.wc14__p{transition:none}}
/* ===== Why Choose Us — coreografia dos painéis ===== */
.wc14__panel{transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.wc14__panel:not(.is-on){transform:translateY(14px) scale(.985)}
.wc14__panel.is-on>.wc14__mock>*{opacity:0;animation:wcIn .55s var(--ease-out) both}
.wc14__panel.is-on>.wc14__mock>*:nth-child(1){animation-delay:.06s}
.wc14__panel.is-on>.wc14__mock>*:nth-child(2){animation-delay:.14s}
.wc14__panel.is-on>.wc14__mock>*:nth-child(3){animation-delay:.22s}
.wc14__panel.is-on>.wc14__mock>*:nth-child(4){animation-delay:.3s}
.wc14__panel.is-on>.wc14__mock>*:nth-child(5){animation-delay:.38s}
.wc14__panel.is-on>.wc14__mock>*:nth-child(6){animation-delay:.46s}
@keyframes wcIn{0%{opacity:0;transform:translateY(12px) scale(.98)}100%{opacity:1;transform:none}}
/* 3 · os selos são carimbados */
.wc14__panel.is-on .wc14__own b{animation:wcStamp .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__own.o1 b{animation-delay:.26s}
.wc14__panel.is-on .wc14__own.o2 b{animation-delay:.38s}
.wc14__panel.is-on .wc14__own.o3 b{animation-delay:.5s}
.wc14__panel.is-on .wc14__own.o4 b{animation-delay:.62s}
@keyframes wcStamp{0%{transform:scale(1.5) rotate(-6deg);opacity:0}60%{transform:scale(.96) rotate(0)}100%{transform:scale(1);opacity:1}}
/* item ativo: barra de progresso do avanço automático */
.wc14__it{position:relative;overflow:hidden}
.wc14__it::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--orange);transform:scaleY(0);transform-origin:top;border-radius:2px}
.wc14__it.is-on::after{animation:wcTick 5.2s linear both}
.wc14 .is-locked .wc14__it.is-on::after,.wc14__sec.is-locked .wc14__it.is-on::after{animation:none;transform:scaleY(1)}
@keyframes wcTick{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
.wc14__it.is-on .wc14__n{animation:wcNum .5s var(--ease-out) both}
@keyframes wcNum{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .wc14__panel.is-on>.wc14__mock>*,.wc14__panel.is-on .wc14__ch b,.wc14__panel.is-on .wc14__own b,
  .wc14__panel.is-on .wc14__kpi i,.wc14__panel.is-on .wc14__spark polyline,.wc14__it.is-on::after,
  .wc14__panel.is-on .wc14__msg.me,.wc14__panel.is-on .wc14__typing{animation:none!important;opacity:1!important;transform:none!important}
  .wc14__typing{display:none}
}

/* ===== Why Choose Us · painel 1 — o site e o resultado, ligados ===== */
.wc14__m1{align-content:center;justify-items:center;gap:0;position:relative}
.wc14__win{width:100%;max-width:318px;border-radius:15px;background:#fff;color:#1F1F1F;overflow:hidden;box-shadow:0 26px 46px -26px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.06)}
.wc14__bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:#F1EFEC}
.wc14__bar>i{width:7px;height:7px;border-radius:50%;flex:none}
.wc14__bar>i:nth-child(1){background:#F06A5D}.wc14__bar>i:nth-child(2){background:#F4BF4F}.wc14__bar>i:nth-child(3){background:#5CC772}
.wc14__url{margin-left:7px;flex:1;min-width:0;height:17px;display:flex;align-items:center;gap:5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,26,.08);font:400 8.5px/17px var(--font-mono);color:#8E8883;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wc14__url svg{width:8px;height:8px;flex:none;fill:none;stroke:#2F9E6B;stroke-width:2.2}
.wc14__live{display:flex;align-items:center;gap:4px;font:600 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#2F9E6B;background:rgba(47,158,107,.12);border-radius:999px;padding:4px 7px;flex:none}
.wc14__live i{width:5px;height:5px;border-radius:50%;background:#2F9E6B;animation:wcBlip 2s ease-out infinite}
@keyframes wcBlip{0%{box-shadow:0 0 0 0 rgba(47,158,107,.6)}70%,100%{box-shadow:0 0 0 6px rgba(47,158,107,0)}}
.wc14__site{padding:11px;display:grid;gap:9px}
.wc14__nav{display:flex;align-items:center;justify-content:space-between}
.wc14__logo{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:-.01em;color:#1F1F1F}
.wc14__logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(140deg,var(--orange),#FF8A3D)}
.wc14__menu{display:grid;gap:2.5px}.wc14__menu s{width:13px;height:1.6px;border-radius:1px;background:#C7C2BC;text-decoration:none;display:block}
.wc14__hero{position:relative;overflow:hidden;border-radius:11px;padding:13px;display:grid;gap:7px;justify-items:start;background:linear-gradient(145deg,#1668C6,#2F8BE8 58%,#5BA8F0)}
.wc14__sun{position:absolute;right:-22px;top:-26px;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.16)}
.wc14__hero>*:not(.wc14__sun){position:relative}
.wc14__badge{font:600 7.5px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.22);border-radius:999px;padding:5px 7px}
.wc14__h1{font-family:var(--font-display);font-weight:700;font-size:13px;line-height:1.2;letter-spacing:-.02em;color:#fff}
.wc14__cta2{display:inline-flex;align-items:center;gap:6px;font:600 9.5px/1 var(--font-body);color:#fff;background:var(--orange);border-radius:999px;padding:8px 11px}
.wc14__cta2 svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wc14__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wc14__tile{border-radius:9px;background:#F5F4F2;padding:8px;display:grid;gap:6px;justify-items:start}
.wc14__tile i{width:16px;height:16px;border-radius:6px;display:block}
.wc14__tile.t1 i{background:var(--orange)}.wc14__tile.t2 i{background:#1668C6}.wc14__tile.t3 i{background:#2F9E6B}
.wc14__tile s{display:block;width:80%;height:4px;border-radius:2px;background:#DEDBD7;text-decoration:none}
.wc14__stars{display:flex;align-items:center;gap:2px}
.wc14__stars svg{width:10px;height:10px;fill:#F2B041}
.wc14__stars em{margin-left:5px;font:500 8.5px/1 var(--font-mono);font-style:normal;color:#8E8883}
/* fio com tráfego */
.wc14__flow{position:relative;width:2px;height:46px;margin:0;display:grid;place-items:center}
.wc14__wire{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08),rgba(255,90,0,.55));border-radius:2px}
.wc14__dot{position:absolute;top:0;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,90,0,.9);opacity:0}
.wc14__link{position:absolute;top:50%;left:50%;translate:-50% -50%;width:28px;height:28px;border-radius:50%;background:var(--orange);display:grid;place-items:center;z-index:2;box-shadow:0 0 0 6px #0E0E0D,0 8px 18px -8px rgba(255,90,0,.9)}
.wc14__link svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round}
/* resultado de busca */
.wc14__serp{width:100%;max-width:318px;border-radius:14px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);padding:11px;display:grid;gap:8px}
.wc14__gq{display:flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.07);font:400 9.5px/1 var(--font-body);color:rgba(255,255,255,.62)}
.wc14__gq svg{width:10px;height:10px;flex:none;fill:none;stroke:rgba(255,255,255,.5);stroke-width:2.2;stroke-linecap:round}
.wc14__serp .r{position:relative;display:grid;grid-template-columns:11px 20px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border-radius:10px}
.wc14__serp .r.on{background:rgba(255,90,0,.13);box-shadow:inset 0 0 0 1px rgba(255,90,0,.32)}
.wc14__serp i{font:500 9.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.4)}
.wc14__serp .r.on i{color:var(--orange)}
.wc14__serp b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 9px/1 var(--font-display);background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff}
.wc14__serp b.b2{background:linear-gradient(140deg,#4C6EF5,#7B9BFF)}
.wc14__serp .tx{display:grid;gap:2px;min-width:0}
.wc14__serp em{font:400 8px/1.2 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__serp s{text-decoration:none;font:600 10.5px/1.25 var(--font-display);letter-spacing:-.01em;color:#9FC0FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc14__serp .r.on s{color:#fff}
.wc14__serp u{text-decoration:none;display:flex;align-items:center;gap:4px;font:500 8.5px/1 var(--font-body);color:rgba(255,255,255,.6)}
.wc14__serp u svg{width:9px;height:9px;fill:#F2B041}
.wc14__rank{position:absolute;right:8px;top:50%;translate:0 -50%;font:700 9px/1 var(--font-mono);letter-spacing:.04em;color:#fff;background:var(--orange);border-radius:999px;padding:5px 7px}
/* ===== coreografia ===== */
.wc14__panel.is-on .wc14__win{animation:wcWin .7s var(--ease-out) .05s both}
@keyframes wcWin{0%{opacity:0;transform:translateY(16px) scale(.94)}100%{opacity:1;transform:none}}
.wc14__panel.is-on .wc14__url{animation:wcType 1s steps(30,end) .35s both}
@keyframes wcType{0%{max-width:22px}100%{max-width:100%}}
.wc14__panel.is-on .wc14__nav{animation:wcIn .45s var(--ease-out) .5s both}
.wc14__panel.is-on .wc14__hero{animation:wcIn .5s var(--ease-out) .62s both}
.wc14__panel.is-on .wc14__badge{animation:wcIn .4s var(--ease-out) .78s both}
.wc14__panel.is-on .wc14__h1{animation:wcIn .45s var(--ease-out) .88s both}
.wc14__panel.is-on .wc14__cta2{animation:wcIn .45s var(--ease-out) 1s both,wcGlow 3s var(--ease-out) 1.8s infinite}
@keyframes wcGlow{0%{box-shadow:0 0 0 0 rgba(255,90,0,.55)}60%,100%{box-shadow:0 0 0 14px rgba(255,90,0,0)}}
.wc14__panel.is-on .wc14__tile{animation:wcTile .5s var(--ease-out) both}
.wc14__panel.is-on .wc14__tile.t1{animation-delay:1.12s}
.wc14__panel.is-on .wc14__tile.t2{animation-delay:1.22s}
.wc14__panel.is-on .wc14__tile.t3{animation-delay:1.32s}
@keyframes wcTile{0%{opacity:0;transform:translateY(10px) scale(.94)}70%{transform:translateY(0) scale(1.03)}100%{opacity:1;transform:none}}
.wc14__panel.is-on .wc14__stars svg{opacity:0;animation:wcStar .4s var(--ease-out) both}
.wc14__panel.is-on .wc14__stars svg:nth-child(1){animation-delay:1.42s}
.wc14__panel.is-on .wc14__stars svg:nth-child(2){animation-delay:1.5s}
.wc14__panel.is-on .wc14__stars svg:nth-child(3){animation-delay:1.58s}
.wc14__panel.is-on .wc14__stars svg:nth-child(4){animation-delay:1.66s}
.wc14__panel.is-on .wc14__stars svg:nth-child(5){animation-delay:1.74s}
.wc14__panel.is-on .wc14__stars em{animation:wcIn .4s var(--ease-out) 1.84s both}
@keyframes wcStar{0%{opacity:0;transform:scale(.3) rotate(-25deg)}70%{transform:scale(1.2) rotate(4deg)}100%{opacity:1;transform:none}}
.wc14__panel.is-on .wc14__wire{transform-origin:top;animation:wcWireGrow .6s var(--ease-out) 1.55s both}
@keyframes wcWireGrow{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}
.wc14__panel.is-on .wc14__link{animation:wcDrop .55s var(--ease-out) 1.8s both,wcPulse 3s var(--ease-out) 2.6s infinite}
@keyframes wcDrop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@keyframes wcPulse{0%{box-shadow:0 0 0 6px #0E0E0D,0 0 0 6px rgba(255,90,0,.45)}60%,100%{box-shadow:0 0 0 6px #0E0E0D,0 0 0 24px rgba(255,90,0,0)}}
.wc14__panel.is-on .wc14__dot{animation:wcTravel 1.9s linear infinite}
.wc14__panel.is-on .wc14__dot.d1{animation-delay:2.3s}
.wc14__panel.is-on .wc14__dot.d2{animation-delay:2.9s}
.wc14__panel.is-on .wc14__dot.d3{animation-delay:3.5s}
@keyframes wcTravel{0%{opacity:0;transform:translateY(-4px) scale(.6)}15%{opacity:1;transform:translateY(4px) scale(1)}85%{opacity:1;transform:translateY(40px) scale(1)}100%{opacity:0;transform:translateY(46px) scale(.6)}}
.wc14__panel.is-on .wc14__serp{animation:wcIn .55s var(--ease-out) 2s both}
.wc14__panel.is-on .wc14__gq{animation:wcIn .45s var(--ease-out) 2.1s both}
.wc14__panel.is-on .wc14__serp .r.on{animation:wcRank .8s var(--ease-out) 2.35s both}
@keyframes wcRank{0%{transform:translateY(42px);opacity:0}55%{transform:translateY(-4px);opacity:1}100%{transform:none;opacity:1}}
.wc14__panel.is-on .wc14__rank{animation:wcStampIn .5s var(--ease-out) 2.95s both}
@keyframes wcStampIn{0%{opacity:0;transform:translate(0,-50%) scale(1.8) rotate(-8deg)}65%{transform:translate(0,-50%) scale(.94)}100%{opacity:1;transform:translate(0,-50%) scale(1)}}
.wc14__panel.is-on .wc14__serp .r:not(.on){animation:wcIn .5s var(--ease-out) 2.6s both}
@media(max-width:900px){.wc14__win,.wc14__serp{max-width:100%}}
@media(prefers-reduced-motion:reduce){
  .wc14__m1 *{animation:none!important;opacity:1!important;transform:none!important;max-width:100%!important}
  .wc14__dot{display:none}
}
/* ===== Why Choose Us · painel 1 — detalhes finos ===== */
.wc14__win{position:relative;transform-origin:50% 0}
.wc14__panel.is-on .wc14__win{animation:wcWin2 .9s var(--ease-out) .05s both}
@keyframes wcWin2{0%{opacity:0;transform:perspective(900px) translateY(18px) rotateX(7deg) scale(.95)}60%{opacity:1}100%{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1)}}
.wc14__bar{position:relative;overflow:hidden}
.wc14__load{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--orange),#FFB37A);border-radius:2px}
.wc14__panel.is-on .wc14__load{animation:wcLoad 1.15s var(--ease-out) .3s both}
@keyframes wcLoad{0%{width:0;opacity:1}75%{width:100%;opacity:1}100%{width:100%;opacity:0}}
.wc14__tile{position:relative;gap:5px}
.wc14__tile em{font:600 7.5px/1 var(--font-body);font-style:normal;color:#5C5751;letter-spacing:-.01em}
.wc14__tile s{width:62%}
/* cursor que toca no botão */
.wc14__cursor{position:absolute;left:62%;top:78%;width:15px;height:15px;opacity:0;z-index:4;pointer-events:none}
.wc14__cursor svg{width:100%;height:100%;fill:#1F1F1F;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.wc14__panel.is-on .wc14__cursor{animation:wcCursor 2.6s var(--ease-out) 1.25s both}
@keyframes wcCursor{0%{opacity:0;left:66%;top:84%}18%{opacity:1}46%{opacity:1;left:30%;top:50%}58%{opacity:1;left:29%;top:51%}72%{opacity:1;left:30%;top:50%}100%{opacity:0;left:30%;top:50%}}
.wc14__ripple{position:absolute;left:30%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid var(--orange);opacity:0;z-index:3;pointer-events:none}
.wc14__panel.is-on .wc14__ripple{animation:wcRipple 1.1s var(--ease-out) 2.5s both}
@keyframes wcRipple{0%{opacity:0;transform:scale(.4)}25%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(3.4)}}
.wc14__panel.is-on .wc14__cta2{animation:wcIn .45s var(--ease-out) 1s both,wcPress .35s var(--ease-out) 2.5s,wcGlow 3s var(--ease-out) 3.1s infinite}
@keyframes wcPress{0%,100%{transform:scale(1)}45%{transform:scale(.94)}}
/* fio com brilho correndo */
.wc14__wire{overflow:hidden}
.wc14__wire::after{content:"";position:absolute;left:0;right:0;height:16px;top:-16px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));opacity:0}
.wc14__panel.is-on .wc14__wire::after{animation:wcShine 1.9s linear 2.3s infinite}
@keyframes wcShine{0%{top:-16px;opacity:0}12%{opacity:.9}88%{opacity:.9;top:46px}100%{top:50px;opacity:0}}
/* três pontos no resultado */
.wc14__kebab{position:absolute;right:9px;bottom:8px;display:grid;gap:2px;justify-items:center}
.wc14__kebab i{width:2.5px;height:2.5px;border-radius:50%;background:rgba(255,255,255,.35)}
.wc14__panel.is-on .wc14__kebab{animation:wcIn .4s var(--ease-out) 3.1s both}
/* o círculo do hero respira */
.wc14__panel.is-on .wc14__sun{animation:wcSun 9s ease-in-out 1s infinite}
@keyframes wcSun{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8px,6px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){
  .wc14__cursor,.wc14__ripple,.wc14__load,.wc14__wire::after{display:none}
}
/* ===== Why Choose Us · o conector entre o site e a busca ===== */
.wc14__flow{position:relative;width:3px;height:58px;display:grid;place-items:center;overflow:visible}
.wc14__wire{position:absolute;left:50%;translate:-50% 0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,90,0,.75) 45%,rgba(255,90,0,.95));box-shadow:0 0 12px rgba(255,90,0,.35);overflow:hidden}
.wc14__flow::before{content:"";position:absolute;left:50%;translate:-50% 0;top:-2px;bottom:-2px;width:1px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 3px,transparent 3px 8px);opacity:.5}
.wc14__halo{position:absolute;top:50%;left:50%;translate:-50% -50%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.3),rgba(255,90,0,0) 68%);opacity:0}
.wc14__panel.is-on .wc14__halo{animation:wcHalo 3s ease-out 2.2s infinite}
@keyframes wcHalo{0%{opacity:0;transform:scale(.6)}30%{opacity:.9}100%{opacity:0;transform:scale(1.25)}}
.wc14__orbit{position:absolute;top:50%;left:50%;translate:-50% -50%;width:46px;height:46px;border-radius:50%;border:1.5px dashed rgba(255,90,0,.45);opacity:0}
.wc14__panel.is-on .wc14__orbit{animation:wcRing .5s var(--ease-out) 2s both,wcSpin 9s linear 2s infinite}
@keyframes wcRing{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@keyframes wcSpin{to{transform:rotate(360deg)}}
.wc14__link{position:absolute;top:50%;left:50%;translate:-50% -50%;width:30px;height:30px;border-radius:50%;background:radial-gradient(120% 120% at 30% 25%,#FF8A3D,var(--orange) 62%);display:grid;place-items:center;z-index:3;box-shadow:0 0 0 7px #0E0E0D,0 10px 20px -8px rgba(255,90,0,.95),inset 0 1px 0 rgba(255,255,255,.35)}
.wc14__link svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.wc14__dot{position:absolute;left:50%;top:0;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#FFD9C2;box-shadow:0 0 10px rgba(255,170,110,.95),0 -7px 9px -3px rgba(255,120,40,.55);opacity:0;z-index:2}
.wc14__panel.is-on .wc14__dot{animation:wcTravel 2.1s cubic-bezier(.45,.05,.3,1) infinite}
.wc14__panel.is-on .wc14__dot.d1{animation-delay:2.2s}
.wc14__panel.is-on .wc14__dot.d2{animation-delay:2.7s}
.wc14__panel.is-on .wc14__dot.d3{animation-delay:3.2s}
.wc14__panel.is-on .wc14__dot.d4{animation-delay:3.7s}
@keyframes wcTravel{
  0%{opacity:0;transform:translateY(-6px) scale(.5)}
  12%{opacity:1;transform:translateY(2px) scale(1)}
  44%{opacity:1;transform:translateY(22px) scale(.85)}
  52%{opacity:.25;transform:translateY(27px) scale(.5)}
  60%{opacity:1;transform:translateY(33px) scale(.9)}
  88%{opacity:1;transform:translateY(52px) scale(1)}
  100%{opacity:0;transform:translateY(58px) scale(.5)}
}
.wc14__panel.is-on .wc14__wire::after{animation:wcShine 2.1s linear 2.3s infinite}
@keyframes wcShine{0%{top:-18px;opacity:0}14%{opacity:.85}86%{opacity:.85;top:58px}100%{top:62px;opacity:0}}
@media(prefers-reduced-motion:reduce){.wc14__dot,.wc14__halo,.wc14__orbit{display:none}}

/* ===== Why Choose Us · painel 2 — a mesma empresa em três lugares ===== */
.wc14__m2{position:relative;align-content:center;gap:9px;padding-left:20px}
.wc14__rail{position:absolute;left:6px;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(76,110,245,.7),rgba(47,158,107,.7) 50%,rgba(255,90,0,.8))}
.wc14__panel.is-on .wc14__rail{transform-origin:top;animation:wcRail .8s var(--ease-out) .1s both}
@keyframes wcRail{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}
.wc14__surf{position:relative;border-radius:13px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);padding:9px 11px;display:grid;gap:7px}
.wc14__surf::before{content:"";position:absolute;left:-18px;top:17px;width:9px;height:9px;border-radius:50%;background:#0E0E0D;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.wc14__surf.s1::before{box-shadow:inset 0 0 0 2px #4C6EF5}
.wc14__surf.s2::before{box-shadow:inset 0 0 0 2px #2F9E6B}
.wc14__surf.s3::before{box-shadow:inset 0 0 0 2px var(--orange)}
.wc14__sh{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:-.015em}
.wc14__sh b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1A56C4;font:700 9px/1 var(--font-display);flex:none}
.wc14__sh b.g{background:#2F9E6B;color:#fff}
.wc14__sh b.d{background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff;font-size:8px}
.wc14__sh em{margin-left:auto;font:400 9.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
/* busca */
.wc14__res{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:rgba(76,110,245,.1);box-shadow:inset 0 0 0 1px rgba(76,110,245,.22)}
.wc14__res i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff;font:700 8px/1 var(--font-display);font-style:normal}
.wc14__res span{display:grid;gap:1px;min-width:0}
.wc14__res em{font:400 7.5px/1.2 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__res s{text-decoration:none;font:600 10px/1.2 var(--font-display);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc14__res u{text-decoration:none;font:700 8.5px/1 var(--font-mono);color:#fff;background:#4C6EF5;border-radius:999px;padding:5px 6px}
/* mapa */
.wc14__map{position:relative;height:78px;border-radius:10px;overflow:hidden;background:#20262B;display:block}
.wc14__map .rd{position:absolute;background:rgba(255,255,255,.1);display:block}
.wc14__map .rd1{left:0;right:0;top:30%;height:5px}
.wc14__map .rd2{left:0;right:0;top:66%;height:4px}
.wc14__map .rd3{top:0;bottom:0;left:58%;width:5px}
.wc14__map .pin{position:absolute;width:9px;height:9px;border-radius:50% 50% 50% 0;rotate:-45deg;background:#8B9196;box-shadow:0 0 0 1.5px rgba(255,255,255,.25);opacity:0}
.wc14__map .p1{left:18%;top:22%}
.wc14__map .p2{left:72%;top:58%}
.wc14__map .p3{left:36%;top:48%;background:var(--orange);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 4px 10px rgba(255,90,0,.7);width:12px;height:12px}
.wc14__pack{position:absolute;left:6px;right:6px;bottom:6px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 7px;border-radius:8px;background:#fff;color:#1F1F1F;box-shadow:0 8px 16px -10px rgba(0,0,0,.8)}
.wc14__pack b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff;font:700 8px/1 var(--font-display)}
.wc14__pack span{display:grid;gap:1px;min-width:0}
.wc14__pack s{text-decoration:none;font:600 9px/1.2 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc14__pack em{font:400 7.5px/1 var(--font-body);font-style:normal;color:#F2B041}
.wc14__pack u{text-decoration:none;font:700 8px/1 var(--font-mono);color:#fff;background:#2F9E6B;border-radius:999px;padding:4px 6px}
/* ia */
.wc14__ai{display:grid;gap:7px;justify-items:start}
.wc14__ask{font:500 10px/1.3 var(--font-body);color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);border-radius:10px 10px 10px 3px;padding:7px 9px;max-width:92%}
.wc14__typing2{display:flex;gap:4px;padding:8px 10px;border-radius:10px;background:rgba(255,90,0,.14)}
.wc14__typing2 i{width:4.5px;height:4.5px;border-radius:50%;background:var(--orange);animation:wcDots 1.1s ease-in-out infinite}
.wc14__typing2 i:nth-child(2){animation-delay:.14s}
.wc14__typing2 i:nth-child(3){animation-delay:.28s}
.wc14__ans{display:grid;gap:4px;font:500 10px/1.4 var(--font-body);color:#fff;background:rgba(255,90,0,.16);box-shadow:inset 0 0 0 1px rgba(255,90,0,.3);border-radius:10px 10px 3px 10px;padding:8px 10px;max-width:96%}
.wc14__ans b{color:#FFB98C;font-weight:700}
.wc14__ans em{font:400 7.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.5)}
/* coreografia */
.wc14__panel.is-on .wc14__surf{animation:wcIn .5s var(--ease-out) both}
.wc14__panel.is-on .wc14__surf.s1{animation-delay:.2s}
.wc14__panel.is-on .wc14__surf.s2{animation-delay:1.1s}
.wc14__panel.is-on .wc14__surf.s3{animation-delay:2s}
.wc14__panel.is-on .wc14__res{animation:wcIn .45s var(--ease-out) .5s both}
.wc14__panel.is-on .wc14__res u{animation:wcStampIn .45s var(--ease-out) .78s both}
.wc14__panel.is-on .wc14__map .pin{animation:wcPin .5s var(--ease-out) both}
.wc14__panel.is-on .wc14__map .p1{animation-delay:1.4s}
.wc14__panel.is-on .wc14__map .p2{animation-delay:1.52s}
.wc14__panel.is-on .wc14__map .p3{animation-delay:1.68s}
@keyframes wcPin{0%{opacity:0;transform:translateY(-14px) rotate(-45deg) scale(.6)}70%{transform:translateY(2px) rotate(-45deg) scale(1.1)}100%{opacity:1;transform:translateY(0) rotate(-45deg) scale(1)}}
.wc14__panel.is-on .wc14__pack{animation:wcIn .5s var(--ease-out) 1.85s both}
.wc14__panel.is-on .wc14__ask{animation:wcIn .45s var(--ease-out) 2.25s both}
.wc14__panel.is-on .wc14__typing2{animation:wcIn .4s var(--ease-out) 2.55s both,wcTypingOut2 .4s var(--ease-out) 3.5s forwards}
@keyframes wcTypingOut2{0%{opacity:1;max-height:30px}100%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-7px}}
.wc14__panel.is-on .wc14__ans{animation:wcIn .5s var(--ease-out) 3.75s both}
.wc14__panel.is-on .wc14__ans b{animation:wcMark .6s var(--ease-out) 4.2s both}
@keyframes wcMark{0%{background:rgba(255,185,140,0)}40%{background:rgba(255,185,140,.3)}100%{background:rgba(255,185,140,0)}}
@media(prefers-reduced-motion:reduce){.wc14__typing2{display:none}}
/* painel 2 · mais conteúdo em cada superfície */
.wc14__m2{gap:8px}
.wc14__res.dim{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.wc14__res i.b2{background:linear-gradient(140deg,#4C6EF5,#7B9BFF)}
.wc14__res.dim s{color:rgba(255,255,255,.7);font-weight:500}
.wc14__kws{display:flex;flex-wrap:wrap;gap:5px}
.wc14__kws s{text-decoration:none;font:500 8.5px/1 var(--font-body);color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 7px}
.wc14__map{height:72px}
.wc14__me{position:absolute;left:36%;top:48%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(255,90,0,.22)}
.wc14__pack{position:static;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#fff;color:#1F1F1F;box-shadow:0 8px 16px -12px rgba(0,0,0,.7)}
.wc14__pack.dim{background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);box-shadow:none}
.wc14__pack.dim em{color:rgba(255,255,255,.5)}
.wc14__pack b.b2{background:linear-gradient(140deg,#4C6EF5,#7B9BFF)}
.wc14__pack u.g2{background:rgba(255,255,255,.14)}
.wc14__srcs{display:flex;flex-wrap:wrap;gap:5px}
.wc14__srcs s{text-decoration:none;font:500 8.5px/1 var(--font-mono);letter-spacing:.02em;color:rgba(255,255,255,.6);background:rgba(255,255,255,.07);border-radius:999px;padding:5px 7px}
/* entradas extras */
.wc14__panel.is-on .wc14__res.dim{animation:wcIn .45s var(--ease-out) .66s both}
.wc14__panel.is-on .wc14__kws s{animation:wcIn .4s var(--ease-out) both}
.wc14__panel.is-on .wc14__kws s:nth-child(1){animation-delay:.86s}
.wc14__panel.is-on .wc14__kws s:nth-child(2){animation-delay:.94s}
.wc14__panel.is-on .wc14__kws s:nth-child(3){animation-delay:1.02s}
.wc14__panel.is-on .wc14__me{animation:wcHalo2 2.6s ease-out 1.9s infinite}
@keyframes wcHalo2{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(1.35)}}
.wc14__panel.is-on .wc14__pack{animation:wcIn .5s var(--ease-out) 1.85s both}
.wc14__panel.is-on .wc14__pack.dim{animation:wcIn .5s var(--ease-out) 2s both}
.wc14__panel.is-on .wc14__srcs s{animation:wcIn .4s var(--ease-out) both}
.wc14__panel.is-on .wc14__srcs s:nth-child(1){animation-delay:4.3s}
.wc14__panel.is-on .wc14__srcs s:nth-child(2){animation-delay:4.4s}
.wc14__panel.is-on .wc14__srcs s:nth-child(3){animation-delay:4.5s}
/* painéis 3, 4 e 5 · mais conteúdo */
.wc14__terms{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.wc14__terms s{text-decoration:none;font:500 8.5px/1 var(--font-mono);letter-spacing:.03em;color:rgba(255,255,255,.6);background:rgba(255,255,255,.07);border-radius:999px;padding:6px 8px}
.wc14__hand{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:center;margin-top:4px;padding:9px 10px;border-radius:11px;background:rgba(31,164,99,.12);box-shadow:inset 0 0 0 1px rgba(31,164,99,.25);font:500 10.5px/1.4 var(--font-body);color:rgba(255,255,255,.82)}
.wc14__hand i{width:18px;height:18px;border-radius:50%;background:#1FA463;display:grid;place-items:center}
.wc14__hand svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wc14__panel.is-on .wc14__terms s{animation:wcIn .4s var(--ease-out) both}
.wc14__panel.is-on .wc14__terms s:nth-child(1){animation-delay:.78s}
.wc14__panel.is-on .wc14__terms s:nth-child(2){animation-delay:.86s}
.wc14__panel.is-on .wc14__terms s:nth-child(3){animation-delay:.94s}
.wc14__panel.is-on .wc14__hand{animation:wcIn .5s var(--ease-out) 1.06s both}
@keyframes wcBar{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}

/* ===== Why Choose Us · painel 3 — a entrega das chaves ===== */
.wc14__m3{align-content:center;gap:10px}
.wc14__oh{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center}
.wc14__oh .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff;font:700 12px/1 var(--font-display);font-style:normal}
.wc14__oh span{display:grid;gap:2px;min-width:0}
.wc14__oh s{text-decoration:none;font:600 11.5px/1.2 var(--font-display);letter-spacing:-.015em}
.wc14__oh em{font:400 9px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__count{text-decoration:none;display:flex;align-items:baseline;gap:1px;font:700 12px/1 var(--font-mono);color:#6BD39B;background:rgba(31,164,99,.14);border-radius:999px;padding:6px 10px}
.wc14__count em{font-style:normal;font-size:9.5px;opacity:.65}
.wc14__panel.is-on .wc14__oh{animation:wcIn .45s var(--ease-out) .08s both}
.wc14__panel.is-on .wc14__count{animation:wcStamp .5s var(--ease-out) 1.5s both}
/* ativos */
.wc14__assets{display:grid;gap:6px}
.wc14__own{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font-size:12px}
.wc14__own .ic{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.wc14__own .ic svg{width:13px;height:13px;fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wc14__own .ck{text-decoration:none;width:20px;height:20px;border-radius:50%;background:#1FA463;display:grid;place-items:center}
.wc14__own .ck svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wc14__panel.is-on .wc14__own{animation:wcRow .5s var(--ease-out) both}
.wc14__panel.is-on .wc14__own.o1{animation-delay:.25s}
.wc14__panel.is-on .wc14__own.o2{animation-delay:.4s}
.wc14__panel.is-on .wc14__own.o3{animation-delay:.55s}
.wc14__panel.is-on .wc14__own.o4{animation-delay:.7s}
.wc14__panel.is-on .wc14__own.o5{animation-delay:.85s}
@keyframes wcRow{0%{opacity:0;transform:translateX(-16px)}100%{opacity:1;transform:none}}
.wc14__panel.is-on .wc14__own .ck{animation:wcStamp2 .45s var(--ease-out) backwards}
.wc14__panel.is-on .wc14__own.o1 .ck{animation-delay:.5s}
.wc14__panel.is-on .wc14__own.o2 .ck{animation-delay:.65s}
.wc14__panel.is-on .wc14__own.o3 .ck{animation-delay:.8s}
.wc14__panel.is-on .wc14__own.o4 .ck{animation-delay:.95s}
.wc14__panel.is-on .wc14__own.o5 .ck{animation-delay:1.1s}
@keyframes wcStamp2{0%{opacity:0;transform:scale(1.9) rotate(-14deg)}65%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
/* acesso */
.wc14__access{display:grid;gap:6px;padding:10px;border-radius:13px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.wc14__user{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.05)}
.wc14__user i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 9px/1 var(--font-display);font-style:normal;background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff}
.wc14__user i.rg{background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);font-size:8px}
.wc14__user span{display:grid;gap:1px;min-width:0}
.wc14__user s{text-decoration:none;font:600 10.5px/1.2 var(--font-body)}
.wc14__user em{font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__user u{text-decoration:none;font:600 8.5px/1 var(--font-mono);letter-spacing:.05em;border-radius:999px;padding:5px 8px;color:#6BD39B;background:rgba(31,164,99,.16)}
.wc14__user u.rm{color:#FF9D7A;background:rgba(255,90,0,.16)}
.wc14__panel.is-on .wc14__access{animation:wcIn .5s var(--ease-out) 1.25s both}
.wc14__panel.is-on .wc14__user.owner{animation:wcIn .45s var(--ease-out) 1.4s both}
.wc14__panel.is-on .wc14__user.agency{animation:wcIn .45s var(--ease-out) 1.55s both,wcLeave .9s var(--ease-out) 3.4s forwards}
@keyframes wcLeave{0%{opacity:1;transform:none;max-height:44px}45%{opacity:.5;transform:translateX(26px)}100%{opacity:0;transform:translateX(70px);max-height:0;margin-top:-6px}}
.wc14__panel.is-on .wc14__user.agency u.rm{animation:wcRm .5s var(--ease-out) 3s both}
@keyframes wcRm{0%{transform:scale(1)}40%{transform:scale(1.14);background:rgba(255,90,0,.3)}100%{transform:scale(1)}}
/* três passos */
.wc14__steps3{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:2px}
.wc14__steps3 .st{display:grid;gap:6px;justify-items:center;font:500 9.5px/1.2 var(--font-body);color:rgba(255,255,255,.62);text-align:center}
.wc14__steps3 .st i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--font-mono);font-style:normal;color:#0E0E0D;background:var(--orange);position:relative;z-index:2;box-shadow:0 0 0 5px #0E0E0D}
.wc14__steps3 .ln{position:absolute;left:16%;right:16%;top:11px;height:2px;border-radius:2px;background:rgba(255,255,255,.14);z-index:1}
.wc14__steps3 .ln::after{content:"";position:absolute;inset:0;border-radius:2px;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.wc14__panel.is-on .wc14__steps3 .ln::after{animation:wcLine 1.4s var(--ease-out) 2s both}
@keyframes wcLine{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.wc14__panel.is-on .wc14__steps3 .st{animation:wcIn .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__steps3 .st:nth-child(1){animation-delay:1.95s}
.wc14__panel.is-on .wc14__steps3 .st:nth-child(2){animation-delay:2.45s}
.wc14__panel.is-on .wc14__steps3 .st:nth-child(3){animation-delay:2.95s}
/* promessa */
.wc14__hand{position:relative;overflow:hidden;display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border-radius:11px;background:rgba(31,164,99,.12);box-shadow:inset 0 0 0 1px rgba(31,164,99,.25);font:500 10.5px/1.4 var(--font-body);color:rgba(255,255,255,.85)}
.wc14__hand i{width:18px;height:18px;border-radius:50%;background:#1FA463;display:grid;place-items:center}
.wc14__hand svg:first-of-type{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wc14__sign{position:absolute;right:10px;bottom:3px;width:80px;height:20px;fill:none;stroke:rgba(107,211,155,.7);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230}
.wc14__panel.is-on .wc14__hand{animation:wcIn .5s var(--ease-out) 4.3s both}
.wc14__panel.is-on .wc14__sign{animation:wcSign 1.3s var(--ease-out) 4.7s both}
@keyframes wcSign{0%{stroke-dashoffset:230}100%{stroke-dashoffset:0}}

/* ===== Why Choose Us · painel 4 — linha direta com quem executa ===== */
.wc14__m4{align-content:center;gap:8px}
.wc14__who{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1)}
.wc14__who span{display:grid;gap:2px;min-width:0}
.wc14__who s{text-decoration:none;font:600 11.5px/1.2 var(--font-display);letter-spacing:-.015em}
.wc14__who em{font:400 9px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__who u{text-decoration:none;font:600 8.5px/1 var(--font-mono);letter-spacing:.06em;color:#6BD39B;background:rgba(31,164,99,.15);border-radius:999px;padding:5px 8px}
.wc14__ava{width:30px;height:30px;border-radius:50%;flex:none;background:linear-gradient(140deg,#F6C7A1,#C98A5B)}
.wc14__ava.sm{width:20px;height:20px}
.wc14__day{justify-self:center;font:500 8.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 9px}
.wc14__msg{display:flex;align-items:flex-end;gap:8px;max-width:90%}
.wc14__msg.me{margin-left:auto;flex-direction:row-reverse}
.wc14__msg s{position:relative;text-decoration:none;font-size:11.5px;line-height:1.4;border-radius:14px 14px 14px 4px;padding:9px 12px;background:rgba(255,255,255,.08)}
.wc14__msg.me s{background:var(--orange);border-radius:14px 14px 4px 14px;padding-right:30px}
.wc14__msg .rd{position:absolute;right:9px;bottom:7px;width:13px;height:13px}
.wc14__msg .rd svg{width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.55);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wc14__msg s.file{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;background:rgba(255,90,0,.16);box-shadow:inset 0 0 0 1px rgba(255,90,0,.32);color:#fff}
.wc14__msg s.file .fi{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.wc14__msg s.file .fi svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wc14__msg s.file b{display:block;font:600 10.5px/1.2 var(--font-body)}
.wc14__msg s.file em{display:block;font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.6);margin-top:3px}
.wc14__typing{display:flex;gap:4px;align-items:center;margin-left:auto;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.08);width:fit-content}
.wc14__typing span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6);animation:wcDots 1.1s ease-in-out infinite}
.wc14__typing span:nth-child(2){animation-delay:.15s}
.wc14__typing span:nth-child(3){animation-delay:.3s}
.wc14__call{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:3px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.wc14__call i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(76,110,245,.18)}
.wc14__call i svg{width:14px;height:14px;fill:none;stroke:#8FA8FF;stroke-width:1.8;stroke-linecap:round}
.wc14__call span{display:grid;gap:2px;min-width:0}
.wc14__call s{text-decoration:none;font:600 10.5px/1.2 var(--font-body)}
.wc14__call em{font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.5)}
.wc14__call u{text-decoration:none;font:600 9px/1 var(--font-mono);color:#8FA8FF;background:rgba(76,110,245,.16);border-radius:999px;padding:6px 8px;white-space:nowrap}
.wc14__chans{display:flex;flex-wrap:wrap;gap:5px}
.wc14__chans s{text-decoration:none;font:500 8.5px/1 var(--font-mono);letter-spacing:.03em;color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 8px}
/* coreografia */
.wc14__panel.is-on .wc14__who{animation:wcIn .45s var(--ease-out) .08s both}
.wc14__panel.is-on .wc14__day{animation:wcIn .4s var(--ease-out) .3s both}
.wc14__panel.is-on .wc14__msg.m1{animation:wcBubbleL .5s var(--ease-out) .5s both}
.wc14__panel.is-on .wc14__typing.t1{animation:wcIn .35s var(--ease-out) .95s both,wcTypingOut .4s var(--ease-out) 1.75s forwards}
@keyframes wcTypingOut{0%{opacity:1;max-height:36px}100%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-8px}}
.wc14__panel.is-on .wc14__msg.m2{animation:wcBubbleR .5s var(--ease-out) 2s both}
.wc14__panel.is-on .wc14__msg.m3{animation:wcBubbleR .5s var(--ease-out) 2.5s both}
.wc14__panel.is-on .wc14__msg.m4{animation:wcBubbleL .5s var(--ease-out) 3.1s both}
.wc14__panel.is-on .wc14__msg.m5{animation:wcBubbleR .5s var(--ease-out) 3.6s both}
@keyframes wcBubbleL{0%{opacity:0;transform:translate(-12px,8px) scale(.94)}100%{opacity:1;transform:none}}
@keyframes wcBubbleR{0%{opacity:0;transform:translate(12px,8px) scale(.94)}100%{opacity:1;transform:none}}
.wc14__panel.is-on .wc14__msg.m2 .rd svg{animation:wcRead .4s var(--ease-out) 2.9s both}
.wc14__panel.is-on .wc14__msg.m3 .rd svg{animation:wcRead .4s var(--ease-out) 3.4s both}
.wc14__panel.is-on .wc14__msg.m5 .rd svg{animation:wcRead .4s var(--ease-out) 4.2s both}
@keyframes wcRead{0%{stroke:rgba(255,255,255,.4);transform:scale(.8)}60%{transform:scale(1.15)}100%{stroke:#fff;transform:scale(1)}}
.wc14__panel.is-on .wc14__call{animation:wcIn .5s var(--ease-out) 5.35s both}
.wc14__panel.is-on .wc14__chans s{animation:wcIn .4s var(--ease-out) both}
.wc14__panel.is-on .wc14__chans s:nth-child(1){animation-delay:5.7s}
.wc14__panel.is-on .wc14__chans s:nth-child(2){animation-delay:5.8s}
.wc14__panel.is-on .wc14__chans s:nth-child(3){animation-delay:5.9s}
.wc14__panel.is-on .wc14__chans s:nth-child(4){animation-delay:6s}
@media(prefers-reduced-motion:reduce){.wc14__typing{display:none}}
.wc14__compose{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:9px;align-items:center;margin-top:4px;padding:7px 8px 7px 13px;border-radius:999px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.wc14__compose .ph{font:400 11px/1 var(--font-body);color:rgba(255,255,255,.4)}
.wc14__compose .snd{width:30px;height:30px;border-radius:50%;background:var(--orange);display:grid;place-items:center}
.wc14__compose .snd svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.wc14__panel.is-on .wc14__compose{animation:wcIn .45s var(--ease-out) 5.1s both}
.wc14__panel.is-on .wc14__compose .snd{animation:wcGlow 3s var(--ease-out) 5.8s infinite}
/* painel 4 · fixado e áudio */
.wc14__pin{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border-radius:11px;background:rgba(255,90,0,.1);box-shadow:inset 0 0 0 1px rgba(255,90,0,.24)}
.wc14__pin i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,90,0,.22)}
.wc14__pin i svg{width:13px;height:13px;fill:none;stroke:#FFB98C;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wc14__pin span{display:grid;gap:2px;min-width:0}
.wc14__pin s{text-decoration:none;font:600 10.5px/1.2 var(--font-body)}
.wc14__pin em{font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.5)}
.wc14__pin u{text-decoration:none;font:600 8.5px/1 var(--font-mono);letter-spacing:.06em;color:#FFB98C;background:rgba(255,90,0,.18);border-radius:999px;padding:5px 8px}
.wc14__panel.is-on .wc14__pin{animation:wcIn .45s var(--ease-out) .22s both}
.wc14__msg s.voice{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 12px}
.wc14__msg s.voice .pl{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.wc14__msg s.voice .pl svg{width:12px;height:12px;fill:#fff}
.wc14__msg s.voice .wave{display:flex;align-items:center;gap:2.5px;height:20px}
.wc14__msg s.voice .wave i{width:2.5px;border-radius:2px;background:rgba(255,255,255,.55);height:40%}
.wc14__msg s.voice em{font:500 9px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.55)}
.wc14__panel.is-on .wc14__msg.m6{animation:wcBubbleL .5s var(--ease-out) 4.1s both}
.wc14__panel.is-on .wc14__msg.m7{animation:wcBubbleR .5s var(--ease-out) 4.65s both}
.wc14__panel.is-on .wc14__msg.m7 .rd svg{animation:wcRead .4s var(--ease-out) 5.3s both}
.wc14__panel.is-on .wc14__msg.m6 .wave i{animation:wcWave 1.1s ease-in-out infinite}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(2){animation-delay:.07s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(3){animation-delay:.14s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(4){animation-delay:.21s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(5){animation-delay:.28s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(6){animation-delay:.35s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(7){animation-delay:.42s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(8){animation-delay:.49s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(9){animation-delay:.56s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(10){animation-delay:.63s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(11){animation-delay:.7s}
.wc14__panel.is-on .wc14__msg.m6 .wave i:nth-child(12){animation-delay:.77s}
@keyframes wcWave{0%,100%{height:30%}50%{height:100%}}

/* ===== Why Choose Us · painel 5 — o relatório ===== */
.wc14__m5{align-content:center;gap:9px}
.wc14__rhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1)}
.wc14__rhead .rh{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;min-width:0}
.wc14__rhead .rh i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,var(--orange),#FF8A3D);color:#fff;font:700 11px/1 var(--font-display);font-style:normal}
.wc14__rhead .rh span{display:grid;gap:2px;min-width:0}
.wc14__rhead s{text-decoration:none;font:600 11.5px/1.2 var(--font-display);letter-spacing:-.015em}
.wc14__rhead em{font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.45)}
.wc14__rhead u{text-decoration:none;font:500 8.5px/1 var(--font-mono);letter-spacing:.06em;color:rgba(255,255,255,.45);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 8px;white-space:nowrap}
.wc14__kpi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.72)}
.wc14__kpi b{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;color:#fff}
.wc14__kpi u.up{text-decoration:none;font:600 8.5px/1 var(--font-mono);color:#6BD39B;background:rgba(31,164,99,.14);border-radius:999px;padding:5px 7px}
.wc14__kpi>i{position:absolute;left:0;bottom:-1px;height:2px;border-radius:2px;background:var(--orange);width:0}
.wc14__chart{position:relative;padding-top:4px}
.wc14__chart svg{width:100%;height:72px;display:block;overflow:visible}
.wc14__chart .ar{fill:url(#wcg);opacity:0}
.wc14__chart .ln{fill:none;stroke:#2FD98A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320}
.wc14__chart .dt{fill:#2FD98A;opacity:0}
.wc14__chart .tip{position:absolute;right:0;top:-4px;font:600 8.5px/1 var(--font-mono);letter-spacing:.04em;color:#0E0E0D;background:#2FD98A;border-radius:999px;padding:5px 8px;opacity:0}
.wc14__weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:end;height:56px;margin-top:6px}
.wc14__weeks s{text-decoration:none;display:grid;grid-template-rows:1fr auto;gap:5px;justify-items:center;align-items:end;height:100%;font:500 8px/1 var(--font-mono);color:rgba(255,255,255,.4)}
.wc14__weeks i{width:100%;align-self:end;height:var(--h,50%);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(255,90,0,.95),rgba(255,90,0,.3));transform-origin:bottom}
.wc14__moved,.wc14__next{display:grid;gap:6px}
.wc14__mv,.wc14__moved .mv{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;font:500 10.5px/1.3 var(--font-body);color:rgba(255,255,255,.78)}
.wc14__moved .mv i{width:8px;height:8px;border-radius:50%}
.wc14__moved .mv i.g{background:#2FD98A}.wc14__moved .mv i.b{background:#4C6EF5}.wc14__moved .mv i.o{background:var(--orange)}
.wc14__moved .mv em{font:400 8.5px/1 var(--font-mono);font-style:normal;color:rgba(255,255,255,.4)}
.wc14__next .nx{display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;align-items:center;font:500 10.5px/1.3 var(--font-body);color:rgba(255,255,255,.7)}
.wc14__next .nx i{width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.wc14__sent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:center;margin-top:2px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);font:400 9.5px/1.3 var(--font-mono);color:rgba(255,255,255,.45)}
/* coreografia */
.wc14__panel.is-on .wc14__rhead{animation:wcIn .45s var(--ease-out) .08s both}
.wc14__panel.is-on .wc14__kpi{animation:wcIn .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__kpi:nth-of-type(1){animation-delay:.26s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(2){animation-delay:.4s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(3){animation-delay:.54s}
.wc14__panel.is-on .wc14__kpi>i{animation:wcFill .9s var(--ease-out) both}
.wc14__panel.is-on .wc14__kpi:nth-of-type(1)>i{animation-delay:.42s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(2)>i{animation-delay:.56s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(3)>i{animation-delay:.7s}
@keyframes wcFill{0%{width:0}100%{width:var(--w,60%)}}
.wc14__panel.is-on .wc14__kpi u.up{animation:wcStamp .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__kpi:nth-of-type(1) u.up{animation-delay:.7s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(2) u.up{animation-delay:.84s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(3) u.up{animation-delay:.98s}
.wc14__panel.is-on .wc14__chart .ln{animation:wcDraw 1.2s var(--ease-out) 1.1s both}
@keyframes wcDraw{0%{stroke-dashoffset:320}100%{stroke-dashoffset:0}}
.wc14__panel.is-on .wc14__chart .ar{animation:wcFade .7s var(--ease-out) 1.7s both}
@keyframes wcFade{0%{opacity:0}100%{opacity:1}}
.wc14__panel.is-on .wc14__chart .dt{animation:wcDot .5s var(--ease-out) 2.2s both,wcDotPulse 2.4s ease-out 2.7s infinite}
@keyframes wcDot{0%{opacity:0;r:2}60%{r:6}100%{opacity:1;r:4}}
@keyframes wcDotPulse{0%{filter:drop-shadow(0 0 0 rgba(47,217,138,.8))}70%,100%{filter:drop-shadow(0 0 9px rgba(47,217,138,0))}}
.wc14__panel.is-on .wc14__chart .tip{animation:wcIn .45s var(--ease-out) 2.4s both}
.wc14__panel.is-on .wc14__weeks i{animation:wcBar .6s var(--ease-out) both}
.wc14__panel.is-on .wc14__weeks s:nth-child(1) i{animation-delay:1.9s}
.wc14__panel.is-on .wc14__weeks s:nth-child(2) i{animation-delay:2s}
.wc14__panel.is-on .wc14__weeks s:nth-child(3) i{animation-delay:2.1s}
.wc14__panel.is-on .wc14__weeks s:nth-child(4) i{animation-delay:2.2s}
@keyframes wcBar{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}
.wc14__panel.is-on .wc14__moved .mv{animation:wcRow .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__moved .mv:nth-of-type(1){animation-delay:2.7s}
.wc14__panel.is-on .wc14__moved .mv:nth-of-type(2){animation-delay:2.85s}
.wc14__panel.is-on .wc14__moved .mv:nth-of-type(3){animation-delay:3s}
.wc14__panel.is-on .wc14__next .nx{animation:wcIn .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__next .nx:nth-of-type(1){animation-delay:3.3s}
.wc14__panel.is-on .wc14__next .nx:nth-of-type(2){animation-delay:3.45s}
.wc14__panel.is-on .wc14__next .nx:nth-of-type(3){animation-delay:3.6s}
.wc14__panel.is-on .wc14__sent{animation:wcIn .45s var(--ease-out) 3.9s both}
/* painel 5 · números que correm, semanas e checkboxes */
.wc14__kpi .num{display:block;height:24px;overflow:hidden;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;color:#fff}
.wc14__kpi .num .reel{display:block}
.wc14__kpi .num .d{display:block;height:24px;line-height:24px;text-align:right}
.wc14__panel.is-on .wc14__kpi .num .reel{animation:wcRoll5 1.1s cubic-bezier(.2,.8,.2,1) both}
.wc14__panel.is-on .wc14__kpi:nth-of-type(1) .num .reel{animation-delay:.3s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(2) .num .reel{animation-delay:.44s}
.wc14__panel.is-on .wc14__kpi:nth-of-type(3) .num .reel{animation-delay:.58s}
@keyframes wcRoll5{0%{transform:translateY(0)}100%{transform:translateY(-120px)}}
.wc14__weeks{height:62px;gap:9px;margin-top:8px}
.wc14__weeks s em{font-style:normal}
.wc14__weeks i{width:70%;justify-self:center;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,rgba(255,90,0,.85),rgba(255,90,0,.22));box-shadow:inset 0 0 0 1px rgba(255,90,0,.25)}
.wc14__weeks s.best i{background:linear-gradient(180deg,#2FD98A,rgba(47,217,138,.3));box-shadow:inset 0 0 0 1px rgba(47,217,138,.4),0 6px 16px -8px rgba(47,217,138,.8)}
.wc14__weeks s.best em{color:#2FD98A}
.wc14__panel.is-on .wc14__weeks i{animation:wcBar2 .6s cubic-bezier(.2,.9,.25,1.1) both}
@keyframes wcBar2{0%{transform:scaleY(0);opacity:0}70%{transform:scaleY(1.06)}100%{transform:scaleY(1);opacity:1}}
.wc14__next .nx i{position:relative;display:grid;place-items:center}
.wc14__next .nx i svg{width:11px;height:11px;fill:none;stroke:#2FD98A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.wc14__panel.is-on .wc14__next .nx i svg{animation:wcCheck .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__next .nx.n1 i svg{animation-delay:3.5s}
.wc14__panel.is-on .wc14__next .nx.n2 i svg{animation-delay:3.7s}
.wc14__panel.is-on .wc14__next .nx.n3 i svg{animation-delay:3.9s}
@keyframes wcCheck{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}
.wc14__panel.is-on .wc14__next .nx i{animation:wcBox .45s var(--ease-out) both}
.wc14__panel.is-on .wc14__next .nx.n1 i{animation-delay:3.45s}
.wc14__panel.is-on .wc14__next .nx.n2 i{animation-delay:3.65s}
.wc14__panel.is-on .wc14__next .nx.n3 i{animation-delay:3.85s}
@keyframes wcBox{0%{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}100%{box-shadow:inset 0 0 0 1.5px rgba(47,217,138,.6)}}
.wc14__chart .tip{top:-10px;right:2px}
.wc14__moved .mv i{box-shadow:0 0 0 3px rgba(255,255,255,.05)}
@media(prefers-reduced-motion:reduce){
  .wc14__kpi .num .reel{transform:translateY(-120px)}
  .wc14__next .nx i svg{stroke-dashoffset:0}
}
/* Why Choose Us · painéis mais compactos */
.wc14__stage{padding:clamp(14px,1.6vw,20px)}
.wc14__m1,.wc14__m2,.wc14__m3,.wc14__m4,.wc14__m5{gap:7px}
.wc14__win{max-width:300px}
.wc14__hero{padding:11px;gap:6px}
.wc14__h1{font-size:12.5px}
.wc14__site{padding:10px;gap:7px}
.wc14__tile{padding:7px}
.wc14__flow{height:44px}
.wc14__serp{padding:9px;gap:6px}
.wc14__surf{padding:8px 10px;gap:6px}
.wc14__map{height:62px}
.wc14__own{padding:7px 10px}
.wc14__access{padding:8px;gap:5px}
.wc14__user{padding:6px 8px}
.wc14__msg s{padding:8px 11px;font-size:11px}
.wc14__chart svg{height:60px}
.wc14__weeks{height:50px;margin-top:5px}
.wc14__kpi{padding-bottom:9px}
.wc14__kpi .num,.wc14__kpi .num .d{height:22px}
.wc14__kpi .num .d{line-height:22px}
.wc14__panel.is-on .wc14__kpi .num .reel{animation-name:wcRoll5b}
@keyframes wcRoll5b{0%{transform:translateY(0)}100%{transform:translateY(-110px)}}
.wc14__moved,.wc14__next{gap:5px}
.wc14__sent{padding-top:7px}
.wc14__map{height:56px}
.wc14__pack{padding:6px 8px}

/* Bento da LP — ordem dos serviços no celular (uma coluna) */
@media(max-width:680px){
  .svc4--sw .bento>.kE{order:1}
  .svc4--sw .bento>.kH{order:2}
  .svc4--sw .bento>.kF{order:3}
  .svc4--sw .bento>.kB{order:4}
  .svc4--sw .bento>.kA{order:5}
  .svc4--sw .bento>.kD{order:6}
}

/* ============================================================
   WHY CHOOSE US — comparativo com o mercado (.cmp15)
   Reaproveita .wc14 / .wc14__sec / .wc14__head / .wc14__cta
   ============================================================ */
.cmp15__grid{
  --gap:clamp(10px,1.6vw,26px);
  --d0:.45s;      /* quando a primeira linha entra */
  --step:.26s;    /* cadência entre linhas */
  position:relative;display:grid;grid-template-columns:1fr 1fr;
  column-gap:var(--gap);row-gap:0;align-items:stretch
}
.cmp15__h{padding:0 clamp(12px,1.6vw,22px) 16px;display:flex;align-items:flex-end}
.cmp15__tag{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#fff}
.cmp15__h--us{container-type:inline-size}
.cmp15__tag--us{color:#fff;font-size:clamp(38px,5.2vw,68px);letter-spacing:-.005em;white-space:nowrap}
@supports (font-size:1cqi){.cmp15__tag--us{font-size:18.4cqi}}

.cmp15__c{position:relative;display:flex;align-items:flex-start;gap:12px;
  padding:clamp(14px,1.5vw,18px) clamp(12px,1.6vw,22px);
  font-size:clamp(13.5px,1.15vw,15.5px);line-height:1.42}
.cmp15__c::before{content:"";position:absolute;left:clamp(12px,1.6vw,22px);right:clamp(12px,1.6vw,22px);top:0;height:1px;background:rgba(255,255,255,.09);transform:scaleX(0);transform-origin:left}
.cmp15__c.r1::before{display:none}
.cmp15__c--us::before{left:0;right:0}

.cmp15__c--them{--no:#E5484D;color:#fff}
/* o risco é desenhado depois que a frase aparece */
.cmp15__c--them .cmp15__tx{
  background-image:linear-gradient(var(--no),var(--no));
  background-repeat:no-repeat;background-position:0 58%;background-size:0 3px
}
.cmp15__c--us{color:#fff;background:
  linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));
  box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset -1px 0 0 rgba(255,255,255,.07)}
.cmp15__c--us.r1{border-radius:16px 16px 0 0;box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset -1px 0 0 rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.1)}
.cmp15__c--us.r5{border-radius:0 0 16px 16px;box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset -1px 0 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(255,255,255,.07)}

.cmp15__ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:0}
.cmp15__ic svg{width:13px;height:13px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cmp15__ic--x{background:color-mix(in srgb,var(--no) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--no) 32%,transparent)}
.cmp15__ic--x svg{stroke:var(--no);stroke-dasharray:29;stroke-dashoffset:29}
.cmp15__ic--v{--ok:#2FBF6E;background:color-mix(in srgb,var(--ok) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 36%,transparent)}
.cmp15__ic--v svg{stroke:var(--ok);stroke-dasharray:24;stroke-dashoffset:24}

/* brilho e varredura sobre a coluna da direita */
.cmp15__glow{position:absolute;left:calc(50% + var(--gap)/2);right:0;top:34px;bottom:0;border-radius:16px;pointer-events:none;overflow:hidden;opacity:0}
.cmp15__glow::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.085),transparent)}

/* hover: a linha da direita ganha um pouco de luz */
@media (hover:hover){
  .cmp15__c--us{transition:background .35s var(--ease-out)}
  .cmp15__c--us:hover{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06))}
}

/* ---------- entrada ---------- */
.cmp15 .cmp15__h,.cmp15 .cmp15__c{opacity:0}
.cmp15.in .cmp15__h{animation:cmpHead .95s var(--ease-out) both}
.cmp15.in .cmp15__h--them{animation-delay:.04s}
.cmp15.in .cmp15__h--us{animation-delay:.12s}
.cmp15.in .cmp15__glow{animation:cmpGlow 1.4s var(--ease-out) .4s both}
.cmp15.in .cmp15__glow::after{animation:cmpSweep 3.2s cubic-bezier(.3,0,.1,1) .45s both}

.cmp15.in .cmp15__c{animation:cmpRowL 1.05s var(--ease-out) both;animation-delay:var(--t)}
.cmp15.in .cmp15__c--us{animation-name:cmpRowR;animation-delay:calc(var(--t) + .1s)}
.cmp15.in .cmp15__c::before{animation:cmpLine .9s var(--ease-out) both;animation-delay:calc(var(--t) + .1s)}
.cmp15.in .cmp15__c--them .cmp15__tx{animation:cmpStrike .8s cubic-bezier(.5,0,.1,1) both;animation-delay:calc(var(--t) + .48s)}
.cmp15.in .cmp15__ic{animation:cmpIc .88s cubic-bezier(.34,1.4,.5,1) both;animation-delay:calc(var(--t) + .18s)}
.cmp15.in .cmp15__c--us .cmp15__ic{animation-delay:calc(var(--t) + .26s)}
.cmp15.in .cmp15__ic--v svg{animation:cmpCheck .78s var(--ease-out) both;animation-delay:calc(var(--t) + .56s)}
.cmp15.in .cmp15__ic--x svg{animation:cmpCross .72s var(--ease-out) both;animation-delay:calc(var(--t) + .4s)}

.cmp15 .r1{--t:var(--d0)}
.cmp15 .r2{--t:calc(var(--d0) + var(--step))}
.cmp15 .r3{--t:calc(var(--d0) + var(--step)*2)}
.cmp15 .r4{--t:calc(var(--d0) + var(--step)*3)}
.cmp15 .r5{--t:calc(var(--d0) + var(--step)*4)}

@keyframes cmpHead{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes cmpRowL{from{opacity:0;transform:translate3d(-14px,6px,0)}to{opacity:1;transform:none}}
@keyframes cmpRowR{from{opacity:0;transform:translate3d(14px,6px,0)}to{opacity:1;transform:none}}
@keyframes cmpLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cmpIc{0%{opacity:0;transform:scale(.4) rotate(-26deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes cmpCheck{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes cmpStrike{0%{background-size:0 3px;opacity:.86}100%{background-size:100% 3px;opacity:1}}
@keyframes cmpCross{from{stroke-dashoffset:29}to{stroke-dashoffset:0}}
@keyframes cmpGlow{from{opacity:0}to{opacity:1}}
@keyframes cmpSweep{from{top:-40%}to{top:140%}}

@media(max-width:720px){
  .cmp15__grid{--gap:10px}
  .cmp15__c{font-size:13.4px;gap:9px;padding:13px 11px;line-height:1.45;align-items:flex-start}
  .cmp15__h{padding:0 11px 12px}
  .cmp15__tag{font-size:12.5px;letter-spacing:.06em;gap:6px}
  .cmp15__tag--us{font-size:25px;letter-spacing:-.01em}
  @supports (font-size:1cqi){.cmp15__tag--us{font-size:18.4cqi}}
  .cmp15__ic{width:20px;height:20px;margin-top:0}
  .cmp15__ic svg{width:12px;height:12px}
  /* com o texto quebrando em várias linhas, o risco passa a ser por linha */
  .cmp15__c--them .cmp15__tx{background-image:none;text-decoration:line-through;text-decoration-thickness:1.6px;text-decoration-skip-ink:none;text-decoration-color:transparent}
  .cmp15.in .cmp15__c--them .cmp15__tx{animation:cmpStrikeM .5s var(--ease-out) both;animation-delay:calc(var(--t) + .48s)}
  .cmp15__c--us.r1{border-radius:14px 14px 0 0}
  .cmp15__c--us.r5{border-radius:0 0 14px 14px}
}
@keyframes cmpStrikeM{from{text-decoration-color:transparent}to{text-decoration-color:var(--no)}}
@media(prefers-reduced-motion:reduce){
  .cmp15 .cmp15__h,.cmp15 .cmp15__c{opacity:1}
  .cmp15 .cmp15__ic--v svg,.cmp15 .cmp15__ic--x svg{stroke-dashoffset:0}
  .cmp15 .cmp15__glow{opacity:1}
  .cmp15 .cmp15__c::before{transform:none}
  .cmp15 .cmp15__c--them .cmp15__tx{background-size:100% 3px;text-decoration-color:var(--no)}
  .cmp15 *,.cmp15 *::before,.cmp15 *::after{animation:none !important}
}

/* ============================================================
   SEÇÃO 9 — personagem 2D que sobe a escada com um truque por bloco
   1 salto agrupado · 2 escalada · 3 giro no ar · 4 chute tesoura
   5 salto final, troféu e confete  (só no desktop)
   ============================================================ */
.pr9__stairs{position:relative}
.pr9__climb{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0}
.pr9.is-playing .pr9__climb{opacity:1}

.pr9__hiker{position:absolute;left:4%;bottom:0;width:56px;height:92px;translate:-50% 0}
.pr9.is-playing .pr9__hiker{animation:pr9Walk 5.4s linear .5s both}
.pr9__fig,.pr9__figB{position:absolute;inset:0;display:block;transform-origin:50% 86%}
.pr9__figB{opacity:0}
.pr9__figB svg{width:100%;height:100%;overflow:visible;display:block}
.pr9__figB .armF{fill:none;stroke:#1668C6;stroke-width:7.6;stroke-linecap:round;stroke-linejoin:round}
.pr9.is-playing .pr9__figB{animation:pr9TurnIn .3s cubic-bezier(.3,1.3,.5,1) 6.12s both,pr9Cheer 2.6s ease-in-out 6.7s infinite}
@keyframes pr9TurnOut{to{transform:scaleX(.06);opacity:0}}
@keyframes pr9TurnIn{0%{opacity:0;transform:scaleX(.06)}40%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
.pr9.is-playing .pr9__fig{animation:pr9Arc 5.4s linear .5s both,pr9TurnOut .24s ease-in 5.88s both}
.pr9__fig svg{width:100%;height:100%;overflow:visible;display:block;transform-box:view-box;transform-origin:30px 46px}
.pr9.is-playing .pr9__fig svg{animation:pr9Flip 5.4s linear .5s both}
@keyframes pr9Flip{
  0%,44.4%{transform:rotate(0);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  46.4%{transform:rotate(-18deg);animation-timing-function:cubic-bezier(.5,0,.75,.6)}
  49%{transform:rotate(34deg);animation-timing-function:linear}
  55%{transform:rotate(252deg);animation-timing-function:cubic-bezier(.25,.6,.3,1)}
  58%{transform:rotate(352deg);animation-timing-function:cubic-bezier(.3,1.4,.6,1)}
  60.1%{transform:rotate(366deg)}
  63.9%,100%{transform:rotate(360deg)}
}

/* cores do personagem */
.pr9__fig .shirt, .pr9__figB .shirt{fill:#1668C6}
.pr9__fig .collar, .pr9__figB .collar{fill:#0F4C94}
.pr9__fig .belt, .pr9__figB .belt{fill:#15131A}
.pr9__fig .pack, .pr9__figB .pack{fill:#E1562B}
.pr9__fig .thigh, .pr9__fig .shin, .pr9__figB .thigh, .pr9__figB .shin{fill:#2F3A4A}
.pr9__fig .shoe, .pr9__figB .shoe{fill:#15131A}
.pr9__fig .uarm, .pr9__fig .farm, .pr9__figB .uarm, .pr9__figB .farm{fill:#1668C6}
.pr9__fig .hand, .pr9__fig .face, .pr9__fig .neck, .pr9__figB .hand, .pr9__figB .face, .pr9__figB .neck{fill:#E8B98E}
.pr9__fig .ear, .pr9__figB .ear{fill:#D9A479}
.pr9__fig .hair, .pr9__fig .eye, .pr9__figB .hair, .pr9__figB .eye{fill:#2A1F1A}
.pr9__fig .brow, .pr9__fig .smile, .pr9__figB .brow, .pr9__figB .smile{fill:none;stroke:#2A1F1A;stroke-width:1.1;stroke-linecap:round}
.pr9__fig .bk, .pr9__figB .bk{filter:brightness(.72)}
.pr9__fig .shirtDark,.pr9__figB .shirtDark{fill:#0F4C94;opacity:.55}
.pr9__fig .cuff,.pr9__figB .cuff,.pr9__fig .cuffA,.pr9__figB .cuffA{fill:#0F4C94}
.pr9__fig .cuffP,.pr9__figB .cuffP{fill:#26303D}
.pr9__fig .sole,.pr9__figB .sole{fill:#3A3A3F}
.pr9__fig .seam,.pr9__figB .seam{fill:none;stroke:#26303D;stroke-width:1}
.pr9__fig .placket,.pr9__figB .placket{fill:none;stroke:#0F4C94;stroke-width:1.1}
.pr9__fig .btn,.pr9__figB .btn{fill:#CFE1F6}
.pr9__fig .pocket,.pr9__figB .pocket{fill:none;stroke:#0F4C94;stroke-width:1.1;stroke-linejoin:round}
.pr9__fig .strap,.pr9__figB .strap{fill:none;stroke:#C1451F;stroke-width:2.4;stroke-linecap:round}
.pr9__fig .packPkt,.pr9__figB .packPkt{fill:#C1451F}
.pr9__fig .packLine,.pr9__figB .packLine{fill:none;stroke:#C1451F;stroke-width:1.1;stroke-linecap:round}
.pr9__fig .packTop,.pr9__figB .packTop{fill:none;stroke:#C1451F;stroke-width:1.8;stroke-linecap:round}
.pr9__fig .buckle,.pr9__figB .buckle{fill:#8E8883}
.pr9__fig .nose,.pr9__figB .nose{fill:#D9A479;stroke:none}
.pr9__figB .nose{fill:none;stroke:#C98F63;stroke-width:1.1;stroke-linecap:round}
.pr9__fig .earIn,.pr9__figB .earIn{fill:none;stroke:#C08C62;stroke-width:.9;stroke-linecap:round}
.pr9__fig .pack, .pr9__figB .pack{transform-box:view-box;transform-origin:23px 30px}
.pr9.is-playing .pr9__fig .packG{animation:pr9Pack 5.4s ease-in-out .52s both}

/* articulações */
.pr9__fig .lg,.pr9__fig .ar,.pr9__fig .kn,.pr9__fig .el,.pr9__fig .torso,.pr9__fig .head{transform-box:view-box}
.pr9__fig .lg{transform-origin:30px 56px}
.pr9__fig .kn{transform-origin:30px 76px}
.pr9__fig .ar{transform-origin:30px 29px}
.pr9__fig .el{transform-origin:30px 45px}
.pr9__fig .torso{transform-origin:30px 52px}
.pr9__fig .head{transform-origin:31px 21px}
.pr9__fig .torso{transform:rotate(6deg)}
.pr9__fig .head{transform:rotate(-5deg)}
.pr9__fig .lgF{transform:rotate(-8deg)}
.pr9__fig .knF{transform:rotate(10deg)}
.pr9__fig .lgB{transform:rotate(8deg)}
.pr9__fig .knB{transform:rotate(8deg)}
.pr9__fig .arF{transform:rotate(18deg)}
.pr9__fig .arB{transform:rotate(-14deg)}
.pr9__fig .elF{transform:rotate(22deg)}
.pr9__fig .elB{transform:rotate(26deg)}

.pr9.is-playing .pr9__fig .lgF{animation:pr9HipF 5.4s ease-in-out .5s both}
.pr9.is-playing .pr9__fig .knF{animation:pr9KneeF 5.4s ease-in-out .5s both,pr9KneeIdle 2.6s ease-in-out 6.6s infinite}
.pr9.is-playing .pr9__fig .lgB{animation:pr9HipB 5.4s ease-in-out .5s both}
.pr9.is-playing .pr9__fig .knB{animation:pr9KneeB 5.4s ease-in-out .5s both,pr9KneeIdle2 2.6s ease-in-out 6.6s infinite}
.pr9.is-playing .pr9__fig .arF{animation:pr9ShF 5.4s ease-in-out .5s both,pr9HoldF .55s cubic-bezier(.3,1.4,.5,1) 5.86s both}
.pr9.is-playing .pr9__fig .elF{animation:pr9ElbF 5.4s ease-in-out .5s both,pr9ElbHoldF .55s cubic-bezier(.3,1.4,.5,1) 5.86s both}
.pr9.is-playing .pr9__fig .arB{animation:pr9ShB 5.4s ease-in-out .5s both,pr9HoldB .55s cubic-bezier(.3,1.4,.5,1) 5.9s both}
.pr9.is-playing .pr9__fig .elB{animation:pr9ElbB 5.4s ease-in-out .5s both,pr9ElbHoldB .55s cubic-bezier(.3,1.4,.5,1) 5.9s both}
.pr9.is-playing .pr9__fig .torso{animation:pr9Torso 5.4s ease-in-out .5s both}
.pr9.is-playing .pr9__fig .head{animation:pr9HeadA 5.4s ease-in-out .5s both,pr9HeadIdle 2.6s ease-in-out 6.6s infinite}

/* posição: um degrau por truque, com pausa entre eles */
@keyframes pr9Walk{
  0%,6.5%{left:4%;bottom:0;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  12%{left:6.6%;bottom:250px;animation-timing-function:linear}
  19.4%,25%{left:10%;bottom:250px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  32.5%{left:20.1%;bottom:292px;animation-timing-function:linear}
  39.8%,44.4%{left:30%;bottom:292px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  52%{left:40.2%;bottom:334px;animation-timing-function:linear}
  59.3%,63.9%{left:50%;bottom:334px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  71.5%{left:60.3%;bottom:376px;animation-timing-function:linear}
  78.7%,83.3%{left:70%;bottom:376px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  92%{left:81.8%;bottom:420px;animation-timing-function:linear}
  98.1%,100%{left:90%;bottom:420px}
}
/* arco do salto + agachamento + giro do terceiro bloco */
@keyframes pr9Arc{
  0%{transform:translateY(0) scaleY(1) scaleX(1) rotate(0);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  5.2%{transform:translateY(5px) scaleY(.84) scaleX(1.12) rotate(0);animation-timing-function:cubic-bezier(.1,.8,.3,1)}
  11%{transform:translateY(-30px) scaleY(1.1) scaleX(.93) rotate(0);animation-timing-function:linear}
  14%{transform:translateY(-33px) scaleY(1.04) scaleX(.98) rotate(0);animation-timing-function:cubic-bezier(.6,0,.9,.4)}
  18.6%{transform:translateY(0) scaleY(.98) scaleX(1.02) rotate(0);animation-timing-function:cubic-bezier(.3,0,.5,1)}
  20.2%{transform:translateY(5px) scaleY(.8) scaleX(1.16) rotate(0);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
  25%{transform:translateY(0) scaleY(1.02) scaleX(.99) rotate(0);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  26.5%{transform:translateY(4px) scaleY(.88) scaleX(1.08) rotate(0);animation-timing-function:cubic-bezier(.1,.8,.3,1)}
  32%{transform:translateY(-27px) scaleY(1.08) scaleX(.95) rotate(0);animation-timing-function:linear}
  35%{transform:translateY(-29px) scaleY(1.03) rotate(0);animation-timing-function:cubic-bezier(.6,0,.9,.4)}
  39%{transform:translateY(0) scaleY(.98) rotate(0);animation-timing-function:cubic-bezier(.3,0,.5,1)}
  40.6%{transform:translateY(5px) scaleY(.82) scaleX(1.14) rotate(0);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
  44.4%{transform:translateY(0) scaleY(1.02) rotate(0);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  46.4%{transform:translateY(6px) scaleY(.8) scaleX(1.14) rotate(0);animation-timing-function:cubic-bezier(.1,.85,.3,1)}
  51.5%{transform:translateY(-50px) scaleY(1.06) scaleX(.95);animation-timing-function:linear}
  55%{transform:translateY(-52px);animation-timing-function:cubic-bezier(.6,0,.9,.4)}
  58.5%{transform:translateY(0) scaleY(.98);animation-timing-function:cubic-bezier(.3,0,.5,1)}
  60.1%{transform:translateY(6px) scaleY(.78) scaleX(1.18);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
  63.9%{transform:translateY(0) scaleY(1.02);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  65.9%{transform:translateY(5px) scaleY(.85) scaleX(1.1);animation-timing-function:cubic-bezier(.1,.8,.3,1)}
  71%{transform:translateY(-31px) scaleY(1.07) scaleX(.95);animation-timing-function:linear}
  74%{transform:translateY(-33px) scaleY(1.02);animation-timing-function:cubic-bezier(.6,0,.9,.4)}
  78%{transform:translateY(0) scaleY(.98);animation-timing-function:cubic-bezier(.3,0,.5,1)}
  79.6%{transform:translateY(5px) scaleY(.82) scaleX(1.14);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
  83.3%{transform:translateY(0) scaleY(1.02);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  86%{transform:translateY(8px) scaleY(.74) scaleX(1.2);animation-timing-function:cubic-bezier(.08,.9,.3,1)}
  91.5%{transform:translateY(-58px) scaleY(1.14) scaleX(.88);animation-timing-function:linear}
  94.5%{transform:translateY(-60px) scaleY(1.05);animation-timing-function:cubic-bezier(.65,0,.9,.35)}
  97.6%{transform:translateY(0) scaleY(.96);animation-timing-function:cubic-bezier(.3,0,.5,1)}
  98.6%{transform:translateY(9px) scaleY(.68) scaleX(1.24);animation-timing-function:cubic-bezier(.2,1.6,.4,1)}
  100%{transform:translateY(0) scaleY(1) scaleX(1)}
}
/* pernas */
@keyframes pr9HipF{
  0%{transform:rotate(-8deg)}6.5%{transform:rotate(34deg)}
  12%{transform:rotate(-46deg)}16%{transform:rotate(-24deg)}19.4%{transform:rotate(6deg)}25%{transform:rotate(-6deg)}
  30%{transform:rotate(-30deg)}35%{transform:rotate(-52deg)}39.8%{transform:rotate(6deg)}44.4%{transform:rotate(-6deg)}
  47%{transform:rotate(36deg)}50%{transform:rotate(-74deg)}54%{transform:rotate(-86deg)}57%{transform:rotate(-30deg)}59.3%{transform:rotate(10deg)}63.9%{transform:rotate(-6deg)}
  68%{transform:rotate(-62deg)}73%{transform:rotate(34deg)}78.7%{transform:rotate(6deg)}83.3%{transform:rotate(-6deg)}
  86%{transform:rotate(48deg)}91.5%{transform:rotate(-60deg)}94.5%{transform:rotate(-44deg)}97.6%{transform:rotate(-20deg)}98.6%{transform:rotate(30deg)}100%{transform:rotate(-8deg)}
}
@keyframes pr9KneeF{
  0%{transform:rotate(10deg)}6.5%{transform:rotate(58deg)}
  12%{transform:rotate(84deg)}16%{transform:rotate(34deg)}19.4%{transform:rotate(6deg)}25%{transform:rotate(6deg)}
  30%{transform:rotate(62deg)}35%{transform:rotate(80deg)}39.8%{transform:rotate(5deg)}44.4%{transform:rotate(6deg)}
  47%{transform:rotate(60deg)}50%{transform:rotate(104deg)}54%{transform:rotate(112deg)}57%{transform:rotate(44deg)}59.3%{transform:rotate(6deg)}63.9%{transform:rotate(6deg)}
  68%{transform:rotate(8deg)}73%{transform:rotate(66deg)}78.7%{transform:rotate(5deg)}83.3%{transform:rotate(6deg)}
  86%{transform:rotate(72deg)}91.5%{transform:rotate(96deg)}94.5%{transform:rotate(60deg)}97.6%{transform:rotate(12deg)}98.6%{transform:rotate(64deg)}100%{transform:rotate(8deg)}
}
@keyframes pr9HipB{
  0%{transform:rotate(8deg)}6.5%{transform:rotate(26deg)}
  12%{transform:rotate(-20deg)}16%{transform:rotate(4deg)}19.4%{transform:rotate(-14deg)}25%{transform:rotate(10deg)}
  30%{transform:rotate(16deg)}35%{transform:rotate(-14deg)}39.8%{transform:rotate(-14deg)}44.4%{transform:rotate(10deg)}
  47%{transform:rotate(28deg)}50%{transform:rotate(-56deg)}54%{transform:rotate(-70deg)}57%{transform:rotate(-14deg)}59.3%{transform:rotate(-16deg)}63.9%{transform:rotate(10deg)}
  68%{transform:rotate(40deg)}73%{transform:rotate(-46deg)}78.7%{transform:rotate(-14deg)}83.3%{transform:rotate(10deg)}
  86%{transform:rotate(36deg)}91.5%{transform:rotate(-34deg)}94.5%{transform:rotate(40deg)}97.6%{transform:rotate(22deg)}98.6%{transform:rotate(28deg)}100%{transform:rotate(10deg)}
}
@keyframes pr9KneeB{
  0%{transform:rotate(8deg)}6.5%{transform:rotate(46deg)}
  12%{transform:rotate(66deg)}16%{transform:rotate(26deg)}19.4%{transform:rotate(20deg)}25%{transform:rotate(8deg)}
  30%{transform:rotate(30deg)}35%{transform:rotate(60deg)}39.8%{transform:rotate(18deg)}44.4%{transform:rotate(8deg)}
  47%{transform:rotate(56deg)}50%{transform:rotate(98deg)}54%{transform:rotate(106deg)}57%{transform:rotate(36deg)}59.3%{transform:rotate(16deg)}63.9%{transform:rotate(8deg)}
  68%{transform:rotate(58deg)}73%{transform:rotate(14deg)}78.7%{transform:rotate(18deg)}83.3%{transform:rotate(8deg)}
  86%{transform:rotate(66deg)}91.5%{transform:rotate(84deg)}94.5%{transform:rotate(26deg)}97.6%{transform:rotate(12deg)}98.6%{transform:rotate(60deg)}100%{transform:rotate(6deg)}
}
/* braços */
@keyframes pr9ShF{
  0%{transform:rotate(18deg)}6.5%{transform:rotate(54deg)}
  12%{transform:rotate(-118deg)}16%{transform:rotate(-70deg)}19.4%{transform:rotate(-14deg)}25%{transform:rotate(12deg)}
  30%{transform:rotate(-132deg)}35%{transform:rotate(-150deg)}39.8%{transform:rotate(-16deg)}44.4%{transform:rotate(12deg)}
  47%{transform:rotate(48deg)}50%{transform:rotate(-104deg)}54%{transform:rotate(-118deg)}57%{transform:rotate(-46deg)}59.3%{transform:rotate(-14deg)}63.9%{transform:rotate(12deg)}
  68%{transform:rotate(-96deg)}73%{transform:rotate(-40deg)}78.7%{transform:rotate(-12deg)}83.3%{transform:rotate(12deg)}
  86%{transform:rotate(68deg)}91.5%{transform:rotate(-142deg)}94.5%{transform:rotate(-124deg)}97.6%{transform:rotate(-84deg)}98.6%{transform:rotate(-28deg)}100%{transform:rotate(-62deg)}
}
@keyframes pr9ElbF{
  0%{transform:rotate(22deg)}6.5%{transform:rotate(40deg)}
  12%{transform:rotate(10deg)}19.4%{transform:rotate(30deg)}25%{transform:rotate(20deg)}
  30%{transform:rotate(8deg)}35%{transform:rotate(4deg)}39.8%{transform:rotate(34deg)}44.4%{transform:rotate(20deg)}
  50%{transform:rotate(84deg)}54%{transform:rotate(92deg)}57%{transform:rotate(40deg)}59.3%{transform:rotate(24deg)}63.9%{transform:rotate(20deg)}
  68%{transform:rotate(12deg)}73%{transform:rotate(30deg)}78.7%{transform:rotate(26deg)}83.3%{transform:rotate(20deg)}
  86%{transform:rotate(50deg)}91.5%{transform:rotate(6deg)}94.5%{transform:rotate(10deg)}97.6%{transform:rotate(22deg)}98.6%{transform:rotate(40deg)}100%{transform:rotate(14deg)}
}
@keyframes pr9ShB{
  0%{transform:rotate(-14deg)}6.5%{transform:rotate(46deg)}
  12%{transform:rotate(-96deg)}16%{transform:rotate(-54deg)}19.4%{transform:rotate(16deg)}25%{transform:rotate(-10deg)}
  30%{transform:rotate(-120deg)}35%{transform:rotate(-144deg)}39.8%{transform:rotate(14deg)}44.4%{transform:rotate(-10deg)}
  47%{transform:rotate(42deg)}50%{transform:rotate(-96deg)}54%{transform:rotate(-112deg)}57%{transform:rotate(-40deg)}59.3%{transform:rotate(12deg)}63.9%{transform:rotate(-10deg)}
  68%{transform:rotate(36deg)}73%{transform:rotate(-78deg)}78.7%{transform:rotate(14deg)}83.3%{transform:rotate(-10deg)}
  86%{transform:rotate(60deg)}91.5%{transform:rotate(-126deg)}94.5%{transform:rotate(-100deg)}97.6%{transform:rotate(-54deg)}98.6%{transform:rotate(-8deg)}100%{transform:rotate(-36deg)}
}
@keyframes pr9ElbB{
  0%{transform:rotate(26deg)}6.5%{transform:rotate(44deg)}
  12%{transform:rotate(14deg)}19.4%{transform:rotate(34deg)}25%{transform:rotate(24deg)}
  30%{transform:rotate(10deg)}35%{transform:rotate(6deg)}39.8%{transform:rotate(36deg)}44.4%{transform:rotate(24deg)}
  50%{transform:rotate(88deg)}54%{transform:rotate(96deg)}57%{transform:rotate(44deg)}59.3%{transform:rotate(28deg)}63.9%{transform:rotate(24deg)}
  68%{transform:rotate(40deg)}73%{transform:rotate(16deg)}78.7%{transform:rotate(30deg)}83.3%{transform:rotate(24deg)}
  86%{transform:rotate(54deg)}91.5%{transform:rotate(10deg)}94.5%{transform:rotate(14deg)}97.6%{transform:rotate(26deg)}98.6%{transform:rotate(46deg)}100%{transform:rotate(18deg)}
}
@keyframes pr9Torso{
  0%{transform:rotate(6deg)}6.5%{transform:rotate(22deg)}12%{transform:rotate(-8deg)}19.4%{transform:rotate(14deg)}25%{transform:rotate(6deg)}
  32%{transform:rotate(-10deg)}39.8%{transform:rotate(14deg)}44.4%{transform:rotate(6deg)}
  47%{transform:rotate(24deg)}50%{transform:rotate(-30deg)}54%{transform:rotate(-34deg)}57%{transform:rotate(4deg)}59.3%{transform:rotate(16deg)}63.9%{transform:rotate(6deg)}
  68%{transform:rotate(-14deg)}73%{transform:rotate(8deg)}78.7%{transform:rotate(14deg)}83.3%{transform:rotate(6deg)}
  86%{transform:rotate(30deg)}91.5%{transform:rotate(-14deg)}94.5%{transform:rotate(-6deg)}97.6%{transform:rotate(8deg)}98.6%{transform:rotate(24deg)}100%{transform:rotate(0deg)}
}
@keyframes pr9HeadA{
  0%{transform:rotate(-5deg)}6.5%{transform:rotate(-14deg)}12%{transform:rotate(4deg)}19.4%{transform:rotate(-10deg)}25%{transform:rotate(-5deg)}
  32%{transform:rotate(6deg)}39.8%{transform:rotate(-10deg)}44.4%{transform:rotate(-5deg)}
  50%{transform:rotate(16deg)}54%{transform:rotate(20deg)}57%{transform:rotate(-2deg)}59.3%{transform:rotate(-10deg)}63.9%{transform:rotate(-5deg)}
  68%{transform:rotate(8deg)}78.7%{transform:rotate(-10deg)}83.3%{transform:rotate(-5deg)}
  86%{transform:rotate(-20deg)}91.5%{transform:rotate(8deg)}94.5%{transform:rotate(4deg)}97.6%{transform:rotate(-6deg)}98.6%{transform:rotate(-16deg)}100%{transform:rotate(0deg)}
}
@keyframes pr9HoldF{to{transform:rotate(2deg)}}
@keyframes pr9ElbHoldF{to{transform:rotate(-80deg)}}
@keyframes pr9HoldB{to{transform:rotate(10deg)}}
@keyframes pr9ElbHoldB{to{transform:rotate(-76deg)}}
@keyframes pr9IdleArmF{0%,100%{transform:rotate(2deg)}40%{transform:rotate(-3deg)}}
@keyframes pr9IdleElbF{0%,100%{transform:rotate(-80deg)}40%{transform:rotate(-77deg)}}
@keyframes pr9IdleArmB{0%,100%{transform:rotate(10deg)}40%{transform:rotate(5deg)}}
@keyframes pr9IdleElbB{0%,100%{transform:rotate(-76deg)}40%{transform:rotate(-73deg)}}
@keyframes pr9Cheer{0%,100%{transform:translateY(0) scaleY(1)}22%{transform:translateY(-7px) scaleY(1.03)}44%{transform:translateY(0) scaleY(.98) scaleX(1.02)}70%{transform:translateY(-4px) scaleY(1.01)}}
@keyframes pr9KneeIdle{0%,100%{transform:rotate(8deg)}22%{transform:rotate(2deg)}48%{transform:rotate(22deg)}}
@keyframes pr9KneeIdle2{0%,100%{transform:rotate(6deg)}22%{transform:rotate(2deg)}48%{transform:rotate(19deg)}}
@keyframes pr9HeadIdle{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}60%{transform:rotate(4deg)}}
@keyframes pr9ElbUp{to{transform:rotate(2deg)}}

/* troféu, brilho e confete */
.pr9__cup{position:absolute;left:50%;top:-22px;width:29px;height:29px;margin-left:-14.5px;opacity:0;transform-origin:50% 100%}
.pr9__cup svg{width:100%;height:100%;display:block;overflow:visible}
.pr9__cup .cup{fill:#F7C545}
.pr9__cup .cupDark{fill:#D99B1F}
.pr9__cup .lip{fill:#FFD86B}
.pr9__cup .star{fill:#FFF3D0}
.pr9__cup .stem{fill:#D99B1F}
.pr9__cup .base{fill:#C98C19}
.pr9__cup .plate{fill:#B8831F}
.pr9__cup .hdl{fill:none;stroke:#E0A82A;stroke-width:2.4;stroke-linecap:round}
.pr9__cup .shine{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.3;stroke-linecap:round}
.pr9.is-playing .pr9__cup{animation:pr9Cup .45s cubic-bezier(.3,1.6,.5,1) 6.3s both,pr9CupIdle 2.6s ease-in-out 6.7s infinite}
.pr9__spark{position:absolute;left:50%;top:-12px;margin-left:-6px;width:12px;height:12px;border-radius:50%;opacity:0;box-shadow:0 0 0 0 rgba(240,180,41,.6)}
.pr9.is-playing .pr9__spark{animation:pr9Spark 1.3s ease-out 6.5s infinite both}
@keyframes pr9Cup{0%{opacity:0;transform:translateY(10px) scale(.35) rotate(-14deg)}60%{opacity:1}100%{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes pr9CupIdle{0%,100%{transform:translateY(0) rotate(-3deg)}22%{transform:translateY(-7px) rotate(2deg)}44%{transform:translateY(0) rotate(4deg)}70%{transform:translateY(-4px) rotate(0deg)}}
@keyframes pr9Spark{0%{opacity:.85;box-shadow:0 0 0 0 rgba(240,180,41,.6)}100%{opacity:0;box-shadow:0 0 0 26px rgba(240,180,41,0)}}

.pr9__conf{position:absolute;left:90%;bottom:420px;width:0;height:0}
.pr9__conf i{position:absolute;left:0;top:0;width:9px;height:12px;border-radius:2px;background:var(--c);opacity:0}
.pr9.is-playing .pr9__conf i{animation:pr9Conf 2.6s cubic-bezier(.2,.7,.3,1) calc(6.4s + var(--d) * 3) infinite both}
@keyframes pr9Conf{
  0%{opacity:0;transform:translate(0,0) rotate(0) scale(.6)}
  10%{opacity:1}
  55%{opacity:1;transform:translate(calc(var(--x) * .9),var(--y)) rotate(calc(var(--r) * .7)) scale(1)}
  100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 130px)) rotate(var(--r)) scale(.9)}
}


/* sombra no chão, poeira na aterrissagem e mochila com atraso */
@keyframes pr9Pack{
  0%,25%,44.4%,63.9%,83.3%,100%{transform:rotate(0)}
  11%,32%,51.5%,71%,91.5%{transform:rotate(-13deg)}
  18.6%,39%,58.5%,78%,97.6%{transform:rotate(11deg)}
}
.pr9__swoosh{position:absolute;left:50%;top:46%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;
  border:3px solid transparent;border-top-color:rgba(22,104,198,.5);border-right-color:rgba(22,104,198,.22);opacity:0}
.pr9.is-playing .pr9__swoosh{animation:pr9Swoosh 5.4s linear .5s both}
@keyframes pr9Swoosh{
  0%,46.8%{opacity:0;transform:rotate(0) scale(.7)}
  49.5%{opacity:.9;transform:rotate(90deg) scale(1)}
  55%{opacity:.75;transform:rotate(300deg) scale(1.05)}
  58.4%{opacity:0;transform:rotate(430deg) scale(1.1)}
  58.5%,100%{opacity:0;transform:rotate(0) scale(.7)}
}
.pr9__shad{position:absolute;left:4%;bottom:0;width:42px;height:9px;border-radius:50%;background:rgba(28,26,26,.2);translate:-50% 3px;filter:blur(1px)}
.pr9.is-playing .pr9__shad{animation:pr9ShadX 5.4s linear .5s both,pr9ShadY 5.4s ease-in-out .5s both}
@keyframes pr9ShadX{
  0%,6.5%{left:4%;bottom:0;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  12%{left:6.6%;bottom:250px;animation-timing-function:linear}
  19.4%,25%{left:10%;bottom:250px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  32.5%{left:20.1%;bottom:292px;animation-timing-function:linear}
  39.8%,44.4%{left:30%;bottom:292px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  52%{left:40.2%;bottom:334px;animation-timing-function:linear}
  59.3%,63.9%{left:50%;bottom:334px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  71.5%{left:60.3%;bottom:376px;animation-timing-function:linear}
  78.7%,83.3%{left:70%;bottom:376px;animation-timing-function:cubic-bezier(.12,.86,.32,1)}
  92%{left:81.8%;bottom:420px;animation-timing-function:linear}
  98.1%,100%{left:90%;bottom:420px}
}
@keyframes pr9ShadY{
  0%,25%,44.4%,63.9%,83.3%,100%{transform:scale(1);opacity:.2}
  5.2%,26.5%,46.4%,65.9%,86%{transform:scaleX(1.12) scaleY(.9);opacity:.26}
  11%,32%,51.5%,71%{transform:scale(.6);opacity:.08}
  91.5%{transform:scale(.5);opacity:.06}
  18.6%,39%,58.5%,78%,97.6%{transform:scaleX(1.18) scaleY(.86);opacity:.28}
}
.pr9__dust{position:absolute;left:4%;bottom:0;width:0;height:0}
.pr9.is-playing .pr9__dust{animation:pr9ShadX 5.4s linear .5s both}
.pr9__dust i{position:absolute;left:0;bottom:0;width:9px;height:9px;border-radius:50%;background:rgba(28,26,26,.14);opacity:0}
.pr9.is-playing .pr9__dust i{animation:pr9Dust 5.4s linear .5s both}
@keyframes pr9Dust{
  0%,17.6%{opacity:0;transform:translate(0,0) scale(.2)}
  19.2%{opacity:.75;transform:translate(0,0) scale(.3)}
  23%{opacity:0;transform:translate(var(--dx),-16px) scale(var(--ds))}
  23.1%,38%{opacity:0;transform:translate(0,0) scale(.2)}
  39.6%{opacity:.75;transform:translate(0,0) scale(.3)}
  43.4%{opacity:0;transform:translate(var(--dx),-16px) scale(var(--ds))}
  43.5%,57.5%{opacity:0;transform:translate(0,0) scale(.2)}
  59.1%{opacity:.8;transform:translate(0,0) scale(.35)}
  62.9%{opacity:0;transform:translate(var(--dx),-18px) scale(var(--ds))}
  63%,77%{opacity:0;transform:translate(0,0) scale(.2)}
  78.6%{opacity:.75;transform:translate(0,0) scale(.3)}
  82.4%{opacity:0;transform:translate(var(--dx),-16px) scale(var(--ds))}
  82.5%,96.6%{opacity:0;transform:translate(0,0) scale(.2)}
  98.2%{opacity:.9;transform:translate(0,0) scale(.4)}
  100%{opacity:.5;transform:translate(calc(var(--dx) * 1.3),-22px) scale(calc(var(--ds) * 1.3))}
}

/* o último bloco vira verde quando ele chega */
.pr9__col:last-child .pr9__step{position:relative}
.pr9__col:last-child .pr9__step>*{position:relative;z-index:1}
.pr9__col:last-child .pr9__step::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#22A266,#13784A);transform:scaleY(0);transform-origin:bottom}
.pr9.is-playing .pr9__col:last-child .pr9__step{animation:pr9Up 1s var(--ease) .48s both}
.pr9.is-playing .pr9__col:last-child .pr9__step::after{animation:pr9Flood 1.15s cubic-bezier(.25,.9,.25,1) 5.86s both}
@keyframes pr9Flood{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}

@media(max-width:860px){.pr9__climb{display:none}.pr9.is-playing .pr9__col:last-child .pr9__step::after{animation:none}}
@media (prefers-reduced-motion:reduce){.pr9__climb{display:none}.pr9__col:last-child .pr9__step::after{display:none}}

/* ============================================================
   SEÇÃO 9 no celular — a escada vira lista, o personagem desce
   de card em card conforme a rolagem
   ============================================================ */
@media(max-width:860px){
  .pr9__climb{display:block;opacity:1;z-index:3}
  .pr9__shad,.pr9__dust,.pr9__swoosh{display:none}
  .pr9.is-playing .pr9__hiker{animation:none}
  .pr9__hiker{left:0;top:0;bottom:auto;width:40px;height:66px;translate:none;
    transform:translate3d(var(--x,0px),var(--y,0px),0);
    transition:transform .6s cubic-bezier(.25,.9,.3,1);will-change:transform}
  .pr9.is-playing .pr9__fig{animation:none}
  .pr9.is-playing .pr9__figB{animation:none}
  .pr9.is-playing .pr9__cup{animation:none}
  .pr9.is-playing .pr9__spark{animation:none}
  .pr9.is-playing .pr9__conf i{animation:none}
  .pr9.is-playing .pr9__fig .lgF,.pr9.is-playing .pr9__fig .knF,
  .pr9.is-playing .pr9__fig .lgB,.pr9.is-playing .pr9__fig .knB,
  .pr9.is-playing .pr9__fig .arF,.pr9.is-playing .pr9__fig .elF,
  .pr9.is-playing .pr9__fig .arB,.pr9.is-playing .pr9__fig .elB,
  .pr9.is-playing .pr9__fig .torso,.pr9.is-playing .pr9__fig .head,
  .pr9.is-playing .pr9__fig .packG,.pr9.is-playing .pr9__fig svg{animation:none}
  .pr9__fig{opacity:1}
  .pr9__figB{opacity:0}
  .pr9__cup{width:26px;height:26px;margin-left:-13px;top:-20px}
  .pr9__spark{width:11px;height:11px;margin-left:-5.5px;top:-11px}
  .pr9__conf{left:0;bottom:auto;top:0}

  /* o salto de um card para o outro */
  .pr9__hiker.is-hop .pr9__fig{animation:pr9mHop .6s cubic-bezier(.3,0,.35,1)}
  .pr9__hiker.is-hop .pr9__fig .lgF{animation:pr9mHipF .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .knF{animation:pr9mKneeF .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .lgB{animation:pr9mHipB .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .knB{animation:pr9mKneeB .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .arF{animation:pr9mShF .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .arB{animation:pr9mShB .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .torso{animation:pr9mTorso .6s ease-in-out}
  .pr9__hiker.is-hop .pr9__fig .packG{animation:pr9mPack .6s ease-in-out}
  @keyframes pr9mHop{0%{transform:translateY(2px) scaleY(.86) scaleX(1.1)}30%{transform:translateY(-15px) scaleY(1.07) scaleX(.94)}72%{transform:translateY(-4px) scaleY(1)}100%{transform:translateY(0) scaleY(1)}}
  @keyframes pr9mHipF{0%{transform:rotate(26deg)}35%{transform:rotate(-42deg)}70%{transform:rotate(-14deg)}100%{transform:rotate(-8deg)}}
  @keyframes pr9mKneeF{0%{transform:rotate(44deg)}35%{transform:rotate(78deg)}70%{transform:rotate(20deg)}100%{transform:rotate(10deg)}}
  @keyframes pr9mHipB{0%{transform:rotate(20deg)}35%{transform:rotate(-16deg)}70%{transform:rotate(14deg)}100%{transform:rotate(8deg)}}
  @keyframes pr9mKneeB{0%{transform:rotate(38deg)}35%{transform:rotate(62deg)}70%{transform:rotate(16deg)}100%{transform:rotate(8deg)}}
  @keyframes pr9mShF{0%{transform:rotate(40deg)}35%{transform:rotate(-96deg)}70%{transform:rotate(-20deg)}100%{transform:rotate(18deg)}}
  @keyframes pr9mShB{0%{transform:rotate(34deg)}35%{transform:rotate(-78deg)}70%{transform:rotate(-8deg)}100%{transform:rotate(-14deg)}}
  @keyframes pr9mTorso{0%{transform:rotate(18deg)}35%{transform:rotate(-6deg)}100%{transform:rotate(6deg)}}
  @keyframes pr9mPack{0%{transform:rotate(0)}35%{transform:rotate(-14deg)}70%{transform:rotate(10deg)}100%{transform:rotate(0)}}

  /* chegada no último card */
  .pr9.is-won .pr9__fig{opacity:0;transition:opacity .18s ease}
  .pr9.is-won .pr9__figB{opacity:1;animation:pr9TurnIn .3s cubic-bezier(.3,1.3,.5,1) both,pr9Cheer 2.6s ease-in-out .4s infinite}
  .pr9.is-won .pr9__cup{animation:pr9Cup .45s cubic-bezier(.3,1.6,.5,1) .22s both,pr9CupIdle 2.6s ease-in-out .62s infinite}
  .pr9.is-won .pr9__spark{animation:pr9Spark 1.3s ease-out .4s infinite both}
  .pr9.is-won .pr9__conf i{animation:pr9Conf 2.6s cubic-bezier(.2,.7,.3,1) calc(.3s + var(--d) * 3) infinite both}
  .pr9.is-playing .pr9__col:last-child .pr9__step::after{animation:none}
  .pr9.is-won .pr9__col:last-child .pr9__step::after{animation:pr9Flood 1.1s cubic-bezier(.25,.9,.25,1) .1s both}
}
@media(max-width:860px) and (prefers-reduced-motion:reduce){.pr9__climb{display:none}}

/* ============================================================
   SEÇÃO 9 no celular — um truque por card, ciclo ocioso e toque
   ============================================================ */
@media(max-width:860px){
  .pr9__hiker{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .pr9__hiker::after{content:"";position:absolute;left:50%;bottom:-2px;width:30px;height:7px;margin-left:-15px;border-radius:50%;background:rgba(28,26,26,.17);filter:blur(1px)}
  .pr9.is-won .pr9__hiker::after{background:rgba(255,255,255,.22)}
  .pr9__hiker::before{content:"";position:absolute;left:50%;bottom:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:rgba(28,26,26,.16);opacity:0}
  .pr9.is-won .pr9__hiker::before{background:rgba(255,255,255,.2)}
  .pr9__hiker.is-go::after{animation:pr9nShad .66s ease-in-out}
  .pr9__hiker.is-go::before{animation:pr9nDust .66s ease-out}
  @keyframes pr9nShad{0%,100%{transform:scale(1);opacity:1}18%{transform:scaleX(1.15) scaleY(.85)}45%{transform:scale(.55);opacity:.45}}
  @keyframes pr9nDust{0%{opacity:0;transform:translate(0,0) scale(.3)}12%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:translate(-14px,-13px) scale(1.3)}}

  /* ---- ocioso: respira, balança os braços e olha em volta ---- */
  .pr9.is-playing .pr9__fig{animation:pr9nBreath 3.4s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .arF{animation:pr9nIdleArmF 3.4s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .arB{animation:pr9nIdleArmB 3.4s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .elF{animation:pr9nIdleElbF 3.4s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .head{animation:pr9nIdleHead 8.2s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .torso{animation:pr9nIdleTorso 3.4s ease-in-out infinite}
  .pr9.is-playing .pr9__fig .lgF{animation:none;transform:rotate(-7deg)}
  .pr9.is-playing .pr9__fig .knF{animation:none;transform:rotate(5deg)}
  .pr9.is-playing .pr9__fig .lgB{animation:none;transform:rotate(7deg)}
  .pr9.is-playing .pr9__fig .knB{animation:none;transform:rotate(5deg)}
  @keyframes pr9nBreath{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(1.015)}}
  @keyframes pr9nIdleArmF{0%,100%{transform:rotate(12deg)}50%{transform:rotate(19deg)}}
  @keyframes pr9nIdleArmB{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-16deg)}}
  @keyframes pr9nIdleElbF{0%,100%{transform:rotate(20deg)}50%{transform:rotate(26deg)}}
  @keyframes pr9nIdleTorso{0%,100%{transform:rotate(5deg)}50%{transform:rotate(3deg)}}
  @keyframes pr9nIdleHead{0%,56%,100%{transform:rotate(-4deg)}64%{transform:rotate(-15deg)}76%{transform:rotate(6deg)}86%{transform:rotate(-4deg)}}

  /* ---- 01→02 salto agrupado ---- */
  .pr9__hiker.is-m1 .pr9__fig{animation:pr9nTuck .66s cubic-bezier(.3,0,.35,1)}
  .pr9__hiker.is-m1 .pr9__fig .lgF{animation:pr9nTuckHipF .66s ease-in-out}
  .pr9__hiker.is-m1 .pr9__fig .knF{animation:pr9nTuckKneeF .66s ease-in-out}
  .pr9__hiker.is-m1 .pr9__fig .lgB{animation:pr9nTuckHipB .66s ease-in-out}
  .pr9__hiker.is-m1 .pr9__fig .knB{animation:pr9nTuckKneeB .66s ease-in-out}
  .pr9__hiker.is-m1 .pr9__fig .arF{animation:pr9nThrowF .66s ease-in-out}
  .pr9__hiker.is-m1 .pr9__fig .arB{animation:pr9nThrowB .66s ease-in-out}
  @keyframes pr9nTuck{0%{transform:translateY(3px) scaleY(.84) scaleX(1.12)}32%{transform:translateY(-20px) scaleY(1.08) scaleX(.93)}74%{transform:translateY(-5px) scaleY(1)}100%{transform:translateY(0)}}
  @keyframes pr9nTuckHipF{0%{transform:rotate(30deg)}35%{transform:rotate(-48deg)}100%{transform:rotate(-7deg)}}
  @keyframes pr9nTuckKneeF{0%{transform:rotate(50deg)}35%{transform:rotate(86deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9nTuckHipB{0%{transform:rotate(26deg)}35%{transform:rotate(-30deg)}100%{transform:rotate(7deg)}}
  @keyframes pr9nTuckKneeB{0%{transform:rotate(46deg)}35%{transform:rotate(78deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9nThrowF{0%{transform:rotate(44deg)}35%{transform:rotate(-120deg)}100%{transform:rotate(12deg)}}
  @keyframes pr9nThrowB{0%{transform:rotate(38deg)}35%{transform:rotate(-104deg)}100%{transform:rotate(-10deg)}}

  /* ---- 02→03 pirueta para a frente ---- */
  .pr9__hiker.is-m2{transition-duration:.82s}
  .pr9__hiker.is-m2 .pr9__fig{animation:pr9nAir .82s cubic-bezier(.25,0,.35,1)}
  .pr9__hiker.is-m2 .pr9__fig svg{animation:pr9nSpinF .82s cubic-bezier(.3,0,.25,1)}
  .pr9__hiker.is-m2 .pr9__fig .lgF,.pr9__hiker.is-m2 .pr9__fig .lgB{animation:pr9nBall .82s ease-in-out}
  .pr9__hiker.is-m2 .pr9__fig .knF,.pr9__hiker.is-m2 .pr9__fig .knB{animation:pr9nBallKnee .82s ease-in-out}
  .pr9__hiker.is-m2 .pr9__fig .arF,.pr9__hiker.is-m2 .pr9__fig .arB{animation:pr9nBallArm .82s ease-in-out}
  @keyframes pr9nAir{0%{transform:translateY(4px) scaleY(.8) scaleX(1.16)}30%{transform:translateY(-26px) scaleY(1.06)}72%{transform:translateY(-6px)}100%{transform:translateY(0)}}
  @keyframes pr9nSpinF{0%{transform:rotate(-14deg)}22%{transform:rotate(60deg)}70%{transform:rotate(320deg)}88%{transform:rotate(368deg)}100%{transform:rotate(360deg)}}
  @keyframes pr9nBall{0%{transform:rotate(22deg)}30%{transform:rotate(-70deg)}62%{transform:rotate(-54deg)}100%{transform:rotate(-6deg)}}
  @keyframes pr9nBallKnee{0%{transform:rotate(46deg)}30%{transform:rotate(104deg)}62%{transform:rotate(92deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9nBallArm{0%{transform:rotate(30deg)}30%{transform:rotate(-96deg)}62%{transform:rotate(-80deg)}100%{transform:rotate(8deg)}}

  /* ---- 03→04 chute tesoura ---- */
  .pr9__hiker.is-m3 .pr9__fig{animation:pr9nAir .66s cubic-bezier(.3,0,.35,1)}
  .pr9__hiker.is-m3 .pr9__fig .lgF{animation:pr9nScisF .66s ease-in-out}
  .pr9__hiker.is-m3 .pr9__fig .knF{animation:pr9nScisKF .66s ease-in-out}
  .pr9__hiker.is-m3 .pr9__fig .lgB{animation:pr9nScisB .66s ease-in-out}
  .pr9__hiker.is-m3 .pr9__fig .knB{animation:pr9nScisKB .66s ease-in-out}
  .pr9__hiker.is-m3 .pr9__fig .arF{animation:pr9nThrowF .66s ease-in-out}
  .pr9__hiker.is-m3 .pr9__fig .arB{animation:pr9nThrowB .66s ease-in-out}
  @keyframes pr9nScisF{0%{transform:rotate(26deg)}30%{transform:rotate(-66deg)}58%{transform:rotate(30deg)}100%{transform:rotate(-7deg)}}
  @keyframes pr9nScisKF{0%{transform:rotate(44deg)}30%{transform:rotate(8deg)}58%{transform:rotate(62deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9nScisB{0%{transform:rotate(22deg)}30%{transform:rotate(42deg)}58%{transform:rotate(-46deg)}100%{transform:rotate(7deg)}}
  @keyframes pr9nScisKB{0%{transform:rotate(40deg)}30%{transform:rotate(64deg)}58%{transform:rotate(12deg)}100%{transform:rotate(5deg)}}

  /* ---- 04→05 mortal para trás ---- */
  .pr9__hiker.is-m4{transition-duration:.86s}
  .pr9__hiker.is-m4 .pr9__fig{animation:pr9nAirHigh .86s cubic-bezier(.25,0,.35,1)}
  .pr9__hiker.is-m4 .pr9__fig svg{animation:pr9nSpinB .86s cubic-bezier(.3,0,.25,1)}
  .pr9__hiker.is-m4 .pr9__fig .lgF,.pr9__hiker.is-m4 .pr9__fig .lgB{animation:pr9nBall .86s ease-in-out}
  .pr9__hiker.is-m4 .pr9__fig .knF,.pr9__hiker.is-m4 .pr9__fig .knB{animation:pr9nBallKnee .86s ease-in-out}
  .pr9__hiker.is-m4 .pr9__fig .arF,.pr9__hiker.is-m4 .pr9__fig .arB{animation:pr9nBallArm .86s ease-in-out}
  @keyframes pr9nAirHigh{0%{transform:translateY(6px) scaleY(.76) scaleX(1.2)}30%{transform:translateY(-34px) scaleY(1.09) scaleX(.92)}74%{transform:translateY(-7px)}100%{transform:translateY(0)}}
  @keyframes pr9nSpinB{0%{transform:rotate(16deg)}24%{transform:rotate(-80deg)}70%{transform:rotate(-308deg)}88%{transform:rotate(-368deg)}100%{transform:rotate(-360deg)}}

  /* ---- subindo de volta: passo simples ---- */
  .pr9__hiker.is-m0 .pr9__fig{animation:pr9nTuck .6s cubic-bezier(.3,0,.35,1)}
  .pr9__hiker.is-m0 .pr9__fig .lgF{animation:pr9nTuckHipF .6s ease-in-out}
  .pr9__hiker.is-m0 .pr9__fig .knF{animation:pr9nTuckKneeF .6s ease-in-out}
  .pr9__hiker.is-m0 .pr9__fig .lgB{animation:pr9nTuckHipB .6s ease-in-out}
  .pr9__hiker.is-m0 .pr9__fig .knB{animation:pr9nTuckKneeB .6s ease-in-out}

  /* ---- reação ao toque ---- */
  .pr9__hiker.is-t0 .pr9__fig{animation:pr9nTuck .8s cubic-bezier(.3,0,.35,1)}
  .pr9__hiker.is-t0 .pr9__fig .arF{animation:pr9nWave .8s ease-in-out}
  .pr9__hiker.is-t0 .pr9__fig .elF{animation:pr9nWaveElb .8s ease-in-out}
  .pr9__hiker.is-t0 .pr9__fig .head{animation:pr9nNod .8s ease-in-out}
  @keyframes pr9nWave{0%{transform:rotate(12deg)}20%,100%{transform:rotate(-150deg)}}
  @keyframes pr9nWaveElb{0%{transform:rotate(20deg)}30%{transform:rotate(-26deg)}45%{transform:rotate(16deg)}60%{transform:rotate(-26deg)}75%{transform:rotate(16deg)}100%{transform:rotate(0)}}
  @keyframes pr9nNod{0%,100%{transform:rotate(-4deg)}30%{transform:rotate(-14deg)}65%{transform:rotate(4deg)}}
  .pr9__hiker.is-t1 .pr9__fig{animation:pr9nAir .9s cubic-bezier(.25,0,.35,1)}
  .pr9__hiker.is-t1 .pr9__fig svg{animation:pr9nSpinF .9s cubic-bezier(.3,0,.25,1)}
  .pr9__hiker.is-t1 .pr9__fig .lgF,.pr9__hiker.is-t1 .pr9__fig .lgB{animation:pr9nBall .9s ease-in-out}
  .pr9__hiker.is-t1 .pr9__fig .knF,.pr9__hiker.is-t1 .pr9__fig .knB{animation:pr9nBallKnee .9s ease-in-out}
  .pr9__hiker.is-t1 .pr9__fig .arF,.pr9__hiker.is-t1 .pr9__fig .arB{animation:pr9nBallArm .9s ease-in-out}
  .pr9__hiker.is-t2 .pr9__fig{animation:pr9nAirHigh .95s cubic-bezier(.2,0,.3,1)}
  .pr9__hiker.is-t2 .pr9__fig .arF{animation:pr9nUp .95s cubic-bezier(.2,.9,.3,1)}
  .pr9__hiker.is-t2 .pr9__fig .arB{animation:pr9nUpB .95s cubic-bezier(.2,.9,.3,1)}
  .pr9__hiker.is-t2 .pr9__fig .lgF{animation:pr9nTuckHipF .95s ease-in-out}
  .pr9__hiker.is-t2 .pr9__fig .knF{animation:pr9nTuckKneeF .95s ease-in-out}
  .pr9__hiker.is-t2 .pr9__fig .lgB{animation:pr9nTuckHipB .95s ease-in-out}
  .pr9__hiker.is-t2 .pr9__fig .knB{animation:pr9nTuckKneeB .95s ease-in-out}
  @keyframes pr9nUp{0%{transform:rotate(40deg)}30%{transform:rotate(-156deg)}70%{transform:rotate(-148deg)}100%{transform:rotate(12deg)}}
  @keyframes pr9nUpB{0%{transform:rotate(34deg)}30%{transform:rotate(-146deg)}70%{transform:rotate(-138deg)}100%{transform:rotate(-10deg)}}

  /* já comemorando: o toque solta mais confete */
  .pr9.is-won .pr9__hiker::after,.pr9.is-won .pr9__hiker::before{animation:none}
  .pr9.is-won .pr9__conf.is-burst i{animation:pr9Conf 1.6s cubic-bezier(.2,.7,.3,1) calc(var(--d) * 1.4) 1 both,pr9Conf 2.6s cubic-bezier(.2,.7,.3,1) calc(1.7s + var(--d) * 3) infinite both}
  .pr9.is-won .pr9__hiker.is-t0 .pr9__figB,.pr9.is-won .pr9__hiker.is-t1 .pr9__figB,.pr9.is-won .pr9__hiker.is-t2 .pr9__figB{animation:pr9nCheerBig .9s cubic-bezier(.25,.9,.3,1)}
  @keyframes pr9nCheerBig{0%{transform:translateY(4px) scaleY(.84) scaleX(1.12)}35%{transform:translateY(-22px) scaleY(1.08) scaleX(.94)}75%{transform:translateY(-5px)}100%{transform:translateY(0)}}
}

/* ============================================================
   SEÇÃO 9 no celular — sempre de frente, descendo de mochila-foguete
   ============================================================ */
.pr9__figB .jet,.pr9__figB .arL,.pr9__figB .arR{display:none}
.pr9__figB .tank{fill:#C9CED6}
.pr9__figB .tankCap{fill:#9AA3AE}
.pr9__figB .tankLine{fill:none;stroke:#9AA3AE;stroke-width:1.2;stroke-linecap:round}
.pr9__figB .nozzle{fill:#6E7682}
.pr9__figB .jetBar{fill:none;stroke:#9AA3AE;stroke-width:2.2;stroke-linecap:round}
.pr9__figB .fOut{fill:#FF8A1F}
.pr9__figB .fIn{fill:#FFD23D}
.pr9__figB .lgL,.pr9__figB .lgR,.pr9__figB .arL,.pr9__figB .arR,.pr9__figB .headF,.pr9__figB .flame{transform-box:view-box}
.pr9__figB .lgL{transform-origin:25.6px 52px}
.pr9__figB .lgR{transform-origin:34.4px 52px}
.pr9__figB .arL{transform-origin:21.8px 31px}
.pr9__figB .arR{transform-origin:38.2px 31px}
.pr9__figB .headF{transform-origin:30px 21px}
.pr9__figB .flame{transform-origin:50% 49.2px;opacity:0}

@media(max-width:860px){
  .pr9__fig{display:none}
  .pr9__figB{display:block;opacity:1}
  .pr9__figB .jet{display:block}
  .pr9__figB .arL,.pr9__figB .arR{display:block}
  .pr9__figB .armsUp{display:none}
  .pr9.is-won .pr9__figB .armsUp{display:block}
  .pr9.is-won .pr9__figB .arL,.pr9.is-won .pr9__figB .arR{display:none}

  /* parado: flutua, chama piloto acesa, olha em volta */
  .pr9.is-playing .pr9__figB{animation:pr9jHover 2.8s ease-in-out infinite}
  .pr9.is-playing .pr9__figB .flame{animation:pr9jPilot .34s steps(2,end) infinite}
  .pr9.is-playing .pr9__figB .f2{animation-delay:.17s}
  .pr9.is-playing .pr9__figB .headF{animation:pr9jLook 8.4s ease-in-out infinite}
  .pr9.is-playing .pr9__figB .arL{animation:pr9jIdleL 2.8s ease-in-out infinite}
  .pr9.is-playing .pr9__figB .arR{animation:pr9jIdleR 2.8s ease-in-out infinite}
  .pr9.is-playing .pr9__figB .lgL{animation:pr9jLegL 2.8s ease-in-out infinite}
  .pr9.is-playing .pr9__figB .lgR{animation:pr9jLegR 2.8s ease-in-out infinite}
  @keyframes pr9jHover{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.8deg)}}
  @keyframes pr9jPilot{0%,100%{opacity:.5;transform:scaleY(.3) scaleX(.8)}50%{opacity:.75;transform:scaleY(.42) scaleX(.9)}}
  @keyframes pr9jLook{0%,58%,100%{transform:rotate(0)}66%{transform:rotate(-9deg)}78%{transform:rotate(7deg)}88%{transform:rotate(0)}}
  @keyframes pr9jIdleL{0%,100%{transform:rotate(5deg)}50%{transform:rotate(11deg)}}
  @keyframes pr9jIdleR{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(-11deg)}}
  @keyframes pr9jLegL{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(-7deg)}}
  @keyframes pr9jLegR{0%,100%{transform:rotate(2deg)}50%{transform:rotate(7deg)}}

  /* descida com propulsão */
  .pr9__hiker.is-go .pr9__figB{animation:pr9jFly .78s cubic-bezier(.3,0,.25,1)}
  .pr9__hiker.is-go .pr9__figB .flame{animation:pr9jBurn .78s ease-out}
  .pr9__hiker.is-go .pr9__figB .f2{animation-delay:.05s}
  .pr9__hiker.is-go .pr9__figB .arL{animation:pr9jFlyL .78s ease-in-out}
  .pr9__hiker.is-go .pr9__figB .arR{animation:pr9jFlyR .78s ease-in-out}
  .pr9__hiker.is-go .pr9__figB .lgL{animation:pr9jFlyLegL .78s ease-in-out}
  .pr9__hiker.is-go .pr9__figB .lgR{animation:pr9jFlyLegR .78s ease-in-out}
  .pr9__hiker.is-go .pr9__figB .headF{animation:pr9jFlyHead .78s ease-in-out}
  @keyframes pr9jFly{0%{transform:translateY(-9px) rotate(-5deg) scaleY(1.03)}35%{transform:translateY(-13px) rotate(4deg)}72%{transform:translateY(-3px) rotate(-1deg)}100%{transform:translateY(0) rotate(0)}}
  @keyframes pr9jBurn{0%{opacity:1;transform:scaleY(1.9) scaleX(1.15)}30%{opacity:1;transform:scaleY(2.3) scaleX(1)}70%{opacity:.9;transform:scaleY(1.2) scaleX(.95)}100%{opacity:.6;transform:scaleY(.4) scaleX(.85)}}
  @keyframes pr9jFlyL{0%{transform:rotate(34deg)}45%{transform:rotate(26deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9jFlyR{0%{transform:rotate(-34deg)}45%{transform:rotate(-26deg)}100%{transform:rotate(-5deg)}}
  @keyframes pr9jFlyLegL{0%{transform:rotate(-16deg)}50%{transform:rotate(-12deg)}100%{transform:rotate(-2deg)}}
  @keyframes pr9jFlyLegR{0%{transform:rotate(14deg)}50%{transform:rotate(10deg)}100%{transform:rotate(2deg)}}
  @keyframes pr9jFlyHead{0%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}100%{transform:rotate(0)}}

  /* toque: aceno, giro no lugar e impulso alto */
  .pr9__hiker.is-t0 .pr9__figB{animation:pr9jHop .82s cubic-bezier(.3,0,.3,1)}
  .pr9__hiker.is-t0 .pr9__figB .arR{animation:pr9jWave .82s ease-in-out}
  .pr9__hiker.is-t0 .pr9__figB .headF{animation:pr9jNod .82s ease-in-out}
  .pr9__hiker.is-t1 .pr9__figB{animation:pr9jHoverTrick 1.1s ease-in-out}
  .pr9__hiker.is-t1 .pr9__figB .flame{animation:pr9jBurn 1.1s ease-out}
  .pr9__hiker.is-t1 .pr9__figB .arL{animation:pr9jTiltL 1.1s ease-in-out}
  .pr9__hiker.is-t1 .pr9__figB .arR{animation:pr9jTiltR 1.1s ease-in-out}
  .pr9__hiker.is-t1 .pr9__figB .lgL,.pr9__hiker.is-t1 .pr9__figB .lgR{animation:pr9jDangle 1.1s ease-in-out}
  .pr9__hiker.is-t2 .pr9__figB{animation:pr9jBoost .95s cubic-bezier(.2,0,.3,1)}
  .pr9__hiker.is-t2 .pr9__figB .flame{animation:pr9jBurnBig .95s ease-out}
  .pr9__hiker.is-t2 .pr9__figB .arL{animation:pr9jUpL .95s cubic-bezier(.2,.9,.3,1)}
  .pr9__hiker.is-t2 .pr9__figB .arR{animation:pr9jUpR .95s cubic-bezier(.2,.9,.3,1)}
  @keyframes pr9jHop{0%{transform:translateY(2px) scaleY(.9)}35%{transform:translateY(-16px) scaleY(1.05)}75%{transform:translateY(-3px)}100%{transform:translateY(0)}}
  @keyframes pr9jHoverTrick{0%{transform:translateY(0) rotate(0)}22%{transform:translateY(-20px) rotate(-7deg)}50%{transform:translateY(-24px) rotate(7deg)}78%{transform:translateY(-14px) rotate(-3deg)}100%{transform:translateY(0) rotate(0)}}
  @keyframes pr9jTiltL{0%,100%{transform:rotate(5deg)}25%{transform:rotate(34deg)}60%{transform:rotate(14deg)}}
  @keyframes pr9jTiltR{0%,100%{transform:rotate(-5deg)}25%{transform:rotate(-14deg)}60%{transform:rotate(-34deg)}}
  @keyframes pr9jDangle{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg)}65%{transform:rotate(8deg)}}
  @keyframes pr9jBoost{0%{transform:translateY(3px) scaleY(.86) scaleX(1.1)}40%{transform:translateY(-34px) scaleY(1.08) scaleX(.94)}80%{transform:translateY(-6px)}100%{transform:translateY(0)}}
  @keyframes pr9jBurnBig{0%{opacity:1;transform:scaleY(2.8) scaleX(1.2)}45%{opacity:1;transform:scaleY(3.2) scaleX(1.05)}100%{opacity:.6;transform:scaleY(.4) scaleX(.85)}}
  @keyframes pr9jWave{0%,100%{transform:rotate(-5deg)}20%{transform:rotate(-142deg)}40%{transform:rotate(-166deg)}60%{transform:rotate(-140deg)}80%{transform:rotate(-164deg)}}
  @keyframes pr9jNod{0%,100%{transform:rotate(0)}35%{transform:rotate(-10deg)}70%{transform:rotate(6deg)}}
  @keyframes pr9jUpL{0%{transform:rotate(5deg)}40%{transform:rotate(166deg)}75%{transform:rotate(158deg)}100%{transform:rotate(5deg)}}
  @keyframes pr9jUpR{0%{transform:rotate(-5deg)}40%{transform:rotate(-166deg)}75%{transform:rotate(-158deg)}100%{transform:rotate(-5deg)}}

  /* comemorando: foguete desligado, troféu nas mãos */
  .pr9.is-won .pr9__figB .flame{animation:pr9jPilot .5s steps(2,end) infinite !important;opacity:.4}
  .pr9.is-won .pr9__figB{animation:pr9Cheer 2.6s ease-in-out infinite}
}

/* vídeo de fundo do hero (LPs de SEO) — a foto segue como cartaz e reserva */
.hero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:0;transition:opacity .8s ease}
.hero__vid.is-on{opacity:1}
@media (prefers-reduced-motion:reduce){.hero__vid{display:none}}