:root {
  --ink: #0a1210;
  --ink-2: #17201d;
  --forest: #07110d;
  --forest-2: #0b1a14;
  --green: #25d366;
  --green-bright: #69f29b;
  --green-dark: #0d8f45;
  --lime: #b7f35a;
  --yellow: #ffbf28;
  --paper: #f7f8f4;
  --paper-2: #eef2ec;
  --white: #fff;
  --line: rgba(10, 18, 16, .12);
  --muted: #61706a;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --shadow: 0 24px 80px rgba(6, 20, 13, .13);
  --container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
ul, ol { margin: 0; padding: 0; }
p, h1, h2, h3, h4 { margin-top: 0; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.section-pad { padding: 118px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 16px; border-radius: 10px; background: #fff; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 100; top: 18px; left: 0; right: 0; pointer-events: none; transition: transform .3s ease; }
.nav-shell { width: min(1000px, calc(100% - 32px)); min-height: 66px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 26px; padding: 7px 8px 7px 14px; border: 1px solid rgba(255,255,255,.75); border-radius: 22px; background: rgba(255,255,255,.72); box-shadow: 0 15px 50px rgba(22,45,34,.12); backdrop-filter: blur(18px) saturate(140%); pointer-events: auto; transition: background .3s, box-shadow .3s, transform .3s; }
.site-header.scrolled .nav-shell { background: rgba(255,255,255,.93); box-shadow: 0 12px 42px rgba(13,31,22,.16); }
.brand { display: inline-flex; align-items: center; gap: 5px; width: fit-content; font-size: 22px; font-weight: 880; letter-spacing: -.8px; }
.brand img { width: 48px; height: 48px; object-fit: contain; }
.brand > span > span { color: var(--green-dark); }
.nav-links { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px; background: rgba(9,31,21,.055); border-radius: 14px; }
.nav-links a { padding: 9px 12px; border-radius: 10px; color: #33423c; font-size: 13px; font-weight: 680; transition: color .2s, background .2s; }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--ink); background: #fff; }
.nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.text-link { font-size: 13px; font-weight: 750; }
.menu-button { display: none; border: 0; background: none; width: 44px; height: 44px; border-radius: 12px; padding: 11px; cursor: pointer; }
.menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--ink); border-radius: 2px; transition: transform .25s, opacity .25s; }

.button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font-size: 14px; font-weight: 780; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid rgba(37,211,102,.35); outline-offset: 3px; }
.button-small { min-height: 46px; padding-inline: 17px; border-radius: 12px; color: #fff; background: var(--ink); }
.button-primary { color: #042d15; background: linear-gradient(135deg, var(--green-bright), var(--green)); box-shadow: 0 16px 32px rgba(37,211,102,.24); }
.button-primary:hover { box-shadow: 0 20px 36px rgba(37,211,102,.32); }
.button-ghost { border-color: var(--line); background: rgba(255,255,255,.7); }
.button-large { min-height: 58px; padding-inline: 28px; border-radius: 17px; font-size: 15px; }
.button-light { background: #fff; color: var(--forest); }
.button-outline-light { border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.07); color: #fff; }

.hero { position: relative; min-height: 860px; padding: 166px 0 52px; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% -10%, #fff 0, #f7faf6 45%, #eef3ec 100%); }
.hero-grid, .final-grid { position: absolute; inset: 0; z-index: -2; opacity: .55; background-image: linear-gradient(rgba(18,90,48,.085) 1px, transparent 1px), linear-gradient(90deg, rgba(18,90,48,.085) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, transparent 2%, #000 24%, #000 72%, transparent 100%); transform: perspective(700px) rotateX(63deg) translateY(390px) scale(1.65); transform-origin: center bottom; }
.hero-orb { position: absolute; z-index: -3; width: 460px; height: 460px; border-radius: 50%; filter: blur(80px); opacity: .22; }
.hero-orb-one { top: -150px; right: -110px; background: var(--green); }
.hero-orb-two { bottom: -180px; left: -120px; background: var(--lime); }
.hero-layout { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 38px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 9px; width: fit-content; margin-bottom: 22px; color: var(--green-dark); font-size: 12px; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; }
.eyebrow { padding: 8px 12px; border: 1px solid rgba(14,145,69,.16); border-radius: 999px; background: rgba(255,255,255,.6); }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(37,211,102,.13); }
.hero h1 { max-width: 720px; margin-bottom: 24px; font-size: clamp(58px, 6.1vw, 92px); line-height: .94; letter-spacing: -.065em; font-weight: 880; }
.gradient-text { color: transparent; background: linear-gradient(100deg, #128d45 0%, #25d366 45%, #8dcc2b 100%); -webkit-background-clip: text; background-clip: text; }
.hero-summary { max-width: 610px; margin-bottom: 31px; color: #475650; font-size: 19px; line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.microcopy { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 18px 0 0; color: #6a7973; font-size: 12px; }
.microcopy > span:first-child { color: var(--green-dark); }
.hero-visual { position: relative; height: 590px; perspective: 1100px; }
.mascot-wrap { position: absolute; top: 26px; left: 50%; width: min(100%, 530px); transform: translateX(-50%) rotateY(-4deg) rotateX(2deg); transform-style: preserve-3d; transition: transform .15s ease-out; animation: mascot-float 5s ease-in-out infinite; }
.mascot-wrap img { position: relative; z-index: 1; filter: drop-shadow(0 38px 30px rgba(4,43,20,.18)); }
.mascot-halo { position: absolute; z-index: 0; inset: 14% 13% 20%; border-radius: 50%; background: radial-gradient(circle, rgba(105,242,155,.8) 0, rgba(37,211,102,.16) 42%, transparent 70%); filter: blur(22px); transform: translateZ(-20px); }
.mascot-speech { position: absolute; z-index: 3; top: 30px; right: -24px; max-width: 210px; padding: 14px 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 18px 18px 18px 4px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); color: #31413b; font-size: 13px; font-weight: 700; transform: rotate(2deg); animation: speech-bob 5s ease-in-out infinite .4s; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 190px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.75); border-radius: 17px; background: rgba(255,255,255,.82); box-shadow: 0 22px 50px rgba(7,36,20,.12); backdrop-filter: blur(12px); }
.floating-card strong, .floating-card small { display: block; }
.floating-card strong { font-size: 12px; }
.floating-card small { color: var(--muted); font-size: 10px; }
.floating-card-left { left: -24px; bottom: 148px; animation: card-float 4.3s ease-in-out infinite; }
.floating-card-right { right: -32px; bottom: 90px; animation: card-float 4.8s ease-in-out infinite .5s; }
.status-pulse { width: 12px; height: 12px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 7px rgba(37,211,102,.13); }
.mini-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #fff; background: var(--ink); font-size: 12px; font-weight: 800; }
.proof-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 34px; padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-strip > div { padding: 0 24px; border-right: 1px solid var(--line); }
.proof-strip > div:first-child { padding-left: 0; }
.proof-strip > div:last-child { border: 0; }
.proof-strip strong, .proof-strip span { display: block; }
.proof-strip strong { font-size: 15px; }
.proof-strip span { color: var(--muted); font-size: 12px; }

.center-heading { max-width: 900px; text-align: center; }
.center-heading .section-kicker { margin-inline: auto; }
.center-heading h2, .section-heading h2, .split-heading h2, .pricing-heading h2 { margin-bottom: 22px; font-size: clamp(40px, 5vw, 68px); line-height: 1.02; letter-spacing: -.05em; }
.center-heading > p { max-width: 650px; margin: 0 auto; color: var(--muted); font-size: 17px; }
.muted-heading { color: #91a098; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 60px; perspective: 1000px; }
.problem-card { position: relative; min-height: 330px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255,255,255,.68); box-shadow: 0 10px 35px rgba(8,31,19,.05); transform-style: preserve-3d; transition: transform .16s ease, border-color .25s, box-shadow .25s; }
.problem-card:hover { border-color: rgba(37,211,102,.32); box-shadow: 0 24px 60px rgba(8,31,19,.1); }
.problem-card h3 { margin: 74px 0 12px; font-size: 25px; letter-spacing: -.03em; }
.problem-card p { color: var(--muted); font-size: 14px; }
.card-index { position: absolute; top: 28px; left: 30px; color: #829088; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.accent-card { color: #fff; border-color: #0f3f27; background: linear-gradient(145deg, #082416, #0e4c2a); }
.accent-card p, .accent-card .card-index { color: #a9c8b5; }
.problem-signal { position: absolute; right: 28px; bottom: 26px; display: flex; align-items: flex-end; gap: 7px; height: 75px; }
.problem-signal span { width: 15px; border-radius: 4px 4px 2px 2px; background: #cfd8d2; }
.problem-signal span:nth-child(1) { height: 38%; }.problem-signal span:nth-child(2) { height: 72%; }.problem-signal span:nth-child(3) { height: 48%; }.problem-signal span:nth-child(4) { height: 95%; background: var(--green); }
.context-stack { position: absolute; right: 28px; bottom: 28px; width: 120px; height: 70px; }
.context-stack i { position: absolute; width: 92px; height: 44px; border: 1px solid rgba(20,60,37,.12); border-radius: 10px; background: #fff; box-shadow: 0 9px 20px rgba(10,30,18,.08); }
.context-stack i:nth-child(1) { bottom: 0; right: 0; }.context-stack i:nth-child(2) { bottom: 12px; right: 12px; }.context-stack i:nth-child(3) { bottom: 24px; right: 24px; }
.handoff-line { position: absolute; right: 28px; bottom: 30px; display: flex; align-items: center; }
.handoff-line span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 17px; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.08); font-size: 11px; font-weight: 800; }
.handoff-line i { width: 42px; height: 1px; background: linear-gradient(90deg, var(--green), var(--yellow)); }

.dark-section { position: relative; color: #fff; background: var(--forest); overflow: hidden; }
.dark-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 20%, rgba(37,211,102,.11), transparent 28%), radial-gradient(circle at 82% 75%, rgba(183,243,90,.08), transparent 30%); pointer-events: none; }
.split-heading { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 70px; }
.split-heading h2 { margin-bottom: 0; }
.split-heading h2 span { color: var(--green-bright); }
.split-heading > p { margin: 0 0 8px; color: #73817a; font-size: 16px; }
.dark-section .split-heading > p { color: #9db0a5; }
.light-kicker { color: var(--green-bright); }
.bento-grid { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; margin-top: 64px; }
.bento-card { position: relative; min-height: 390px; padding: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius-lg); background: rgba(255,255,255,.045); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.bento-wide { grid-column: 1 / -1; min-height: 470px; }
.bento-card h3 { max-width: 540px; margin: 16px 0 12px; font-size: 31px; line-height: 1.07; letter-spacing: -.04em; }
.bento-card p { max-width: 550px; color: #a6b5ac; font-size: 14px; }
.tag { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.08); color: #c7d2cc; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tag-green { color: var(--green-bright); background: rgba(37,211,102,.1); }
.ai-card { display: grid; grid-template-columns: .82fr 1.18fr; gap: 40px; align-items: center; background: radial-gradient(circle at 75% 40%, rgba(37,211,102,.16), transparent 43%), linear-gradient(145deg, #0b1f16, #092817); }
.bento-copy { position: relative; z-index: 2; }
.inline-list { display: flex; gap: 8px; flex-wrap: wrap; list-style: none; margin-top: 24px; }
.inline-list li { padding: 7px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: #b8c6bd; font-size: 10px; }
.ai-conversation { position: relative; height: 340px; padding: 36px; border: 1px solid rgba(255,255,255,.08); border-radius: 26px; background: rgba(4,14,9,.56); transform: perspective(900px) rotateY(-5deg) rotateX(2deg); box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.chat-bubble { width: fit-content; max-width: 76%; margin-bottom: 13px; padding: 13px 16px; border-radius: 16px 16px 16px 4px; color: #d7e3dc; background: #14271d; font-size: 12px; }
.user-bubble { margin-left: auto; border-radius: 16px 16px 4px 16px; color: #062713; background: var(--green-bright); }
.typing-bubble { display: flex; gap: 4px; width: 55px; }
.typing-bubble span { width: 6px; height: 6px; border-radius: 50%; background: #7b9586; animation: typing 1.2s infinite; }
.typing-bubble span:nth-child(2) { animation-delay: .15s; }.typing-bubble span:nth-child(3) { animation-delay: .3s; }
.handoff-chip { position: absolute; right: 24px; bottom: 25px; padding: 10px 14px; border: 1px solid rgba(105,242,155,.22); border-radius: 10px; color: var(--green-bright); background: rgba(37,211,102,.08); font-size: 10px; font-weight: 750; }
.flow-card { background: radial-gradient(circle at 75% 80%, rgba(69,112,255,.13), transparent 43%), rgba(255,255,255,.045); }
.flow-canvas { position: absolute; left: 28px; right: 28px; bottom: 28px; height: 140px; border: 1px solid rgba(255,255,255,.06); border-radius: 20px; background-image: radial-gradient(rgba(255,255,255,.13) 1px, transparent 1px); background-size: 17px 17px; }
.flow-node { position: absolute; z-index: 2; min-width: 72px; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: #17231d; color: #dce7e1; font-size: 9px; font-weight: 800; text-align: center; }
.node-start { left: 5%; top: 18%; }.node-ai { left: 42%; top: 54%; color: #082415; background: var(--green-bright); }.node-team { right: 5%; top: 20%; }
.flow-link { position: absolute; z-index: 1; height: 1px; background: rgba(105,242,155,.45); transform-origin: left; }
.l1 { left: 18%; top: 38%; width: 31%; transform: rotate(18deg); }.l2 { left: 57%; top: 70%; width: 30%; transform: rotate(-29deg); }
.mini-inbox { position: absolute; left: 28px; right: 28px; bottom: 25px; padding: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 18px; background: #0b1510; }
.mini-thread { display: flex; align-items: center; gap: 10px; padding: 9px; border-radius: 11px; }
.mini-thread.active { background: rgba(37,211,102,.09); }
.mini-thread > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #1d3126; color: #b7c7be; font-size: 9px; font-style: normal; font-weight: 800; }
.mini-thread p { flex: 1; margin: 0; }
.mini-thread strong, .mini-thread small { display: block; }
.mini-thread strong { color: #dce7e1; font-size: 10px; }.mini-thread small { font-size: 8px; }
.mini-thread > i { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--green); color: #072114; font-size: 8px; font-style: normal; }
.crm-card { min-height: 360px; }
.kanban-mini { position: absolute; left: 26px; right: 26px; bottom: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.kanban-mini > div { min-height: 98px; padding: 9px; border-radius: 11px; background: rgba(255,255,255,.035); }
.kanban-mini small { color: #77887e; font-size: 7px; font-weight: 800; }
.kanban-mini i { display: block; height: 23px; margin-top: 7px; border-radius: 6px; background: #18261f; box-shadow: inset 2px 0 var(--yellow); }
.kanban-mini .green-ticket { box-shadow: inset 2px 0 var(--green); }
.reports-card { min-height: 360px; background: radial-gradient(circle at 30% 90%, rgba(183,243,90,.09), transparent 42%), rgba(255,255,255,.045); }
.report-chart { position: absolute; left: 31px; right: 31px; bottom: 30px; height: 110px; display: flex; align-items: flex-end; gap: 9px; }
.report-chart i { flex: 1; height: var(--h); min-width: 10px; border-radius: 6px 6px 2px 2px; background: linear-gradient(to top, rgba(37,211,102,.22), var(--green-bright)); }

.experience-section { background: #f8faf6; }
.product-stage { margin-top: 58px; }
.product-tabs { display: flex; justify-content: center; gap: 6px; width: fit-content; margin: 0 auto 20px; padding: 5px; border: 1px solid var(--line); border-radius: 15px; background: #edf1eb; }
.product-tab { min-width: 130px; padding: 10px 18px; border: 0; border-radius: 11px; background: transparent; color: #61706a; font-size: 12px; font-weight: 760; cursor: pointer; }
.product-tab.active { color: var(--ink); background: #fff; box-shadow: 0 5px 15px rgba(8,30,18,.08); }
.product-window { overflow: hidden; border: 1px solid rgba(5,33,17,.13); border-radius: 26px; background: #fff; box-shadow: 0 35px 90px rgba(5,33,17,.16); }
.window-top { height: 45px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; border-bottom: 1px solid #e9eeea; background: #f6f8f5; }
.window-top div { display: flex; gap: 5px; }.window-top div i { width: 8px; height: 8px; border-radius: 50%; background: #d3dad5; }.window-top div i:first-child { background: #ff8c72; }
.window-top > span { color: #77847d; font-size: 9px; }.window-top > b { justify-self: end; color: #159348; font-size: 8px; text-transform: uppercase; }
.product-panel { display: none; height: 590px; background: #f1f5f2; }
.product-panel.active { display: flex; animation: panel-in .35s ease both; }
.mock-sidebar { width: 68px; padding: 17px; display: flex; flex-direction: column; align-items: center; gap: 19px; color: #fff; background: #0c1912; }
.mock-sidebar strong { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 10px; border-radius: 11px; color: #082114; background: var(--green-bright); font-size: 11px; }
.mock-sidebar i { width: 19px; height: 19px; border: 1px solid #536059; border-radius: 6px; }.mock-sidebar i.active { border-color: var(--green); background: rgba(37,211,102,.22); }
.mock-list { width: 260px; padding: 17px 11px; border-right: 1px solid #e5ebe7; background: #fff; }
.mock-search { height: 31px; margin: 0 5px 13px; border-radius: 9px; background: #f0f4f1; }
.mock-contact { display: flex; align-items: center; gap: 9px; padding: 12px 9px; border-radius: 10px; }
.mock-contact.active { background: #e8f8ee; }
.mock-contact > span { display: grid; place-items: center; flex: 0 0 auto; width: 33px; height: 33px; border-radius: 11px; color: #52645a; background: #e9eeea; font-size: 9px; font-weight: 800; }
.mock-contact p { flex: 1; min-width: 0; margin: 0; }.mock-contact b,.mock-contact small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.mock-contact b { font-size: 9px; }.mock-contact small { color: #89958e; font-size: 7px; }
.mock-contact em { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; color: #fff; background: var(--green-dark); font-size: 7px; font-style: normal; }
.mock-chat { flex: 1; display: flex; flex-direction: column; min-width: 0; background-color: #e9eeea; background-image: radial-gradient(rgba(12,55,31,.055) 1px, transparent 1px); background-size: 18px 18px; }
.mock-chat header { display: flex; align-items: center; gap: 9px; min-height: 63px; padding: 0 18px; border-bottom: 1px solid #dde4df; background: rgba(255,255,255,.92); }
.mock-chat header > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: var(--green-dark); font-size: 9px; font-weight: 800; }
.mock-chat header p { flex: 1; margin: 0; }.mock-chat header b,.mock-chat header small { display: block; }.mock-chat header b { font-size: 10px; }.mock-chat header small { color: #6f7d75; font-size: 7px; }
.mock-chat header i { padding: 6px 8px; border-radius: 7px; color: #116e39; background: #dcf6e6; font-size: 7px; font-style: normal; font-weight: 800; }
.mock-messages { flex: 1; padding: 35px; }
.msg { max-width: 62%; margin-bottom: 10px; padding: 11px 13px; border-radius: 11px 11px 11px 3px; background: #fff; box-shadow: 0 4px 12px rgba(7,30,17,.06); font-size: 9px; }
.msg.sent { margin-left: auto; border-radius: 11px 11px 3px 11px; background: #baf3ce; }
.mock-transfer { width: fit-content; margin: 25px auto; padding: 7px 11px; border-radius: 8px; color: #467059; background: rgba(255,255,255,.7); font-size: 7px; }
.mock-composer { margin: 0 14px 14px; padding: 12px; border-radius: 11px; color: #8c9891; background: #fff; font-size: 8px; }.mock-composer span { float: right; color: #fff; padding: 3px 8px; margin-top: -3px; border-radius: 6px; background: var(--green-dark); }
.mock-detail { width: 210px; padding: 30px 20px; border-left: 1px solid #e5ebe7; background: #fff; text-align: center; }
.detail-avatar { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 9px; border-radius: 19px; color: #fff; background: var(--green-dark); font-size: 15px; font-weight: 800; }
.mock-detail h4 { margin: 0; font-size: 13px; }.mock-detail > small { color: #819087; font-size: 8px; }
.detail-block { margin-top: 23px; padding-top: 15px; border-top: 1px solid #eef1ef; text-align: left; }.detail-block b { display: block; margin-bottom: 8px; font-size: 8px; text-transform: uppercase; }.detail-block span { display: inline-block; margin: 2px; padding: 5px 7px; border-radius: 6px; color: #17713d; background: #e1f6e9; font-size: 7px; }
.flow-demo, .metrics-demo { width: 100%; }
.flow-toolbar { height: 68px; display: flex; align-items: center; gap: 14px; padding: 0 24px; border-bottom: 1px solid #e1e7e3; background: #fff; }.flow-toolbar b { font-size: 13px; }.flow-toolbar span { padding: 5px 8px; border-radius: 7px; color: #177340; background: #e3f8eb; font-size: 7px; font-weight: 800; }.flow-toolbar button,.metric-head button { margin-left: auto; padding: 7px 10px; border: 0; border-radius: 8px; color: #fff; background: #0d1c14; font-size: 8px; }
.flow-board { position: relative; height: 522px; background-image: radial-gradient(#cbd5cf 1px, transparent 1px); background-size: 22px 22px; }
.demo-node { position: absolute; z-index: 2; width: 150px; padding: 17px; border: 1px solid #dce4de; border-radius: 14px; background: #fff; box-shadow: 0 12px 25px rgba(6,30,16,.09); }.demo-node small,.demo-node b { display: block; }.demo-node small { margin-bottom: 7px; color: #8a968f; font-size: 6px; font-weight: 850; }.demo-node b { font-size: 10px; }.demo-node.green { border-color: #83e8a8; background: #ecfff3; }.demo-node.orange { border-color: #ffd574; background: #fff9e9; }
.dn1 { left: 7%; top: 38%; }.dn2 { left: 28%; top: 18%; }.dn3 { left: 49%; top: 40%; }.dn4 { left: 69%; top: 17%; }.dn5 { right: 5%; top: 56%; }
.connector { position: absolute; z-index: 1; height: 2px; background: #9bcab0; transform-origin: left; }.c1 { left: 19%; top: 44%; width: 13%; transform: rotate(-32deg); }.c2 { left: 40%; top: 28%; width: 14%; transform: rotate(34deg); }.c3 { left: 61%; top: 46%; width: 13%; transform: rotate(-31deg); }.c4 { left: 79%; top: 29%; width: 12%; transform: rotate(43deg); }
.metrics-demo { padding: 30px; background: #f3f6f4; }
.metric-head { display: flex; align-items: center; }.metric-head small { color: var(--green-dark); font-size: 7px; font-weight: 850; }.metric-head h4 { margin: 3px 0 0; font-size: 20px; }
.metric-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 25px; }.metric-cards > div { padding: 18px; border: 1px solid #e0e7e2; border-radius: 13px; background: #fff; }.metric-cards small,.metric-cards strong,.metric-cards span { display: block; }.metric-cards small { color: #7c8a82; font-size: 8px; }.metric-cards strong { margin: 9px 0 2px; font-size: 24px; }.metric-cards span { color: #849189; font-size: 7px; }
.metric-lower { display: grid; grid-template-columns: 1.5fr .5fr; gap: 13px; margin-top: 13px; }.big-chart,.team-load { height: 290px; padding: 20px; border: 1px solid #e0e7e2; border-radius: 13px; background: #fff; }.big-chart { position: relative; overflow: hidden; }.chart-grid { position: absolute; inset: 20px; background-image: linear-gradient(#eef2ef 1px, transparent 1px); background-size: 100% 52px; }.chart-line { position: absolute; left: 8%; right: 7%; bottom: 25%; height: 50%; border-bottom: 3px solid var(--green-dark); transform: skewY(-9deg); filter: drop-shadow(0 9px 9px rgba(37,211,102,.2)); }.team-load b { display: block; margin-bottom: 25px; font-size: 10px; }.team-load > span { display: block; height: 8px; margin: 22px 0; border-radius: 10px; background: #edf1ee; }.team-load i { display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green-dark), var(--green-bright)); }

.steps-section { background: #fff; }
.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 58px; }
.step-card { position: relative; min-height: 390px; padding: 27px; border: 1px solid var(--line); border-radius: 26px; background: #f8faf7; }
.step-card > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; color: #fff; background: var(--ink); font-size: 11px; font-weight: 800; }
.step-card h3 { margin: 27px 0 9px; font-size: 21px; letter-spacing: -.03em; }.step-card p { color: var(--muted); font-size: 13px; }
.step-visual { height: 140px; margin-top: 24px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: #eef3ee; }
.qr-visual i { width: 76px; height: 76px; border: 9px solid #183e28; border-radius: 5px; background: repeating-linear-gradient(45deg,#183e28 0 6px,#eaf1eb 6px 12px); box-shadow: inset 0 0 0 7px #eaf1eb; }
.prompt-visual { flex-direction: column; gap: 9px; padding: 24px; align-items: stretch; }.prompt-visual i { height: 10px; border-radius: 8px; background: #cedbd2; }.prompt-visual i:nth-child(2) { width: 77%; background: var(--green); }.prompt-visual i:nth-child(3) { width: 50%; }
.team-visual { gap: 0; }.team-visual i { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 -7px; border: 4px solid #eef3ee; border-radius: 50%; color: #fff; background: #193d29; font-size: 12px; font-style: normal; font-weight: 800; }.team-visual i:nth-child(2) { background: var(--green-dark); }.team-visual i:nth-child(3) { background: #c59014; }
.chart-visual { align-items: flex-end; gap: 8px; padding: 30px; }.chart-visual i { width: 22px; border-radius: 5px 5px 2px 2px; background: #c4d4ca; }.chart-visual i:nth-child(1) { height: 28%; }.chart-visual i:nth-child(2) { height: 52%; }.chart-visual i:nth-child(3) { height: 76%; background: var(--green); }.chart-visual i:nth-child(4) { height: 61%; }

.use-cases { color: #fff; background: #0a1510; }
.use-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 60px; }
.use-card { min-height: 440px; padding: 34px; border: 1px solid rgba(255,255,255,.09); border-radius: 28px; background: rgba(255,255,255,.035); }
.use-card.featured { color: var(--ink); background: var(--green-bright); transform: translateY(-18px); }
.use-number { color: #728179; font-size: 11px; font-weight: 800; }.featured .use-number { color: #257545; }
.use-card h3 { margin: 118px 0 14px; font-size: 39px; letter-spacing: -.05em; }.use-card p { min-height: 70px; color: #9baba2; font-size: 14px; }.featured p { color: #315b41; }
.use-card ul { margin-top: 30px; list-style: none; }.use-card li { padding: 11px 0; border-top: 1px solid rgba(255,255,255,.1); color: #c4d0c8; font-size: 12px; }.featured li { border-color: rgba(4,52,22,.14); color: #173c26; }.use-card li::before { content: "✓"; margin-right: 8px; color: var(--green-bright); font-weight: 900; }.featured li::before { color: #0c7f3c; }

.pricing-section { color: #fff; background: #07110d; }
.pricing-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.pricing-heading h2 { margin: 0; }.pricing-heading h2 span { color: #7c8d83; }
.trial-badge { display: flex; align-items: center; gap: 11px; padding: 14px 18px; border: 1px solid rgba(105,242,155,.2); border-radius: 18px; background: rgba(37,211,102,.08); }.trial-badge strong { color: var(--green-bright); font-size: 38px; line-height: 1; }.trial-badge span { color: #a7b9ae; font-size: 10px; font-weight: 760; line-height: 1.3; text-transform: uppercase; }
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 280px)); justify-content: center; gap: 12px; align-items: stretch; margin-top: 55px; }

/*.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; align-items: stretch; margin-top: 55px; } */
.price-card { position: relative; min-height: 590px; padding: 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 27px; background: #101b15; }
.featured-price { color: var(--ink); border-color: var(--green-bright); background: var(--green-bright); transform: translateY(-14px); box-shadow: 0 26px 80px rgba(37,211,102,.16); }
.popular-label { position: absolute; top: -12px; right: 18px; padding: 7px 10px; border-radius: 999px; color: #fff; background: var(--green-dark); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.plan-name span,.plan-name small { display: block; }.plan-name span { font-size: 19px; font-weight: 820; }.plan-name small { margin-top: 4px; color: #819188; font-size: 10px; }.featured-price .plan-name small { color: #2d6b44; }
.price { min-height: 117px; margin-top: 30px; }.price > small { display: block; color: #74847a; font-size: 9px; text-transform: uppercase; }.price strong { font-size: 50px; letter-spacing: -.06em; line-height: 1.2; }.price sup { margin-right: 3px; font-size: 15px; vertical-align: 19px; }.price > span { margin-left: 5px; color: #7f8d85; font-size: 10px; }.featured-price .price > small,.featured-price .price > span { color: #2b7245; }
.custom-price strong,.custom-price span { display: block; }.custom-price strong { padding-top: 20px; font-size: 28px; letter-spacing: -.04em; }.custom-price span { margin: 7px 0 0; }
.button-plan { width: 100%; color: #061a0e; background: #fff; }.button-plan-dark { color: #fff; background: #07110d; }
.price-card ul { margin-top: 28px; list-style: none; }.price-card li { position: relative; padding: 10px 0 10px 19px; border-top: 1px solid rgba(255,255,255,.08); color: #a8b7ae; font-size: 11px; }.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green-bright); font-weight: 900; }.featured-price li { border-color: rgba(7,40,20,.13); color: #1d4a2e; }.featured-price li::before { color: #087638; }
.pricing-note { margin-top: 24px; color: #6e7c74; font-size: 10px; text-align: center; }

.onboarding-section { background: #edf2ec; }
.onboarding-shell { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; padding: 70px; border: 1px solid rgba(5,46,22,.11); border-radius: 38px; background: #fff; box-shadow: 0 28px 80px rgba(8,35,20,.08); }
.onboarding-copy h2 { margin-bottom: 20px; font-size: clamp(37px, 4.5vw, 57px); line-height: 1.02; letter-spacing: -.05em; }.onboarding-copy p { max-width: 460px; margin-bottom: 28px; color: var(--muted); }
.timeline { list-style: none; counter-reset: time; }.timeline li { position: relative; display: grid; grid-template-columns: 92px 1fr; gap: 22px; min-height: 100px; }.timeline li:not(:last-child)::before { content: ""; position: absolute; left: 99px; top: 34px; bottom: -8px; width: 1px; background: #d5dfd7; }.timeline li::after { content: ""; position: absolute; left: 94px; top: 19px; width: 11px; height: 11px; border: 4px solid #e1f8e9; border-radius: 50%; background: var(--green-dark); }.timeline > li > span { padding-top: 17px; color: var(--green-dark); font-size: 10px; font-weight: 850; text-transform: uppercase; }.timeline div { padding: 12px 0 20px 25px; }.timeline strong { font-size: 17px; }.timeline p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }

.help-preview { color: #fff; background: #0b1811; }
.help-shell { position: relative; min-height: 520px; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 50px; padding: 45px 70px; overflow: hidden; border: 1px solid rgba(105,242,155,.15); border-radius: 38px; background: radial-gradient(circle at 13% 55%, rgba(37,211,102,.24), transparent 28%), radial-gradient(circle at 85% 20%, rgba(183,243,90,.08), transparent 25%), #0c2216; }
.help-mascot { position: relative; z-index: 2; }.help-mascot img { position: relative; z-index: 2; filter: drop-shadow(0 30px 30px rgba(0,0,0,.3)); animation: mascot-float 5s ease-in-out infinite; }.help-orbit { position: absolute; inset: 10%; border: 1px solid rgba(105,242,155,.28); border-radius: 50%; box-shadow: 0 0 90px rgba(37,211,102,.18); animation: spin 14s linear infinite; }.help-orbit::after { content: ""; position: absolute; top: 8%; right: 5%; width: 12px; height: 12px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 18px var(--green); }
.help-copy { position: relative; z-index: 3; }.help-copy h2 { margin-bottom: 20px; font-size: clamp(39px, 5vw, 62px); line-height: 1.02; letter-spacing: -.05em; }.help-copy p { max-width: 570px; color: #a9b9b0; }.help-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.help-questions { position: absolute; right: -35px; bottom: -16px; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; opacity: .16; transform: rotate(-8deg); }.help-questions span { padding: 9px 13px; border: 1px solid #fff; border-radius: 13px; font-size: 10px; }

.faq-section { background: #fff; }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; align-items: start; }
.faq-heading { position: sticky; top: 120px; }.faq-heading h2 { margin-bottom: 19px; font-size: 46px; line-height: 1.04; letter-spacing: -.05em; }.faq-heading p { color: var(--muted); font-size: 14px; }.faq-heading a { color: var(--green-dark); font-size: 12px; font-weight: 780; }
.faq-list details { border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { position: relative; padding: 25px 45px 25px 0; list-style: none; cursor: pointer; font-size: 17px; font-weight: 760; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span,.faq-list summary span::after { position: absolute; right: 5px; top: 50%; width: 14px; height: 2px; background: var(--ink); content: ""; transition: transform .25s; }.faq-list summary span::after { right: 0; top: 0; transform: rotate(90deg); }.faq-list details[open] summary span::after { transform: rotate(0); }.faq-list details p { max-width: 680px; margin: -7px 0 23px; color: var(--muted); font-size: 14px; }

.final-cta { position: relative; z-index: 1; padding: 80px 0; overflow: hidden; color: #fff; background: #07110d; }
.final-cta .final-grid { z-index: -1; opacity: .16; transform: perspective(700px) rotateX(63deg) translateY(160px) scale(1.7); }
.final-cta-inner { display: grid; grid-template-columns: 170px 1fr auto; align-items: center; gap: 40px; }.final-orbit { width: 150px; height: 150px; border: 1px solid rgba(105,242,155,.2); border-radius: 50%; background: radial-gradient(circle, rgba(37,211,102,.17), transparent 70%); }.final-orbit img { transform: scale(1.25); filter: drop-shadow(0 18px 22px rgba(0,0,0,.4)); }.final-cta-inner > div:nth-child(2) > span { color: var(--green-bright); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }.final-cta h2 { margin: 8px 0 0; font-size: clamp(38px, 4.3vw, 59px); line-height: 1; letter-spacing: -.05em; }

.site-footer { padding: 70px 0 25px; color: #b3c0b8; background: #040906; }
.footer-top { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 50px; padding-bottom: 55px; }.brand-light { color: #fff; }.brand-light > span > span { color: var(--green-bright); }.footer-brand p { max-width: 330px; margin-top: 16px; color: #6f7d75; font-size: 13px; }.footer-top > div:not(:first-child) { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }.footer-top strong { margin-bottom: 5px; color: #fff; font-size: 12px; }.footer-top a,.footer-top button { padding: 0; border: 0; color: #7f8c84; background: transparent; font-size: 11px; cursor: pointer; }.footer-top a:hover,.footer-top button:hover { color: var(--green-bright); }.footer-bottom { display: flex; justify-content: space-between; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.07); color: #566159; font-size: 9px; }

.assistant-root { position: fixed; z-index: 200; right: 22px; bottom: 20px; }
.assistant-fab { position: relative; display: flex; align-items: center; gap: 8px; height: 70px; padding: 4px 15px 4px 4px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: #fff; background: #0a1911; box-shadow: 0 18px 45px rgba(3,20,10,.25); cursor: pointer; transition: transform .25s, box-shadow .25s; }.assistant-fab:hover { transform: translateY(-3px); box-shadow: 0 23px 50px rgba(3,20,10,.32); }.assistant-fab img { width: 62px; height: 62px; object-fit: contain; border-radius: 50%; }.assistant-fab-label { max-width: 85px; font-size: 10px; font-weight: 800; line-height: 1.2; text-align: left; }.assistant-ping { position: absolute; z-index: 2; top: 4px; left: 52px; width: 12px; height: 12px; border: 3px solid #0a1911; border-radius: 50%; background: var(--green-bright); }
.assistant-panel { position: absolute; right: 0; bottom: 84px; width: min(390px, calc(100vw - 28px)); height: min(620px, calc(100vh - 120px)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(7,43,21,.15); border-radius: 25px; background: #fff; box-shadow: 0 28px 90px rgba(2,19,9,.28); opacity: 0; visibility: hidden; transform: translateY(18px) scale(.96); transform-origin: right bottom; transition: opacity .24s, visibility .24s, transform .24s; }.assistant-panel.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.assistant-header { display: flex; align-items: center; justify-content: space-between; min-height: 78px; padding: 10px 13px; color: #fff; background: linear-gradient(135deg,#07150d,#0e3d23); }.assistant-header > div { display: flex; align-items: center; gap: 8px; }.assistant-header img { width: 52px; height: 52px; object-fit: contain; }.assistant-header strong,.assistant-header small { display: block; }.assistant-header strong { font-size: 12px; }.assistant-header small { color: #a9c8b5; font-size: 8px; }.assistant-header small i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: var(--green-bright); }.assistant-header button { display: grid; place-items: center; width: 35px; height: 35px; border: 0; border-radius: 11px; color: #d7e5dc; background: rgba(255,255,255,.08); font-size: 21px; cursor: pointer; }
.assistant-messages { flex: 1; overflow-y: auto; padding: 18px; background: #f5f7f4; overscroll-behavior: contain; }.assistant-message { max-width: 88%; margin-bottom: 10px; padding: 11px 13px; border-radius: 15px 15px 15px 4px; color: #33423a; background: #fff; box-shadow: 0 4px 13px rgba(6,30,16,.05); font-size: 12px; white-space: pre-wrap; }.assistant-message.user { margin-left: auto; border-radius: 15px 15px 4px 15px; color: #082617; background: #b9f1cd; }.assistant-message small { display: block; margin-top: 7px; color: #7a8a81; font-size: 8px; }.assistant-message a { color: var(--green-dark); font-weight: 750; text-decoration: underline; }.assistant-message.typing { display: flex; gap: 4px; width: 50px; }.assistant-message.typing i { width: 6px; height: 6px; border-radius: 50%; background: #809088; animation: typing 1.1s infinite; }.assistant-message.typing i:nth-child(2) { animation-delay: .15s; }.assistant-message.typing i:nth-child(3) { animation-delay: .3s; }
.assistant-suggestions { display: flex; gap: 6px; padding: 10px 14px; overflow-x: auto; border-top: 1px solid #e7ece8; background: #fff; scrollbar-width: none; }.assistant-suggestions::-webkit-scrollbar { display: none; }.assistant-suggestions button { flex: 0 0 auto; padding: 7px 9px; border: 1px solid #d9e4dc; border-radius: 999px; color: #2c5f40; background: #f3fbf6; font-size: 9px; cursor: pointer; }
.assistant-form { display: flex; align-items: flex-end; gap: 8px; padding: 12px 14px 8px; border-top: 1px solid #e6ece7; background: #fff; }.assistant-form textarea { flex: 1; max-height: 100px; min-height: 43px; resize: none; padding: 11px 13px; border: 1px solid #dbe3dd; border-radius: 13px; color: var(--ink); background: #f8faf8; font-size: 12px; line-height: 1.4; }.assistant-form button { flex: 0 0 auto; width: 43px; height: 43px; border: 0; border-radius: 13px; color: #092615; background: var(--green); font-size: 19px; font-weight: 800; cursor: pointer; }.assistant-form button:disabled { opacity: .45; cursor: wait; }.assistant-footnote { margin: 0; padding: 0 14px 10px; color: #8a968f; background: #fff; font-size: 8px; text-align: center; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }.reveal.revealed { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .12s; }
@keyframes mascot-float { 0%,100% { transform: translateX(-50%) translateY(0) rotateY(-4deg) rotateX(2deg); } 50% { transform: translateX(-50%) translateY(-11px) rotateY(2deg) rotateX(-1deg); } }
.help-mascot img { animation-name: simple-float; }
@keyframes simple-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }
@keyframes speech-bob { 0%,100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-7px) rotate(-1deg); } }
@keyframes card-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes typing { 0%,60%,100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { to { transform: rotate(360deg); } }

/* Central de Ajuda */
.help-page { background: #f4f7f3; }
.help-page .site-header { position: absolute; }
.help-hero { position: relative; min-height: 570px; padding: 155px 0 80px; overflow: hidden; color: #fff; background: radial-gradient(circle at 80% 20%, rgba(37,211,102,.2), transparent 28%), radial-gradient(circle at 20% 75%, rgba(183,243,90,.1), transparent 25%), #07110d; }
.help-hero::after { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(105,242,155,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(105,242,155,.2) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent); }
.help-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: center; }
.help-hero h1 { margin-bottom: 18px; font-size: clamp(51px,6vw,82px); line-height: .97; letter-spacing: -.06em; }.help-hero p { max-width: 620px; color: #a8b9af; font-size: 17px; }.help-hero-mascot { position: relative; }.help-hero-mascot img { filter: drop-shadow(0 30px 30px rgba(0,0,0,.35)); animation: simple-float 5s ease-in-out infinite; }
.help-search-shell { position: relative; max-width: 720px; margin-top: 30px; }.help-search-shell input { width: 100%; height: 64px; padding: 0 140px 0 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; color: #fff; background: rgba(255,255,255,.09); backdrop-filter: blur(10px); font-size: 14px; }.help-search-shell input::placeholder { color: #8fa198; }.help-search-shell button { position: absolute; top: 8px; right: 8px; height: 48px; padding: 0 19px; border: 0; border-radius: 12px; color: #062714; background: var(--green-bright); font-size: 12px; font-weight: 800; cursor: pointer; }
.help-stats { display: flex; gap: 28px; margin-top: 22px; color: #809289; font-size: 10px; }.help-stats strong { color: #d6e3db; }
.help-main { padding: 70px 0 120px; }.help-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 45px; align-items: start; }.help-sidebar,.help-content { min-width: 0; }
.help-sidebar { position: sticky; top: 25px; }.help-sidebar > strong { display: block; margin-bottom: 13px; color: #738078; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }.category-list { display: flex; max-width: 100%; flex-direction: column; gap: 5px; }.category-button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 11px 13px; border: 0; border-radius: 11px; color: #516059; background: transparent; font-size: 11px; font-weight: 730; text-align: left; cursor: pointer; }.category-button:hover,.category-button.active { color: #0c4b2a; background: #fff; box-shadow: 0 6px 20px rgba(7,33,19,.06); }.category-button span { display: grid; place-items: center; min-width: 22px; height: 19px; padding: 0 5px; border-radius: 7px; color: #68766e; background: #e8ede9; font-size: 8px; }.sidebar-contact { margin-top: 25px; padding: 18px; border: 1px solid rgba(10,40,22,.09); border-radius: 17px; background: #e6f7ec; }.sidebar-contact strong { font-size: 12px; }.sidebar-contact p { margin: 5px 0 12px; color: #557060; font-size: 10px; }.sidebar-contact button { padding: 0; border: 0; color: #0e813f; background: none; font-size: 10px; font-weight: 800; cursor: pointer; }
.help-content-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px; }.help-content-head h2 { margin: 0; font-size: 31px; letter-spacing: -.04em; }.help-content-head p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }.help-content-head span { color: #718078; font-size: 10px; }
.article-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }.article-card { position: relative; width: 100%; min-height: 180px; padding: 24px; border: 1px solid rgba(7,38,20,.1); border-radius: 20px; color: inherit; background: #fff; cursor: pointer; text-align: left; transition: transform .22s, border-color .22s, box-shadow .22s; }.article-card:hover { transform: translateY(-3px); border-color: rgba(37,211,102,.38); box-shadow: 0 18px 38px rgba(7,33,19,.09); }.article-card small { color: var(--green-dark); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.article-card h3 { margin: 12px 30px 8px 0; font-size: 18px; line-height: 1.2; letter-spacing: -.025em; }.article-card p { margin: 0; color: #6b7972; font-size: 11px; }.article-card > span { position: absolute; top: 24px; right: 20px; color: #9aa69f; font-size: 18px; transition: transform .2s,color .2s; }.article-card:hover > span { color: var(--green-dark); transform: translateX(3px); }.no-results { grid-column: 1/-1; padding: 50px; border: 1px dashed #cbd5ce; border-radius: 20px; color: #68766e; text-align: center; }
.article-view { display: none; overflow: hidden; border: 1px solid rgba(7,38,20,.1); border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(7,33,19,.07); }.article-view.open { display: block; animation: panel-in .3s ease; }.article-view-header { padding: 35px 40px 28px; border-bottom: 1px solid #e8ede9; }.article-view-header button { padding: 0; border: 0; color: var(--green-dark); background: none; font-size: 10px; font-weight: 800; cursor: pointer; }.article-view-header small { display: block; margin-top: 25px; color: var(--green-dark); font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.article-view-header h1 { max-width: 750px; margin: 8px 0 12px; font-size: clamp(31px,4vw,47px); line-height: 1.05; letter-spacing: -.05em; }.article-view-header p { max-width: 760px; margin: 0; color: #65736c; font-size: 13px; }.article-body { padding: 10px 40px 45px; }.article-section { max-width: 780px; padding-top: 30px; }.article-section h2 { font-size: 20px; letter-spacing: -.025em; }.article-section p { color: #526159; font-size: 13px; }.article-section ol,.article-section ul { margin: 16px 0 0 20px; padding-left: 4px; }.article-section li { margin: 10px 0; padding-left: 5px; color: #526159; font-size: 12px; }.article-tip { margin-top: 20px; padding: 17px 19px; border-left: 3px solid var(--green); border-radius: 0 12px 12px 0; color: #2f5a40; background: #edfaf1; font-size: 11px; }.article-warning { border-left-color: var(--yellow); color: #66501e; background: #fff8e7; }

@media (max-width: 1080px) {
  .nav-shell { grid-template-columns: auto 1fr auto; }
  .nav-links { gap: 0; }.nav-links a { padding-inline: 9px; }
  .hero-layout { grid-template-columns: 1.07fr .93fr; }.hero h1 { font-size: 67px; }.hero-visual { height: 520px; }.mascot-speech { right: 0; }.floating-card-left { left: 0; }.floating-card-right { right: 0; }
  .pricing-grid { grid-template-columns: repeat(2,1fr); gap: 18px; }.featured-price { transform: none; }.price-card { min-height: 540px; }
  .mock-detail { display: none; }.mock-list { width: 230px; }
  .final-cta-inner { grid-template-columns: 130px 1fr; }.final-cta-inner > a { grid-column: 2; justify-self: start; }.final-orbit { width: 120px; height: 120px; }
}

@media (max-width: 820px) {
  :root { --container: min(100% - 30px, 700px); }
  .section-pad { padding: 82px 0; }
  .nav-shell { grid-template-columns: 1fr auto; min-height: 62px; }.brand img { width: 44px; height: 44px; }.nav-shell > .nav-links { position: absolute; top: 72px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; padding: 8px; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(9,30,18,.16); }.nav-shell > .nav-links.open { display: flex; }.nav-links a { padding: 13px; }.nav-actions { display: none; }.menu-button { display: block; }.menu-button.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.menu-button.open span:nth-child(2) { opacity: 0; }.menu-button.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .hero { padding-top: 135px; min-height: auto; }.hero-layout { grid-template-columns: 1fr; text-align: center; }.hero-copy { display: flex; flex-direction: column; align-items: center; }.hero h1 { max-width: 700px; font-size: clamp(52px, 11vw, 74px); }.hero-summary { font-size: 17px; }.hero-actions { justify-content: center; }.microcopy { justify-content: center; }.hero-visual { height: 520px; max-width: 600px; width: 100%; margin: -15px auto 0; }.mascot-wrap { width: 480px; max-width: 85vw; }.mascot-speech { right: 5%; }.floating-card-left { left: 4%; }.floating-card-right { right: 4%; }.proof-strip { grid-template-columns: repeat(2,1fr); }.proof-strip > div { padding: 16px 20px; border-bottom: 1px solid var(--line); }.proof-strip > div:nth-child(2) { border-right: 0; }.proof-strip > div:nth-child(3) { padding-left: 0; border-bottom: 0; }.proof-strip > div:nth-child(4) { border: 0; }
  .problem-grid,.steps-grid { grid-template-columns: repeat(2,1fr); }.problem-card { min-height: 300px; }
  .split-heading { grid-template-columns: 1fr; gap: 22px; }.split-heading > p { max-width: 600px; }
  .ai-card { grid-template-columns: 1fr; }.bento-wide { min-height: 730px; }.ai-conversation { height: 320px; }
  .product-panel { height: 520px; }.mock-list { width: 210px; }.mock-messages { padding: 25px 20px; }.dn1 { left: 3%; }.dn2 { left: 27%; }.dn3 { left: 45%; }.dn4 { left: 65%; }.dn5 { right: 2%; }.demo-node { width: 128px; }.metric-cards { grid-template-columns: repeat(2,1fr); }.metrics-demo { overflow-y: auto; }.metric-lower { grid-template-columns: 1fr; }.team-load { height: 200px; }
  .use-grid { grid-template-columns: 1fr; }.use-card { min-height: 370px; }.use-card.featured { transform: none; }.use-card h3 { margin-top: 80px; }
  .onboarding-shell { grid-template-columns: 1fr; gap: 45px; padding: 45px; }
  .help-shell { grid-template-columns: 230px 1fr; padding: 35px; }.help-copy h2 { font-size: 43px; }
  .faq-layout { grid-template-columns: 1fr; gap: 35px; }.faq-heading { position: static; }
  .footer-top { grid-template-columns: 2fr 1fr 1fr; }.footer-brand { grid-column: 1/-1; }
  .help-hero-inner { grid-template-columns: 1fr 240px; }.help-layout { grid-template-columns: 210px 1fr; gap: 28px; }.article-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  :root { --container: calc(100% - 24px); --radius-lg: 26px; }
  .site-header { top: 10px; }.nav-shell { width: calc(100% - 20px); border-radius: 18px; }.brand { font-size: 19px; }
  .button-large { min-height: 54px; padding-inline: 21px; }.hero-actions .button { width: 100%; }.hero { padding-top: 122px; }.eyebrow { font-size: 9px; }.hero h1 { font-size: 49px; }.hero-summary { font-size: 15px; }.microcopy span:not(:first-child) { display: none; }.hero-visual { height: 430px; }.mascot-wrap { top: 30px; width: 390px; }.mascot-speech { top: 6px; right: 0; max-width: 155px; font-size: 10px; }.floating-card { min-width: 154px; padding: 9px 11px; }.floating-card-left { bottom: 78px; left: 0; }.floating-card-right { bottom: 23px; right: 0; }.floating-card strong { font-size: 10px; }.proof-strip { margin-top: 20px; }.proof-strip > div { padding: 13px 10px; }.proof-strip strong { font-size: 12px; }.proof-strip span { font-size: 9px; }
  .section-pad { padding: 68px 0; }.center-heading h2,.section-heading h2,.split-heading h2,.pricing-heading h2 { font-size: 39px; }.center-heading > p { font-size: 14px; }.problem-grid,.steps-grid,.bento-grid { grid-template-columns: 1fr; }.problem-grid { margin-top: 40px; }.problem-card { min-height: 270px; padding: 27px; }.problem-card h3 { margin-top: 66px; }.bento-wide { grid-column: auto; min-height: 700px; }.bento-card { padding: 25px; min-height: 360px; }.bento-card h3 { font-size: 27px; }.ai-conversation { padding: 22px 15px; transform: none; }.inline-list { display: none; }
  .product-stage { margin-top: 38px; }.product-tabs { width: 100%; }.product-tab { flex: 1; min-width: 0; padding-inline: 8px; font-size: 10px; }.product-window { border-radius: 18px; }.product-panel { height: 470px; }.mock-sidebar { width: 47px; padding: 13px 8px; }.mock-sidebar i { width: 16px; height: 16px; }.mock-list { width: 120px; padding: 10px 5px; }.mock-contact { padding: 9px 4px; }.mock-contact > span { display: none; }.mock-contact b { font-size: 8px; }.mock-messages { padding: 18px 10px; }.msg { max-width: 88%; }.mock-chat header { padding: 0 9px; }.mock-chat header i { display: none; }.flow-board { overflow: auto; min-width: 720px; }.flow-demo { overflow-x: auto; }.flow-toolbar { position: sticky; left: 0; width: 100vw; }.metrics-demo { padding: 16px; }.metric-cards { gap: 7px; }.metric-cards > div { padding: 12px; }.metric-cards strong { font-size: 19px; }
  .step-card { min-height: 355px; }.use-card { min-height: 340px; padding: 27px; }.use-card h3 { margin-top: 62px; }.use-card p { min-height: auto; }.pricing-heading { align-items: start; flex-direction: column; }.pricing-grid { grid-template-columns: 1fr; }.price-card { min-height: auto; padding: 28px; }.featured-price { order: -1; }.price { min-height: 110px; }.enterprise-card { min-height: auto; }
  .onboarding-shell { padding: 30px 24px; border-radius: 27px; }.timeline li { grid-template-columns: 74px 1fr; }.timeline li::after { left: 76px; }.timeline li:not(:last-child)::before { left: 81px; }.timeline div { padding-left: 20px; }
  .help-shell { grid-template-columns: 1fr; padding: 28px; text-align: center; }.help-mascot { width: 210px; margin: 0 auto -20px; }.help-copy .section-kicker { margin-inline: auto; }.help-copy h2 { font-size: 38px; }.help-actions { justify-content: center; }.help-questions { display: none; }
  .faq-heading h2 { font-size: 39px; }.faq-list summary { font-size: 15px; }
  .final-cta-inner { grid-template-columns: 1fr; text-align: center; }.final-orbit { margin: 0 auto; }.final-cta-inner > a { grid-column: auto; justify-self: stretch; }.site-footer { padding-top: 55px; }.footer-top { grid-template-columns: 1fr 1fr; gap: 35px 20px; }.footer-brand { grid-column: 1/-1; }.footer-bottom { flex-direction: column; gap: 6px; }
  .assistant-root { right: 10px; bottom: 10px; }.assistant-fab { width: 64px; height: 64px; padding: 3px; }.assistant-fab img { width: 56px; height: 56px; }.assistant-fab-label { display: none; }.assistant-ping { left: 47px; }.assistant-panel { right: 0; bottom: 75px; height: min(600px, calc(100vh - 96px)); }
  .help-hero { min-height: 620px; padding-top: 125px; }.help-hero-inner { grid-template-columns: minmax(0, 1fr); text-align: center; }.help-hero h1 { font-size: 50px; }.help-hero p { font-size: 14px; }.help-hero-mascot { position: absolute; right: -25px; bottom: -190px; width: 220px; opacity: .55; }.help-search-shell input { height: 58px; padding: 0 18px; }.help-search-shell button { position: static; width: 100%; margin-top: 8px; }.help-stats { justify-content: center; flex-wrap: wrap; gap: 8px 20px; }.help-main { padding-top: 35px; }.help-layout { grid-template-columns: minmax(0, 1fr); }.help-sidebar { position: static; }.category-list { width: 100%; flex-direction: row; overflow-x: auto; padding-bottom: 8px; }.category-button { flex: 0 0 auto; width: auto; }.sidebar-contact { display: none; }.help-content-head { align-items: start; flex-direction: column; gap: 6px; }.article-view-header { padding: 28px 24px 23px; }.article-body { padding: 5px 24px 35px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Identidade oficial, telas reais e jornada guiada */
.brand-official { gap: 0; }
.brand-official img { width: 168px; height: 46px; object-fit: contain; object-position: left center; }
.site-footer .brand-official { padding: 7px 12px; border-radius: 12px; background: #fff; }
.site-footer .brand-official img { width: 156px; height: 38px; }

.real-product-stage { perspective: 1600px; }
.real-product-stage .product-tabs { flex-wrap: wrap; }
.real-product-stage .product-window { position: relative; transform: rotateX(1.4deg); transform-origin: center bottom; box-shadow: 0 44px 110px rgba(5,33,17,.2), 0 0 0 1px rgba(255,255,255,.9) inset; }
.real-product-stage .real-panel { position: relative; height: auto; aspect-ratio: 1280 / 711; margin: 0; overflow: hidden; background: #edf2ee; }
.real-product-stage .real-panel.active { display: block; animation: real-screen-in .55s cubic-bezier(.2,.8,.2,1) both; }
.real-panel > img { width: 100%; height: 100%; object-fit: cover; }
.real-panel figcaption { position: absolute; z-index: 4; left: 24px; bottom: 23px; max-width: 440px; padding: 14px 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 15px; color: #fff; background: rgba(5,22,13,.88); box-shadow: 0 15px 42px rgba(0,0,0,.24); backdrop-filter: blur(14px); }
.real-panel figcaption strong,.real-panel figcaption span { display: block; }
.real-panel figcaption strong { margin-bottom: 3px; font-size: 13px; }
.real-panel figcaption span { color: #b9c9c0; font-size: 10px; }
.screen-focus { position: absolute; z-index: 3; border: 2px solid var(--green); border-radius: 13px; box-shadow: 0 0 0 999px rgba(3,22,11,.08), 0 0 0 7px rgba(37,211,102,.12), 0 10px 30px rgba(6,55,26,.16); animation: focus-pulse 2.6s ease-in-out infinite; pointer-events: none; }
.focus-inbox { top: 15%; left: 19%; width: 17%; height: 67%; }
.focus-board { top: 22%; left: 27%; width: 57%; height: 58%; }
.focus-ai { top: 31%; left: 24%; width: 58%; height: 43%; }
.focus-reports { top: 28%; left: 23%; width: 65%; height: 55%; }
.real-screen-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 17px 0 0; color: #718078; font-size: 10px; }
.real-screen-note span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(37,211,102,.12); }

.steps-section { overflow: hidden; background: radial-gradient(circle at 8% 20%, rgba(37,211,102,.08), transparent 25%), #f2f6f1; }
.journey-grid { position: relative; display: grid; gap: 34px; margin-top: 58px; }
.journey-grid::before { content: ""; position: absolute; top: 4%; bottom: 4%; left: 50%; width: 1px; background: linear-gradient(transparent, rgba(37,211,102,.42) 12%, rgba(37,211,102,.42) 88%, transparent); }
.journey-card { position: relative; z-index: 1; display: grid; grid-template-columns: 1.18fr .82fr; align-items: center; min-height: 390px; overflow: hidden; border: 1px solid rgba(7,38,20,.1); border-radius: 30px; background: rgba(255,255,255,.9); box-shadow: 0 22px 70px rgba(6,35,18,.08); }
.journey-card.reverse { grid-template-columns: .82fr 1.18fr; }
.journey-card.reverse .journey-screen { order: 2; }
.journey-card.reverse .journey-copy { order: 1; }
.journey-screen { position: relative; height: 100%; min-height: 390px; overflow: hidden; background: #e8eeea; }
.journey-screen::after { content: ""; position: absolute; inset: 0; box-shadow: inset -35px 0 65px rgba(4,18,10,.09); pointer-events: none; }
.journey-card.reverse .journey-screen::after { box-shadow: inset 35px 0 65px rgba(4,18,10,.09); }
.journey-screen img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.05); transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.journey-card.revealed .journey-screen img { transform: scale(1); }
.journey-copy { padding: 48px; }
.journey-copy > span { display: inline-flex; padding: 7px 10px; border-radius: 999px; color: #0f7f40; background: #e5f7eb; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.journey-copy h3 { margin: 18px 0 12px; font-size: clamp(29px,3.2vw,45px); line-height: 1.02; letter-spacing: -.045em; }
.journey-copy p { margin: 0; color: var(--muted); font-size: 14px; }
.journey-pointer { position: absolute; z-index: 3; width: 22px; height: 22px; border: 3px solid #fff; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 8px rgba(37,211,102,.19), 0 9px 22px rgba(6,52,25,.32); animation: pointer-tour 3.2s ease-in-out infinite; }
.journey-pointer::after { content: ""; position: absolute; top: 15px; left: 15px; width: 13px; height: 18px; clip-path: polygon(0 0, 100% 68%, 56% 72%, 41% 100%); background: #09150e; transform: rotate(-15deg); }
.p-connect { top: 37%; left: 47%; }.p-ai { top: 45%; left: 52%; }.p-flow { top: 53%; left: 57%; }.p-human { top: 44%; left: 41%; }.p-report { top: 51%; left: 63%; }

.price-range strong { font-size: 43px; letter-spacing: -.055em; }
.price-range strong sup { font-size: 14px; }

.assistant-fab img,.assistant-header img { border-radius: 0; filter: drop-shadow(0 8px 9px rgba(0,0,0,.22)); }
.assistant-fab { width: 70px; padding-right: 4px; overflow: hidden; transition: width .28s cubic-bezier(.2,.8,.2,1), transform .25s, box-shadow .25s; }
.assistant-fab img { flex: 0 0 auto; animation: simple-float 3.7s ease-in-out infinite; }
.assistant-fab-label { flex: 0 0 88px; opacity: 0; transition: opacity .2s; }
.assistant-fab:hover,.assistant-fab:focus-visible { width: 174px; padding-right: 14px; }
.assistant-fab:hover .assistant-fab-label,.assistant-fab:focus-visible .assistant-fab-label { opacity: 1; }
.assistant-page-hint { position: absolute; right: 8px; bottom: 86px; width: 210px; padding: 12px 14px; border: 1px solid rgba(7,43,21,.12); border-radius: 15px 15px 4px 15px; color: #244233; background: rgba(255,255,255,.95); box-shadow: 0 14px 40px rgba(4,30,14,.16); backdrop-filter: blur(12px); font-size: 10px; font-weight: 750; text-align: left; cursor: pointer; opacity: 0; transform: translateY(8px) scale(.97); transition: opacity .3s,transform .3s; }
.assistant-page-hint.show { opacity: 1; transform: none; }
.assistant-panel.open ~ .assistant-page-hint { opacity: 0; pointer-events: none; }

.article-screenshot { max-width: 820px; margin: 30px 0 6px; overflow: hidden; border: 1px solid #d9e4dc; border-radius: 18px; background: #eef3ef; box-shadow: 0 18px 45px rgba(5,35,17,.1); }
.article-screenshot img { width: 100%; height: auto; }
.article-screenshot figcaption { padding: 10px 14px; color: #607069; background: #fff; font-size: 9px; }

@keyframes real-screen-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes focus-pulse { 0%,100% { opacity: .72; } 50% { opacity: 1; box-shadow: 0 0 0 999px rgba(3,22,11,.1), 0 0 0 12px rgba(37,211,102,.08), 0 10px 30px rgba(6,55,26,.2); } }
@keyframes pointer-tour { 0%,100% { transform: translate(0,0) scale(1); } 45% { transform: translate(14px,-8px) scale(.92); } 55% { transform: translate(14px,-8px) scale(.82); } }

@media (max-width: 820px) {
  .brand-official img { width: 145px; height: 40px; }
  .real-panel figcaption { left: 13px; bottom: 12px; max-width: 65%; padding: 9px 11px; }
  .real-panel figcaption span { display: none; }
  .journey-grid::before { left: 18px; }
  .journey-card,.journey-card.reverse { grid-template-columns: 1fr; }
  .journey-card.reverse .journey-screen,.journey-card.reverse .journey-copy { order: initial; }
  .journey-screen { min-height: 310px; }
  .journey-copy { padding: 34px; }
}

@media (max-width: 560px) {
  .brand-official img { width: 137px; height: 38px; }
  .real-product-stage .product-tabs { border-radius: 18px; }
  .real-product-stage .product-tab { flex: 1 1 calc(50% - 5px); }
  .real-product-stage .real-panel { aspect-ratio: 1.08 / 1; }
  .real-panel > img { width: auto; max-width: none; height: 100%; object-position: left center; }
  .real-panel figcaption { max-width: calc(100% - 24px); }
  .screen-focus { display: none; }
  .journey-card { border-radius: 23px; }
  .journey-screen { min-height: 235px; }
  .journey-screen img { width: auto; max-width: none; height: 100%; object-position: center; }
  .journey-copy { padding: 27px 24px 31px; }
  .journey-copy h3 { font-size: 31px; }
  .price-range strong { font-size: 38px; }
  .assistant-page-hint { display: none; }
}

/* Documentos legais */
.legal-page { background: #f5f7f3; }
.legal-page .site-header { position: absolute; }
.legal-hero { padding: 165px 0 82px; color: #fff; background: radial-gradient(circle at 82% 10%, rgba(37,211,102,.22), transparent 28%), radial-gradient(circle at 12% 95%, rgba(183,243,90,.08), transparent 25%), #07110d; }
.legal-hero span { display: block; margin-bottom: 18px; color: var(--green-bright); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.legal-hero h1 { margin-bottom: 16px; font-size: clamp(50px,7vw,86px); line-height: .95; letter-spacing: -.06em; }
.legal-hero p { max-width: 680px; margin-bottom: 25px; color: #a8b9af; font-size: 17px; }
.legal-hero small { color: #71847a; font-size: 10px; }
.legal-layout { display: grid; grid-template-columns: 245px minmax(0,820px); justify-content: center; gap: 68px; padding-top: 78px; padding-bottom: 120px; align-items: start; }
.legal-layout > aside { position: sticky; top: 30px; display: flex; flex-direction: column; gap: 5px; padding: 22px; border: 1px solid rgba(9,43,23,.09); border-radius: 19px; background: rgba(255,255,255,.82); }
.legal-layout > aside strong { margin-bottom: 8px; color: #708078; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.legal-layout > aside a { padding: 7px 9px; border-radius: 8px; color: #57675f; font-size: 10px; transition: color .2s,background .2s; }
.legal-layout > aside a:hover { color: #0a6735; background: #e7f6ec; }
.legal-article { min-width: 0; }
.legal-intro { margin: 0 0 42px; padding: 25px 27px; border: 1px solid rgba(37,211,102,.19); border-radius: 18px; color: #33523f; background: #eaf8ee; font-size: 15px; }
.legal-article section { scroll-margin-top: 30px; padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid #dfe6e1; }
.legal-article h2 { margin-bottom: 14px; font-size: 27px; line-height: 1.16; letter-spacing: -.035em; }
.legal-article p,.legal-article li { color: #526159; font-size: 13px; line-height: 1.75; }
.legal-article p { margin-bottom: 14px; }
.legal-article ul { margin: 9px 0 16px 21px; padding-left: 4px; }
.legal-article li { margin: 8px 0; padding-left: 5px; }
.legal-article a { color: #0a8040; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.legal-footer { padding: 30px 0 105px; color: #8a9990; background: #07110d; }
.legal-footer > div { display: flex; align-items: center; justify-content: space-between; gap: 25px; font-size: 10px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 17px; }
.legal-footer a:hover { color: var(--green-bright); }

@media (max-width: 820px) {
  .legal-layout { grid-template-columns: 1fr; gap: 30px; padding-top: 45px; }
  .legal-layout > aside { position: static; flex-direction: row; overflow-x: auto; padding: 10px; }
  .legal-layout > aside strong { display: none; }
  .legal-layout > aside a { flex: 0 0 auto; }
}

@media (max-width: 560px) {
  .legal-hero { padding: 132px 0 65px; }
  .legal-hero p { font-size: 14px; }
  .legal-layout { padding-bottom: 80px; }
  .legal-intro { padding: 21px; font-size: 13px; }
  .legal-article h2 { font-size: 24px; }
  .legal-footer > div { flex-direction: column; align-items: flex-start; }
  .help-hero-mascot { right: -72px; bottom: -150px; width: 178px; opacity: .3; pointer-events: none; }
}

@media (prefers-reduced-motion: reduce) {
  .screen-focus,.journey-pointer,.assistant-fab img { animation: none !important; }
  .journey-screen img,.real-product-stage .product-window { transform: none !important; }
}

/* Experiência memorável — vitrine real, guia 3D e contato humano */
.home-page { --mouse-x: 50vw; --mouse-y: 50vh; }
.cursor-aura { position: fixed; z-index: 50; top: 0; left: 0; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(105,242,155,.11), rgba(37,211,102,.035) 42%, transparent 72%); pointer-events: none; transform: translate3d(calc(var(--mouse-x) - 180px),calc(var(--mouse-y) - 180px),0); transition: opacity .3s; mix-blend-mode: multiply; }
.home-page main,.home-page .site-footer { position: relative; z-index: 1; }
.home-page .reveal { filter: blur(7px); transform: translateY(30px) scale(.99); transition: opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease; }
.home-page .reveal.revealed { filter: none; transform: none; }
.hero-whatsapp-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 15px; color: #557068; font-size: 10px; transition: color .2s,transform .2s; }
.hero-whatsapp-link > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: #128c4a; }
.hero-whatsapp-link b { color: #0a6d38; }
.hero-whatsapp-link:hover { color: #173c29; transform: translateX(3px); }
.mascot-wrap { padding: 0; border: 0; color: inherit; background: none; cursor: pointer; }
.mascot-action { position: absolute; z-index: 5; right: 7%; bottom: 8%; padding: 8px 11px; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; color: #fff; background: rgba(6,29,16,.78); box-shadow: 0 12px 30px rgba(6,36,18,.16); backdrop-filter: blur(12px); font-size: 9px; font-weight: 800; letter-spacing: .03em; opacity: 0; transform: translateY(8px); transition: opacity .25s,transform .25s; }
.mascot-wrap:hover .mascot-action,.mascot-wrap:focus-visible .mascot-action { opacity: 1; transform: none; }

.experience-section { position: relative; overflow: hidden; background: radial-gradient(circle at 80% 25%, rgba(37,211,102,.12), transparent 28%), radial-gradient(circle at 12% 75%, rgba(183,243,90,.08), transparent 24%), #f5f8f3; }
.experience-section::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(15,95,48,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,95,48,.06) 1px,transparent 1px); background-size: 74px 74px; mask-image: radial-gradient(circle at center,#000,transparent 76%); }
.experience-section > .container { position: relative; }
.product-showcase { display: grid; grid-template-columns: 255px minmax(0,1fr); gap: 30px; align-items: center; }
.real-product-stage .product-tabs { display: flex; width: 100%; margin: 0; padding: 0; flex-direction: column; gap: 9px; border: 0; border-radius: 0; background: transparent; }
.real-product-stage .product-tab { position: relative; display: grid; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; column-gap: 12px; width: 100%; min-width: 0; min-height: 82px; padding: 17px 16px; overflow: hidden; border: 1px solid rgba(8,47,23,.1); border-radius: 18px; color: #627168; background: rgba(255,255,255,.55); text-align: left; transition: transform .28s,border-color .28s,background .28s,box-shadow .28s; }
.real-product-stage .product-tab::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: linear-gradient(var(--green-bright),var(--green)); transform: scaleY(0); transition: transform .28s; }
.real-product-stage .product-tab > span { grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(8,69,30,.1); border-radius: 12px; color: #6e8076; background: #edf2ee; font-size: 9px; font-weight: 850; }
.real-product-stage .product-tab strong { align-self: end; color: #26342d; font-size: 13px; }
.real-product-stage .product-tab small { color: #839087; font-size: 9px; }
.real-product-stage .product-tab:hover { transform: translateX(5px); border-color: rgba(37,211,102,.3); background: #fff; }
.real-product-stage .product-tab.active { transform: translateX(8px); border-color: rgba(37,211,102,.32); color: #153421; background: #fff; box-shadow: 0 18px 45px rgba(6,45,20,.1); }
.real-product-stage .product-tab.active::after { transform: scaleY(1); }
.real-product-stage .product-tab.active > span { color: #063c1d; background: var(--green-bright); }
.product-cinema { position: relative; perspective: 1600px; }
.cinema-glow { position: absolute; inset: 15% 6% -4%; border-radius: 50%; background: rgba(37,211,102,.2); filter: blur(55px); }
.real-product-stage .product-window { position: relative; z-index: 2; transform: perspective(1400px) rotateY(-2deg) rotateX(1.4deg); transform-style: preserve-3d; transition: transform .18s ease-out,box-shadow .3s; box-shadow: 0 42px 100px rgba(4,31,15,.2), 0 0 0 1px rgba(255,255,255,.85) inset; }
.real-product-stage .product-window:hover { box-shadow: 0 52px 125px rgba(4,31,15,.25),0 0 0 1px rgba(255,255,255,.9) inset; }
.real-product-stage .window-top > b { display: flex; align-items: center; gap: 5px; }
.real-product-stage .window-top > b i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(37,211,102,.12); }
.real-product-stage .real-panel { height: auto; aspect-ratio: 1280/711; }
.real-product-stage .real-panel.active { display: block; animation: screen-cinema-in .62s cubic-bezier(.2,.8,.2,1) both; }
.real-product-stage .real-panel figcaption { left: 0; right: 0; bottom: 0; max-width: none; padding: 46px 25px 18px; border: 0; border-radius: 0; background: linear-gradient(transparent,rgba(5,20,12,.91)); box-shadow: none; backdrop-filter: none; }
.real-product-stage .real-panel figcaption strong { font-size: 14px; }
.real-product-stage .real-panel figcaption span { color: #c3d1c8; font-size: 10px; }
.screen-focus { display: none !important; }
.showcase-progress { position: absolute; z-index: 8; right: 18px; bottom: 13px; width: 110px; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.22); }
.showcase-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--green-bright); }
.showcase-progress i.run { animation: showcase-timer 6s linear both; }

.quick-start { padding: 72px 0; color: #fff; background: #07110d; }
.quick-start-shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 65px; align-items: center; padding: 45px 50px; border: 1px solid rgba(105,242,155,.13); border-radius: 32px; background: radial-gradient(circle at 18% 70%,rgba(37,211,102,.15),transparent 33%),linear-gradient(135deg,#0b1c13,#07110d); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.quick-start-copy .section-kicker { margin-bottom: 12px; color: var(--green-bright); }
.quick-start-copy h2 { margin-bottom: 13px; font-size: clamp(33px,4vw,50px); line-height: 1; letter-spacing: -.05em; }
.quick-start-copy p { margin-bottom: 17px; color: #82958a; font-size: 11px; }
.quick-start-copy a { color: var(--green-bright); font-size: 10px; font-weight: 800; }
.quick-start-steps { position: relative; display: grid; grid-template-columns: repeat(4,1fr); list-style: none; }
.quick-start-steps::before { content: ""; position: absolute; top: 23px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg,transparent,rgba(105,242,155,.45) 12%,rgba(105,242,155,.45) 88%,transparent); }
.quick-start-steps li { position: relative; z-index: 1; text-align: center; }
.quick-start-steps li > span { display: grid; place-items: center; width: 47px; height: 47px; margin: 0 auto 14px; border: 1px solid rgba(105,242,155,.25); border-radius: 16px; color: var(--green-bright); background: #0c2416; box-shadow: 0 0 0 7px #09170f; font-size: 9px; font-weight: 850; }
.quick-start-steps strong,.quick-start-steps small { display: block; }
.quick-start-steps strong { margin-bottom: 4px; color: #edf7f0; font-size: 12px; }
.quick-start-steps small { color: #71847a; font-size: 8px; }

.whatsapp-experience-section { padding: 115px 0; overflow: hidden; background: radial-gradient(circle at 83% 25%,rgba(105,242,155,.19),transparent 28%),linear-gradient(135deg,#e9f8ee,#f8fbf7 55%,#eef6ec); }
.whatsapp-experience { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 85px; }
.whatsapp-experience::before { content: ""; position: absolute; top: 50%; left: 61%; width: 500px; height: 500px; border: 1px solid rgba(37,211,102,.17); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 50px rgba(37,211,102,.035),0 0 0 100px rgba(37,211,102,.025); }
.whatsapp-experience-copy { position: relative; z-index: 2; }
.whatsapp-experience-copy h2 { margin-bottom: 20px; font-size: clamp(48px,6vw,78px); line-height: .95; letter-spacing: -.06em; }
.whatsapp-experience-copy > p { max-width: 620px; color: #53655b; font-size: 16px; }
.channel-flow { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 27px 0; }
.channel-flow span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid rgba(10,82,38,.1); border-radius: 999px; color: #31523e; background: rgba(255,255,255,.72); font-size: 9px; font-weight: 780; }
.channel-flow span i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #063b1d; background: var(--green-bright); font-size: 8px; font-style: normal; }
.channel-flow b { color: #82a28d; font-size: 11px; }
.whatsapp-main-button { color: #fff; background: #128c4a; box-shadow: 0 16px 35px rgba(18,140,74,.24); }
.whatsapp-phone { position: relative; z-index: 2; width: min(100%,390px); min-height: 570px; justify-self: center; overflow: hidden; border: 8px solid #0b1510; border-radius: 42px; background: #efeae2; box-shadow: 0 45px 100px rgba(5,55,24,.24); transform: rotate(3deg); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.whatsapp-phone:hover { transform: rotate(0) translateY(-9px); }
.phone-top { display: flex; align-items: center; gap: 10px; height: 78px; padding: 10px 15px; color: #fff; background: #075e54; }
.phone-avatar { display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; border-radius: 50%; background: #0d3425; }
.phone-avatar img { width: 58px; height: 58px; object-fit: contain; }
.phone-top > div { flex: 1; }.phone-top strong,.phone-top small { display: block; }.phone-top strong { font-size: 12px; }.phone-top small { color: #c3e2d5; font-size: 8px; }.phone-top small i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: var(--green-bright); }.phone-top > b { color: #b7d7c9; font-size: 14px; letter-spacing: 2px; }
.phone-chat { min-height: 423px; padding: 25px 17px; background-color: #efeae2; background-image: radial-gradient(rgba(8,60,36,.045) 1px,transparent 1px); background-size: 17px 17px; }
.wa-msg { position: relative; width: fit-content; max-width: 82%; margin-bottom: 13px; padding: 11px 12px; border-radius: 5px 13px 13px 13px; color: #314038; background: #fff; box-shadow: 0 5px 13px rgba(19,44,28,.08); font-size: 11px; animation: message-arrive .5s ease both; }
.wa-msg.outgoing { margin-left: auto; border-radius: 13px 5px 13px 13px; background: #d9fdd3; animation-delay: .35s; }
.wa-event { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 25px auto; color: #708077; font-size: 8px; text-align: center; animation: message-arrive .5s ease both .7s; }
.wa-event span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(37,211,102,.13); }
.human-msg { animation-delay: 1s; }.human-msg small { display: block; margin-bottom: 4px; color: #0c8a45; font-size: 8px; font-weight: 800; }
.phone-compose { display: flex; align-items: center; gap: 8px; padding: 9px 11px; background: #f0f2f0; }.phone-compose span { flex: 1; padding: 11px 14px; border-radius: 999px; color: #9aa49e; background: #fff; font-size: 9px; }.phone-compose b { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; background: #128c4a; }

.site-footer { color: #4f6257; background: radial-gradient(circle at 12% 20%,rgba(37,211,102,.12),transparent 24%),linear-gradient(180deg,#eef5ee,#dfe9df); }
.site-footer .brand-official { padding: 0; background: transparent; }
.site-footer .brand-official img { width: 168px; height: 48px; }
.site-footer .footer-brand p { color: #65766c; }
.site-footer .footer-top strong { color: #17271e; }
.site-footer .footer-top a,.site-footer .footer-top button { color: #617268; }
.site-footer .footer-top a:hover,.site-footer .footer-top button:hover { color: #08783b; }
.site-footer .footer-bottom { border-top-color: rgba(9,53,27,.11); color: #718178; }

.assistant-root { --page-progress: 0%; right: 18px; bottom: 12px; width: 154px; height: 166px; perspective: 700px; transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.assistant-fab { position: absolute; inset: 0; display: block; width: 154px; height: 166px; padding: 0; overflow: visible; border: 0; border-radius: 0; color: #fff; background: transparent; box-shadow: none; transform-style: preserve-3d; }
.assistant-fab:hover,.assistant-fab:focus-visible { width: 154px; padding: 0; transform: translateY(-5px); box-shadow: none; }
.assistant-fab::before { content: ""; position: absolute; z-index: 0; right: 15px; bottom: 17px; width: 120px; height: 35px; border-radius: 50%; background: radial-gradient(ellipse,rgba(37,211,102,.42),rgba(37,211,102,.08) 52%,transparent 72%); filter: blur(3px); transform: rotateX(63deg); }
.assistant-fab img { position: absolute; z-index: 4; right: 5px; bottom: 18px; width: 145px; height: 145px; object-fit: contain; filter: drop-shadow(0 17px 18px rgba(2,24,11,.3)); animation: companion-float 4.2s ease-in-out infinite; transform-style: preserve-3d; transition: transform .16s ease-out; }
.assistant-fab-label { position: absolute; z-index: 8; right: 9px; bottom: 2px; display: block; width: auto; max-width: none; min-width: 94px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: #fff; background: rgba(6,25,14,.88); box-shadow: 0 10px 25px rgba(3,25,11,.2); backdrop-filter: blur(12px); font-size: 8px; font-weight: 850; line-height: 1; text-align: center; opacity: 1; }
.assistant-ping { z-index: 9; top: 31px; right: 22px; left: auto; border-color: #f7fff8; background: var(--green); }
.assistant-orbit { position: absolute; z-index: 2; border: 1px solid rgba(37,211,102,.38); border-radius: 50%; pointer-events: none; }
.orbit-one { right: 13px; bottom: 26px; width: 125px; height: 125px; transform: rotateX(66deg) rotateZ(8deg); animation: orbit-spin 8s linear infinite; }
.orbit-two { right: 31px; bottom: 43px; width: 91px; height: 91px; transform: rotateY(69deg) rotateZ(-14deg); animation: orbit-spin-reverse 6s linear infinite; }
.assistant-particle { position: absolute; z-index: 6; width: 7px; height: 7px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 16px var(--green); animation: particle-drift 3s ease-in-out infinite; }
.particle-one { top: 33px; left: 20px; }.particle-two { top: 75px; right: 8px; animation-delay: -1.2s; }
.assistant-progress { position: absolute; z-index: 1; right: 19px; bottom: 31px; width: 113px; height: 113px; border-radius: 50%; background: conic-gradient(var(--green) var(--page-progress),rgba(37,211,102,.07) 0); mask: radial-gradient(transparent 67%,#000 69%); opacity: .65; transform: rotate(-90deg); }
.assistant-panel { right: 10px; bottom: 164px; }
.assistant-page-hint { right: 106px; bottom: 142px; width: 245px; padding: 14px 16px; border-color: rgba(37,211,102,.24); border-radius: 18px 18px 4px 18px; font-size: 10px; box-shadow: 0 20px 50px rgba(4,31,14,.2); }
.assistant-root.is-reacting .assistant-fab img { animation: companion-react .75s cubic-bezier(.2,.9,.25,1); }
.assistant-root:has(.assistant-panel.open) .assistant-fab,.assistant-root:has(.assistant-panel.open) .assistant-page-hint { opacity: 0; pointer-events: none; }
.mobile-nav-actions { display: none; }

@media (max-width: 820px) {
  .mobile-nav-actions {
    display: grid;
    gap: 7px;
    margin-top: 4px;
    padding: 10px 5px 4px;
    border-top: 1px solid rgba(8,47,23,.09);
  }
  .nav-links .mobile-nav-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 14px;
    text-align: center;
  }
  .nav-links .mobile-nav-primary {
    color: #fff;
    background: #07110d;
  }
  .nav-links .mobile-nav-primary:hover,
  .nav-links .mobile-nav-primary:focus-visible {
    color: #fff;
    background: #10281a;
  }

  .real-product-stage,
  .product-showcase,
  .product-cinema,
  .real-product-stage .product-window {
    width: 100%;
    min-width: 0;
  }
  .real-product-stage .product-window {
    border-radius: 16px;
    transform: none !important;
  }
  .real-product-stage .real-panel {
    height: auto;
    aspect-ratio: auto;
  }
  .real-product-stage .real-panel > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
  .real-product-stage .real-panel figcaption {
    position: relative;
    padding: 13px 14px 15px;
    background: #07110d;
  }
  .real-product-stage .real-panel figcaption span {
    display: block;
    margin-top: 3px;
    line-height: 1.4;
  }
}

@keyframes screen-cinema-in { from { opacity: 0; transform: translateX(28px) rotateY(-3deg) scale(.985); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes showcase-timer { to { width: 100%; } }
@keyframes message-arrive { from { opacity: 0; transform: translateY(9px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes companion-float { 0%,100% { transform: translateY(0) rotateY(-5deg); } 50% { transform: translateY(-9px) rotateY(5deg); } }
@keyframes companion-react { 0% { transform: translateY(0) rotateY(0); } 35% { transform: translateY(-18px) rotateY(16deg) rotateZ(3deg); } 70% { transform: translateY(2px) rotateY(-8deg); } 100% { transform: translateY(0); } }
@keyframes orbit-spin { to { transform: rotateX(66deg) rotateZ(368deg); } }
@keyframes orbit-spin-reverse { to { transform: rotateY(69deg) rotateZ(-374deg); } }
@keyframes particle-drift { 0%,100% { opacity: .35; transform: translate(0,0) scale(.8); } 50% { opacity: 1; transform: translate(7px,-11px) scale(1.3); } }

@media (max-width: 960px) {
  .product-showcase { grid-template-columns: 1fr; }
  .real-product-stage .product-tabs { display: grid; grid-template-columns: repeat(4,1fr); }
  .real-product-stage .product-tab { grid-template-columns: 1fr; grid-template-rows: auto auto auto; min-height: 106px; text-align: center; }
  .real-product-stage .product-tab > span { grid-row: auto; margin: auto; }
  .real-product-stage .product-tab.active,.real-product-stage .product-tab:hover { transform: translateY(-4px); }
  .quick-start-shell { grid-template-columns: 1fr; gap: 35px; }
  .whatsapp-experience { grid-template-columns: 1fr 360px; gap: 40px; }
}

@media (max-width: 720px) {
  .cursor-aura { display: none; }
  .hero-whatsapp-link { justify-content: center; max-width: 330px; text-align: left; }
  .mascot-action { display: none; }
  .real-product-stage .product-tabs { grid-template-columns: repeat(2,1fr); }
  .real-product-stage .product-tab { min-height: 90px; padding: 12px; }
  .real-product-stage .product-tab > span { display: none; }
  .real-product-stage .product-tab strong { font-size: 11px; }
  .real-product-stage .real-panel { aspect-ratio: 1.12/1; }
  .real-product-stage .real-panel > img { width: auto; max-width: none; height: 100%; object-position: left center; }
  .real-product-stage .real-panel figcaption { padding: 38px 14px 12px; }
  .real-product-stage .real-panel figcaption span { display: none; }
  .showcase-progress { right: 11px; bottom: 9px; width: 70px; }
  .quick-start { padding: 48px 0; }
  .quick-start-shell { padding: 32px 24px; border-radius: 25px; }
  .quick-start-steps { grid-template-columns: repeat(2,1fr); gap: 26px 10px; }
  .quick-start-steps::before { display: none; }
  .whatsapp-experience-section { padding: 78px 0; }
  .whatsapp-experience { grid-template-columns: 1fr; gap: 45px; }
  .whatsapp-experience::before { left: 50%; top: 68%; width: 340px; height: 340px; }
  .whatsapp-experience-copy { text-align: center; }
  .whatsapp-experience-copy .section-kicker { margin-inline: auto; }
  .whatsapp-experience-copy h2 { font-size: 51px; }
  .channel-flow { justify-content: center; }.channel-flow b { display: none; }
  .whatsapp-phone { min-height: 535px; transform: rotate(1deg); }
  .assistant-root { right: 7px; bottom: 7px; width: 86px; height: 94px; }
  .assistant-fab,.assistant-fab:hover,.assistant-fab:focus-visible { width: 86px; height: 94px; }
  .assistant-fab img { right: 1px; bottom: 13px; width: 84px; height: 84px; }
  .assistant-fab::before { right: 7px; bottom: 12px; width: 72px; height: 23px; }
  .assistant-progress { right: 8px; bottom: 15px; width: 70px; height: 70px; }
  .assistant-orbit { display: none; }
  .assistant-particle { display: none; }
  .assistant-ping { top: 15px; right: 9px; }
  .assistant-fab-label { right: 4px; bottom: 0; min-width: 76px; padding: 5px 7px; font-size: 7px; }
  .assistant-panel { right: 3px; bottom: 91px; }
  .assistant-page-hint { display: none; }

  /* A tela real agora cabe inteira na largura do celular */
  .real-product-stage,
  .product-showcase,
  .product-cinema,
  .real-product-stage .product-window {
    width: 100%;
    min-width: 0;
  }
  .real-product-stage .product-window {
    border-radius: 16px;
    transform: none !important;
  }
  .real-product-stage .window-top {
    height: 38px;
    padding-inline: 12px;
  }
  .real-product-stage .window-top > span {
    font-size: 8px;
  }
  .real-product-stage .window-top > b {
    font-size: 7px;
  }
  .real-product-stage .real-panel {
    height: auto;
    aspect-ratio: auto;
  }
  .real-product-stage .real-panel > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
  .real-product-stage .real-panel figcaption {
    position: relative;
    padding: 13px 14px 15px;
    background: #07110d;
  }
  .real-product-stage .real-panel figcaption span {
    display: block;
    margin-top: 3px;
    line-height: 1.4;
  }
  .showcase-progress {
    right: 13px;
    bottom: 10px;
    width: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cursor-aura,.assistant-orbit,.assistant-particle,.assistant-progress { display: none !important; }
  .showcase-progress i,.wa-msg,.wa-event,.assistant-fab img { animation: none !important; }
  .home-page .reveal { filter: none; }
}