:root{color-scheme:light;--paper:#f7faff;--ink:#132442;--muted:#4d5c71;--blue:#2b6597;--blue-light:#428bca;--yellow:#ebbc2e;--stage:#12284e;--line:#dce5f1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2b6597;outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}section[id]{scroll-margin-top:64px}.nav{position:sticky;top:0;z-index:5;background:#f7f7f2ef;backdrop-filter:blur(14px);border-bottom:1px solid #dbe0d98c}.nav-inner{height:60px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav nav{display:flex;gap:28px}.nav a{font-size:.88rem}.nav-cta{font-weight:650;color:var(--blue)}.hero{text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#d8e8fa 0,transparent 64%)}.hero-content{padding:clamp(48px,8vw,110px) 20px 0}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:var(--blue)}h1,h2,h3{letter-spacing:-.06em;line-height:1.01}h1{font-size:clamp(3.4rem,9.9vw,9.4rem);margin:14px auto 17px;font-weight:740}.hero-intro,.story-head>p:last-child,.closing>p:not(.eyebrow){font-size:clamp(1rem,2vw,1.35rem);line-height:1.42;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:12px;background:var(--blue);color:white;border-radius:99px;padding:13px 20px;font-weight:650;margin-top:25px;font-size:.93rem}.button:hover{background:#204f7a}.hero-product{position:relative;width:min(86vw,1100px);margin:clamp(40px,6vw,84px) auto 0;padding-right:8%;padding-bottom:35px}.device{border:9px solid #172643;border-radius:25px;background:#172643;overflow:hidden;box-shadow:0 35px 75px #12284e35}.desktop img{width:100%}.hero-phone{position:absolute;right:0;bottom:3%;width:25%;aspect-ratio:9/15;border:6px solid #172643;border-radius:clamp(18px,3vw,38px);background:radial-gradient(ellipse at 35% 45%,#bedaf8,#428bca 88%);padding:13% 2% 3%;color:#132442;box-shadow:0 28px 65px #12284e54}.phone-bar{position:absolute;left:36%;top:3%;width:28%;height:3.5%;background:#172643;border-radius:20px}.phone-time{font-weight:700;font-size:clamp(1rem,5vw,4rem);letter-spacing:-.08em}.phone-alert{background:#fffdf1ef;padding:9%;border-radius:14px;margin-top:10%;text-align:left;display:grid;gap:5px}.phone-alert small,.phone-caption{font-size:clamp(.35rem,.75vw,.65rem);font-weight:700;letter-spacing:.05em}.phone-alert strong{font-size:clamp(.55rem,1.4vw,1rem);line-height:1.12}.phone-alert p{font-size:clamp(.45rem,.95vw,.76rem)}.phone-caption{display:block;margin-top:12%}.story-head{text-align:center;padding:clamp(58px,9vw,110px) 20px 48px}.story-head h2,.fit h2,.faq h2,.closing h2{font-size:clamp(2.6rem,6.8vw,6.25rem);margin:14px 0 20px}.journey{max-width:1240px;padding:0 30px;margin:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(32px,7vw,105px);align-items:start}.stage{position:sticky;top:clamp(74px,13vh,120px);height:min(64vh,540px);min-height:335px;border-radius:26px;background:radial-gradient(ellipse at 50% 65%,#234b81,var(--stage) 70%);color:#f1f6ff;overflow:hidden}.stage-top,figcaption{position:absolute;z-index:2;left:22px;right:22px;font-size:.62rem;letter-spacing:.11em;font-weight:650;color:#ceddf1}.stage-top{top:18px;display:flex;justify-content:space-between}figcaption{bottom:17px}.scene{position:absolute;inset:40px 16px;display:grid;place-content:center;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:opacity .32s,transform .42s,visibility .32s}.scene.is-current{opacity:1;visibility:visible;transform:none}.clock{text-align:center;font-size:clamp(2.5rem,7vw,5.4rem);line-height:1;letter-spacing:-.1em;font-weight:700;margin-bottom:12px}.message{background:#f5f8ff;color:#192c4c;margin:7px 26px 7px 0;padding:13px 17px;border-radius:16px;display:grid;gap:4px}.message span{font-size:.68rem}.message b{font-size:clamp(.76rem,1.7vw,1rem)}.reply{margin:7px 0 7px 26px;background:#fff1b8}.agenda{border:5px solid #142542;border-radius:13px;overflow:hidden}.agenda img{width:100%;max-height:47vh;object-fit:contain;background:#fff}.record,.return{border-radius:20px;background:#f5f8ff;color:#192c4c;padding:15px;min-width:min(260px,64vw);max-width:100%}.record h3,.return h3{font-size:clamp(1.4rem,3vw,2.45rem);margin:9px 0 3px}.record>p,.visit p{font-size:.78rem}.chip{display:inline-block;background:#fff1b8;color:#25334a;border-radius:14px;padding:5px 9px;font-size:.63rem;font-weight:700}.visit{margin-top:10px;background:white;border-radius:12px;padding:10px;display:grid;gap:4px}.visit small{font-size:.61rem;color:#345579}.visit b{color:#2b6597}.visit p{max-width:225px}.previous strong{font-size:.82rem}.return>div{display:flex;justify-content:space-between;gap:22px;padding:13px 0;border-top:1px solid var(--line);font-size:.85rem}.return>div span{color:#4d5c71}.step{min-height:65vh;display:flex;justify-content:center;flex-direction:column;padding:35px 0}.step h3{font-size:clamp(2rem,5vw,4.4rem);margin:13px 0}.step p:not(.eyebrow),.fit-grid p,.faq details p{color:var(--muted);line-height:1.5;font-size:clamp(.98rem,1.8vw,1.17rem);max-width:37ch}.step .chip{align-self:flex-start;margin-top:14px}.fit{background:#e7f1fd;padding:clamp(55px,9vw,105px) 30px}.fit-inner{max-width:1120px;margin:auto}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px}.fit-grid article{border-top:1px solid #a8c1df;padding-top:20px}.fit-grid h3{font-size:clamp(1.5rem,3vw,2.65rem);margin-bottom:14px}.faq{max-width:1000px;margin:auto;padding:clamp(55px,9vw,105px) 30px}.faq details{padding:18px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:680}.faq details p{padding-top:9px;max-width:none}.closing{text-align:center;padding:clamp(62px,10vw,122px) 24px;background:#11254a;color:#f5f8ff}.closing .eyebrow,.closing>p:not(.eyebrow){color:#d5e5fa}.closing small{display:block;margin-top:22px;color:#d5e5fa;font-size:.72rem}footer{max-width:1240px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem}
@media(max-width:700px){.nav-inner{padding:0 15px;height:54px}.nav nav{display:none}.wide{display:none}.hero-product{width:91vw;padding-right:10%;padding-bottom:20px}.device{border-width:4px;border-radius:12px}.hero-phone{width:29%;border-width:3px;bottom:2%}.phone-alert{border-radius:6px}.journey{display:block;padding:0 16px}.stage{top:62px;height:37vh;min-height:255px;max-height:360px;z-index:1;border-radius:17px}.scene{inset:32px 10px}.stage-top,figcaption{left:12px;right:12px;font-size:.55rem}.stage-top{top:12px}figcaption{bottom:9px}.agenda img{max-height:26vh}.step{min-height:46vh;padding:30px 8px}.step h3 br{display:none}.fit-grid{grid-template-columns:1fr;gap:24px}.record{padding:8px 10px}.record h3{margin-top:3px}.visit{margin-top:5px;padding:6px}.visit p{font-size:.68rem}.record .chip{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){.scene{transition:none;transform:none}}

/* The translucent header is a functional layer above the page. */
.nav {
  background: #f7faffdf;
  border-bottom: 0;
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: 0 1px 0 #213b6214;
}

h1, h2, h3 {
  font-optical-sizing: auto;
}

.button {
  touch-action: manipulation;
  transition: background-color 160ms ease-out, transform 160ms ease-out;
}

.button:active {
  transform: scale(.97);
  transition-duration: 90ms;
}

.scene {
  transform: translateY(7px) scale(.99);
  transition: opacity 220ms ease-out, transform 300ms cubic-bezier(.2,.7,.25,1), visibility 220ms;
}

.scene.is-current {
  transform: none;
}

.brand-chapter {
  display: grid;
  grid-template-columns: 1.24fr .76fr;
  align-items: stretch;
  background: #11254a;
  color: #f7f7f2;
}

.brand-chapter-copy {
  align-self: center;
  padding: clamp(42px, 7vw, 118px) clamp(24px, 7vw, 118px);
}

.brand-chapter .eyebrow {
  color: #ffdc66;
}

.brand-chapter h2 {
  max-width: 12ch;
  margin: 18px 0 20px;
  font-size: clamp(2.9rem, 6vw, 6.25rem);
}

.brand-chapter-copy > p:last-child {
  max-width: 37ch;
  color: #d5e5fa;
  font-size: clamp(1rem, 1.7vw, 1.2rem);
  line-height: 1.5;
}

.brand-chapter img {
  width: 100%;
  height: auto;
  align-self: center;
}

@media (max-width: 700px) {
  .brand-chapter { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .button, .scene { transition: none; transform: none; }
}

.hero h1 {
  max-width: 20ch;
  font-size: clamp(2.55rem, 7.5vw, 7rem);
  text-wrap: balance;
}

.hero-intro {
  max-width: 47ch;
  margin-inline: auto;
  text-wrap: pretty;
}

/* Mutts campaign palette */
.hero h1 em { color: var(--blue); font-style: normal; }
.hero .button, .closing .button { background: var(--yellow); color: #172643; }
.hero .button:hover, .closing .button:hover { background: #f5cc49; }
.stage-top #counter { color: #ffdc66; font-variant-numeric: tabular-nums; }
.phone-time { color: #132442; }
.phone-alert { border-top: 3px solid var(--yellow); }
.hero-note { margin-top: 12px; font-size: .79rem; color: var(--muted); }
.story-head > p:last-child { max-width: 54ch; margin-inline: auto; }
.fit-grid article { border-top: 3px solid var(--yellow); }
@media (max-width: 700px) {
  .hero-content { padding-top: 48px; }
  .hero h1 { font-size: clamp(2.45rem, 9vw, 4rem); }
}

.step p + p { margin-top: .85rem; }
.step .step-benefit {
  color: var(--ink);
  font-weight: 650;
  padding-left: .8rem;
  border-left: 3px solid var(--yellow);
}
.step h3 { text-wrap: balance; }

.fit-intro {
  max-width: 48ch;
  color: var(--muted);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.55;
}

.fit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 38px);
}

.fit-grid article {
  display: flex;
  flex-direction: column;
}

.fit-grid .profile-size {
  margin-bottom: 14px;
  color: var(--blue);
  font-size: .82rem;
  font-weight: 750;
}

.fit-grid article > p + p {
  margin-top: .85rem;
}

.fit-grid article > .profile-benefit {
  color: var(--ink);
  font-weight: 650;
  padding-bottom: 16px;
}

.profile-link {
  margin-top: auto;
  align-self: flex-start;
  color: var(--blue);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .2em;
  padding-block: 8px;
}

.fit-note {
  margin-top: 20px;
  font-size: .81rem;
  color: var(--muted);
}

@media (max-width: 880px) {
  .fit-grid { grid-template-columns: 1fr; gap: 26px; }
  .fit-grid p { max-width: 55ch; }
}

.hero-points {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 19px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 650;
}

.hero-points li::before {
  content: "";
  display: inline-block;
  width: .45em;
  height: .45em;
  margin-right: .55em;
  vertical-align: .12em;
  border-radius: 50%;
  background: var(--yellow);
}
/* Commercial direction: product proof, customer continuity, business context. */
.hero h1{font-size:clamp(2.8rem,6.5vw,6.8rem);max-width:22ch}.hero-content{padding-top:clamp(60px,8vw,110px)}.hero-intro{max-width:53ch}.product-caption{font-size:.72rem;color:var(--muted);padding:0 20px 34px}.section-inner{max-width:1160px;margin:auto}.promise,.management,.ecosystem{padding:clamp(64px,9vw,112px) 30px}.promise{background:#fff}.promise h2,.management h2,.ecosystem h2{font-size:clamp(2.5rem,5.5vw,5.3rem);margin:18px 0 45px;text-wrap:balance}.promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.promise-grid article>span{font-size:.75rem;font-weight:700;color:var(--blue);display:inline-block;border-top:3px solid var(--yellow);padding-top:16px;width:100%}.promise-grid h3{font-size:clamp(1.5rem,2.3vw,2.3rem);margin:18px 0 12px}.promise-grid p,.management-copy>p:not(.eyebrow),.ecosystem p{font-size:1.05rem;line-height:1.6;color:var(--muted)}.promise-grid a,.text-link{display:inline-block;font-size:.88rem;color:var(--blue);font-weight:650;margin-top:20px}.management{background:#12284e;color:#f7faff}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.management .eyebrow{color:#ffdc66}.management h2{margin-bottom:24px}.management h2 em{font-style:normal;color:#ffdc66}.management-copy>p:not(.eyebrow){color:#d0def0;margin-top:16px}.management .text-link{color:#ffdc66;line-height:1.5}.management-product{background:#f7faff;color:var(--ink);border-radius:24px;padding:28px;box-shadow:0 20px 55px #030f2938}.mock-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mock-top>span{font-size:.65rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:30px}.metrics small{display:block;font-size:.7rem;color:var(--muted);margin-bottom:8px}.metrics strong{font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:-.05em}.chart{height:155px;display:flex;align-items:flex-end;justify-content:space-around;gap:20px;margin-top:24px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#dce5f180 38px,#dce5f180 39px)}.chart>span{height:var(--bar);width:36px;border-radius:8px 8px 3px 3px;background:linear-gradient(100deg,#2b6597,#518fc2 48%,#2b6597);box-shadow:inset 1px 1px 0 #ffffff60}.chart-labels{display:flex;justify-content:space-around;gap:10px;margin-top:10px;font-size:.62rem;color:var(--muted)}.crm-example{margin-top:28px;background:#e6eef8;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px}.crm-example strong{font-size:.82rem}.crm-example p{font-size:.74rem;line-height:1.5;margin-top:4px;color:var(--muted)}.crm-dot{flex:0 0 10px;height:10px;background:var(--yellow);border-radius:50%}.mock-note{font-size:.62rem;color:var(--muted);line-height:1.5;margin-top:14px}.ecosystem{background:#fff}.ecosystem h2{font-size:clamp(2.4rem,4.6vw,4.5rem);max-width:23ch}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.ecosystem-grid article{border-top:1px solid var(--line);padding-top:24px}.ecosystem h3{font-size:1.5rem;margin-bottom:12px}.closing h2{max-width:15ch;margin-inline:auto}.closing>p:not(.eyebrow){max-width:51ch;margin-inline:auto}.fit-grid article>p{font-size:1rem}.nav-cta{white-space:nowrap}
@media(max-width:880px){.management-grid{grid-template-columns:1fr;gap:38px}.management-product{max-width:550px;width:100%;margin:auto}.promise-grid{gap:24px}.promise-grid h3{line-height:1.1}.ecosystem-grid{gap:24px}}
@media(max-width:600px){.promise,.management,.ecosystem{padding:64px 22px}.promise-grid,.ecosystem-grid{grid-template-columns:1fr;gap:32px}.promise h2,.management h2,.ecosystem h2{margin-bottom:30px}.promise-grid h3{font-size:1.9rem;margin-top:12px}.promise-grid p{max-width:39ch}.management-product{padding:20px;border-radius:20px}.mock-top{align-items:flex-start}.mock-top>span{max-width:10ch;text-align:right}.hero h1{font-size:clamp(2.55rem,10vw,3.8rem)}.hero-intro{font-size:1.05rem}.hero-points{font-size:.73rem}.fit{padding-inline:22px}.fit-grid h3{font-size:2rem}.nav-inner{gap:12px}.nav-cta{font-size:.78rem!important}.product-caption{font-size:.62rem}.management-copy .text-link{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.tutor-access { padding: clamp(44px, 7vw, 92px) 0; }
.tutor-access h2 { margin: 0 0 22px; font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.03; letter-spacing: -.045em; }
.tutor-access-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tutor-access-grid article { padding: clamp(18px, 3vw, 32px); border: 1px solid #dce4f0; border-radius: 22px; background: #f2f6fc; }
.tutor-access-grid article:nth-child(2) { background: #fff8df; border-color: #efe1ac; }
.tutor-access-tag { font-size: .77rem; font-weight: 750; color: var(--blue); }
.tutor-access-grid h3 { margin: 7px 0; font-size: clamp(1.2rem, 2.5vw, 1.6rem); }
.tutor-access-grid p { margin: 0; line-height: 1.5; color: var(--muted); }
.tutor-access-grid .tutor-access-flow { margin-top: 14px; color: var(--ink); font-weight: 650; font-size: .84rem; }
@media (max-width: 700px) { .tutor-access-grid { grid-template-columns: 1fr; } }

/* Acesso e acessibilidade */
.skip-link{position:fixed;top:8px;left:12px;z-index:20;padding:12px;background:#fff;color:#132442;transform:translateY(-160%)}.skip-link:focus{transform:none}
button:focus-visible,[tabindex]:not(main):focus-visible{outline:3px solid #2b6597;outline-offset:3px}main:focus{outline:0}
.nav-acoes{display:flex;align-items:center;gap:16px;white-space:nowrap}.nav-entrar{font-weight:600}
footer{flex-wrap:wrap;gap:12px 24px}footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}footer nav a{text-decoration:underline;text-underline-offset:3px}
.product-caption a{text-decoration:underline;text-underline-offset:.2em}
/* Amostra da primeira dobra: leva à conversa completa */
.hero-product{padding-right:0}
.hero-chat{position:absolute;right:-2%;bottom:6%;width:300px;display:grid;gap:7px;padding:10px;border-radius:18px;background:#efeae2;text-align:left;font-size:14px;line-height:1.3;color:#111b21;box-shadow:0 22px 50px #12284e50;transition:transform 200ms ease-out}
.hero-chat:active{transform:scale(.98)}
.hc-top{display:flex;align-items:center;gap:8px;margin:-10px -10px 2px;padding:9px 12px;border-radius:18px 18px 0 0;background:#008069;color:#fff}.hc-top img{width:36px;height:36px;padding:3px;object-fit:contain;background:#fff;border-radius:50%}.hc-top i{margin-left:auto;font-style:normal;font-size:12px}
.hc-b{max-width:88%;padding:7px 9px;border-radius:8px;background:#fff;box-shadow:0 1px 1px #0b141a22}.hc-b.out{justify-self:end;background:#d9fdd3}
.hc-ver{justify-self:center;margin-top:2px;font-weight:700;color:#00664f}
/* História: sem JS ou com movimento reduzido, cada cena fica junto do seu texto */
.stage,.runway{display:none}
.journey{display:block;max-width:760px;padding:0 16px}
.step{min-height:0;padding:24px 0 40px;display:block}
.step .scene{position:static;opacity:1;visibility:visible;transform:none;display:block;padding:16px;margin-bottom:22px;border-radius:22px;background:var(--stage)}
.step-card p+p{margin-top:.85rem}
.scene-nota{margin-top:8px;font-size:12px;line-height:1.35;color:#d5e5fa;text-align:center}
.chat-demo{width:100%;max-width:420px;margin:auto;display:flex;flex-direction:column;min-height:0}
.chat-demo-switch{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin-bottom:8px;border-radius:12px;background:#0b1c38}
.chat-demo-switch[hidden]{display:none}
.chat-demo-switch button,.journey-controls button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#e4edf9;font:650 .8rem/1.1 inherit;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background-color 180ms ease-out,color 180ms ease-out,transform 120ms ease-out}
.chat-demo-switch button:active,.journey-controls button:active{transform:scale(.97)}
.chat-demo-switch button[aria-pressed=true]{background:#fff;color:#132442}
.chat-demo-switch button:focus-visible,.journey-controls button:focus-visible{outline-color:#fff;outline-offset:-3px}
/* WhatsApp recriado: só referência visual */
.wa{--f:16px;display:flex;flex-direction:column;min-height:0;border-radius:16px;overflow:hidden;background:#efeae2;color:#111b21;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wa[hidden],.loja[hidden]{display:none}
.wa header{flex:none;display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 8px;background:#008069;color:#fff}
.wa-back{font-size:20px}.wa-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}.wa-av img{width:34px;height:auto}
.wa header div{min-width:0}.wa header strong{display:block;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}.wa header small{display:block;font-size:12px;opacity:.9}
.wa-ic{display:flex;gap:10px;margin-left:auto}.wa-ic svg{width:21px;height:21px;fill:#fff}.wa-ic svg:not(:last-child){fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.wa-msgs{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;padding:8px 10px;overflow:hidden;font-size:var(--f);line-height:1.3;background-color:#efeae2;background-image:radial-gradient(circle at 12px 12px,#d8d0bf80 1.5px,transparent 2px),radial-gradient(circle at 32px 34px,#d8d0bf66 1.5px,transparent 2px);background-size:44px 44px}
.wa-dia{align-self:center;padding:3px 10px;margin-bottom:2px;border-radius:8px;background:#fff;color:#54656f;font-size:12px;box-shadow:0 1px 1px #0b141a1c}
.wa-m{position:relative;max-width:84%;padding:6px 8px 5px 9px;border-radius:9px;background:#fff;box-shadow:0 1px 1px #0b141a26;transition:opacity 240ms ease-out,transform 280ms cubic-bezier(.2,.8,.25,1)}
.wa-m.in{align-self:flex-start;border-top-left-radius:2px}.wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.wa-m time{float:right;margin:5px 0 -2px 10px;font-size:11px;color:#667781;white-space:nowrap}.wa-tk{color:#53bdeb;letter-spacing:-.15em}
.wa-m.espera{opacity:0;transform:translateY(10px) scale(.98)}
.wa-comp{flex:none;display:flex;align-items:center;gap:6px;padding:6px 7px;background:#efeae2}
.wa-campo{flex:1;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:22px;background:#fff;color:#667781;font-size:15px}.wa-campo i{font-style:normal;font-size:18px}
.wa-mic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#008069}.wa-mic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.loja{display:flex;flex-direction:column;min-height:0;border-radius:16px;overflow:hidden;background:#f3ebdd}
.loja header{flex:none;padding:8px 12px;background:#fffcf7;color:#2f2d3a}.loja header strong{display:block;font-size:15px;letter-spacing:0}.loja header small{font-size:12px;color:#5f6470}
.loja img{flex:1;min-height:0;width:100%;object-fit:contain;object-position:top center}
.agenda-prova{display:grid;gap:10px;width:100%;max-width:520px;margin:auto;color:#fff}.agenda-prova .chip{justify-self:start;font-size:.75rem}.agenda-prova strong{font-size:clamp(1.15rem,3.6vw,1.5rem);letter-spacing:-.02em;line-height:1.2}.agenda-prova p{font-size:13px;color:#d5e5fa}.agenda-prova .agenda{border:0;border-radius:14px;background:#fff}.agenda-prova .agenda img{max-height:none;width:100%}
.record,.return{margin:auto;width:100%;max-width:400px;padding:18px}.record>p,.visit p{font-size:.95rem}.chip{font-size:.72rem}.visit small{font-size:.75rem}.return>div{font-size:1rem}.previous strong{font-size:.95rem}
/* Com movimento: cena presa, troca conforme a rolagem */
.story-on .stage{display:flex;flex-direction:column;gap:8px;position:sticky;top:54px;z-index:0;height:calc(100svh - 54px);padding:8px 12px 10px;background:radial-gradient(ellipse at 50% 60%,#234b81,var(--stage) 72%);overflow:hidden;color:#f1f6ff;border-radius:0;min-height:0;max-height:none}
.journey-controls{position:static;flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:420px;width:100%;margin:auto;margin-block:0}
.journey-controls button{min-height:36px;background:#ffffff14;font-size:.8rem}.journey-controls button[aria-pressed=true]{background:var(--yellow);color:#132442}
.stage-cenas{position:relative;flex:1;min-height:0}
.story-on .stage .scene{position:absolute;inset:0;margin:0;padding:0;background:none;border-radius:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transition:opacity 260ms ease-out,transform 340ms cubic-bezier(.2,.8,.25,1),visibility 260ms}
.story-on .stage .scene.is-current{opacity:1;visibility:visible;transform:none}
.story-on .stage .chat-scene{align-items:stretch}
.story-on .stage .chat-demo{height:100%}.story-on .stage .wa,.story-on .stage .loja{flex:1}
.story-on .stage .scene-nota{flex:none;margin-top:5px;font-size:11px}
.story-on .journey{max-width:none;padding:0;background:var(--stage)}
.story-on .steps{position:relative;z-index:1;margin-top:calc(-100svh + 54px);pointer-events:none}
.story-on .runway{display:block;height:260svh}
.story-on .step:not(:first-child) .runway{height:85svh}
.story-on .step{padding:0}
.story-on .step-card{pointer-events:auto;margin:0 10px;padding:26px 20px 30px;border-radius:24px;background:var(--paper);box-shadow:0 -10px 40px #06122a40}
.story-on .step:last-child{padding-bottom:50svh}
.step-card h3{font-size:clamp(1.9rem,7vw,3rem);margin:13px 0;text-wrap:balance}
@media(max-width:700px){.hero-chat{position:static;width:100%;margin-bottom:18px;max-width:360px;margin-inline:auto}.hero-product{display:flex;flex-direction:column;padding-bottom:12px}.hero-product .device{order:2}.nav-acoes{gap:12px}.nav-entrar{font-size:.82rem!important}.brand img{width:70px}}
@media(max-height:620px){.story-on .journey-controls button,.chat-demo-switch button{min-height:32px;font-size:.74rem}.wa header{min-height:46px;padding:3px 8px}.wa-av{width:34px;height:34px}.wa-comp{padding:3px 6px}.wa-campo{min-height:34px}.wa-mic{width:36px;height:36px}.story-on .stage{gap:5px;padding-top:5px;padding-bottom:5px}.chat-demo-switch{margin-bottom:5px}.story-on .stage .scene-nota{display:none}}
@media(min-width:901px){
.story-on .journey{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);max-width:1240px;margin:auto;padding:0 30px;background:none}
.story-on .stage{top:76px;height:calc(100vh - 96px);max-height:760px;border-radius:26px;padding:14px 18px}
.story-on .steps{margin-top:0}.story-on .runway{display:none}
.story-on .step{min-height:95vh;padding:0}.story-on .step:first-child{min-height:170vh}.story-on .step:last-child{padding-bottom:0}
.story-on .step-card{position:sticky;top:18vh;margin:0;padding:30px 0;background:none;box-shadow:none;border-radius:0}
}
@media(prefers-reduced-motion:reduce){.wa-m,.scene,.hero-chat,button{transition:none!important}}