/* BTB Innovations — one stylesheet for every page.
   Navy, blue for anything you can tap, orange for the thing we want you to do.
   Same palette as the dispatch app so the site and the product feel like one company. */

:root{
  --bg:#0C1524; --panel:#152134; --panel2:#1E2E47; --line:#2C4062;
  --ink:#F2F5FA; --dim:#93A6C4;
  --blue:#6AA6FF; --blue-deep:#2F6FD0;
  --orange:#E8863A; --orange-deep:#C96A1F;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{background:#0C1524}
body{
  color:#F2F5FA;
  font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.narrow{max-width:680px}

/* ---- nav ---- */
.nav{border-bottom:1px solid #2C4062;background:#0C1524;position:sticky;top:0;z-index:50}
.nav .inner{
  max-width:1400px;margin:0 auto;padding:16px 40px;
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;
}
.nav .brand{
  font-size:21px;font-weight:800;color:#F2F5FA;text-decoration:none;letter-spacing:-.012em;
  margin-right:auto;display:flex;align-items:center;gap:9px;
}
.nav .brand img{height:34px;width:auto;display:block}
.nav .brand span{color:#E8863A}
.nav a{color:#93A6C4;text-decoration:none;font-size:16px;font-weight:600;white-space:nowrap}
.nav a:hover,.nav a.on{color:#F2F5FA}
/* Log In is a door, not a page — it should look like one. */
.nav a.login{
  background:#1E2E47;border:1px solid #2C4062;border-radius:8px;
  padding:7px 14px;color:#6AA6FF;font-weight:800;
}
.nav a.login:hover{border-color:#6AA6FF;color:#F2F5FA}

/* After the base rules, so they actually win. */
@media (max-width:1240px){.nav .inner{gap:17px;padding:14px 24px}.nav a{font-size:14.8px}.nav .brand{font-size:19px}.nav .brand img{height:30px}}
@media (max-width:1040px){.nav .inner{gap:12px;padding:13px 16px}.nav a{font-size:13.6px}.nav .brand{font-size:17px}.nav .brand img{height:26px}}
@media (max-width:860px){.nav .inner{gap:11px}.nav a{font-size:13px}}
.nav a:focus-visible{outline:2px solid #6AA6FF;outline-offset:4px;border-radius:4px}

/* ---- type ---- */
h1{font-size:clamp(34px,6vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.025em}
h1 em{font-style:normal;color:#6AA6FF}
h2{font-size:clamp(24px,3.6vw,32px);line-height:1.15;font-weight:800;letter-spacing:-.018em;margin-bottom:14px}
h3{font-size:20px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
p{margin-bottom:16px}
.lede{font-size:19px;color:#93A6C4;max-width:52ch}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#E8863A;text-transform:uppercase;margin-bottom:14px}
.muted{color:#93A6C4}
section{padding:64px 0;border-bottom:1px solid #2C4062}
section:last-of-type{border-bottom:none}

/* ---- buttons ---- */
.btn{
  display:inline-block;padding:15px 26px;border-radius:11px;font-size:16.5px;font-weight:800;
  text-decoration:none;border:none;cursor:pointer;font-family:inherit;
}
.btn-primary{background:#C96A1F;color:#fff}
.btn-primary:hover{background:#E8863A}
.btn-ghost{background:transparent;color:#6AA6FF;border:1px solid #2C4062}
.btn-ghost:hover{border-color:#6AA6FF}
.btn:focus-visible{outline:3px solid #6AA6FF;outline-offset:3px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ---- cards ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:8px}
.card{background:#152134;border:1px solid #2C4062;border-radius:14px;padding:22px;display:block;text-decoration:none;color:#F2F5FA}
a.card:hover{border-color:#6AA6FF}
.card p{color:#93A6C4;font-size:15.5px;margin-bottom:0}
.card .tag{font-size:11.5px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-bottom:10px}
.tag-live{color:#6AA6FF}
.tag-soon{color:#93A6C4}

/* ---- forms ---- */
label.f{display:block;font-size:14.5px;font-weight:700;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],textarea,select{
  width:100%;padding:14px;font-size:16px;border-radius:10px;margin-bottom:16px;
  background:#0C1524;border:1px solid #2C4062;color:#F2F5FA;font-family:inherit;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:#6AA6FF}
textarea{min-height:130px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- footer ---- */
footer{padding:36px 0;color:#93A6C4;font-size:14.5px;border-top:1px solid #2C4062}
footer a{color:#6AA6FF}
/* Copyright, authority numbers, and the limits on what the tools here are. */
footer .legalline{
  margin-top:26px;padding-top:20px;border-top:1px solid #2C4062;
  font-size:12.5px;color:#6B7F9E;line-height:1.7;
}
footer .fineprint{display:block;max-width:70ch;margin:10px auto 0;font-size:12px;line-height:1.6}
footer .cols{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between}