/* Visual identity: paper, ink and the brand's blue. */
:root { --primary:#173f85; --accent-ink:#173f85; --ink:#202a37; --muted-2:#62686e; --rule:#dddeda; --paper-2:#f4f4f0; --light:#f8f8f4; }
body { background:var(--light); color:var(--ink); }
a { text-underline-offset:4px; }
:focus-visible { outline:3px solid #2864c0; outline-offset:5px; }
.skip-link { position:fixed; top:8px; left:12px; transform:translateY(-160%); z-index:2000; padding:12px 20px; background:white; color:var(--primary); }
.skip-link:focus { transform:none; }
header, header.scrolled { background:#f8f8f4; backdrop-filter:none; border-bottom:1px solid var(--rule); box-shadow:none; padding:1rem 0; }
.header-content { max-width:1320px; }
.logo-text { color:var(--ink); font-size:2rem; }
.logo-text span { color:var(--primary); }
nav a, nav .nav-novidades { color:var(--ink) !important; font-weight:500 !important; }
nav a:hover, nav .nav-novidades:hover { color:var(--primary) !important; background:#e9ece7 !important; }
nav .nav-demo { color:var(--primary) !important; border:1px solid #a9b4c3 !important; border-radius:4px !important; }
nav .nav-cta { background:var(--primary); color:white !important; border-radius:4px !important; }
nav .nav-cta:hover { background:#102e65 !important; color:white !important; }
.hamburger span { background:var(--ink); }
.mega { background:#fff; border-color:var(--rule); border-radius:4px; }
.mega-col-title { color:var(--muted-2); }
.hero { padding:150px 32px 0; background:var(--light); color:var(--ink); text-align:left; overflow:hidden; }
.hero-content { width:100%; max-width:1256px; display:grid; grid-template-columns:1fr 1.05fr; gap:0 60px; margin:auto; }
.hero-copy { padding:12px 0 55px; }
.eyebrow { font-size:12px; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted-2); margin:0 0 27px; }
.hero h1 { font-size:clamp(44px,4.4vw,65px); line-height:1.055; letter-spacing:-.055em; font-weight:500; margin:0 0 26px; max-width:none; }
.hero h1 .highlight { color:var(--primary); }
.hero .subtitle { color:var(--muted-2); font-size:17px; line-height:1.65; max-width:405px; margin:0 0 28px; }
.hero-buttons { justify-content:flex-start; align-items:center; gap:22px; }
.btn-primary, .btn-outline { box-shadow:none; border-radius:4px !important; padding:14px 21px; font-weight:500; font-size:14px; transition:background .2s; }
.hero .btn-primary { background:var(--primary); color:white; border:1px solid var(--primary); }
.hero .btn-primary:hover { background:#102e65; transform:none; box-shadow:none; }
.hero .btn-primary span { margin-left:18px; font-size:19px; }
.hero-text-link { color:var(--ink); text-decoration:none; font-size:14px; border-bottom:1px solid #b4b7b7; padding:8px 0; }
.hero-text-link span { margin-left:10px; }
.hero-note { font-size:12px; color:var(--muted-2); margin-top:19px; }
.product-scene { min-width:0; margin:0; background:#e7ebe4; align-self:center; padding:26px 0 22px; position:relative; }
.scene-topline { display:flex; justify-content:space-between; gap:12px; padding:0 25px; font-family:var(--font-mono); font-size:9px; letter-spacing:.06em; color:#596557; }
.product-window { margin:28px 0 0 -25px; width:calc(100% + 5px); border:1px solid #cad1d3; border-radius:7px; background:#fff; box-shadow:0 18px 36px -24px #28394b70; overflow:hidden; transform:rotate(-2deg); }
.product-top { height:54px; display:flex; align-items:center; gap:22px; padding:0 18px; border-bottom:1px solid #e4e8eb; font-size:10px; color:#697585; }
.product-brand { font-size:20px; font-weight:600; color:var(--ink); letter-spacing:-1px; }
.product-brand b { color:var(--primary); }
.product-avatar { margin-left:auto; background:#edf0f5; padding:7px; border-radius:50%; font-size:9px; }
.product-body { display:flex; }
.product-sidebar { width:47px; flex-shrink:0; padding:16px 8px; display:flex; flex-direction:column; align-items:center; gap:17px; border-right:1px solid #e4e8eb; color:#798699; }
.product-sidebar .selected { background:#e9eef6; color:var(--primary); padding:3px 8px; border-radius:3px; }
.sidebar-bottom { margin-top:auto; }
.product-main { padding:23px 20px 0; flex:1; min-width:0; }
.product-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.product-kicker { font-size:8px; letter-spacing:1.2px; color:#68727f; }
.product-heading h2 { font-size:21px; font-weight:500; letter-spacing:-.04em; margin:3px 0 18px; }
.today-label { font-size:9px; border:1px solid #dde2e6; padding:5px 8px; border-radius:3px; }
.product-metrics { display:grid; grid-template-columns:1.2fr 1fr; gap:14px; padding-bottom:23px; }
.product-metrics > div { padding:14px; border:1px solid #e0e5e9; border-radius:4px; }
.product-metrics > div > span { display:block; font-size:10px; color:#606d7a; }
.product-metrics strong { display:block; font-size:27px; font-weight:500; color:#173f85; letter-spacing:-1px; padding:5px 0; }
.product-metrics strong span { font-size:16px; }
.product-metrics small { font-size:9px; color:#66727e; }
.activity-heading { display:flex; justify-content:space-between; align-items:center; font-size:11px; margin-bottom:6px; }
.activity-heading > span { font-size:9px; color:#74808d; }
.activity-row { display:flex; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid #edf0f2; }
.activity-icon { color:#45628d; background:#f1f4f7; width:28px; height:28px; display:grid; place-items:center; flex-shrink:0; }
.activity-row strong { display:block; font-size:11px; font-weight:500; }
.activity-row small { display:block; font-size:9px; color:#6a7583; margin-top:2px; }
.activity-status { margin-left:auto; color:#346649; background:#edf5ee; font-size:8px; padding:4px 6px; border-radius:3px; white-space:nowrap; }
.activity-status.pending { background:#f8f0df; color:#826323; }
.product-bottom { padding:15px 0; font-size:9px; color:#64716c; }
.connection-dot { width:5px; height:5px; background:#588669; display:inline-block; margin-right:5px; border-radius:50%; }
.product-scene figcaption { font-size:10px; color:#626e62; margin:14px 24px 0; }
.scene-caption { display:flex; justify-content:space-between; align-items:center; padding:18px 26px 0; font-size:19px; line-height:1.3; color:#3d4d3c; }
.scene-caption b { font-weight:500; }
.scene-arrow { font-size:42px; line-height:1; }
.hero-footnote { grid-column:1 / -1; display:flex; justify-content:space-between; padding:28px 0; margin-top:30px; border-top:1px solid var(--rule); font-size:12px; color:var(--muted-2); }
.hero-footnote a { color:var(--ink); text-decoration:none; }
.hero-footnote a span { margin-left:18px; }
.seg-strip { background:var(--light); padding:23px 32px; }
.seg-strip .container { max-width:1256px; justify-content:space-between; gap:15px 22px; }
.seg-strip .seg-label { letter-spacing:.04em; font-size:10px; }
.seg-strip .seg-item { font-size:12px; font-weight:400; }
.seg-strip .seg-item::before { display:none; }
section { padding:90px 32px; }
.container { max-width:1256px; }
.section-header { text-align:left; max-width:none; margin:0 0 42px; }
.section-header h2 { font-size:clamp(30px,3vw,43px); max-width:700px; line-height:1.15; font-weight:500; }
.section-header p { margin:16px 0 0; max-width:620px; font-size:16px; }
.section-tag, .module-info .tag { padding:0 !important; font-family:var(--font-body) !important; font-size:11px; letter-spacing:.09em; color:var(--muted-2) !important; }
.section-tag::before, .module-info .tag::before { display:none; }
#diferenciais { background:#fff !important; }
.diferenciais-grid { gap:30px; }
.dif-card { border:0 !important; border-top:1px solid var(--rule) !important; border-radius:0; padding:24px 0 0; background:none; box-shadow:none; text-align:left; }
.dif-card:hover { transform:none; box-shadow:none; }
.dif-icon { display:none; }
.dif-card h3 { font-size:18px; font-weight:500; }
.dif-card p { font-size:14px; line-height:1.65; color:var(--muted-2); }
#novidades { background:#eeeee8; }
.novidades-grid { gap:28px; }
.nov-card { border:0; border-top:1px solid #c9cdc5; padding:22px 0 0; border-radius:0; background:none; box-shadow:none; }
.nov-card:hover { box-shadow:none; transform:none; border-color:var(--primary); }
.nov-when { display:none; }
.nov-card h3 { font-size:19px; font-weight:500; }
.nov-card p { font-size:14px; line-height:1.65; }
.nov-link { margin-top:auto; padding-top:18px; font-size:13px; }
.modules-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; }
.module-card { border:0; border-top:1px solid var(--rule); border-radius:0; padding:23px 32px 23px 0; background:transparent; min-height:0; box-shadow:none; }
.module-card:hover { background:#f7f8f5; border-color:var(--primary); box-shadow:none; transform:none; }
.module-card .module-icon { display:none; }
.module-card::after { opacity:1; transform:none; right:8px; top:25px; bottom:auto; }
.module-card h3 { font-size:17px; font-weight:500; }
.module-card p { font-size:14px; }
.module-section { border-top:1px solid var(--rule); background:#fff; }
.module-section:nth-child(even) { background:var(--light); }
.module-info h2 { font-weight:500; font-size:34px; line-height:1.2; }
.module-info > p { font-size:16px; color:var(--muted-2); }
.module-layout { gap:65px; }
.module-layout > * { min-width:0; }
.module-visual { border-radius:5px; box-shadow:0 16px 35px -28px #152c4b70; }
.features .icon { background:transparent !important; color:var(--primary); }
#bob-max-ia { background:#143559 !important; }
#restaurantes { background:#f2f1ea !important; }
.faq-list { max-width:900px; margin:0; }
.faq-item { border:0; border-bottom:1px solid var(--rule); background:transparent; border-radius:0; }
.faq-q { list-style:none; font-size:17px; font-weight:500; padding:23px 0; gap:20px; }
.faq-q::-webkit-details-marker { display:none; }
.faq-q:hover { background:transparent; }
.faq-q .arrow { font-size:22px; flex-shrink:0; }
.faq-item[open] .arrow { transform:rotate(45deg); }
.faq-item[open] .faq-a { max-height:none; padding:0 0 22px; }
.faq-a p { font-size:15px; }
.cta-section { background:var(--light); }
.cta-box { background:#173f85; border:0; border-radius:0; text-align:left; padding:65px; box-shadow:none; }
.cta-box::before, .cta-box::after { display:none; }
.cta-box h2 { font-size:clamp(32px,4vw,49px); font-weight:500; letter-spacing:-.04em; }
.cta-box p { margin:18px 0 28px; max-width:570px; color:#dce5f4; }
.cta-box .btn-primary { background:white; color:var(--primary); }
.cta-box .btn-outline { color:white; border-color:#90a7ca; }
footer { background:#eeeee8; color:#565e63; border-top:1px solid var(--rule); }
footer a { color:#284568; }
footer p:last-child { opacity:1 !important; }
.wpp-btn { animation:none; background:#285b42; box-shadow:0 3px 12px #20352920; }
.fade-in { opacity:1; transform:none; transition:none; }
@media (max-width:1080px) {
    nav, nav.open { background:var(--light); border-color:var(--rule); }
    nav.open { text-align:left; }
    .mega { background:#eeeee8; }
    .mega a { color:var(--ink) !important; }
    .mega a:hover { color:var(--primary) !important; background:#dfe5dd !important; }
    .mega-col-title { color:var(--muted-2); }
    .hero-content { gap:0 35px; }
    .hero h1 { font-size:46px; }
    .product-window { margin-left:-12px; width:calc(100% + 2px); }
    .product-main { padding:16px 12px 0; }
    .product-sidebar { width:36px; }
    .scene-topline { font-size:8px; }
    .product-metrics strong { font-size:23px; }
    .activity-row { gap:6px; }
    .activity-status { font-size:7px; }
}
@media (max-width:900px) {
    .hero { padding-top:120px; }
    .hero-content { grid-template-columns:1fr; }
    .hero-copy { padding-bottom:35px; }
    .hero h1 { font-size:clamp(43px,7.5vw,65px); }
    .hero h1 br { display:none; }
    .hero h1 .highlight::before { content:' '; }
    .hero h1, .hero .subtitle { max-width:620px; }
    .product-scene { width:100%; max-width:600px; justify-self:center; }
    .product-window { margin-left:20px; width:calc(100% - 40px); transform:none; }
    .modules-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .module-layout { gap:32px; }
}
@media (max-width:600px) {
    header, header.scrolled { padding:10px 0; }
    .hero { padding:100px 22px 0; }
    .hero h1 { font-size:43px; }
    .eyebrow { font-size:10px; margin-bottom:22px; }
    .hero .subtitle { font-size:16px; }
    .hero-buttons { flex-direction:row; gap:15px; align-items:center; }
    .hero-buttons a { width:auto; min-width:0; }
    .hero-note { font-size:11px; }
    .hero-text-link { font-size:12px; }
    .btn-primary { padding:12px 16px; }
    .hero .btn-primary span { margin-left:6px; }
    .product-scene { padding-top:18px; }
    .scene-topline { padding:0 15px; font-size:7px; }
    .product-window { width:calc(100% - 20px); margin:18px 10px 0; }
    .product-top { padding:0 12px; gap:12px; }
    .product-sidebar { display:none; }
    .product-heading h2 { font-size:20px; }
    .product-metrics { gap:9px; }
    .product-metrics > div { padding:10px; }
    .product-metrics strong { font-size:23px; }
    .activity-status { font-size:8px; }
    .scene-caption { padding:16px 18px 0; font-size:17px; }
    .hero-footnote { flex-direction:column; gap:10px; margin-top:25px; padding:22px 0; }
    .seg-strip { padding:24px 22px; }
    .seg-strip .container { justify-content:flex-start; gap:12px 20px; }
    .seg-label { width:100%; }
    section { padding:60px 22px; }
    .section-header { margin-bottom:28px; }
    .section-header h2 { font-size:32px; }
    .section-header p { font-size:15px; }
    .diferenciais-grid, .novidades-grid { grid-template-columns:1fr; gap:25px; }
    .modules-grid { grid-template-columns:1fr; }
    .module-card { padding:20px 28px 20px 0; }
    .module-info h2 { font-size:29px; }
    .cta-box { padding:34px 24px; }
    .faq-q { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation:none !important; transition:none !important; } }
nav .nav-cta { background:var(--primary) !important; }
.wpp-float .wpp-btn { background:#285b42; box-shadow:0 3px 12px #20352920; }
.wpp-float .wpp-btn::after { display:none; }
.wpp-float .wpp-btn:hover { background:#204c37; transform:none; box-shadow:none; }
@media (max-width:600px) {
    #bob-max-ia [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px 16px !important; }
    #administracao .mock [style*="grid-template-columns:repeat(2,1fr)"],
    #etiquetas .mock [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:minmax(0,1fr) !important; }
    .mock .stats > * { min-width:0; }
    .mock .stat .val { overflow-wrap:anywhere; }
    .cta-box a { overflow-wrap:anywhere; }
}