:root{--ink:#1f2530;--muted:#5a6472;--paper:#fff;--wash:#f4f6f8;--line:#dce2e8;--dark:#11151c;--dark2:#1b222d;--accent:#0a8e6c;--accent-soft:#ecf8f5;--blue:#2878c8;--amber:#d98618;--coral:#e56b61;--violet:#8655c7;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;background:#fff;padding:8px;z-index:9}header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750}.brand img{width:auto;height:34px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:550}.navlinks{display:flex;gap:18px;align-items:center;font-size:14px}.navlinks a{text-decoration:none;color:var(--muted)}.navlinks a:hover,.navlinks a:focus{color:var(--ink)}.menu{display:none;border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;padding:11px 16px;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:#06705a}.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}.eyebrow{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero{padding:104px 0 88px;background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 24px;max-width:750px}.hero p{font-size:20px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-mark{border:1px solid var(--line);background:#fff;padding:36px;border-radius:12px}.hero-mark img{width:100%;height:auto;max-height:230px;object-fit:contain}.section{padding:88px 0}.section.alt{background:var(--wash)}.section h2{font-size:38px;line-height:1.1;letter-spacing:-.03em;margin:8px 0 16px}.lede{color:var(--muted);font-size:18px;max-width:700px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff}.card .dot{width:12px;height:12px;border-radius:50%;display:block;margin-bottom:30px}.card h3{font-size:21px;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 18px}.card a{font-weight:750;text-decoration:none}.product-note .dot{background:var(--accent)}.product-blue .dot{background:var(--blue)}.product-amber .dot{background:var(--amber)}.product-coral .dot{background:var(--coral)}.product-violet .dot{background:var(--violet)}.band{background:var(--dark);color:#fff;padding:72px 0}.band p{color:#b8c1cb}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.list{padding:0;margin:24px 0;list-style:none}.list li{padding:12px 0;border-bottom:1px solid var(--line)}.list strong{display:block}.list span{color:var(--muted);font-size:14px}.notice{padding:16px;border-left:4px solid var(--accent);background:var(--accent-soft);color:#28544a;border-radius:4px}.price{font-size:32px;font-weight:800}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:750}.article{max-width:790px}.article p,.article li{font-size:18px;color:#46515f}.article h2{font-size:28px;margin-top:42px}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800}.site-footer{padding:38px 0;background:var(--dark);color:#fff}.site-footer .brand small,.site-footer p{color:#aeb8c2}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footerlinks{display:grid;gap:7px;color:#d6dde3;font-size:14px}.legal{border-top:1px solid #313b48;margin-top:28px;padding-top:18px;color:#8f9aa7;font-size:12px}@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{height:68px}.navlinks{display:none}.menu{display:block}.hero{padding:68px 0 56px}.hero-grid,.two{grid-template-columns:1fr;gap:34px}.hero h1{font-size:48px}.hero p{font-size:18px}.grid{grid-template-columns:1fr}.section{padding:62px 0}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}}@media(prefers-color-scheme:dark){body{background:var(--dark);color:#f5f7f9}header{background:rgba(17,21,28,.94);border-color:#303946}.brand small,.navlinks a,.lede,.card p,.list span,.hero p{color:#b8c1cb}.hero{background:linear-gradient(180deg,#11151c,#151d26)}.hero-mark,.card,.btn.ghost{background:var(--dark2);border-color:#303946;color:#f5f7f9}.section.alt{background:#151c25}.card{box-shadow:none}.band,.site-footer{background:#0b0e13}.list li,.faq details{border-color:#303946}.mock{background:#17221f;border-color:#34524a}.mockbar{background:#1b2825;border-color:#34524a}.mocktabs{border-color:#34524a;color:#a8c8bf}.mockline{background:#21463c}.mocktable{border-color:#34524a}.mockrow{border-color:#34524a}.notice{background:#17382f;color:#bce8d9}}
@media(max-width:800px){.navlinks.open{display:flex;position:absolute;top:68px;left:0;right:0;padding:16px 14px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}}
:root {
  --accent: #2b3240;
  --accent-hover: #11151c;
  --accent-soft: #eef1f4;
}

body[data-front="notas"] { --accent: #0a8e6c; --accent-hover: #06705a; --accent-soft: #ecf8f5; }
body[data-front="licitacoes"] { --accent: #2878c8; --accent-hover: #1d5f9f; --accent-soft: #eef6ff; }
body[data-front="telemetria"] { --accent: #d98618; --accent-hover: #a9640d; --accent-soft: #fff6e7; }
body[data-front="sob-medida"] { --accent: #e56b61; --accent-hover: #b64e46; --accent-soft: #fff0ee; }
body[data-front="labs"] { --accent: #8655c7; --accent-hover: #633c96; --accent-soft: #f4effc; }

.btn.primary { background: var(--accent); }
.btn.primary:hover { background: var(--accent-hover); }
.eyebrow { color: var(--accent); }
.notice { border-left-color: var(--accent); background: var(--accent-soft); }
.mock { border: 1px solid #dce2e8; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 18px 40px rgba(31,37,48,.1); }
.mockbar { display: flex; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #2b3240; color: #fff; font-size: 12px; font-weight: 750; }
.mocktabs { display: flex; gap: 18px; padding: 12px 16px; border-bottom: 1px solid #dce2e8; color: #5a6472; font-size: 12px; overflow: auto; white-space: nowrap; }
.mocktabs b { color: var(--accent); }
.mockbody { padding: 20px; }
.mockline { height: 10px; border-radius: 99px; background: var(--accent-soft); margin-bottom: 12px; }
.mockline.short { width: 42%; }
.mocktable { border: 1px solid #dce2e8; border-radius: 6px; overflow: hidden; font-size: 11px; }
.mockrow { display: grid; grid-template-columns: .7fr 1.5fr 1fr .9fr; gap: 8px; padding: 12px; border-top: 1px solid #dce2e8; }
.mockrow:first-child { border-top: 0; }
.mockrow.head { background: #f4f6f8; color: #5a6472; font-weight: 750; }
.mockrow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.price-grid { align-items: stretch; }
.price-grid .card { display: flex; flex-direction: column; }
.price-grid .price { margin-top: auto; }
.price span { margin-left: 4px; font-size: 14px; font-weight: 650; color: var(--muted); }
.product-note .dot { background: #0a8e6c; }
.band .eyebrow { color: #9be8d3; }

@media (prefers-color-scheme: dark) {
  body:not([data-front]) .eyebrow { color: #9be8d3; }
  .notice { background: #17382f; color: #bce8d9; }
}

@media (max-width: 800px) {
  .mockrow { grid-template-columns: .7fr 1.3fr 1fr; }
  .mockrow span:last-child { display: none; }
}

@media (prefers-color-scheme: dark) {
  .mock { background: #1b222d; border-color: #303946; }
  .mocktabs, .mockrow { border-color: #303946; }
  .mockrow.head { background: #151c25; color: #b8c1cb; }
}
@media(max-width:800px){.hero-mark{padding:24px}}
.hero-mark img{max-width:min(100%,388px);margin-inline:auto}
