/* ============================================================
   Neobit Obras — Landing
   Paleta: azul institucional + terra (barro) + amarelo-máquina
   Tipografia: Archivo (display) · DM Sans (corpo) · IBM Plex Mono (dados)
   ============================================================ */

:root{
  --navy:#071A3D;      --navy-2:#0C2452;   --navy-3:#123066;
  --blue:#1858DE;      --blue-d:#1240A0;
  --clay:#B4552D;      --clay-d:#8F3F1E;   --clay-l:#E4B79E;
  --machine:#F2B417;   --machine-d:#C8920A;
  --iron:#33404E;
  --ink:#0F1E33;       --muted:#5B6B82;    --faint:#8494AB;
  --line:#E3E9F2;      --sand:#F4EFE7;     --sand-line:#E8DFD0;
  --white:#FFFFFF;
  --f-display:"Archivo",system-ui,sans-serif;
  --f-body:"DM Sans",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  --shadow:0 24px 48px rgba(9,28,64,.13);
  --shadow-sm:0 10px 24px rgba(9,28,64,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

/* -------- Layout primitives -------- */
.band{padding:100px 0}
.band--tight{padding:74px 0}
.band--navy{background:var(--navy);color:#fff}
.band--sand{background:var(--sand)}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* -------- Typography -------- */
h1,h2,h3{font-family:var(--f-display);font-weight:800;margin:0 0 .5em;letter-spacing:-.02em;line-height:1.06}
h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.035em}
h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.03em}
h3{font-size:19px;letter-spacing:-.01em}
p{margin:0 0 1em}
em{font-style:normal;color:var(--clay)}
b,strong{font-weight:700}
.data{font-family:var(--f-mono);font-feature-settings:"tnum" 1;letter-spacing:-.03em}

/* Highlight — "marca de tinta" amarelo-máquina; usado 1x por seção */
.pop{background:linear-gradient(180deg,transparent 60%,rgba(242,180,23,.85) 60%);padding:0 .05em;border-radius:2px}
.band--navy .pop,.photo-band .pop,.cta-band .pop,.owner-band .owner-pop{background:none;color:var(--machine)}

/* -------- Eyebrow -------- */
.eyebrow{font:700 11px/1 var(--f-body);text-transform:uppercase;letter-spacing:1.6px;color:var(--clay);margin:0 0 18px;display:flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--machine);border-radius:2px}
.eyebrow--light{color:var(--clay-l)}
.eyebrow--onphoto{color:#fff}
.center-intro{max-width:760px;margin:0 auto;text-align:center}
.center-intro .eyebrow{justify-content:center}
.center-intro .sub{color:var(--muted);font-size:16.5px;max-width:640px;margin:14px auto 0}

/* -------- Buttons / links -------- */
.btn{display:inline-flex;align-items:center;gap:14px;background:var(--blue);color:#fff;font:700 14px var(--f-body);text-decoration:none;padding:15px 22px;border-radius:9px;box-shadow:0 12px 26px rgba(24,88,222,.28);transition:transform .15s,background .15s}
.btn span{font-size:18px;transition:transform .15s}
.btn:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn:hover span{transform:translateX(3px)}
.btn--sm{padding:11px 15px;font-size:13px;box-shadow:none}
.jump{display:inline-flex;align-items:center;gap:6px;font:700 14px var(--f-body);color:var(--ink);text-decoration:none}
.jump span{color:var(--clay);font-size:17px}
.jump--onphoto{color:#fff}.jump--onphoto span{color:var(--machine)}
.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}
.actions--center{justify-content:center}
a:focus-visible,button:focus-visible{outline:3px solid var(--machine);outline-offset:3px;border-radius:6px}

/* ============ TOPBAR ============ */
.topbar{position:sticky;top:0;z-index:50;height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 32px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;text-decoration:none}
.brand-logo{height:36px;width:auto;display:block}
.brand-logo--footer{height:30px}
.topbar nav{display:flex;gap:28px}
.topbar nav a{color:#31435C;text-decoration:none;font-size:14px;font-weight:600}
.topbar nav a:hover{color:var(--clay)}

/* ============ HERO ============ */
.hero{padding:66px 0 90px}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.hero-copy h1{margin-bottom:20px}
.lead{max-width:520px;color:#3B4A61;font-size:17.5px;line-height:1.62}
.tagline{margin:32px 0 0;max-width:440px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.tagline b{color:#31435C}

/* Product mockup */
.screen{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.hero-screen{min-width:0}
.screen-top{height:44px;padding:0 15px;border-bottom:1px solid #EDF1F8;background:#FBFCFE;display:flex;align-items:center;gap:9px;color:var(--faint);font:500 10px var(--f-mono)}
.screen-top i{font-style:normal;font-size:9px;margin-left:auto;color:#A9B5C8}
.tiny-brand{color:#fff;background:var(--blue);width:19px;height:19px;display:grid;place-items:center;border-radius:5px;font:800 10px var(--f-display)}
.screen-body{display:flex;min-height:352px}
.screen-menu{width:104px;background:#F8FAFE;border-right:1px solid #EDF1F8;padding:20px 14px;display:flex;flex-direction:column;gap:15px;color:#95A3BA;font-size:11px}
.screen-menu b{color:var(--blue);font-weight:600}
.work-panel{padding:22px;flex:1;min-width:0}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end}
.work-heading small{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.4px}
.work-heading h3{font-size:16px;margin:5px 0 0}
.live{font:600 9px var(--f-mono);color:#0FA968;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.stats article{border:1px solid #EAEFF7;border-radius:8px;padding:10px 9px}
.stats small{font-size:8.5px;color:var(--faint)}
.stats b{font-size:12px;display:block;margin-top:5px;white-space:nowrap;color:var(--navy)}
.stat-pop{background:#FFF6E2;border-color:#F6E0A6}
.stat-pop b{color:var(--clay-d)}
.chart-card{border:1px solid #EAEFF7;border-radius:8px;padding:12px 14px}
.chart-title{display:flex;justify-content:space-between;font-size:10px;color:var(--navy)}
.chart-title i{font-style:normal;color:#A9B5C8}
.chart-title span{font:500 8.5px var(--f-mono);color:#0FA968}
.chart-bars{height:98px;margin-top:12px;display:flex;align-items:flex-end;gap:18px;border-bottom:1px solid #EAEFF7;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#F3F6FB 25px)}
.chart-bars>div{height:100%;width:30px;display:flex;align-items:flex-end;gap:4px;position:relative}
.chart-bars i{width:11px;border-radius:3px 3px 0 0;background:var(--blue)}
.chart-bars .planned{background:#BFD3F7}
.chart-bars small{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font:500 8px var(--f-mono);color:var(--faint)}
.chart-legend{display:flex;gap:16px;margin-top:26px;font-size:9px;color:var(--muted)}
.chart-legend span{display:flex;align-items:center;gap:5px}
.chart-legend i{width:9px;height:9px;border-radius:2px}
.k-plan{background:#BFD3F7}.k-real{background:var(--blue)}
.op-strip{display:flex;gap:20px;margin-top:20px;font-size:9.5px;color:var(--muted)}
.op-strip b{font-size:12.5px;color:var(--navy);margin-right:2px}

/* ============ PHOTO COMPONENT ============ */
.photo{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(140deg,#2A3646,#0C1D34);min-height:230px;display:block}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03) brightness(.96)}
.photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,rgba(180,85,45,.30),rgba(7,26,61,.52) 85%);mix-blend-mode:multiply}
.photo:not(:has(img))::before{content:"📷  " attr(data-hint);position:absolute;inset:14px;display:grid;place-items:center;padding:20px;text-align:center;color:#C4D2E8;font:500 12px/1.5 var(--f-mono);border:2px dashed rgba(255,255,255,.22);border-radius:10px}
.photo figcaption{position:absolute;left:14px;bottom:13px;z-index:2;color:#fff;font:600 11px var(--f-mono);letter-spacing:.01em;background:rgba(7,26,61,.5);backdrop-filter:blur(5px);padding:5px 10px;border-radius:6px}

/* Full-bleed photo bands */
.photo-band{position:relative;color:#fff}
.photo-band .photo--band{min-height:440px;border-radius:0}
.photo-band .photo--band:not(:has(img))::before{display:none}
.photo-band-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;max-width:1200px;margin:0 auto;padding:0 32px;pointer-events:none}
.photo-band-copy>*{pointer-events:auto;max-width:560px}
.photo-band-copy h2{color:#fff}
.photo-band-copy p{color:#DCE5F3;font-size:16px}
.photo-band--flip .photo-band-copy{align-items:flex-end;text-align:right}
.photo-band--flip .photo-band-copy>*{margin-left:auto}
.photo-band--flip .photo-band--flip .eyebrow{justify-content:flex-end}
.photo-band--flip .eyebrow{justify-content:flex-end}

/* ============ ANTES / DEPOIS ============ */
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-top:48px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.story-photo{min-height:440px;border-radius:0}
.story-photo img{filter:grayscale(.15) contrast(1.02)}
.story-photo::after{background:linear-gradient(90deg,rgba(7,26,61,.10) 10%,rgba(7,26,61,.82) 100%);mix-blend-mode:normal}
.story-photo figcaption{display:none}
.story-caption{position:absolute;left:32px;bottom:30px;z-index:2;color:#fff;max-width:330px}
.tag{display:inline-block;font:700 9px/1 var(--f-body);text-transform:uppercase;letter-spacing:1.4px;color:#fff;background:rgba(255,255,255,.16);padding:6px 10px;border-radius:5px;margin-bottom:14px}
.tag--clay{background:var(--clay);color:#fff}
.story-caption h3{font-size:23px;line-height:1.18;margin:0 0 10px}
.story-caption p{font-size:13px;color:#D9E3F3;margin:0;max-width:250px}
.story-solution{background:#EEF3FB;padding:32px 36px;display:flex;flex-direction:column;align-items:center;position:relative}
.story-solution::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,#cdd9ee 30%,#cdd9ee 70%,transparent)}
.solution-head{width:100%;padding-left:14px;margin-bottom:18px}
.solution-head p{font:700 15px/1.35 var(--f-display);color:var(--navy);margin:0}

/* Phone mockup */
.phone{width:236px;background:#fff;border-radius:24px;padding:14px 14px 16px;box-shadow:0 20px 40px rgba(12,29,52,.22);border:1px solid #D9E3F3}
.phone-notch{width:62px;height:5px;margin:0 auto 15px;border-radius:10px;background:#D8E2F1}
.phone-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.phone-head b{font:700 14px var(--f-display)}
.phone-head small{font-size:8px;color:var(--muted)}
.phone label{position:relative;display:block;border:1px solid #DCE6F3;border-radius:6px;color:#7A8BA3;font-size:8px;padding:7px 9px;margin:5px 0}
.phone label strong{display:block;color:#213A62;font-size:10.5px;margin-top:2px}
.phone label.sugg::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#12B981;box-shadow:0 0 0 3px #D6F7E7}
.stepper-wrap{margin:8px 0 7px;font-size:9px;color:#7A8BA3}
.stepper{height:34px;margin-top:5px;border:1px solid #DCE6F3;border-radius:6px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center;color:var(--navy)}
.stepper b{height:100%;display:grid;place-items:center;background:#EEF3FB;color:var(--blue);font-size:16px;font-weight:600}
.stepper b:first-child{border-radius:6px 0 0 6px}
.stepper b:last-child{border-radius:0 6px 6px 0}
.stepper strong{font:700 13px var(--f-mono)}
.phone button{border:0;background:var(--blue);color:#fff;width:100%;font:700 10.5px var(--f-body);border-radius:6px;padding:12px;margin-top:7px;cursor:pointer}
.phone-note{color:#7A8BA3;font-size:8px;line-height:1.4;margin:9px 2px 0;display:block}

/* Flow chain */
.flow{text-align:center;margin-top:42px}
.flow-lead{font-size:13px;color:var(--muted);margin:0 0 14px}
.flow-lead b{color:var(--navy);margin-right:6px}
.flow-chain{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:0;max-width:900px;margin:0 auto}
.flow-chain span{background:#F4F7FC;border:1px solid var(--line);color:var(--blue);font:700 11px var(--f-body);padding:11px 14px}
.flow-chain span:first-child{border-radius:6px 0 0 6px}
.flow-chain span:last-child{border-radius:0 6px 6px 0}
.flow-chain i{align-self:center;width:20px;height:2px;background:#8FB0E8;position:relative}
.flow-chain i::after{content:"";position:absolute;right:-4px;top:-3px;width:6px;height:8px;background:#8FB0E8;clip-path:polygon(0 0,100% 50%,0 100%)}
.flow-punch{text-align:center;margin:46px auto 0;font:800 clamp(26px,3vw,40px)/1.08 var(--f-display);letter-spacing:-.03em;color:var(--navy)}
.flow-punch span,.flow-punch b{display:block}
.flow-punch b{color:var(--blue)}

/* ============ HUB / AUTOMAÇÃO ============ */
.hub-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.on-dark{color:#C4D2EA;font-size:16px;line-height:1.65;max-width:460px}
.band--navy h2 em,.band--navy em{color:var(--machine)}
.hub{position:relative;border:1px solid var(--navy-3);border-radius:16px;background:var(--navy-2);padding:34px;display:grid;place-items:center;min-height:320px}
.hub-center{position:relative;z-index:1;background:var(--blue);border-radius:50%;width:128px;height:128px;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 12px rgba(24,88,222,.22)}
.hub-center small{font-size:9px;color:#CFE0FB}
.hub-center b{font:700 15px var(--f-display);color:#fff}
.hub-items{position:absolute;inset:18px;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;gap:12px}
.hub-items span{font-size:10px;color:#D6E2FA;border:1px solid var(--navy-3);background:rgba(11,36,82,.7);border-radius:6px;padding:8px 10px;max-width:130px}
.hub-items span:nth-child(even){justify-self:end;text-align:right}
.chain-examples{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--navy-3)}
.chain-examples p{padding:22px 18px 6px;border-right:1px solid var(--navy-3);margin:0;font-size:12px}
.chain-examples p:first-child{border-left:1px solid var(--navy-3)}
.chain-examples b{display:block;color:#fff;font-weight:600}
.chain-examples span{display:block;color:var(--machine);font:600 11px var(--f-mono);margin-top:7px}

/* ============ OPERAÇÃO ============ */
.op-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}
.op-copy p{color:var(--muted);max-width:340px}
.op-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.op-cards article{background:#fff;padding:26px 24px}
.ico{width:26px;height:26px;fill:none;stroke:var(--clay);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.op-cards h3{margin:0 0 8px}
.op-cards p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}

/* ============ FROTA ============ */
.frota-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.frota-photos .photo{min-height:250px}
.frota-features{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}
.frota-features article{padding-top:22px;border-top:1px solid var(--sand-line)}
.frota-features h3::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--clay);margin-right:9px;vertical-align:middle}
.frota-features h3{margin:0 0 9px}
.frota-features p{font-size:13.5px;color:var(--muted);margin:0}

/* ============ EQUIPAMENTO ============ */
.equip-band{background:#F7F9FD}
.equip-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.equip-copy p{color:var(--muted);max-width:380px}
.metrics{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.metrics span{font:600 12px var(--f-mono);color:var(--blue);background:#DFEAFF;padding:8px 12px;border-radius:6px}
.equip-visual{display:grid;grid-template-columns:.72fr 1fr;gap:16px;align-items:stretch}
.equip-photo{min-height:100%;border-radius:14px}
.machine-card{align-self:start}
.machine-panel{padding:24px}
.machine-panel>small{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.8px}
.machine-panel h3{font-size:22px;margin:4px 0 18px}
.machine-result{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;background:#EFF5FF;border-radius:9px;padding:15px}
.machine-result small{font-size:8.5px;color:var(--faint)}
.machine-result b{display:block;font-size:16px;margin-top:5px;color:var(--navy)}
.machine-result strong{font-size:11px;color:#0FA968}
.cost-lines{margin:18px 0}
.cost-lines p{display:flex;justify-content:space-between;border-bottom:1px solid #EDF2FA;padding-bottom:10px;margin:11px 0;font-size:11.5px;color:var(--muted)}
.cost-lines b{color:#334155}
.machine-footer{display:flex;gap:12px}
.machine-footer span{font-size:9px;color:var(--muted);flex:1}
.machine-footer b{display:block;font-size:12.5px;color:var(--navy);margin-bottom:3px}

/* ============ PREVISTO x REALIZADO ============ */
.planned-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.planned-points p{padding:10px 0;margin:16px 0;border-bottom:1px solid var(--navy-3)}
.planned-points p:last-child{border-bottom:0}
.planned-points span{display:block;color:var(--clay-l);font:600 10px var(--f-mono);text-transform:uppercase;letter-spacing:1px}
.planned-points b{display:block;font-size:15px;margin-top:5px;color:#fff}

/* ============ COMERCIAL / FINANCEIRO grids ============ */
.com-grid,.fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:48px}
.com-grid article,.fin-grid article{background:#fff;padding:26px 22px}
.com-grid h3,.fin-grid h3{margin:0 0 9px;font-size:16px}
.com-grid p,.fin-grid p{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0}
.route{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:34px}
.route span{font:600 11px var(--f-body);color:var(--blue);background:#EEF4FF;padding:9px 13px;border:1px solid #DCE7FF}
.route span:first-child{border-radius:6px 0 0 6px}
.route span:last-child{border-radius:0 6px 6px 0}
.route i{width:18px;height:2px;background:#9BBCF6;position:relative}
.route i::after{content:"";position:absolute;right:-4px;top:-3px;width:6px;height:8px;background:#9BBCF6;clip-path:polygon(0 0,100% 50%,0 100%)}

/* ============ SUPRIMENTOS ============ */
.sup-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.sup-copy p{color:var(--muted)}
.sup-cards{display:grid;gap:16px}
.sup-cards article{background:#fff;border:1px solid var(--sand-line);border-radius:12px;padding:24px 26px}
.sup-cards h3{margin:0 0 8px}
.sup-cards p{font-size:13.5px;color:var(--muted);margin:0}

/* ============ FATURAMENTO / FISCAL ============ */
.bill-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bill-block{border:1px solid var(--navy-3);border-radius:14px;padding:34px;background:var(--navy-2)}
.bill-block h2{font-size:26px}
.rastro{display:flex;flex-wrap:wrap;align-items:center;margin-top:20px}
.rastro span{font:600 10px var(--f-mono);color:#CFE0FB;background:rgba(11,36,82,.8);border:1px solid var(--navy-3);padding:7px 9px}
.rastro span:first-child{border-radius:5px 0 0 5px}
.rastro span:last-child{border-radius:0 5px 5px 0}
.rastro i{width:12px;height:2px;background:var(--navy-3)}
.fine{font-size:11.5px;color:var(--clay-l);margin:16px 0 0;border-top:1px dashed var(--navy-3);padding-top:14px}

/* ============ IA ============ */
.ai-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.ai-copy p{color:var(--muted);max-width:470px}
.ai-list{margin-top:22px}
.ai-list article{border-top:1px solid var(--line);padding:14px 0}
.ai-list b{font:700 13px var(--f-display);color:var(--clay)}
.ai-list p{font-size:12.5px;color:#4B5A70;margin:6px 0 0}
.ai-chat{padding-bottom:14px}
.ai-head{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #EDF1F8;background:#FBFCFE}
.ai-dot{background:linear-gradient(140deg,var(--blue),#2f7ff0);color:#fff;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font:800 10px var(--f-display)}
.ai-head b{display:block;font:700 12.5px var(--f-display)}
.ai-head small{display:block;font-size:9px;color:#0FA968;margin-top:2px}
.bubble{font-size:11.5px;line-height:1.5;border-radius:10px;padding:11px 13px;margin:16px}
.bubble--q{background:var(--blue);color:#fff;margin-left:60px}
.bubble--a{background:#F4F7FC;margin-right:36px}
.bubble--a p{margin:0 0 7px;color:#4B5A70}
.bubble--a b{display:block;color:var(--navy);font-size:14px}
.bubble--a small{display:block;color:var(--blue);margin-top:8px;font-size:9.5px}
.ai-input{margin:12px 16px 0;border:1px solid #DCE6F4;border-radius:8px;padding:12px;color:#94A3B8;font-size:10.5px}
.ai-input b{float:right;background:var(--blue);color:#fff;border-radius:4px;padding:3px 7px;margin-top:-2px;font-size:8.5px}
.ai-note{font-size:8.5px;line-height:1.4;color:#94A3B8;margin:12px 16px 0}

/* ============ QUEM FAZ O QUÊ (3 níveis) ============ */
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}
.level{position:relative;text-align:center}
.level:not(:last-child)::after{content:"";position:absolute;top:132px;right:-28px;width:13px;height:15px;background:var(--clay);clip-path:polygon(0 0,100% 50%,0 100%)}
.level-tag{display:inline-block;font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1.6px;color:var(--clay);margin-bottom:16px}
.level-visual{min-height:236px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.level h3{margin:0 0 8px}
.level>p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0;text-align:left}
.level-photo{width:100%;min-height:236px;border-radius:12px}
/* mini phone (campo) */
.mini-phone{width:186px;background:#fff;border-radius:20px;padding:12px 13px 14px;box-shadow:0 16px 34px rgba(12,29,52,.16);border:1px solid #D9E3F3;text-align:left}
.mp-notch{width:52px;height:5px;margin:0 auto 12px;border-radius:10px;background:#D8E2F1}
.mp-title{display:block;font:700 14px var(--f-display);color:var(--navy);margin-bottom:11px}
.mini-phone label{display:block;border:1px solid #DCE6F3;border-radius:6px;color:#7A8BA3;font-size:8px;padding:7px 9px;margin-bottom:8px}
.mini-phone label strong{display:block;color:#213A62;font-size:10.5px;margin-top:2px}
.mp-step{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7A8BA3;margin-bottom:11px}
.mp-stepper{display:grid;grid-template-columns:26px 34px 26px;height:28px;border:1px solid #DCE6F3;border-radius:6px;align-items:center;text-align:center;color:var(--navy)}
.mp-stepper i{font-style:normal;background:#EEF3FB;color:var(--blue);height:100%;display:grid;place-items:center;font-size:14px}
.mp-stepper i:first-child{border-radius:6px 0 0 6px}.mp-stepper i:last-child{border-radius:0 6px 6px 0}
.mp-stepper strong{font:700 12px var(--f-mono)}
.mini-phone button{border:0;background:var(--blue);color:#fff;width:100%;font:700 10px var(--f-body);border-radius:6px;padding:11px}
/* mini painel (proprietário) */
.mini-panel{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:15px;text-align:left}
.mpn-head{display:flex;align-items:center;gap:8px;font:700 11px var(--f-display);color:var(--navy);margin-bottom:13px}
.mpn-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}
.mpn-stats p{border:1px solid #EAEFF7;border-radius:8px;padding:11px;margin:0}
.mpn-stats small{display:block;font-size:8.5px;color:var(--faint)}
.mpn-stats b{display:block;font-size:14px;margin-top:5px;color:var(--navy)}
.mpn-hi{background:#FFF6E2;border-color:#F6E0A6!important}
.mpn-hi b{color:var(--clay-d)}
.mpn-alert{font-size:10.5px;color:var(--clay-d);background:#FCEEE6;border-radius:7px;padding:9px 11px}
/* frase-chave + nota */
.levels-punch{max-width:830px;margin:48px auto 0;text-align:center;font:700 clamp(18px,2.1vw,24px)/1.42 var(--f-display);letter-spacing:-.01em;color:var(--navy)}
.levels-punch b{color:var(--clay)}
.levels-note{max-width:720px;margin:20px auto 0;text-align:center;font-size:13px;line-height:1.6;color:var(--muted)}
.levels-note b{color:#31435C}

/* ============ PAINEL PROPRIETÁRIO ============ */
.owner-band{background:#F5F8FE}
.owner-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.owner-copy p{color:var(--muted)}
.owner-screen{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}
.owner-head{font:700 13px var(--f-display);color:var(--navy)}
.owner-head span{float:right;font:400 8px var(--f-mono);color:#94A3B8}
.owner-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.owner-cards p{border:1px solid #EAEFF7;padding:12px;margin:0;border-radius:7px}
.owner-cards small{display:block;font-size:8.5px;color:var(--faint)}
.owner-cards b{display:block;font-size:14px;margin-top:5px;color:var(--navy)}
.owner-pop{background:#FFF6E2;border-color:#F6E0A6!important}
.owner-pop b{color:var(--clay-d)}
.owner-list p{display:flex;justify-content:space-between;font-size:10.5px;border-top:1px solid #EDF2F8;padding-top:12px;margin:0}
.owner-list b{color:var(--navy)}
.owner-list span{color:var(--blue)}

/* ============ RELATÓRIOS ============ */
.rep-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}
.rep-copy p{color:var(--muted)}
.rep-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rep-chips span{font-size:12px;color:#31435C;background:#F4F7FC;border:1px solid var(--line);border-radius:7px;padding:12px 13px}

/* ============ SEGURANÇA ============ */
.security-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;align-items:center}
.security h2{font-size:30px}
.security-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.security-items span{font-size:11.5px;color:#475569;border:1px solid var(--line);border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:8px}
.security-items span::before{content:"";width:6px;height:6px;border-radius:50%;background:#12B981;flex:none}

/* ============ CTA ============ */
.cta-band{position:relative;text-align:center;color:#fff}
.cta-band .photo--band{min-height:480px}
.cta-band .photo--band::after{background:linear-gradient(160deg,rgba(180,85,45,.35),rgba(7,26,61,.86))}
.cta-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:760px;margin:0 auto;padding:0 32px}
.cta-copy .eyebrow{justify-content:center}
.cta-copy h2{color:#fff;font-size:clamp(30px,3.6vw,46px)}
.cta-copy p{color:#DCE5F3;max-width:560px}

/* ============ FOOTER ============ */
.site-footer{border-top:1px solid var(--sand-line);background:var(--sand)}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:44px;padding-top:58px;padding-bottom:46px}
.footer-brand .brand{display:inline-block;margin-bottom:16px}
.footer-brand .brand-logo{height:32px}
.footer-brand p{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px;margin:0 0 20px}
.footer-col h4{font:700 11px var(--f-body);text-transform:uppercase;letter-spacing:1.2px;color:var(--navy);margin:0 0 15px}
.footer-col a{display:block;color:#4B5A70;text-decoration:none;font-size:13px;padding:6px 0;transition:color .15s}
.footer-col a:hover{color:var(--clay)}
.footer-bottom{border-top:1px solid var(--sand-line)}
.footer-bottom-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:24px}
.footer-bottom small{font-size:11px;color:var(--faint)}

/* ============ REFLEXOS (um dado entra uma vez) ============ */
.sub--dark{color:#C4D2EA}
.reflexos{max-width:900px;margin:44px auto 0;display:grid;gap:10px}
.reflexos p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;padding:15px 18px;border:1px solid var(--navy-3);background:var(--navy-2);border-radius:10px}
.reflexos b{color:#fff;font-weight:600;font-size:14px}
.reflexos span{color:var(--machine);font:600 12.5px var(--f-mono);margin-left:auto}

/* ============ PROGRAMAÇÃO (dentro de Operação) ============ */
.prog{margin-top:26px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff}
.prog-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.prog-head b{font:700 13px var(--f-display);color:var(--navy)}
.prog-head span{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.6px}
.prog p{display:flex;align-items:center;gap:10px;margin:0;padding:9px 0;border-top:1px solid #EEF2F8;font-size:12.5px;color:var(--muted)}
.prog p b{color:var(--navy);min-width:88px}
.prog p i{color:var(--clay);font-style:normal}

/* ============ SERVIÇO PREÇO FECHADO / VERBA ============ */
.dual{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:48px}
.dual-card{border-radius:14px;padding:26px 28px;border:1px solid var(--sand-line);background:#fff}
.dual-tag{display:inline-block;font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1.4px;color:var(--clay);margin-bottom:16px}
.dual-tag i{font-style:normal;color:var(--faint);letter-spacing:.4px;margin-left:6px;text-transform:none;font-weight:500}
.dual-client{background:var(--navy);border-color:var(--navy);color:#fff;text-align:center;padding:44px 28px}
.dual-client .dual-tag{color:var(--clay-l)}
.dual-line{display:flex;flex-direction:column;gap:8px}
.dual-line b:first-child{font:700 22px var(--f-display)}
.dual-line b:last-child{font-size:32px;color:var(--machine)}
.dual-foot{margin:18px 0 0;font-size:12px;color:#9FB2CE}
.dual-vs{font:700 10px var(--f-mono);text-transform:uppercase;letter-spacing:1px;color:var(--faint);white-space:nowrap}
.dual-row{display:flex;justify-content:space-between;margin:0;padding:8px 0;font-size:13px;color:var(--muted);border-bottom:1px solid #EEF2F8}
.dual-row b{color:var(--navy)}
.dual-row.cost span,.dual-row.cost b{color:#8A7460}
.dual-group{margin:13px 0 1px;font:700 9.5px var(--f-body);text-transform:uppercase;letter-spacing:.9px;color:var(--clay)}
.dual-result{margin-top:14px;background:#FBF6EF;border-radius:10px;padding:12px 16px}
.dual-result p{display:flex;justify-content:space-between;margin:0;padding:5px 0;font-size:13px;color:var(--muted)}
.dual-result p b{color:var(--navy)}
.dual-hi span{color:var(--clay-d);font-weight:700}
.dual-hi b{color:var(--clay-d)!important;font-size:16px}

/* ============ ONDE TRABALHOU (card da máquina) ============ */
.onde{margin:16px 0;border:1px solid #E9EFF7;border-radius:9px;padding:12px 14px}
.onde-head{font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:.8px;color:var(--faint);margin-bottom:6px}
.onde p{display:flex;align-items:center;gap:8px;margin:0;padding:8px 0;border-top:1px solid #EEF2F8;font-size:11.5px}
.onde p:first-of-type{border-top:0}
.onde-obra{color:var(--navy);flex:1}
.onde-h{color:var(--faint);font-size:10.5px}
.onde p b{color:#0FA968}

/* ============ CTA intermediário ============ */
.mid-cta{background:var(--sand)}
.mid-cta .wrap{display:flex;align-items:center;justify-content:center;gap:26px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap;text-align:center}
.mid-cta p{margin:0;font:700 clamp(17px,2vw,22px) var(--f-display);color:var(--navy);letter-spacing:-.01em}

/* ============ COMERCIAL chips ============ */
.com-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.com-chips span{border:1px solid var(--line);border-radius:12px;padding:20px;font-size:12.5px;color:var(--muted);line-height:1.5}
.com-chips b{display:block;color:var(--navy);font:700 14px var(--f-display);margin-bottom:6px}
/* Comparativo: obra contratada × por demanda */
.fluxos-lead{max-width:1200px;margin:38px auto 0;padding:0 32px;text-align:center;font:700 15px var(--f-display);color:var(--navy)}
.fluxos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.fluxo{border:1px solid var(--line);border-radius:14px;padding:24px 26px;background:#fff}
.fluxo-tag{display:inline-block;font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1.2px;color:var(--clay);margin-bottom:14px}
.fluxo-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.fluxo-chain span{font:600 11px var(--f-body);background:#EEF4FF;color:var(--blue);border:1px solid #DCE7FF;border-radius:6px;padding:6px 9px}
.fluxo-chain i{color:var(--clay);font-style:normal;font-size:11px}
.fluxo p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}

/* ============ FISCAL ============ */
.fiscal-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.fiscal-copy .on-dark{max-width:440px}
.fiscal-flow{display:grid;gap:9px}
.fiscal-flow p{display:flex;align-items:center;gap:12px;margin:0;padding:13px 16px;border:1px solid var(--navy-3);background:var(--navy-2);border-radius:9px;color:#D6E2FA;font-size:13.5px}
.fiscal-flow p i{font-style:normal;color:var(--clay-l);font-size:11px}
.ff-n{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--navy-3);color:#fff;font:700 11px var(--f-mono)}
.fiscal-flow .ff-hi{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.fiscal-flow .ff-hi .ff-n{background:rgba(255,255,255,.25)}
.fim-mes{margin-top:44px;padding-top:26px;border-top:1px solid var(--navy-3);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fim-mes>b{color:var(--machine);font:700 12px var(--f-body);text-transform:uppercase;letter-spacing:1px;margin-right:6px}
.fim-mes span{font:600 11px var(--f-mono);color:#CFE0FB;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:6px;padding:8px 11px}
.fim-mes>i{color:var(--clay-l);font-style:normal}
.fim-mes small{width:100%;margin-top:6px;font-size:11.5px;color:#8FB8FF}

/* ============ PORTAL DO CLIENTE ============ */
.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.portal-copy p{color:var(--muted)}
.portal-line{font-size:13px;color:#31435C;font-weight:600}
.portal-screen{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.portal-top{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #EDF1F8;background:#FBFCFE;font:700 12px var(--f-display);color:var(--navy)}
.portal-top i{font-style:normal;font-size:9px;color:#A9B5C8;margin-left:auto;font-weight:400}
.portal-body{padding:20px 22px}
.portal-body>small{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.6px}
.portal-body h3{font-size:18px;margin:4px 0 14px}
.portal-tabs{display:flex;gap:8px;margin-bottom:14px}
.portal-tabs span{font:600 11px var(--f-body);padding:7px 12px;border-radius:6px;background:#EEF4FF;color:var(--blue)}
.portal-tabs span:first-child{background:var(--blue);color:#fff}
.portal-rows p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:11px 0;border-top:1px solid #EEF2F8;font-size:13px}
.portal-rows b{color:var(--navy);font-weight:600}
.portal-rows span{font-size:11px;color:var(--muted)}

/* ============ CONTROLE DO DONO ============ */
.controle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.controle-grid article{border:1px solid var(--line);border-radius:12px;padding:24px 22px}
.controle-grid h3{margin:0 0 8px;font-size:16px}
.controle-grid p{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0}
.controle-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}
.controle-strip span{font-size:11.5px;color:#475569;border:1px solid var(--line);border-radius:20px;padding:9px 15px;display:flex;align-items:center;gap:8px}
.controle-strip span::before{content:"";width:6px;height:6px;border-radius:50%;background:#12B981}

/* ============ PROVA REAL ============ */
.prova-frame{min-height:420px;border:2px dashed #C3D0E4;border-radius:14px;background:linear-gradient(140deg,#F4F7FC,#EAF0FA);margin-top:44px}
.prova-frame::after{display:none}
.prova-frame figcaption{display:none}
.prova-frame:not(:has(img)):not(:has(video))::before{content:"▶  " attr(data-hint);color:#6B7A92;border:0;font-family:var(--f-mono);font-size:13px}

/* ============ "VER TUDO" link ============ */
.see-all{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font:700 13px var(--f-body);color:var(--clay);text-decoration:none}
.see-all span{transition:transform .15s}
.see-all:hover span{transform:translateX(3px)}
.see-all--light{color:var(--machine)}
.wrap:has(>.see-all:only-child){text-align:center}

/* ============ TELA REAL (screenshot) ============ */
.wrap-wide{max-width:1360px;margin:0 auto;padding:0 32px}
.shot{position:relative;margin:44px auto 0;border:1px solid #E4EAF3;border-radius:12px;box-shadow:0 30px 70px rgba(9,28,64,.16);overflow:hidden;background:#fff;line-height:0}
.shot img{width:100%;height:auto;display:block}
.shot-zoom{position:absolute;top:16px;right:16px;z-index:2;border:0;cursor:pointer;background:rgba(7,26,61,.82);color:#fff;font:600 12px var(--f-body);padding:9px 13px;border-radius:8px;backdrop-filter:blur(4px)}
.shot-zoom:hover{background:var(--navy)}
.shot-caption{text-align:center;margin:14px 0 0;font:500 12px var(--f-mono);color:var(--faint);line-height:1.4}
.shot-ph{display:none}
.shot--empty{border:2px dashed #C3D0E4;box-shadow:none;background:linear-gradient(140deg,#F4F7FC,#EAF0FA)}
.shot--empty .shot-ph{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:340px;text-align:center;padding:30px;color:#6B7A92;font-size:13px;line-height:1.5}
.shot--empty .shot-ph b{color:var(--navy);font-family:var(--f-display);font-size:15px}
.shot--empty code{font-family:var(--f-mono);background:#fff;border:1px solid #D9E3F3;border-radius:5px;padding:2px 6px}

/* ============ LIGHTBOX ============ */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(4,12,28,.93);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:92vh;width:auto;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb-close{position:fixed;top:18px;right:22px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer}
.lb-close:hover{background:rgba(255,255,255,.28)}

/* ============ IA — seção turbinada (navy) ============ */
.ai-lead{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ai-lead-copy .on-dark{max-width:480px}
.ai-pillars{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ai-pillars span{font-size:12.5px;color:#C4D2EA;border:1px solid var(--navy-3);background:var(--navy-2);border-radius:8px;padding:10px 13px}
.ai-pillars b{color:#fff}
.ai-sub{display:block;color:#8190a8;font-size:9.5px;margin-top:3px}
.ai-link{display:inline-block;margin-top:9px;color:var(--blue);font:600 10px var(--f-body)}
.ai-suggest{display:flex;flex-wrap:wrap;gap:7px;margin:6px 16px 0}
.ai-suggest span{font-size:9.5px;color:var(--blue);background:#EEF4FF;border:1px solid #DCE7FF;border-radius:20px;padding:6px 10px}
.ai-doc{margin-top:52px;display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center;border-top:1px solid var(--navy-3);padding-top:48px}
.ai-doc-copy h3{color:#fff;font-size:22px;margin:0 0 10px}
.ai-doc-copy p{color:#C4D2EA;max-width:340px;margin:0}
.ai-doc-flow{display:grid;grid-template-columns:1fr auto 1.35fr;gap:18px;align-items:center}
.doc-receipt{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:12px;padding:20px 18px;text-align:center}
.dr-clip{font-size:22px}
.doc-receipt b{display:block;color:#fff;font:600 11px var(--f-mono);margin:8px 0 14px;word-break:break-all}
.dr-lines{display:grid;gap:6px;margin:0 auto 16px;max-width:120px}
.dr-lines i{height:6px;border-radius:3px;background:#2C4576}
.dr-reading{display:inline-block;font-size:10px;color:var(--machine);background:rgba(242,180,23,.12);border-radius:20px;padding:5px 11px}
.doc-arrow{color:var(--clay-l);font-size:22px;text-align:center}
.doc-form{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}
.df-head{font:700 13px var(--f-display);color:var(--navy);margin-bottom:12px}
.doc-form p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid #EEF2F8;font-size:12px}
.doc-form p small{color:var(--faint)}
.doc-form p b{color:var(--navy);text-align:right}
.doc-form button{margin-top:14px;width:100%;border:0;background:var(--blue);color:#fff;font:700 11px var(--f-body);border-radius:7px;padding:11px;cursor:pointer}
.ai-more{margin-top:40px;text-align:center}
.ai-more-lead{color:#fff;font:700 16px var(--f-display);margin:0 0 18px}
.ai-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:840px;margin:0 auto}
.ai-more-grid span{font-size:12px;color:#C4D2EA;border:1px solid var(--navy-3);background:var(--navy-2);border-radius:9px;padding:14px}
.ai-more-grid b{display:block;color:#fff;margin-bottom:5px}
.ai-actions{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ai-mini{background:var(--navy-2);border:1px solid var(--navy-3);border-radius:14px;padding:22px}
.ai-mini-tag{display:block;font:700 11px var(--f-body);color:var(--machine);margin-bottom:14px}
.ai-mini .bubble{margin:0 0 12px}
.ai-mini .bubble--q{margin-left:36px}
.ai-mini .bubble--a{margin-right:0;background:#fff}
.bubble--path p{color:#4B5A70;margin:0;font-size:11.5px;line-height:1.5}
.bubble--path b{color:var(--navy)}
.ai-mini-form{background:#fff;border-radius:10px;padding:16px}
.ai-mini-form p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid #EEF2F8;font-size:12px}
.ai-mini-form small{color:var(--faint)}
.ai-mini-form b{color:var(--navy)}
.ph-field{color:#A9B5C8!important;font-weight:500}
.ai-mini-btns{display:flex;gap:10px;margin-top:14px}
.mini-ghost{padding:10px 16px;border:1px solid #DCE6F4;border-radius:7px;color:var(--muted);font:600 11px var(--f-body)}
.mini-solid{flex:1;text-align:center;padding:10px;background:var(--blue);color:#fff;border-radius:7px;font:700 11px var(--f-body)}
.ai-foot{margin-top:44px;text-align:center;border-top:1px solid var(--navy-3);padding-top:36px}
.ai-foot-lead{color:#fff;font:800 clamp(20px,2.4vw,28px) var(--f-display);letter-spacing:-.01em;margin:0 0 18px}
.ai-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:22px}
.ai-chips span{font:600 11px var(--f-mono);color:#CFE0FB;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:20px;padding:8px 14px}

/* ============ FIN chips ============ */
.fin-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.fin-chips span{border:1px solid var(--sand-line);border-radius:12px;padding:20px;font-size:12.5px;color:var(--muted);line-height:1.5}
.fin-chips b{display:block;color:var(--navy);font:700 14px var(--f-display);margin-bottom:6px}

/* ============ QUEM (portal · controle · proprietário) ============ */
.quem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.quem-card{border:1px solid var(--line);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column}
.quem-tag{display:inline-block;font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1.2px;color:var(--clay);margin-bottom:12px}
.quem-card h3{margin:0 0 8px;font-size:18px}
.quem-card>p{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 18px}
.quem-mini{margin-top:auto;background:#F7F9FD;border:1px solid #E9EFF7;border-radius:10px;padding:14px}
.pm-top{display:flex;align-items:center;gap:7px;font:700 11px var(--f-display);color:var(--navy);margin-bottom:10px}
.pm-tabs{display:flex;gap:6px;margin-bottom:10px}
.pm-tabs span{font:600 9.5px var(--f-body);padding:5px 9px;border-radius:5px;background:#EEF4FF;color:var(--blue)}
.pm-tabs span:first-child{background:var(--blue);color:#fff}
.portal-mini p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-top:1px solid #EAEFF7;font-size:11px}
.portal-mini p b{color:var(--navy);font-weight:600}
.portal-mini p span{color:var(--muted)}
.quem-list{display:grid;gap:8px}
.quem-list span{font-size:11.5px;color:#475569;background:#F7F9FD;border:1px solid #E9EFF7;border-radius:7px;padding:9px 11px;display:flex;align-items:center;gap:8px}
.quem-list span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--clay);flex:none}
.qm-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.qm-cards p{border:1px solid #EAEFF7;background:#fff;border-radius:7px;padding:10px;margin:0}
.qm-cards small{display:block;font-size:8px;color:var(--faint)}
.qm-cards b{display:block;font-size:12.5px;color:var(--navy);margin-top:4px}
.qm-hi{background:#FFF6E2!important;border-color:#F6E0A6!important}
.qm-hi b{color:var(--clay-d)}
.qm-alert{font-size:10px;color:var(--clay-d);background:#FCEEE6;border-radius:6px;padding:8px 10px}

/* ============ FAIXA "TODAS AS FUNCIONALIDADES" ============ */
.feat-band{background:var(--sand)}
.feat-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.feat-cta>div{flex:1;min-width:280px}
.feat-cta h2{margin-bottom:10px}
.feat-cta p{color:var(--muted);margin:0;max-width:520px}
.btn--ghost{background:#fff;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
.btn--ghost:hover{background:var(--navy);color:#fff}

/* ============ PÁGINA DE FUNCIONALIDADES ============ */
.feat-hero h1{font-size:clamp(34px,4.4vw,52px);margin-bottom:16px}
.feat-hero .lead{max-width:560px}
.feat-body{padding-top:6px}
.feat-layout{display:grid;grid-template-columns:212px 1fr;gap:56px;align-items:start}
.feat-nav{position:sticky;top:94px;display:flex;flex-direction:column;gap:2px}
.feat-nav-label{font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1.4px;color:var(--faint);margin-bottom:10px;padding-left:12px}
.feat-nav a{display:block;padding:8px 12px;border-radius:7px;color:#4B5A70;text-decoration:none;font-size:13.5px;font-weight:500;transition:.15s}
.feat-nav a:hover{background:var(--sand);color:var(--navy)}
.feat-nav a.active{color:var(--clay);background:#FBF3EC;font-weight:700}
.feat-content{min-width:0}
.mod-sec{padding-bottom:46px;margin-bottom:44px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.mod-sec:last-of-type{border-bottom:0}
.mod-sec .eyebrow{margin-bottom:12px}
.mod-sec h2{font-size:clamp(25px,2.6vw,32px);margin:0 0 14px}
.mod-intro{color:var(--muted);font-size:15px;max-width:720px;line-height:1.6}
.mod-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:8px}
.mod-cols h3{font-size:15px;margin:0 0 12px;color:var(--navy)}
.mod-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.mod-list li{position:relative;padding-left:22px;font-size:13.5px;color:#3B4A61;line-height:1.5}
.mod-list li::before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:2px;background:var(--clay)}
.mod-list b,.mod-why b,.mod-intro b{color:var(--navy)}
.mod-why{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 16px}
.mod-note{color:var(--faint);font-size:12.5px;line-height:1.55;margin:14px 0 0}
.mod-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:14px}
.mod-grid3>div{background:#fff;padding:20px 22px}
.mod-grid3 h3{font-size:15px;margin:0 0 7px}
.mod-grid3 p{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}
.mod-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.mod-chips span{font-size:12.5px;color:#31435C;background:var(--sand);border:1px solid var(--sand-line);border-radius:20px;padding:9px 14px}
.fiscal-flow--light p{background:#F4F7FC;border-color:var(--line);color:#31435C}
.fiscal-flow--light .ff-n{background:#DCE7FF;color:var(--blue)}
.fiscal-flow--light .ff-hi{background:var(--blue);border-color:var(--blue);color:#fff}
.fiscal-flow--light .ff-hi .ff-n{background:rgba(255,255,255,.3);color:#fff}
.fiscal-flow--light p i{color:var(--clay)}
.fim-mes--light{border-top:0;margin-top:0;padding-top:0}
.fim-mes--light>b{color:var(--clay)}
.fim-mes--light span{background:var(--sand);border-color:var(--sand-line);color:#31435C}
.fim-mes--light>i{color:var(--clay)}
.ia-cat{margin-top:20px}
.ia-cat h3{font-size:15px;margin:0 0 10px;color:var(--navy)}
.ia-q{display:flex;flex-wrap:wrap;gap:9px}
.ia-q span{font-size:12.5px;color:#3B4A61;background:#F4F7FC;border:1px solid var(--line);border-radius:8px;padding:9px 13px}
.mod-sec--ia .ai-chips{justify-content:flex-start;margin-top:24px}
.mod-sec--ia .ai-chips span{color:#31435C;background:var(--sand);border-color:var(--sand-line)}
.feat-end{text-align:center;padding-top:12px}
.feat-end h2{font-size:26px;margin-bottom:20px}

/* ============ PREÇO + IMPLANTAÇÃO ============ */
.preco{background:var(--sand)}
.preco-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sand-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.preco-main{padding:44px 44px 40px;border-right:1px solid var(--line)}
.preco-main h2{font-size:clamp(25px,3vw,34px);margin:6px 0 22px}
.preco-from{margin:0;font:700 12px var(--f-body);text-transform:uppercase;letter-spacing:1px;color:var(--faint)}
.preco-val{margin:4px 0 16px;display:flex;align-items:baseline;gap:5px}
.preco-val .data{font:800 clamp(38px,5vw,54px) var(--f-display);color:var(--navy);letter-spacing:-.02em}
.preco-val small{font-size:16px;color:var(--muted);font-weight:600}
.preco-sub{font-size:14px;color:var(--muted);line-height:1.6;max-width:420px;margin:0 0 24px}
.preco-main .btn{cursor:pointer;border:0}
.preco-impl{margin:20px 0 0;font:600 12.5px var(--f-body);color:var(--clay);display:flex;align-items:center;gap:8px}
.preco-impl::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--clay);flex:none}
.preco-impl-steps{padding:44px;background:#F7F9FD}
.impl-lead{margin:0 0 8px;font:700 17px var(--f-display);color:var(--navy)}
.impl-text{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 22px}
.impl-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:15px}
.impl-steps li{counter-increment:s;position:relative;padding-left:40px}
.impl-steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:27px;height:27px;border-radius:8px;background:var(--blue);color:#fff;font:700 12px var(--f-mono);display:grid;place-items:center}
.impl-steps b{display:block;font:700 14px var(--f-display);color:var(--navy);margin-bottom:2px}
.impl-steps span{font-size:12.5px;color:var(--muted);line-height:1.5}
.impl-final{margin:22px 0 0;font-size:12.5px;color:#31435C;font-weight:600;border-top:1px solid var(--line);padding-top:16px}
.faq-mini{max-width:760px;margin:34px auto 0;text-align:center}
.faq-q{font:700 15px var(--f-display);color:var(--navy);margin:0 0 7px}
.faq-a{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0}
/* FAQ (details) */
.faq-list{max-width:820px;margin:40px auto 0;display:grid;gap:10px}
.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.faq-list summary{cursor:pointer;list-style:none;padding:18px 22px;font:700 15px var(--f-display);color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--clay);font-size:22px;font-weight:400;line-height:1;flex:none}
.faq-list details[open] summary::after{content:"−"}
.faq-list details[open] summary{border-bottom:1px solid var(--line)}
.faq-list details>div{padding:16px 22px 20px}
.faq-list details p{margin:0;font-size:14px;color:var(--muted);line-height:1.65}
.faq-list details a{color:var(--blue);font-weight:600}
/* CONTEÚDOS / ARTIGOS */
.breadcrumb{max-width:760px;margin:0 auto 20px;padding:0 32px;font-size:12.5px;color:var(--faint)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--clay)}
.article{max-width:760px;margin:0 auto;padding:0 32px}
.article-meta{color:var(--faint);font-size:12.5px;margin-bottom:8px}
.article h1{font-size:clamp(29px,4vw,42px);line-height:1.14;margin-bottom:14px}
.article-lead{font-size:17px;color:#3B4A61;line-height:1.6;margin-bottom:6px}
.article h2{font-size:23px;margin:36px 0 10px}
.article h3{font-size:17px;margin:24px 0 8px}
.article p,.article li{font-size:15.5px;color:#33404E;line-height:1.75}
.article ul,.article ol{padding-left:22px;margin:0 0 16px}
.article li{margin-bottom:6px}
.article a{color:var(--blue)}
.article b{color:var(--navy)}
.article-cta{margin:30px 0;background:var(--sand);border:1px solid var(--sand-line);border-radius:12px;padding:22px 24px}
.article-cta b{display:block;font:700 16px var(--f-display);color:var(--navy);margin-bottom:6px}
.article-cta p{margin:0 0 12px;font-size:14px;color:var(--muted)}
.conteudos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}
.conteudo-card{border:1px solid var(--line);border-radius:14px;padding:26px;text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s;background:#fff}
.conteudo-card:hover{border-color:#B9CBEA;box-shadow:var(--shadow-sm)}
.conteudo-card span{font:700 10px var(--f-body);text-transform:uppercase;letter-spacing:1px;color:var(--clay)}
.conteudo-card h3{font-size:18px;margin:10px 0 8px;color:var(--navy)}
.conteudo-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}

/* ============ QUIZ ============ */
.quiz{position:fixed;inset:0;z-index:120;background:rgba(4,12,28,.62);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.quiz[hidden]{display:none}
.quiz-box{position:relative;width:100%;max-width:640px;background:#fff;border-radius:18px;box-shadow:0 40px 100px rgba(0,0,0,.4);max-height:92vh;overflow:auto}
.quiz-close{position:absolute;top:14px;right:16px;z-index:2;border:0;background:#F1F4F9;color:var(--muted);width:38px;height:38px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.quiz-close:hover{background:#E4E9F1}
.quiz-inner{padding:38px 42px 42px}
.quiz-head{margin-bottom:20px;padding-right:44px}
.quiz-head h3{font-size:18px;margin:0 0 4px;line-height:1.3}
.quiz-head p{font-size:12.5px;color:var(--faint);margin:0}
.quiz-prog{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.quiz-prog-bar{flex:1;height:5px;border-radius:3px;background:#EAEFF7;overflow:hidden}
.quiz-prog-bar i{display:block;height:100%;background:var(--clay);border-radius:3px}
.quiz-prog>span{font:600 11px var(--f-mono);color:var(--faint);white-space:nowrap}
.quiz-q{font:800 clamp(18px,2.3vw,23px) var(--f-display);color:var(--navy);letter-spacing:-.01em;line-height:1.25;margin:0 0 6px}
.quiz-hint{font-size:12px;color:var(--clay);font-weight:600;margin:0 0 18px}
.quiz-opts{display:grid;gap:10px}
.quiz-opt{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:15px 17px;font:600 14px var(--f-body);color:var(--ink);cursor:pointer;transition:.15s;display:flex;align-items:center;gap:12px}
.quiz-opt:hover{border-color:#B9CBEA;background:#FBFCFE}
.quiz-opt.sel{border-color:var(--blue);background:#EEF4FF;color:var(--navy)}
.quiz-opt .tick{width:20px;height:20px;border-radius:6px;border:1.5px solid #C3D0E4;flex:none;display:grid;place-items:center;font-size:12px;color:#fff}
.quiz-opt.sel .tick{background:var(--blue);border-color:var(--blue)}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}
.quiz-back{border:0;background:none;color:var(--muted);font:600 13px var(--f-body);cursor:pointer;padding:8px}
.quiz-back[disabled]{visibility:hidden}
.quiz-next{cursor:pointer;border:0}
.quiz-next[disabled]{opacity:.4;pointer-events:none}
.quiz-result{text-align:center}
.quiz-result h3{font-size:clamp(21px,3vw,27px);margin:0 0 12px;line-height:1.25}
.quiz-result>p{font-size:14px;color:var(--muted);line-height:1.6;max-width:470px;margin:0 auto 14px}
.quiz-depois{background:#F7F9FD;border:1px solid #E9EFF7;border-radius:12px;padding:18px 20px;margin:20px 0;text-align:left}
.quiz-depois b{display:block;font:700 13px var(--f-display);color:var(--navy);margin-bottom:6px}
.quiz-depois p{font-size:12.5px;color:var(--muted);margin:0 0 8px;text-align:left}
.quiz-depois small{font-size:12px;color:#31435C;font-weight:600}
.quiz-price{margin:16px 0;font:700 15px var(--f-display);color:var(--navy)}
.quiz-price b{color:var(--clay)}
.quiz-result .btn{cursor:pointer}

/* ============ PÁGINAS LEGAIS ============ */
.legal{max-width:820px;margin:0 auto;padding:0 32px}
.legal h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.legal-meta{color:var(--faint);font-size:12.5px;margin-bottom:30px}
.legal h2{font-size:20px;margin:34px 0 10px}
.legal p,.legal li{font-size:14.5px;color:#3B4A61;line-height:1.7}
.legal ul{padding-left:20px;margin:0 0 12px}
.legal a{color:var(--blue)}
.fill{background:#FFF6E2;border:1px dashed #E7C98A;border-radius:5px;padding:1px 7px;font-size:.92em;color:#8A6D1E}
.footer-legal{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.footer-legal a{color:#4B5A70;text-decoration:none;font-size:11px}
.footer-legal a:hover{color:var(--clay)}
.footer-legal span{color:var(--faint);font-size:11px}

/* ============ RESPONSIVE ============ */
@media(max-width:960px){
  .hero-grid,.op-grid,.equip-grid,.planned-grid,.fiscal-grid,.ai-lead,.ai-doc,.ai-actions,.quem-grid{grid-template-columns:1fr;gap:40px}
  .preco-card{grid-template-columns:1fr}
  .preco-main{border-right:0;border-bottom:1px solid var(--line)}
  .feat-layout{grid-template-columns:1fr;gap:8px}
  .feat-nav{position:sticky;top:64px;z-index:30;flex-direction:row;overflow-x:auto;gap:7px;margin:0 -22px 8px;padding:12px 22px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .feat-nav-label{display:none}
  .feat-nav a{white-space:nowrap;background:var(--sand);font-size:13px;padding:8px 13px;flex:none}
  .mod-cols,.mod-grid3{grid-template-columns:1fr}
  .com-chips,.fin-chips{grid-template-columns:1fr 1fr}
  .ai-doc-flow{grid-template-columns:1fr;gap:16px;max-width:420px;margin:0 auto}
  .doc-arrow{transform:rotate(90deg)}
  .ai-more-grid{grid-template-columns:1fr;max-width:420px}
  .levels{gap:24px}
  .level:not(:last-child)::after{right:-16px}
  .dual{grid-template-columns:1fr;gap:14px}
  .dual-vs{display:none}
}
@media(max-width:800px){
  .band{padding:70px 0}.band--tight{padding:56px 0}
  .wrap{padding:0 22px}
  .topbar{height:64px;padding:0 22px;gap:10px}
  .topbar nav{display:none}
  .topbar .brand{font-size:20px}
  .brand-logo{height:26px}
  .btn--sm{padding:9px 12px;font-size:11px;white-space:nowrap}
  .hero{padding:44px 0 60px}
  .lead{font-size:16px}
  .screen-menu{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .story{grid-template-columns:1fr;margin-top:34px}
  .story-photo{min-height:300px}
  .story-solution::before{display:none}
  .chain-examples{grid-template-columns:1fr 1fr;margin-top:38px}
  .chain-examples p:nth-child(3){border-left:1px solid var(--navy-3)}
  .frota-photos,.frota-features,.com-chips,.fin-chips,.ai-actions,.quem-grid,.fluxos{grid-template-columns:1fr}
  .fluxos-lead{padding:0 22px}
  .conteudos-grid{grid-template-columns:1fr}
  .article,.breadcrumb{padding-left:22px;padding-right:22px}
  .preco-main,.preco-impl-steps{padding:32px 24px}
  .quiz-inner{padding:30px 22px 32px}
  .quiz{padding:0;align-items:flex-end}
  .quiz-box{max-width:none;max-height:94vh;border-radius:18px 18px 0 0}
  .reflexos p span{margin-left:0}
  .wrap-wide{padding:0 22px}
  .shot{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .shot img{min-width:820px}
  .shot-zoom{top:10px;right:10px;padding:7px 10px;font-size:11px}
  .feat-cta{flex-direction:column;align-items:flex-start}
  .levels{grid-template-columns:1fr;gap:30px}
  .level:not(:last-child)::after{display:none}
  .level-visual{min-height:0}
  .level-photo{min-height:210px}
  .hub-items span{font-size:9px;padding:6px 8px}
  .photo-band .photo--band,.cta-band .photo--band{min-height:400px}
  .photo-band-copy,.cta-copy{position:relative;padding:52px 22px}
  .photo-band .photo--band{position:absolute;inset:0}
  .photo-band{display:grid}
  .photo-band-copy>*,.photo-band--flip .photo-band-copy{max-width:100%;text-align:left;align-items:flex-start}
  .photo-band--flip .eyebrow{justify-content:flex-start}
  .flow-chain{max-width:280px;flex-direction:column}
  .flow-chain span{border-radius:6px!important;width:100%;text-align:center}
  .flow-chain i{width:2px;height:14px}
  .flow-chain i::after{right:auto;left:-3px;top:auto;bottom:-4px;width:8px;height:6px;clip-path:polygon(0 0,100% 0,50% 100%)}
  .route{margin-top:26px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding-top:44px;padding-bottom:36px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom-in{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
  .btn:hover{transform:none}
}