/* Identidade da página pública. As telas do aplicativo têm estilos próprios. */
:root {
  --void:#101715; --base:#151e1b; --panel:#1b2621; --panel-2:#233129;
  --panel-3:#304035; --line:#2d3b33; --line-2:#435448;
  --ink:#f5f7f2; --ink-2:#b8c3ba; --ink-3:#9baa9e;
  --cold:#c5f277; --ok:#a6df80; --warn:#efc073; --crit:#ff947d;
  --ui:'Barlow',sans-serif; --wrap:1240px;
}
body::before,.hero::after,.final::before { display:none }
button { font:inherit; cursor:pointer }
button:disabled { cursor:default }
a,button,summary { -webkit-tap-highlight-color:transparent }
:focus-visible { outline:3px solid var(--cold); outline-offset:5px }
section[id] { scroll-margin-top:100px }
.skip-link { position:fixed;top:12px;left:16px;z-index:200;background:var(--cold);color:var(--void);padding:12px 20px;transform:translateY(-160%) }
.skip-link:focus { transform:translateY(0) }
.wrap { padding-inline:40px }
.lbl { font-size:12px;letter-spacing:.13em }
.btn { min-height:52px;height:auto;padding:14px 23px;border:1px solid transparent;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:0;background:var(--cold);color:#172111;transition:background .2s,transform .2s }
.btn:hover { background:#d8ff96;opacity:1;transform:translateY(-2px) }
.btn-ghost { background:transparent;color:var(--ink);border-color:var(--line-2) }
.btn-ghost:hover { background:var(--panel-2);border-color:var(--ink-3) }
.btn-sm { min-height:42px;padding:9px 20px;font-size:14px }
nav { height:80px;background:rgba(16,23,21,.95);border-bottom:1px solid var(--line) }
nav.on { background:rgba(16,23,21,.97) }
.logo { gap:11px }
.logo .mk { width:34px;height:34px;padding:5px;background:var(--cold);border-radius:8px;color:#172111 }
.logo b { font-family:var(--ui);font-size:20px;letter-spacing:-.04em;text-transform:none }
.logo b span { margin-left:4px;color:var(--ink);font-weight:500 }
.nav-links { gap:30px }
.nav-links a { font-size:14px;letter-spacing:0 }
.nav-links a.btn { color:#172111 }
.hero { padding:150px 0 76px }
.hero-grid { grid-template-columns:1.08fr 1fr;gap:68px;align-items:center }
.eyebrow { padding:0;background:none;border:0;margin-bottom:25px;gap:10px }
.eyebrow .lbl { color:var(--cold);font-weight:500 }
.eyebrow .dot { background:var(--cold);box-shadow:none;width:7px;height:7px }
h1 { font-family:var(--ui);font-size:clamp(48px,5.5vw,72px);font-weight:600;line-height:1.04;letter-spacing:-.055em;text-transform:none;margin-bottom:25px }
h1 em { color:var(--cold) }
.hero p.lead { font-size:18px;line-height:1.7;max-width:480px;margin-bottom:30px }
.hero-cta { gap:10px;margin-bottom:20px;flex-wrap:nowrap }
.hero-cta .btn { padding-inline:19px;white-space:nowrap }
.trust { gap:8px 18px;font-size:13px;line-height:1.5 }
.trust span:last-child { flex-basis:100% }
.store-coming { margin-top:28px;margin-bottom:0;padding-top:22px;border-top:1px solid var(--line);max-width:430px }
.store-coming>span { font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink-2);margin-bottom:10px }
.store-badge { min-width:140px;height:46px;background:transparent;border-color:var(--line);border-radius:6px;opacity:1 }
.store-badge small { font-size:12px;color:var(--ink-3) }
.store-badge b { font-size:14px }
.store-badge svg { width:22px;height:22px }
.product-stage { min-width:0;position:relative;padding:20px;border:1px solid #3d4e3d;background:#202d24;border-radius:18px;box-shadow:0 24px 70px #0003 }
.preview-caption { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:12px;color:#c2cdbf }
.preview-caption span:first-child { text-transform:uppercase;letter-spacing:.14em }
.preview-caption span:last-child { display:flex;align-items:center;gap:6px }
.preview-caption span:last-child::before { content:'';width:6px;height:6px;background:var(--cold);border-radius:50% }
.product-stage>.device { max-width:none;margin:0;padding:0;border:1px solid #435244;border-radius:10px;box-shadow:none }
.product-stage .device-in { border:0;border-radius:10px;background:#121b16 }
.product-stage .d-top { height:54px;padding-inline:18px;background:#18231b }
.product-stage .d-top .logo b { font-size:16px }
.product-stage .d-top .logo .mk { width:25px;height:25px;padding:4px;border-radius:5px }
.product-stage .d-body { padding:18px }
.product-stage .d-card { background:#1b291f;border-color:#344535;border-radius:8px;margin-bottom:12px }
.product-stage .d-id { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px }
.product-stage .d-id h4 { font-family:var(--ui);font-size:17px;letter-spacing:-.02em;text-transform:none }
.product-stage .d-id .sp { margin:0 }
.product-stage .d-id .sp em { display:none }
.product-stage .d-odo { padding:20px 16px;text-align:left }
.product-stage .d-odo .val { font-size:58px;text-shadow:none;letter-spacing:-.02em }
.product-stage .d-odo .lbl { font-size:12px;text-transform:none;letter-spacing:0 }
.product-stage .d-gauge { padding:0 16px 18px }
.product-stage .d-gauge .r .a { font-size:12px;text-transform:none;letter-spacing:0 }
.product-stage .d-gauge .r .b { font-size:18px;color:var(--warn) }
.bar { height:6px }.bar span { width:86% }
.product-stage .d-stats { gap:8px;margin-bottom:12px }
.product-stage .d-stat { padding:14px 6px;border-radius:7px }
.product-stage .d-stat .v { font-size:23px }
.product-stage .d-stat .l { font-size:12px;text-transform:none;letter-spacing:0;margin-top:5px }
.product-stage .d-alert { font-size:13px;border-radius:7px }
.product-stage .d-row .t b { font-size:14px }
.product-stage .d-row .t span { font-size:12px;text-transform:none;letter-spacing:0 }
.product-stage .d-row .v { font-size:18px }
.preview-note { margin-top:13px;font-size:12px;color:#bbc8b8;display:flex;justify-content:space-between;gap:8px }
.preview-note button { background:none;border:0;color:var(--cold);font-size:12px;text-decoration:underline;text-underline-offset:3px }
.band { background:var(--void) }
.band .wrap { gap:0;background:none }
.band .cell { text-align:left;padding:30px 25px;background:transparent;border-right:1px solid var(--line) }
.band .cell:first-child { padding-left:0 }.band .cell:last-child { border:0 }
.band .v { font-family:var(--ui);font-size:22px;font-weight:500;letter-spacing:-.04em }
.band .l { font-size:13px;letter-spacing:0;text-transform:none;margin-top:5px;color:var(--ink-2) }
section { padding:90px 0 }
.intro { --ink:#25342a;padding:65px 0;background:#edf0e8;color:var(--ink) }
.quote { border-left:3px solid #66893f;padding-left:26px;max-width:900px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center }
.quote p { font-family:var(--ui);font-size:30px;letter-spacing:-.035em;line-height:1.25 }
.quote cite { font-size:15px;text-transform:none;letter-spacing:0;line-height:1.6;color:#586457;margin:0 }
/* A cor herdada do body já está resolvida: trocar só --ink não muda o texto. */
.light-section { color:var(--ink);background:#f7f8f3;--ink:#1b2c22;--ink-2:#536258;--ink-3:#58695c;--line:#d8dfd3;--line-2:#bcc9b7;--cold:#496d2b;--base:#fff;--panel:#f2f5eb;--panel-2:#edf3e3 }
.sec-head { max-width:700px;margin-bottom:40px }
.sec-num { font-family:var(--ui);font-size:12px;letter-spacing:.15em;font-weight:600;margin-bottom:16px }
h2 { font-family:var(--ui);font-size:clamp(34px,4vw,48px);line-height:1.12;font-weight:600;letter-spacing:-.045em;text-transform:none }
.sec-head p { max-width:600px;font-size:17px }
.cards { gap:18px;background:transparent;border:0;border-radius:0;overflow:visible }
.card { padding:30px;border:1px solid var(--line);border-radius:12px;position:relative }
.card:first-child { background:#eaf2dd;border-color:#cfdfb9 }
.card .ic { width:46px;height:46px;border:0;background:#e5edda;border-radius:10px;margin-bottom:45px }
.card h3 { font-family:var(--ui);font-size:23px;letter-spacing:-.025em;line-height:1.2;text-transform:none;margin-bottom:14px }
.card p,.step p,.tick p { font-size:16px;line-height:1.65 }
.how-section { padding-top:15px }
.steps { gap:32px }
.step { border-color:var(--line-2);padding-top:24px }
.step .n { font-family:var(--ui);font-size:14px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;width:36px;height:36px;color:var(--cold);margin-bottom:22px }
.step h4 { font-size:20px;letter-spacing:-.02em }
#extrato { padding:105px 0 }
.doc-grid { gap:85px;grid-template-columns:1fr 1fr }
.paper { transform:rotate(-3deg);box-shadow:0 25px 65px #0004;border-radius:8px }
.paper .ph { padding:25px;background:#d9edbd;color:#20311c }
.paper .ph .t1 { font-size:12px }.paper .ph .t2 { font-size:22px;font-weight:600 }.paper .ph .t3 { font-size:10px;color:#43533c }
.paper .pb { padding:22px }.paper .pv { font-size:17px }
.paper .pf .k { font-size:10px;color:#536258 }.paper .pf .v { font-size:11px }
.paper table { font-size:11px }.paper th { font-size:10px }
.paper .tot .a { font-size:12px }.paper .tot .b { font-size:22px }
.document-note { font-size:12px;text-align:center;margin-top:28px;color:var(--ink-3) }
.tick { margin-bottom:24px }.tick b { font-size:17px }
.spec-section .wrap { display:grid;grid-template-columns:1fr 1.2fr;gap:80px }
.spec-row { padding:17px 0 }.spec-row .k { font-size:16px;flex-shrink:1 }.spec-row .v { font-family:var(--ui);font-size:14px;flex-shrink:1 }.spec-row .v.on { color:#3d6326 }
.faq-section .wrap { display:grid;grid-template-columns:1fr 1.2fr;gap:80px }
.faq summary { font-size:18px;line-height:1.4;padding:24px 0 }.faq p { font-size:16px }
.faq details:first-child { border-top:1px solid var(--line) }
.closing { background:#f7f8f3;padding:20px 0 80px }
.final { background:#d8efb6;border:0;border-radius:16px;padding:60px;color:#20311c;text-align:left;display:grid;grid-template-columns:1.25fr 1fr;column-gap:70px }
.final h2 { max-width:500px }.final p { color:#43543b;max-width:470px;margin:0 0 28px }
.final .btn { background:#20311c;color:#f5f8f0;justify-self:start }
.final-inclui { grid-column:2;grid-row:1 / 4;align-self:center;max-width:none;margin:0;gap:20px }
.final-inclui li { color:#34472c;font-size:16px }.final-inclui li::before { border-color:#466b2a }
footer { margin:0;padding:44px 0 }
footer .wrap { gap:28px }.lk { flex-wrap:wrap }
footer .lk { font-size:14px;gap:16px 22px }.selos { justify-content:flex-start;margin:0 }.selos span { font-size:12px;letter-spacing:0;text-transform:none }
.rv { opacity:1;transform:none }
.demo-bg { overscroll-behavior:contain }
.demo-bg.on { align-items:safe center }
.demo-cap h3 { font-family:var(--ui);text-transform:none;letter-spacing:-.03em }
.demo-pontos button { width:32px;height:30px;border:0;background:transparent;position:relative }
.demo-pontos button::after { content:'';display:block;height:4px;border-radius:3px;background:var(--line-2) }
.demo-pontos button.on::after { background:var(--cold) }
.demo-x { width:44px;height:44px }
@media(min-width:941px) and (max-width:1150px) {
  .hero-grid { gap:32px;grid-template-columns:1fr 1fr }
  .hero-cta { flex-wrap:wrap } h1 { font-size:60px }
}
@media(max-width:940px) {
  .hero-grid { grid-template-columns:1fr;gap:45px }.hero { padding:125px 0 55px }
  .hero-grid>div:first-child { max-width:640px }.hero p.lead { max-width:560px }
  h1 { font-size:64px }.product-stage { max-width:540px;width:100%;margin:auto }
  .doc-grid { grid-template-columns:1fr;gap:55px }.doc-grid>div:first-child { max-width:560px;width:100%;margin:auto }
  .spec-section .wrap,.faq-section .wrap { grid-template-columns:1fr;gap:0 }
  .final { grid-template-columns:1fr;padding:40px }.final-inclui { grid-column:auto;grid-row:auto;margin-top:30px }
  .quote { grid-template-columns:1fr;gap:16px }
}
@media(max-width:600px) {
  .wrap { padding-inline:22px } nav { height:68px }.nav-links { gap:12px }
  .logo b { font-size:19px }.logo .mk { width:30px;height:30px }
  .hero { padding:107px 0 44px }.hero-grid { gap:36px }
  h1 { font-size:clamp(43px,11.5vw,64px);line-height:1.06 }.eyebrow .lbl { font-size:11px }
  .hero p.lead { font-size:17px;line-height:1.65 }.hero-cta { flex-direction:column;gap:10px }
  .hero-cta .btn { width:100% }.trust { gap:9px;font-size:12px }.trust span { flex-basis:100% }
  .store-coming { max-width:none }.store-buttons { display:flex }.store-badge { flex:1;min-width:0 }
  .product-stage { padding:12px;border-radius:12px }.preview-caption { font-size:11px }
  .preview-caption span:first-child { letter-spacing:.07em }.product-stage .d-body { padding:12px }
  .product-stage .d-id { padding:12px }.product-stage .d-id h4 { font-size:16px }
  .product-stage .d-stat .v { font-size:21px }.product-stage .d-stat .l { font-size:11px }
  .product-stage .d-row .t b { font-size:13px }.product-stage .d-row .t span { font-size:11px }
  .preview-note { font-size:11px }.preview-note button { font-size:11px }
  .band .wrap { grid-template-columns:1fr 1fr }.band .cell { padding:22px 15px }
  .band .cell:nth-child(odd) { padding-left:0 }.band .cell:nth-child(even) { border-right:0 }
  .band .cell:nth-child(-n+2) { border-bottom:1px solid var(--line) }.band .v { font-size:20px }.band .l { font-size:12px }
  section { padding:60px 0 }.intro { padding:42px 0 }.quote { padding-left:19px }.quote p { font-size:26px }
  .cards { gap:14px }.card { padding:26px }.card .ic { margin-bottom:27px }
  .how-section { padding-top:0 }#extrato { padding:65px 0 }.doc-grid { gap:48px }
  .paper { transform:rotate(-1.5deg) }.paper .ph { padding:18px }.paper .pb { padding:14px }
  .paper .pv { font-size:15px }.paper table { font-size:9px }.paper th { font-size:8px }.paper .pf .k { font-size:9px }.paper .pf .v { font-size:10px }
  .spec-row { gap:8px }.spec-row .k { font-size:14px }.spec-row .v { font-size:13px }
  .faq summary { font-size:17px }.closing { padding:0 0 35px }
  .final { display:block;padding:32px 24px;border-radius:12px }.final .btn { width:100% }.final-inclui { margin-top:30px }
  footer { padding:35px 0 }footer .wrap { flex-direction:column;align-items:flex-start }footer .lk { gap:15px 22px }
  .demo-bg { padding:50px 14px 24px }.demo-wrap { gap:22px;margin-block:auto }.demo-x { top:-45px;right:0 }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }*,*::before,*::after { transition:none!important;animation:none!important }
}