/* Scroll narrative. Scoped overrides bridge the previous exported inline design. */
.experience-site { --paper:#f7efdf; --ink:#382414; --green:#885329; --muted:#806e55; --line:#dfcdb0; background:var(--paper); color:var(--ink); font-family:'Manrope',Arial,sans-serif; }
html:has(.experience-site) { scroll-padding-top:90px; }
.experience-site a { color:var(--green); }
.experience-site a:hover { opacity:1; }
.experience-site :focus-visible { outline:3px solid #b26f39; outline-offset:5px; }
.experience-site #topbar { background:#f7efdff5 !important; border-bottom:1px solid var(--line) !important; backdrop-filter:blur(12px) !important; }
.experience-site #topbar > div:first-child { max-width:1400px !important; padding:18px 4vw !important; }
.experience-site #topbar a, .experience-site #topbar a span, .experience-site #topbar a em { font-family:'Space Grotesk',Arial,sans-serif !important; font-style:normal; color:var(--ink) !important; }
.experience-site #topbar .nav-link { font-size:13px !important; padding:8px 10px !important; }
.experience-site .btn-app { background:var(--ink) !important; color:#fff !important; border-radius:5px !important; font-size:13px !important; padding:14px 22px !important; border:0 !important; }
.journey { position:relative; background:var(--paper); }
.journey-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.journey-stage { max-width:1600px; margin:auto; padding:24px 6vw 26px; position:relative; }
.journey-meta { display:flex; justify-content:space-between; color:#8d7658; font:10px/1.5 monospace; letter-spacing:.14em; padding:0 0 16px; }
.journey-meta b { color:var(--green); font-weight:400; }
.journey-layout { display:grid; grid-template-columns:.95fr 1.2fr; gap:3vw; align-items:center; min-height:660px; }
.journey-chapter { padding:40px 0; }
.journey-chapter .eyebrow { color:#8f7655; font:11px/1.5 monospace; letter-spacing:.15em; margin:0 0 22px; }
.journey-chapter h2 { margin:0 0 24px; color:var(--ink); font:500 clamp(40px,4.7vw,72px)/1.05 'Space Grotesk',Arial,sans-serif; letter-spacing:-.06em; }
.journey-chapter h2 span { color:#a4652d; }
.chapter-text > p:last-of-type { max-width:380px; margin:0; font-size:15px; line-height:1.85; color:#7e6b53; }
.journey-cta { margin-top:30px; display:flex; flex-direction:column; gap:13px; align-items:flex-start; }
.journey-cta a { min-height:50px; display:inline-flex; justify-content:space-between; gap:40px; align-items:center; background:var(--ink); color:#fff; padding:16px 21px; border-radius:5px; text-decoration:none; font-size:12px; }
.journey-cta > span { color:#8f7655; font-size:10px; }
.journey-art { position:relative; min-width:0; height:580px; perspective:1200px; }
.art-grid { position:absolute; inset:0; background-image:linear-gradient(#90662b09 1px,transparent 1px),linear-gradient(90deg,#90662b09 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(ellipse,#000 20%,transparent 71%); }
.art-orbit { position:absolute; border:1px solid #b78b5030; border-radius:50%; width:470px; height:470px; top:55px; left:50%; transform:translateX(-50%); }
.orbit-two { width:570px; height:570px; top:5px; }
.art-label { position:absolute; bottom:0; left:0; right:0; text-align:center; color:#a18967; font:9px/1.4 monospace; letter-spacing:.14em; }
.scene { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; }
.scene-caption { position:absolute; bottom:26px; font-size:10px; letter-spacing:.02em; color:#9a8060; text-align:center; }
.scene-chat, .scene-dashboard { opacity:0; visibility:hidden; }
.notebook { position:relative; width:345px; height:454px; background:#567047; border-radius:9px 17px 17px 9px; padding:13px 12px 15px 23px; box-shadow:3px 6px 0 #d5d5c2,5px 9px 0 #e5e3d3,20px 33px 55px -28px #1e392c60; transform:rotate(-8deg) rotateY(-12deg) rotateX(10deg); }
.notebook-page { position:relative; height:100%; padding:24px 20px; background:repeating-linear-gradient(#fffdf5 0px,#fffdf5 32px,#71856618 33px,#fffdf5 34px); border-radius:2px 8px 8px 2px; color:#536d47; }
.notebook-binding { position:absolute; left:-7px; top:27px; bottom:27px; display:flex; flex-direction:column; justify-content:space-around; z-index:2; }
.notebook-binding i { width:28px; height:10px; border:3px solid #233c2f; border-right-color:#829273; border-radius:5px; box-shadow:0 2px 1px #0002; }
.notebook-date { display:flex; justify-content:space-between; font:7px/1.5 monospace; letter-spacing:.1em; color:#8b947e; }
.notebook-heading { margin:19px 0 4px; font:500 28px/1.2 'Space Grotesk',Arial,sans-serif; letter-spacing:-.05em; }
.notebook-sketch { width:100%; height:82px; margin:0 0 15px; color:#6c805f; }
.notebook-entry { display:flex; justify-content:space-between; gap:8px; font:18px/1.8 'Caveat',cursive; color:#454c39; white-space:nowrap; }
.notebook-entry b { font-weight:500; font-size:17px; }
.notebook-note { font:21px/1.3 'Caveat',cursive; margin-top:21px; transform:rotate(-3deg); color:#a17543; }
.notebook-footer { position:absolute; bottom:19px; left:20px; right:20px; display:flex; justify-content:space-between; font:7px/1.5 monospace; letter-spacing:.15em; color:#829075; }
.phone { width:285px; height:482px; background:#fcfdf9; padding:21px 8px 10px; border:6px solid #21362c; border-radius:36px; box-shadow:16px 28px 45px -24px #1e392c60; position:relative; transform:rotate(5deg); }
.phone-camera { position:absolute; width:60px; height:6px; border-radius:10px; background:#21362c; top:6px; left:50%; transform:translateX(-50%); }
.phone-header { display:flex; align-items:center; gap:8px; padding:11px 4px 13px; border-bottom:1px solid #e2e7dc; font-size:11px; }
.phone-header small { display:block; font-size:8px; margin-top:4px; color:#75816e; }
.phone-header > span:last-child { margin-left:auto; }
.tiao-avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#e3ead7; color:#46643c; font-family:'Space Grotesk'; font-size:18px; }
.phone-messages { display:flex; flex-direction:column; align-items:flex-start; padding:12px 3px; gap:10px; background:#f7efdf; height:328px; }
.chat-date { align-self:center; font:7px/1.4 monospace; color:#89937e; letter-spacing:.1em; }
.chat-bubble { max-width:91%; border:1px solid #dde4d4; border-radius:3px 11px 11px; padding:10px; background:#fff; color:#354534; font:10px/1.6 'Manrope',Arial,sans-serif; }
.chat-user { align-self:flex-end; border-radius:11px 3px 11px 11px; background:#e4edd6; }
.chat-bubble p { margin:8px 0 0; }
.chat-bubble time { display:block; text-align:right; font-size:7px; color:#819373; margin-top:3px; }
.voice-note { display:flex; align-items:center; gap:4px; color:#526e3d; }
.voice-note i { width:3px; height:12px; background:#93aa7b; border-radius:2px; }
.voice-note i:nth-child(3n) { height:23px; }.voice-note i:nth-child(2n) { height:16px; }
.voice-note small { margin-left:auto; font-size:8px; }
.chat-confirm { min-width:92px; }
.chat-saved { display:flex; align-items:center; gap:9px; font-size:9px; }
.chat-saved > span { background:#dfead4; border-radius:50%; padding:3px 6px; }
.phone-input { margin:4px 5px; padding:8px 12px; border:1px solid #e2e7dc; border-radius:18px; font-size:9px; color:#85917d; display:flex; justify-content:space-between; }
.dashboard { width:100%; max-width:570px; border:1px solid #ccd9c4; border-radius:10px; background:#fff; box-shadow:0 24px 50px -30px #1e392c60; transform:rotateY(-9deg) rotateX(5deg); overflow:hidden; }
.dashboard-bar { height:53px; display:flex; align-items:center; gap:10px; padding:12px 21px; border-bottom:1px solid #e5eadf; font-size:12px; color:#263d2b; }
.dash-mark { padding:6px; background:#304e34; color:white; border-radius:4px; font:9px monospace; }
.dash-avatar { margin-left:auto; border-radius:50%; background:#edf1e6; padding:7px; font-size:9px; }
.dashboard-content { padding:23px; background:#fbfcf8; }
.dashboard-greeting { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }.dashboard-greeting small { font:8px monospace; letter-spacing:.1em; color:#7d8e75; }.dashboard-greeting h3 { margin:6px 0 0; font:500 23px/1.2 'Space Grotesk',Arial,sans-serif; letter-spacing:-.04em; color:#203b28; }.dashboard-greeting > span { font-size:9px; color:#718266; }
.dash-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.dash-metrics > div { padding:14px 10px; border:1px solid #e0e7d9; border-radius:5px; background:#fff; }.dash-metrics small { font-size:9px; color:#77856d; }.dash-metrics strong { display:block; margin:6px 0 7px; font:500 24px 'Space Grotesk',Arial,sans-serif; letter-spacing:-.05em; color:#2e4930; }.dash-metrics span { display:block; font-size:7px; color:#95a08c; }
.dash-chart { background:white; border:1px solid #e0e7d9; border-radius:5px; margin-top:13px; padding:15px; }.dash-chart > div:first-child { display:flex; justify-content:space-between; font-size:9px; }.dash-chart > div:first-child span { font-size:7px; color:#87977a; }.dash-chart svg { width:100%; height:115px; display:block; margin-top:17px; }.chart-months { display:flex; justify-content:space-between; font:6px monospace; color:#8c9981; }
.dash-recent { display:flex; align-items:center; gap:9px; padding:14px 0 0; font-size:9px; color:#425b3e; }.saved-check { background:#e1edd7; padding:6px 9px; border-radius:50%; }.dash-recent small { display:block; margin-top:3px; font-size:7px; color:#8e9d82; }.dash-recent > strong { margin-left:auto; font-size:10px; }.dash-disclaimer { padding:9px; text-align:center; border-top:1px solid #e5eadf; font:7px monospace; color:#9f8460; }
.journey-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-top:8px; }
.scroll-hint { font:9px/1.5 monospace; letter-spacing:.1em; color:#9a8060; }.scroll-hint > span { display:block; margin-top:12px; font-size:18px; }
.journey-steps { display:flex; gap:12px; width:44%; }.journey-steps a { display:flex; gap:15px; padding:14px 0 0; border-top:2px solid #dfcdb0; flex:1; text-decoration:none; font:9px monospace; color:#a18a6c; white-space:nowrap; }.journey-steps a span { opacity:.6; }.journey-steps a[aria-current="step"] { color:#885329; border-color:#885329; }
.journey-skip { font:9px/1.5 monospace; letter-spacing:.03em; text-underline-offset:8px; white-space:nowrap; }
/* Sticky presentation is enabled only when the controller initializes. */
.journey.is-enhanced { height:340vh; padding:0 !important; }
.journey.is-enhanced .journey-stage { position:sticky; top:78px; height:calc(100svh - 78px); min-height:610px; display:flex; flex-direction:column; }
.journey.is-enhanced .journey-layout { min-height:0; flex:1; }
.journey.is-enhanced .journey-copy { position:relative; }
.journey.is-enhanced .journey-chapter { position:absolute; top:0; left:0; right:0; padding:0; transition:opacity .35s,transform .5s; }
.journey.is-enhanced .journey-chapter:not(.is-current) { visibility:hidden; opacity:0; transform:translateY(16px); }
.journey.is-enhanced .journey-chapter.is-current { position:relative; opacity:1; visibility:visible; transform:none; }
.journey.is-enhanced .journey-art { height:min(580px,calc(100svh - 190px)); min-height:430px; }
.journey.is-enhanced .journey-footer { margin-top:auto; padding-top:16px; }
.journey:not(.is-enhanced) .journey-chapter + .journey-chapter { border-top:1px solid var(--line); }
.product-strip { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:40px 6vw; background:#412815; color:#f6dfb8; }.product-strip > span { font:10px monospace; letter-spacing:.1em; }.product-strip p { max-width:470px; margin:0; font-size:14px; line-height:1.8; color:#d2b992; }.product-strip a { color:#fcecd1; font-size:12px; text-underline-offset:6px; white-space:nowrap; }.product-legal { margin:0; padding:12px 6vw; border-bottom:1px solid var(--line); font-size:9px; line-height:1.7; color:#957b54; background:#eee0c5; }
/* Follow-through: same modern typography and restrained surfaces throughout. */
.experience-site main > section:not(.journey) { padding:clamp(64px,8vw,110px) 6vw !important; background:var(--paper) !important; border-top:1px solid var(--line) !important; }
.experience-site main > section:not(.journey) > div:first-child { max-width:1260px !important; }
.experience-site main > section:not(.journey) h2 { font-family:'Space Grotesk',Arial,sans-serif !important; font-weight:500 !important; text-align:left !important; line-height:1.1; font-size:clamp(30px,4vw,54px) !important; letter-spacing:-.05em !important; color:var(--ink); }
.experience-site main > section:not(.journey) h2 em { color:#a4652d !important; font-style:normal; }
.experience-site main > section:not(.journey) h2 + p { text-align:left !important; margin-left:0 !important; font-size:15px !important; line-height:1.8; color:#73806c !important; }
.experience-site main h3, .experience-site main button, .experience-site .faq-q > span:first-child { font-family:'Space Grotesk',Arial,sans-serif !important; }
.field-kicker { font:10px/1.5 monospace; color:#997a52; letter-spacing:.12em; margin:0 0 22px; text-transform:uppercase; }
.experience-site #como-funciona ol { gap:0 !important; border-top:1px solid var(--line); }
.experience-site #como-funciona li { background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:30px 30px 0 0 !important; }
.experience-site #como-funciona li > div:first-child { background:none !important; box-shadow:none !important; color:#7d9568 !important; justify-content:flex-start !important; font-family:'Space Grotesk',Arial,sans-serif !important; }
.experience-site #como-funciona li p, .experience-site #diferenciais article p { font-size:14px !important; color:#6d7b64 !important; line-height:1.8 !important; }
.experience-site #diferenciais article { border:0 !important; border-top:1px solid var(--line) !important; border-radius:0 !important; background:none !important; padding:28px 18px 28px 0 !important; }
.experience-site #diferenciais article > div:first-child { color:var(--green) !important; background:#e8eddf !important; box-shadow:none !important; border-radius:5px !important; }
.experience-site #precos { background:#eddfc3 !important; }.experience-site #precos article { background:#fff8e9 !important; border:1px solid #c9ab79 !important; border-radius:8px !important; box-shadow:none !important; }.experience-site #precos article > span:first-child { background:var(--ink) !important; color:#f5ddaf !important; box-shadow:none !important; border-radius:3px !important; }.experience-site #precos article > a { background:var(--ink) !important; box-shadow:none !important; border-radius:4px !important; font-family:'Manrope',Arial,sans-serif !important; }.experience-site [style*="cdr-sheen"] { display:none !important; }
.experience-site .faq-item { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; }.experience-site .faq-item[open] { background:#eee0c5; }.experience-site .faq-icon { background:none; color:#526c42; }
.experience-site #contact-form { background:#fff8e9 !important; border:1px solid var(--line) !important; border-radius:5px !important; box-shadow:none !important; }.experience-site #contact-form button { background:var(--ink) !important; border-radius:4px !important; box-shadow:none !important; }
.experience-site footer { background:#382414 !important; }.experience-site footer, .experience-site footer * { font-family:'Manrope',Arial,sans-serif !important; }.experience-site .reveal { opacity:1; transform:none; }
@media (prefers-reduced-motion:no-preference) { .experience-site.field-motion .reveal:not(.is-visible) { opacity:0; transform:translateY(20px); }.experience-site.field-motion .reveal { transition:opacity .65s ease,transform .65s ease !important; } }
@media (max-width:1000px) { .journey-stage { padding-left:4vw; padding-right:4vw; }.journey-layout { gap:20px; }.journey-chapter h2 { font-size:clamp(36px,5vw,60px); }.journey-steps { width:49%; }.scroll-hint { display:none; }.dashboard-greeting h3 { font-size:19px; }.dash-metrics strong { font-size:20px; }.dashboard-content { padding:15px; }.art-orbit { width:350px; height:350px; top:110px; }.orbit-two { width:440px; height:440px; top:65px; }.notebook { transform:scale(.9) rotate(-7deg); }.scene-dashboard { transform-origin:center; } }
@media (max-width:700px) {
 .experience-site #topbar > div:first-child { padding:12px 18px !important; }.experience-site #topbar a:first-child span { font-size:15px !important; }.experience-site #topbar .btn-app { padding:11px 12px !important; font-size:11px !important; }
 .journey-stage { padding:17px 22px 20px; }.journey-meta { font-size:8px; padding-bottom:12px; }.journey-layout { grid-template-columns:minmax(0,1fr); gap:0; }.journey-copy { padding-top:12px; }.journey-chapter { padding:16px 0; }.journey-chapter h2 { font-size:clamp(31px,8.2vw,46px); margin-bottom:12px; letter-spacing:-.05em; }.journey-chapter .eyebrow { font-size:9px; margin-bottom:13px; }.chapter-text > p:last-of-type { font-size:12px; line-height:1.7; max-width:440px; }.journey-cta { margin-top:16px; gap:8px; flex-direction:row; align-items:center; justify-content:space-between; }.journey-cta a { padding:12px; font-size:10px; min-height:42px; gap:12px; }.journey-cta > span { font-size:8px; max-width:100px; line-height:1.6; }.journey-art { height:360px; }.scene { transform:scale(.68); inset:-80px -40px; }.scene-caption { bottom:14px; font-size:12px; }.art-label { display:none; }.art-orbit { top:28px; width:300px; height:300px; }.orbit-two { top:0; width:350px; height:350px; }.scene-dashboard { transform:scale(.85); inset:0 -5px; }.dashboard { max-width:480px; }.dash-metrics strong { font-size:22px; }.dash-chart svg { height:85px; }.dashboard-content { padding:17px; }.dashboard-greeting { margin-bottom:15px; }.dashboard-greeting h3 { font-size:20px; }.scene-dashboard .scene-caption { bottom:-1px; font-size:10px; }
 .journey.is-enhanced { height:285svh; }.journey.is-enhanced .journey-stage { top:68px; height:calc(100svh - 68px); min-height:620px; }.journey.is-enhanced .journey-layout { display:flex; flex-direction:column; align-items:stretch; justify-content:center; }.journey.is-enhanced .journey-copy { flex:0 0 auto; }.journey.is-enhanced .journey-art { height:auto; min-height:330px; flex:1; max-height:400px; }.journey-footer { gap:12px; align-items:center; }.journey-steps { width:100%; gap:10px; }.journey-steps a { font-size:9px; gap:8px; padding-top:10px; }.journey-skip { position:absolute; top:15px; right:22px; font-size:8px; }.journey-meta > span:last-child { display:none; }.journey.is-enhanced .journey-footer { padding-top:8px; }
 .product-strip { flex-direction:column; align-items:flex-start; gap:14px; padding:28px 22px; }.product-strip p { font-size:13px; }.product-legal { padding:12px 22px; }.experience-site main > section:not(.journey) { padding-left:22px !important; padding-right:22px !important; }.experience-site #demo > div > div, .experience-site #como-funciona ol, .experience-site #diferenciais > div > div { grid-template-columns:minmax(0,1fr) !important; }.experience-site #como-funciona li + li { margin-top:20px; border-top:1px solid var(--line) !important; }
}
@media (max-width:370px) { .journey-stage { padding-left:16px; padding-right:16px; }.journey-chapter h2 { font-size:30px; }.chapter-text > p:last-of-type { font-size:11px; }.journey-cta > span { max-width:75px; }.scene-dashboard { transform:scale(.83); inset:0 -15px; }.dash-metrics { gap:5px; }.dash-metrics strong { font-size:20px; } }
@media (prefers-reduced-motion:reduce) { html:has(.experience-site) { scroll-behavior:auto; }.journey-stage { padding-top:30px; }.journey-layout { align-items:start; }.journey-chapter { padding:25px 0; }.journey-steps { display:none; }.journey-art { position:sticky; top:100px; }.journey-cta { margin-bottom:25px; } }
/* Keep the header action legible against its dark surface. */
.experience-site #topbar a.btn-app { color:#fff !important; }
.journey-art { overflow:clip; }
.journey-cta a > span { font-family:Arial,sans-serif; }
@media (max-width:700px) {
 .scene-dashboard { transform:scale(.60); inset:-70px -110px; }
 .scene-dashboard .dashboard { flex:0 0 530px; width:530px; max-width:none; }
 .scene-dashboard .dashboard-greeting h3 { font-size:23px; }
 .scene-dashboard .dash-metrics strong { font-size:24px; white-space:nowrap; }
 .scene-dashboard .dash-chart svg { height:115px; }
 .scene-dashboard .scene-caption { bottom:-7px; font-size:14px; }
 .journey.is-enhanced .journey-art { overflow:visible; }
 .journey-stage { overflow:clip; }
}
@media (max-width:370px) {
 .scene-dashboard { transform:scale(.51); inset:-70px -125px; }
 .journey.is-enhanced .journey-art { min-height:300px; }
}
@media (max-width:520px) {
 .experience-site #precos article ul li:last-child { display:block !important; line-height:1.8 !important; }
 .experience-site #precos article ul li:last-child > span:first-child { margin-right:8px; }
}
/* Keep floating support away from the chapter controls. */
.experience-site:has(.journey.is-enhanced) .fab-whatsapp { bottom:82px !important; }
/* 1950s farm cartoon identity: original mascots, warm inks, illustrated ledger. */
.experience-site #topbar > div:first-child { padding-top:12px !important; padding-bottom:12px !important; }
.experience-site #topbar > div > a:first-child img { width:54px !important; height:54px !important; filter:none !important; }
.experience-site #topbar > div > a:first-child span { font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; }
.journey-chapter h2 { font-family:'Fraunces',Georgia,serif; font-weight:650; font-size:clamp(40px,4.3vw,66px); letter-spacing:-.045em; }
.chapter-text > p:last-of-type { max-width:380px; margin:0; font-size:15px; line-height:1.85; color:#7e6b53; }
.journey-chapter .platform-open { display:inline-flex; align-items:center; gap:12px; margin-top:20px; padding:0 0 6px; border:0; border-bottom:1px solid #b18c58; background:transparent; color:#885329; font:12px/1.6 'Manrope',Arial,sans-serif; cursor:pointer; }
.vintage-notebook { width:100%; max-width:650px; height:auto; padding:0; border-radius:0; background:none; box-shadow:none; transform:rotate(-3deg); }
.vintage-notebook img { display:block; width:100%; height:auto; filter:drop-shadow(0 20px 15px #61320d16); }
.scene-notebook .scene-caption { bottom:26px; }
.art-grid { opacity:.4; }
.phone { border-color:#55341d; background:#fff8eb; box-shadow:16px 28px 45px -24px #63320c55; }
.phone-camera { background:#55341d; }.phone-header { border-color:#ead9bb; color:#5b391c; }.phone-header small { color:#a58a65; }.tiao-avatar { background:transparent; }.tiao-avatar img { object-fit:contain; width:34px; height:34px; }.phone-messages { background:#f4ead7; }.chat-bubble { border-color:#e4d4b9; color:#59442c; background:#fffbf1; }.chat-user { background:#efe1c3; }.chat-bubble time { color:#a18c68; }.voice-note { color:#9c632d; }.voice-note i { background:#bd9666; }.chat-saved > span { background:#e5d1ae; }.phone-input { border-color:#ead9bb; color:#a18c68; background:#fffbf1; }
.platform-window { max-width:620px; width:100%; border:1px solid #b69465; border-radius:9px; box-shadow:0 25px 55px -28px #673d2266; background:#f3ead7; }
.platform-browser { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid #d4bc94; background:#efe1c6; font:8px/1.5 monospace; color:#8e7049; }
.platform-browser > span:first-child { display:flex; gap:5px; }.platform-browser i { width:5px; height:5px; border-radius:50%; background:#b7986a; }.platform-browser > span:last-child { font-size:7px; letter-spacing:.08em; }
.platform-capture { display:block; width:100%; height:auto; }
.platform-source { padding:9px; text-align:center; background:#efe1c6; color:#8a6b43; font:8px/1.5 monospace; }
.scene-dashboard .scene-caption { bottom:10px; }
.platform-dialog { width:min(1240px,94vw); max-height:94svh; padding:0; border:1px solid #b69465; border-radius:10px; background:#f7efdf; color:#382414; box-shadow:0 25px 80px #25130566; }
.platform-dialog::backdrop { background:#26180fbb; backdrop-filter:blur(5px); }
.platform-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 26px; border-bottom:1px solid #d4bc94; }
.platform-dialog-head p { font:9px/1.5 monospace; letter-spacing:.1em; color:#9a7a4f; margin:0 0 8px; }.platform-dialog-head h2 { font:600 24px/1.2 'Fraunces',Georgia,serif; margin:0; }.platform-dialog-head button { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; border:1px solid #cbb28b; border-radius:50%; background:#efe1c6; font:28px/1 Arial,sans-serif; cursor:pointer; color:#6c4526; }.platform-dialog > img { display:block; width:100%; height:auto; }.platform-dialog-note { padding:14px 26px; margin:0; font:11px/1.7 'Manrope',Arial,sans-serif; color:#8a6b43; }
@media (max-width:1000px) { .journey-chapter h2 { font-size:clamp(36px,4.5vw,58px); } }
@media (max-width:700px) {
 .experience-site #topbar > div > a:first-child img { width:40px !important; height:40px !important; }.journey-chapter h2 { font-size:clamp(30px,7.6vw,43px); }.chapter-text > p:last-of-type { font-size:12px; line-height:1.7; }.journey-chapter .platform-open { font-size:10px; margin-top:12px; padding-bottom:3px; }
 .scene-notebook { transform:none; inset:0 -8px; }.vintage-notebook { width:100%; max-width:440px; }.scene-notebook .scene-caption { bottom:7px; font-size:10px; }
 .scene-dashboard { transform:none; inset:0; }.scene-dashboard .platform-window { flex:0 1 auto; width:100%; max-width:440px; }.scene-dashboard .scene-caption { bottom:0; font-size:10px; }.platform-browser { padding:8px; font-size:7px; }.platform-browser > span:last-child { display:none; }.platform-source { font-size:6px; padding:6px; }
 .platform-dialog-head { padding:16px; gap:12px; }.platform-dialog-head h2 { font-size:19px; }.platform-dialog-head p { font-size:8px; }
}
@media (max-width:370px) { .journey-chapter h2 { font-size:29px; }.chapter-text > p:last-of-type { font-size:11px; }.scene-dashboard { transform:none; inset:0; }.journey-chapter .platform-open { margin-top:8px; font-size:9px; } }
/* The exported inline grid must not override the mobile menu state. */
.experience-site #nav-panel { visibility:hidden; }
.experience-site #nav-panel > div { grid-template-rows:0fr !important; }
.experience-site #nav-panel.is-open { visibility:visible; }
.experience-site #nav-panel.is-open > div { grid-template-rows:1fr !important; }
.experience-site #nav-panel > div > div { min-height:0; }
/* Production corrections: readable source order, fitted scenes and unobstructed actions. */
.journey.is-enhanced .journey-stage { top:var(--journey-header,80px); height:calc(100svh - var(--journey-header,80px)); min-height:0; }
.journey.is-enhanced .scene { transition:opacity .35s ease,visibility .35s; }
.journey.is-enhanced .scene-dashboard .platform-window { width:var(--platform-width,90%); max-width:100%; flex:0 1 auto; }
.journey.is-enhanced .scene-chat { transform:none; inset:0; }
.journey.is-enhanced .scene-dashboard { inset:0; transform:none; }
.journey:not(.is-enhanced) .journey-layout { display:block; min-height:0; }
.journey:not(.is-enhanced) .journey-art { display:none; }
.journey:not(.is-enhanced) .journey-chapter { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr); gap:4vw; align-items:center; padding:42px 0; }
.chapter-text { min-width:0; }
.journey:not(.is-enhanced) .scene { position:relative; inset:auto; transform:none; opacity:1; visibility:visible; min-width:0; padding:20px 12px 44px; }
.journey:not(.is-enhanced) .scene-notebook { min-height:300px; }
.journey:not(.is-enhanced) .scene-notebook .vintage-notebook { transform:rotate(-2deg); }
.journey:not(.is-enhanced) .scene-chat { height:560px; }
.journey:not(.is-enhanced) .scene-dashboard .platform-window { width:100%; flex:0 1 auto; }
.journey:not(.is-enhanced) .scene-caption { bottom:8px; font-size:11px; }
.journey:not(.is-enhanced) .journey-steps, .journey:not(.is-enhanced) .scroll-hint { display:none; }
.journey:not(.is-enhanced) .journey-footer { justify-content:flex-end; }
.journey-stage { padding-top:32px; }
.journey-steps a { min-height:44px; font:13px/1.5 'Manrope',Arial,sans-serif; padding-top:12px; }
.journey-skip { font:12px/1.5 'Manrope',Arial,sans-serif; }
.experience-site .fab-whatsapp { opacity:0; visibility:hidden; pointer-events:none; animation:none !important; box-shadow:0 4px 18px #19683033 !important; bottom:22px !important; transition:opacity .2s; }
.experience-site.show-floating-support .fab-whatsapp { opacity:1; visibility:visible; pointer-events:auto; }
.experience-site #precos article ul li:last-child { display:flex !important; gap:10px; line-height:1.65 !important; }
.experience-site #precos article ul li:last-child > span:first-child { margin-right:0; }
.price-extra-copy { display:block; flex:1; min-width:0; }
.price-extra-copy strong { white-space:nowrap; }
.experience-site #contato > div:first-child { max-width:800px !important; }
.experience-site #faq > div:first-child { max-width:900px !important; }
.experience-site #precos > div:first-child { max-width:1100px !important; }
.experience-site main > section:not(.journey) h2 + p { color:#6e604b !important; }
.platform-dialog-head { position:sticky; top:0; z-index:1; background:#f7efdf; }
.demo-video-link { margin:16px 4px 4px; text-align:center; font:13px/1.6 'Manrope',Arial,sans-serif; }
.demo-video-link a { color:#885329; text-underline-offset:4px; }
@media (max-width:700px) {
 .journey-stage { padding-top:20px; }
 .journey:not(.is-enhanced) .journey-chapter { grid-template-columns:minmax(0,1fr); gap:8px; padding:28px 0; }
 .journey:not(.is-enhanced) .scene-notebook { min-height:0; padding-top:12px; }
 .journey:not(.is-enhanced) .scene-chat { height:430px; }
 .journey:not(.is-enhanced) .scene-chat .phone { transform:scale(.76); }
 .journey:not(.is-enhanced) .scene-dashboard { padding-top:14px; }
 .journey:not(.is-enhanced) .scene-caption { font-size:10px; }
 .journey-steps a { font-size:11px; }
 .journey-skip { font-size:11px; top:12px; }
 .journey.is-enhanced .journey-copy { padding-top:24px; }
 .journey.is-enhanced .journey-art { min-height:270px; }
 .journey.is-enhanced .scene-notebook { inset:0; }
 .journey.is-enhanced .vintage-notebook { max-width:100%; }
 .journey-cta { gap:12px; }
 .experience-site .fab-whatsapp { width:48px !important; height:48px !important; right:16px !important; bottom:16px !important; }
}
/* Scroll controls the toss and arrival directly; CSS easing would lag behind it. */
.journey.is-enhanced .scene { transition:none; }
.journey.is-enhanced .notebook, .journey.is-enhanced .phone, .journey.is-enhanced .platform-window { will-change:transform; }
.journey.is-enhanced .notebook { transform-origin:48% 62%; }
.journey:not(.is-enhanced) .scene-notebook .vintage-notebook { transform:rotate(-4deg); }
/* Let the discarded book leave at the edge of the screen, not at the column seam. */
.journey.is-enhanced .journey-stage { overflow:clip; }
.journey.is-enhanced .journey-art { overflow:visible; pointer-events:none; }
/* The original countryside photograph becomes the setting for the scroll story. */
.journey-stage { isolation:isolate; }
.journey-stage::before {
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 pointer-events:none;
 background-image:
  linear-gradient(90deg,#f7efdf 0%,#f7efdfef 29%,#f7efdf9e 58%,#f7efdf47 100%),
  linear-gradient(0deg,#f7efdf 0%,#f7efdf75 21%,#f7efdf00 55%,#f7efdf33 100%),
  url('/assets/roca-background.webp');
 background-size:cover;
 background-position:center,center,60% center;
}
.journey .art-grid, .journey .art-orbit { display:none; }
.journey:not(.is-enhanced) .journey-stage::before { height:900px; bottom:auto; }
@media (max-width:700px) {
 .journey-stage::before {
  background-image:
   linear-gradient(180deg,#f7efdf 0%,#f7efdfed 30%,#f7efdf80 57%,#f7efdf8c 78%,#f7efdf 100%),
   linear-gradient(90deg,#f7efdf66,#f7efdf1a),
   url('/assets/roca-background-mobile.webp');
  background-position:center,center,62% center;
 }
}
/* A countryside welcome: old-advertisement titles, characters and a little prosa. */
.experience-site main > section:not(.journey) h2 { font-family:'Fraunces',Georgia,serif !important; font-weight:600 !important; letter-spacing:-.04em !important; }
.experience-site main h3, .experience-site .faq-q > span:first-child { font-family:'Fraunces',Georgia,serif !important; font-weight:600; }
.journey-footer { justify-content:space-between; }
.journey-steps { width:55%; }
.scene-caption, .scene-notebook .scene-caption, .scene-dashboard .scene-caption { font:24px/1.25 'Caveat',cursive; color:#885329; }
.platform-window { border:6px solid #fff9eb; border-radius:3px; background:#fff9eb; box-shadow:2px 4px 0 #d1bc96,0 22px 40px -28px #633b2b66; }
.platform-source { background:#fff9eb; padding:10px 6px; font:10px/1.5 'Manrope',Arial,sans-serif; color:#897452; }
.product-strip { padding-top:38px; padding-bottom:38px; background:#56381f; }
.product-strip p { max-width:760px; }
.product-strip strong { display:block; margin-bottom:10px; font:600 clamp(22px,2.6vw,34px)/1.2 'Fraunces',Georgia,serif; color:#f8ead0; letter-spacing:-.025em; }
.product-strip p > span { display:block; font-size:13px; color:#dfc7a2; }
.product-strip a { text-underline-offset:5px; }
.experience-site #demo { background:#f9f1df !important; }
.demo-stage { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:60px; margin-top:30px; }
.demo-hosts { margin:0; text-align:center; }
.demo-hosts img { display:block; width:100%; max-width:510px; height:auto; margin:auto; }
.demo-hosts figcaption { margin-top:-12px; color:#925a2c; font:32px/1.3 'Caveat',cursive; transform:rotate(-3deg); }
.demo-film-frame { position:relative; aspect-ratio:16 / 9; border:8px solid #fffbef; border-radius:3px; box-shadow:2px 4px 0 #d4bd93,0 22px 40px -25px #68432555; background:#47301e; transform:rotate(1deg); }
.demo-film-frame iframe { border-radius:0; }
.demo-video-link { margin-top:20px; }
.demo-transcript { max-width:420px; margin:36px auto 0; padding-top:20px; border-top:1px dashed #c2a473; }
.demo-transcript > div { margin:22px auto 0; }
.experience-site #como-funciona li > div:first-child { font-family:'Caveat',cursive !important; font-size:34px !important; }
@media (max-width:700px) {
 .journey-steps { width:100%; }
 .scene-caption, .scene-notebook .scene-caption, .scene-dashboard .scene-caption, .journey:not(.is-enhanced) .scene-caption { font:21px/1.25 'Caveat',cursive; }
 .scene-caption { max-width:95%; }
 .platform-source { font-size:8px; padding:7px 4px; }
 .platform-window { border-width:4px; }
 .demo-stage { grid-template-columns:minmax(0,1fr); gap:32px; margin-top:22px; }
 .demo-hosts img { max-width:360px; }
 .demo-hosts figcaption { font-size:29px; }
 .demo-film-frame { border-width:6px; }
 .demo-transcript { margin-top:28px; }
}
.scene-caption, .scene-notebook .scene-caption, .scene-dashboard .scene-caption { bottom:0; }
.demo-hosts figcaption { margin-top:4px; }
@media (max-width:700px) { .journey:not(.is-enhanced) .scene-chat { height:450px; } }
.video-preview { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:36px; background:linear-gradient(90deg,#3b2615d9,#3b26155c),url('/assets/roca-background.webp') center / cover; color:#fff0d1 !important; text-decoration:none; }
.video-preview-copy strong { display:block; font:600 clamp(27px,3vw,44px)/1.05 'Fraunces',Georgia,serif; letter-spacing:-.035em; }
.video-preview-copy > span { display:block; max-width:200px; margin-top:15px; font:13px/1.6 'Manrope',Arial,sans-serif; color:#f2dcbb; }
.video-play { flex:0 0 66px; height:66px; display:grid; place-items:center; background:#fff0d1; color:#80512d; border-radius:50%; box-shadow:0 0 0 7px #fff0d133; }
.video-preview[hidden], .demo-film iframe[hidden] { display:none !important; }
@media (max-width:700px) {
 .video-preview { padding:23px; gap:15px; background-image:linear-gradient(90deg,#3b2615d9,#3b26155c),url('/assets/roca-background-mobile.webp'); }
 .video-preview-copy strong { font-size:29px; }
 .video-preview-copy > span { margin-top:10px; font-size:11px; }
 .video-play { flex-basis:49px; height:49px; }
}
.demo-video-link a { display:inline-flex; align-items:center; gap:7px; }
@media (max-width:700px) { .journey-cta a { min-height:46px; } }

.demo-transcript > h3 { margin:0; text-align:center; color:#79502b; font:600 23px/1.4 'Fraunces',Georgia,serif; }
.demo-transcript #wpp-body { height:auto !important; min-height:360px; overflow:visible !important; }
.demo-transcript .wpp-msg { flex-shrink:0; }