:root {
  --black: #0b0d10;
  --black-2: #12161b;
  --gold: #d6ab46;
  --gold-2: #f0c96c;
  --white: #f8f7f3;
  --muted: #aeb5bd;
  --line: rgba(255,255,255,.12);
  --ink: #20252b;
  --paper: #f5f2ea;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  background: var(--white);
  color: var(--ink);
}
a { color: inherit; text-decoration: none; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 6vw;
  background: rgba(11,13,16,.96);
  border-bottom: 1px solid rgba(214,171,70,.22);
  backdrop-filter: blur(14px);
}
.brand { display:flex; align-items:center; gap:12px; color:white; }
.brand-mark {
  width:44px; height:44px; border-radius:10px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--gold-2), #9a7428);
  color:#111; font-weight:900; letter-spacing:-2px;
  box-shadow: 0 6px 24px rgba(214,171,70,.18);
}
.brand strong { display:block; font-family:Montserrat,sans-serif; font-size:17px; letter-spacing:.08em; }
.brand span { display:block; font-size:10px; color:#c8cbd0; margin-top:2px; }
.nav { display:flex; align-items:center; gap:26px; color:#e8e8e8; font-size:14px; }
.nav a:hover { color:var(--gold-2); }
.nav-cta { border:1px solid var(--gold); border-radius:999px; padding:9px 15px; }
.menu-toggle { display:none; background:none; color:white; border:none; font-size:27px; }

.hero {
  min-height: 690px;
  position:relative;
  overflow:hidden;
  padding: 90px 6vw 70px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  align-items:center;
  gap:70px;
  background:
    radial-gradient(circle at 65% 35%, rgba(214,171,70,.08), transparent 28%),
    linear-gradient(120deg, #080a0d 0%, #11161d 70%, #0b0e12 100%);
  color:white;
}
.hero-grid {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to right, black, transparent 88%);
}
.hero-glow { position:absolute; border-radius:50%; filter:blur(90px); opacity:.14; }
.hero-glow-one { width:260px; height:260px; background:var(--gold); right:15%; top:20%; }
.hero-glow-two { width:180px; height:180px; background:#ffffff; left:12%; bottom:-12%; opacity:.05; }

.hero-content, .hero-panel { position:relative; z-index:2; }
.eyebrow { color:var(--gold-2); letter-spacing:.16em; font-size:12px; font-weight:800; margin:0 0 18px; }
.eyebrow.dark { color:#9a7428; }
.hero h1 {
  font-family:Montserrat,sans-serif;
  font-size:clamp(48px, 6vw, 84px);
  line-height:.96;
  margin:0;
  max-width:780px;
  letter-spacing:-.04em;
}
.hero h2 { font-size:clamp(23px, 2.8vw, 37px); margin:18px 0; color:var(--gold-2); }
.hero-copy { max-width:680px; color:#cbd0d6; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; gap:14px; margin:30px 0 40px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:8px; font-weight:700; }
.btn-primary { background:linear-gradient(135deg,var(--gold-2),var(--gold)); color:#111; }
.btn-secondary { border:1px solid rgba(255,255,255,.28); color:white; }
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:680px; }
.trust-strip div { border-top:1px solid rgba(255,255,255,.16); padding-top:15px; }
.trust-strip strong { display:block; color:white; font-size:20px; }
.trust-strip span { color:#aeb5bd; font-size:11px; }

.hero-panel {
  background:linear-gradient(180deg, rgba(28,33,40,.96), rgba(16,19,24,.97));
  border:1px solid rgba(214,171,70,.24);
  border-radius:24px;
  padding:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.38);
}
.panel-top { display:flex; gap:9px; align-items:center; font-size:11px; font-weight:800; color:#cfd3d8; letter-spacing:.08em; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#4ad66d; box-shadow:0 0 14px #4ad66d; }
.online { margin-left:auto; color:#4ad66d; }
.vehicle-card { display:flex; gap:18px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.vehicle-icon { width:66px; height:66px; border-radius:18px; display:grid; place-items:center; color:var(--gold-2); background:rgba(214,171,70,.09); font-size:26px; }
.vehicle-card small, .risk-card small { color:#818993; letter-spacing:.12em; font-size:10px; }
.vehicle-card h3 { margin:6px 0; font-size:24px; }
.vehicle-card p { margin:0; color:#aeb5bd; font-size:13px; }
.risk-card { padding:26px 0; border-bottom:1px solid var(--line); }
.risk-card strong { display:block; margin-top:6px; color:#6ee58a; font-size:27px; }
.risk-bar { height:7px; background:#2b3138; border-radius:100px; margin-top:14px; overflow:hidden; }
.risk-bar span { display:block; width:26%; height:100%; background:linear-gradient(90deg,#53d970,#e6cf5c); }
.panel-list { display:grid; gap:14px; padding-top:24px; color:#c9ced4; font-size:13px; }
.panel-list span { color:#61df7d; margin-right:8px; }

.section { padding:92px 6vw; }
.section-heading { max-width:720px; margin-bottom:46px; }
.section-heading h2, .fleet h2, .contact h2, .about h2 {
  font-family:Montserrat,sans-serif;
  font-size:clamp(34px,4vw,56px);
  letter-spacing:-.035em;
  line-height:1.05;
  margin:0 0 18px;
}
.section-heading p, .fleet p, .about p, .contact p { line-height:1.7; color:#5e666f; font-size:17px; }

.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.feature-card { background:white; border:1px solid #e8e1d4; border-radius:18px; padding:28px; min-height:230px; box-shadow:0 12px 34px rgba(29,28,24,.04); }
.feature-number { color:#b08a37; font-size:12px; letter-spacing:.14em; font-weight:800; }
.feature-card h3 { font-size:24px; margin:44px 0 12px; }
.feature-card p { color:#69717a; line-height:1.6; font-size:14px; }

.services { background:#11151a; color:white; }
.section-heading.light p { color:#aeb5bd; }
.services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.services-grid article { border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:26px; background:rgba(255,255,255,.025); }
.service-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:rgba(214,171,70,.1); color:var(--gold-2); font-size:22px; }
.services-grid h3 { margin:36px 0 10px; }
.services-grid p { color:#adb3ba; line-height:1.6; font-size:14px; }

.fleet { background:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.fleet-copy { max-width:650px; }
.text-link { color:#8e6a24; font-weight:800; }
.metric-board { background:#11151a; border-radius:22px; padding:20px; display:grid; grid-template-columns:1fr 1fr; gap:1px; overflow:hidden; }
.metric-board div { background:#161b21; padding:28px; min-height:145px; }
.metric-board small { display:block; color:#79818b; letter-spacing:.12em; }
.metric-board strong { display:block; color:white; font-size:42px; margin:10px 0; }
.metric-board span { color:#b5bbc2; font-size:12px; }

.about { background:#0b0e12; color:white; }
.about-panel { max-width:760px; }
.about p { color:#b7bec5; max-width:700px; }

.contact { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.contact-card { border:1px solid #e3ddcf; border-radius:18px; overflow:hidden; background:white; }
.contact-card a { display:flex; justify-content:space-between; gap:18px; padding:22px; border-bottom:1px solid #ece7dd; }
.contact-card a:last-child { border-bottom:none; }
.contact-card span { color:#7a828b; }
.contact-card strong { text-align:right; }

footer { background:#080a0d; color:#9ea5ad; padding:34px 6vw; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; font-size:12px; }
.footer-brand { color:white; }

@media (max-width: 980px) {
  .menu-toggle { display:block; }
  .nav {
    display:none;
    position:absolute;
    top:76px; left:0; right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#0b0d10;
    padding:16px 6vw 24px;
    border-bottom:1px solid rgba(214,171,70,.24);
  }
  .nav.open { display:flex; }
  .nav a { padding:13px 0; }
  .nav-cta { border:none; border-radius:0; color:var(--gold-2); }
  .hero { grid-template-columns:1fr; gap:52px; padding-top:70px; }
  .hero-panel { max-width:650px; }
  .feature-grid, .services-grid { grid-template-columns:1fr 1fr; }
  .fleet, .contact { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .site-header, .section, .hero { padding-left:22px; padding-right:22px; }
  .brand span { display:none; }
  .hero { min-height:auto; padding-top:62px; }
  .hero-copy { font-size:16px; }
  .trust-strip { grid-template-columns:1fr 1fr; }
  .feature-grid, .services-grid { grid-template-columns:1fr; }
  .section { padding-top:70px; padding-bottom:70px; }
  .contact-card a { flex-direction:column; }
  .contact-card strong { text-align:left; overflow-wrap:anywhere; }
  footer { padding-left:22px; padding-right:22px; }
}

.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}
.vse-logo-wrap {
  display: flex;
  justify-content: center;
  margin: -4px 0 20px;
}
.vse-logo {
  width: min(220px, 70%);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(214,171,70,.16));
}
@media (max-width: 620px) {
  .brand-logo { width: 48px; height: 48px; }
}

/* Exact Trail Tech logo supplied by Trail Tech */
.brand-logo {
  width: 118px !important;
  height: 58px !important;
  object-fit: contain !important;
  object-position: center;
  background: #fff;
  padding: 3px;
  border-radius: 8px;
}
@media (max-width: 620px) {
  .brand-logo {
    width: 94px !important;
    height: 48px !important;
  }
}

/* Homepage commercial upgrade */
.powered-line {
  display: inline-block;
  margin: -5px 0 22px;
  padding: 8px 12px;
  border-left: 3px solid var(--gold);
  background: rgba(214,171,70,.07);
  color: #d7dbe0;
  font-size: 13px;
}
.powered-line strong { color: var(--gold-2); }

.hero-copy strong { color: #fff; }

.vse-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 9px;
  margin: 0 0 42px;
}
.flow-step {
  min-width: 0;
  padding: 20px 14px;
  border: 1px solid #e4ddcf;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(29,28,24,.035);
}
.flow-step span {
  display: block;
  color: #a27b2e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  margin-bottom: 18px;
}
.flow-step strong {
  display: block;
  font-size: 14px;
  line-height: 1.25;
}
.flow-step small {
  display: block;
  margin-top: 7px;
  color: #7b838b;
  line-height: 1.35;
  font-size: 10px;
}
.flow-arrow {
  display: grid;
  place-items: center;
  color: #b38a36;
  font-size: 19px;
}
@media (max-width: 1100px) {
  .vse-flow {
    grid-template-columns: repeat(3, 1fr);
  }
  .flow-arrow { display: none; }
}
@media (max-width: 620px) {
  .vse-flow { grid-template-columns: 1fr 1fr; }
  .powered-line { font-size: 12px; }
}

/* VSE dedicated page */
.active-nav { color: var(--gold-2) !important; }
.vse-hero {
  min-height: 680px; padding: 80px 6vw; display:grid; grid-template-columns:1.05fr .95fr;
  align-items:center; gap:70px; color:white; overflow:hidden;
  background:radial-gradient(circle at 76% 44%,rgba(214,171,70,.14),transparent 27%),linear-gradient(125deg,#07090c,#11161c 70%,#090b0e);
}
.vse-hero h1 { font-family:Montserrat,sans-serif; font-size:clamp(52px,6.3vw,90px); line-height:.94; letter-spacing:-.055em; margin:0 0 26px; }
.vse-hero h1 span { color:var(--gold-2); }
.vse-lead { max-width:650px; color:#bdc4cb; font-size:19px; line-height:1.7; }
.vse-lead strong { color:white; }
.vse-brand-stage { min-height:460px; display:grid; place-items:center; align-content:center; position:relative; border:1px solid rgba(214,171,70,.18); border-radius:50%; background:radial-gradient(circle,rgba(214,171,70,.10),rgba(255,255,255,.015) 45%,transparent 68%); }
.vse-brand-stage:before,.vse-brand-stage:after { content:""; position:absolute; border:1px solid rgba(214,171,70,.12); border-radius:50%; }
.vse-brand-stage:before { inset:9%; } .vse-brand-stage:after { inset:19%; }
.vse-brand-stage img { width:min(330px,70%); z-index:2; filter:drop-shadow(0 24px 50px rgba(0,0,0,.55)); }
.stage-caption { z-index:2; margin-top:24px; font-size:10px; letter-spacing:.16em; color:#d8dde2; }
.stage-caption i { display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--gold); margin:0 8px 2px; }

.vse-statement { padding:100px 6vw; max-width:1050px; }
.vse-statement h2 { font-family:Montserrat,sans-serif; font-size:clamp(38px,5vw,68px); line-height:1.02; letter-spacing:-.045em; margin:0 0 25px; }
.vse-statement > p:last-child { max-width:800px; color:#646c75; font-size:19px; line-height:1.75; }

.vse-process { padding:95px 6vw; background:#101419; color:white; }
.process-timeline { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.1); }
.process-timeline article { min-height:290px; background:#13181e; padding:28px; position:relative; }
.process-timeline article > span { position:absolute; right:22px; top:20px; color:#59616a; font-size:11px; font-weight:800; letter-spacing:.1em; }
.process-icon { width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(214,171,70,.09);color:var(--gold-2);font-size:20px; }
.process-timeline h3 { margin:52px 0 12px; font-size:21px; }
.process-timeline p { color:#9fa7af; line-height:1.65; font-size:14px; }

.intelligence-showcase { padding:100px 6vw; display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; background:#f5f2ea; }
.showcase-copy h2,.human-layer h2,.public-boundary h2,.vse-cta h2 { font-family:Montserrat,sans-serif; font-size:clamp(38px,4.7vw,62px); line-height:1.03; letter-spacing:-.04em; margin:0 0 20px; }
.showcase-copy > p { color:#626b74; line-height:1.7; font-size:17px; }
.context-list { margin-top:35px; border-top:1px solid #d9d2c5; }
.context-list div { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid #d9d2c5; }
.context-list b { color:#8e6a24; } .context-list span { color:#69717a; font-size:14px; }

.mock-command { background:#101419; border-radius:22px; padding:20px; box-shadow:0 30px 70px rgba(21,23,26,.16); color:white; }
.mock-head { font-size:10px; font-weight:800; letter-spacing:.12em; display:flex;align-items:center;gap:8px;padding:4px 3px 18px; }
.mock-head em { margin-left:auto;color:#57d976;font-style:normal; }
.mock-map { height:260px; border-radius:14px; position:relative; overflow:hidden; display:grid;place-items:center; background-color:#171d23; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:32px 32px; }
.radar { position:absolute;border:1px solid rgba(214,171,70,.22);border-radius:50%; } .r1{width:170px;height:170px}.r2{width:100px;height:100px}
.vehicle-pin { width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#111;z-index:2;box-shadow:0 0 30px rgba(214,171,70,.35); }
.map-label { position:absolute;bottom:18px;font-size:9px;letter-spacing:.14em;color:#8d969f; }
.mock-risk { padding:22px 5px 4px; } .mock-risk small{color:#707983;letter-spacing:.12em}.mock-risk strong{display:block;color:#e8c55f;font-size:28px;margin:8px 0}.mock-risk p{margin:0;color:#9fa7af;font-size:12px}

.human-layer { padding:100px 6vw; background:#0b0e12; color:white; display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end; }
.human-layer > p { color:#aeb5bd; font-size:18px; line-height:1.8; margin:0; }

.public-boundary { padding:90px 6vw; background:white; }
.boundary-card { max-width:1050px; margin:auto; display:grid;grid-template-columns:90px 1fr;gap:30px;align-items:start;border:1px solid #e2dccf;border-radius:20px;padding:38px;background:#faf8f2; }
.lock-mark { width:70px;height:70px;display:grid;place-items:center;border-radius:18px;background:#11151a;color:var(--gold-2);font-size:24px; }
.public-boundary h2 { font-size:clamp(30px,4vw,48px); }
.public-boundary p:last-child { color:#68717a;line-height:1.7;max-width:800px; }

.vse-cta { padding:80px 6vw; display:grid;grid-template-columns:180px 1fr auto;gap:45px;align-items:center;background:linear-gradient(120deg,#11151a,#090b0e);color:white; }
.vse-cta img { width:160px; }
.vse-cta h2 { margin:0; font-size:clamp(32px,4vw,52px); }

@media(max-width:980px){
 .vse-hero,.intelligence-showcase,.human-layer{grid-template-columns:1fr}
 .vse-brand-stage{min-height:390px;max-width:600px}
 .process-timeline{grid-template-columns:1fr 1fr}
 .vse-cta{grid-template-columns:130px 1fr}.vse-cta img{width:120px}.vse-cta .btn{grid-column:1/-1;width:max-content}
}
@media(max-width:620px){
 .vse-hero,.vse-statement,.vse-process,.intelligence-showcase,.human-layer,.public-boundary,.vse-cta{padding-left:22px;padding-right:22px}
 .vse-hero{padding-top:60px}
 .vse-brand-stage{min-height:320px}
 .process-timeline{grid-template-columns:1fr}
 .context-list div{grid-template-columns:1fr;gap:6px}
 .boundary-card{grid-template-columns:1fr;padding:25px}
 .vse-cta{grid-template-columns:1fr}.vse-cta img{width:130px}
}

/* Build 3 — Services */
.services-hero{min-height:650px;padding:80px 6vw;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;color:white;background:radial-gradient(circle at 75% 50%,rgba(214,171,70,.13),transparent 28%),linear-gradient(125deg,#080a0d,#11161c)}
.services-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(50px,6vw,84px);line-height:.96;letter-spacing:-.05em;margin:0 0 25px}.services-hero h1 span{color:var(--gold-2)}
.services-hero>div>p:not(.eyebrow){max-width:680px;color:#b9c0c7;font-size:18px;line-height:1.7}
.service-orbit{width:min(460px,90vw);aspect-ratio:1;position:relative;margin:auto;border:1px solid rgba(214,171,70,.16);border-radius:50%;display:grid;place-items:center}
.service-orbit:before,.service-orbit:after{content:"";position:absolute;border:1px solid rgba(214,171,70,.12);border-radius:50%}.service-orbit:before{inset:15%}.service-orbit:after{inset:31%}
.orbit-center{width:42%;z-index:2}.orbit-center img{width:100%;filter:drop-shadow(0 15px 35px rgba(0,0,0,.45))}
.orbit-item{position:absolute;background:#151a20;border:1px solid rgba(214,171,70,.25);border-radius:999px;padding:9px 13px;color:#e5c568;font-size:9px;font-weight:800;letter-spacing:.12em}.oi1{top:8%;left:43%}.oi2{right:-1%;top:46%}.oi3{bottom:8%;left:43%}.oi4{left:-2%;top:46%}
.protection-section{padding:95px 6vw;background:#f7f5ef}.protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.protection-card{position:relative;background:white;border:1px solid #e2dccf;border-radius:20px;padding:32px;min-height:500px;display:flex;flex-direction:column}.featured-protection{background:#11161b;color:white;border-color:#a57d2d;box-shadow:0 25px 55px rgba(20,20,18,.12)}
.card-kicker{font-size:10px;letter-spacing:.14em;color:#9b762c;font-weight:800}.protection-card h3{font-family:Montserrat,sans-serif;font-size:30px;margin:18px 0 12px}.card-intro{color:#69717a;line-height:1.6;font-size:14px;min-height:70px}.featured-protection .card-intro{color:#aeb6be}
.protection-card ul{list-style:none;padding:20px 0 0;margin:10px 0 30px;border-top:1px solid #e8e2d7}.featured-protection ul{border-color:rgba(255,255,255,.12)}.protection-card li{padding:10px 0 10px 24px;position:relative;font-size:14px;line-height:1.4}.protection-card li:before{content:"✓";position:absolute;left:0;color:#a77e2d;font-weight:800}.featured-protection li{color:#d5d9dd}.service-action{margin-top:auto;color:#a17a2d;font-weight:800;font-size:14px}.featured-protection .service-action{color:var(--gold-2)}
.recommended{position:absolute;right:20px;top:18px;background:var(--gold);color:#111;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.1em}.pricing-note{margin:26px 0 0;color:#707881;font-size:13px}
.capability-band{padding:95px 6vw;background:#0d1115;color:white}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.09)}
.capability-grid article{background:#12171c;padding:30px;min-height:220px}.capability-grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(214,171,70,.09);color:var(--gold-2);font-weight:800}.capability-grid h3{margin:35px 0 10px}.capability-grid p{color:#9ea6ae;font-size:13px;line-height:1.6}
.fleet-service{padding:100px 6vw;display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;background:#f3efe5}.fleet-service h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.04em;margin:0 0 20px}.fleet-service p{color:#646d76;line-height:1.7;font-size:17px}
.fleet-points{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd4c4}.fleet-points div{min-height:130px;padding:24px;border:1px solid #e5deD1;background:white}.fleet-points b{display:block;color:#a57d2d;font-size:11px;margin-bottom:35px}.fleet-points span{font-weight:700}
.service-cta{padding:85px 6vw;background:linear-gradient(120deg,#11161b,#080a0d);color:white;display:flex;justify-content:space-between;align-items:end;gap:50px}.service-cta h2{font-family:Montserrat,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){.services-hero,.fleet-service{grid-template-columns:1fr}.service-orbit{max-width:430px}.protection-grid{grid-template-columns:1fr}.protection-card{min-height:auto}.capability-grid{grid-template-columns:1fr 1fr}.service-cta{align-items:flex-start;flex-direction:column}.cta-actions{justify-content:flex-start}}
@media(max-width:620px){.services-hero,.protection-section,.capability-band,.fleet-service,.service-cta{padding-left:22px;padding-right:22px}.services-hero{padding-top:60px}.capability-grid,.fleet-points{grid-template-columns:1fr}.service-orbit{width:320px}.oi2{right:-4%}.oi4{left:-4%}}

/* Build 4 — Business & Fleet */
.fleet-hero-page{min-height:650px;padding:80px 6vw;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;background:linear-gradient(125deg,#080a0d,#11171d);color:white}.fleet-hero-page h1{font-family:Montserrat,sans-serif;font-size:clamp(48px,5.8vw,80px);line-height:.97;letter-spacing:-.05em;margin:0 0 25px}.fleet-hero-page h1 span{color:var(--gold-2)}.fleet-hero-page>div>p:not(.eyebrow){color:#b9c0c7;max-width:700px;font-size:18px;line-height:1.7}
.fleet-console{background:#151a20;border:1px solid rgba(214,171,70,.22);border-radius:22px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.3)}.fleet-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:5px;background:rgba(255,255,255,.08)}.fleet-stats div{background:#11161b;padding:24px}.fleet-stats small{display:block;color:#737d86;letter-spacing:.1em}.fleet-stats strong{display:block;font-size:36px;color:white;margin:8px 0}.fleet-stats span{color:#9fa7ae;font-size:11px}.fleet-lines{height:115px;margin-top:15px;border-radius:12px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(255,255,255,.04) 28px)}.fleet-lines i{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);width:65%;transform:rotate(-8deg);left:15%;top:55%}.fleet-lines i:nth-child(2){top:40%;width:45%;left:5%;transform:rotate(12deg)}.fleet-lines i:nth-child(3){top:67%;width:48%;left:48%;transform:rotate(6deg)}.fleet-lines i:nth-child(4){top:25%;width:30%;left:55%;transform:rotate(-15deg)}.fleet-lines span{position:absolute;bottom:8px;left:10px;color:#66717a;font-size:9px;letter-spacing:.12em}
.fleet-value{padding:100px 6vw;background:#f7f5ef}.business-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.business-benefits article{background:white;border:1px solid #e4ded2;border-radius:18px;padding:28px;min-height:270px}.business-benefits b{color:#a17a2d;font-size:11px}.business-benefits h3{margin:50px 0 12px;font-size:21px}.business-benefits p{color:#6c747c;line-height:1.6;font-size:13px}
.fleet-usecases{padding:95px 6vw;background:#0d1115;color:white}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08)}.usecase-grid article{background:#12171c;padding:28px;min-height:250px}.usecase-grid span{width:48px;height:48px;display:grid;place-items:center;background:rgba(214,171,70,.09);border-radius:12px;color:var(--gold-2)}.usecase-grid h3{margin:48px 0 12px}.usecase-grid p{color:#9da6ae;line-height:1.6;font-size:13px}
.fleet-vse{padding:100px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;background:#f3efe5}.fleet-vse-logo{display:grid;place-items:center;min-height:380px;border-radius:50%;background:radial-gradient(circle,rgba(214,171,70,.14),transparent 62%)}.fleet-vse-logo img{width:min(300px,70%)}.fleet-vse h2,.partner-section h2,.fleet-contact h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4.7vw,60px);line-height:1.03;letter-spacing:-.04em;margin:0 0 20px}.fleet-vse p,.fleet-contact p{color:#626b74;font-size:17px;line-height:1.7}.mini-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:30px 0}.mini-flow span{background:white;border:1px solid #ddd5c7;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:700}.mini-flow b{color:#a17a2d}
.partner-section{padding:100px 6vw;background:#11161b;color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.partner-section>p{color:#aeb5bc;font-size:17px;line-height:1.8;margin:0}
.fleet-contact{padding:100px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:white}.fleet-contact-card{border:1px solid #e2dccf;border-radius:18px;overflow:hidden}.fleet-contact-card a{display:block;padding:22px;border-bottom:1px solid #e8e2d7}.fleet-contact-card a:last-child{border-bottom:0}.fleet-contact-card small{display:block;color:#9a762d;font-size:9px;letter-spacing:.13em;margin-bottom:7px}.fleet-contact-card strong{font-size:16px;overflow-wrap:anywhere}
@media(max-width:980px){.fleet-hero-page,.fleet-vse,.partner-section,.fleet-contact{grid-template-columns:1fr}.business-benefits,.usecase-grid{grid-template-columns:1fr 1fr}.fleet-vse-logo{min-height:300px;max-width:500px}}
@media(max-width:620px){.fleet-hero-page,.fleet-value,.fleet-usecases,.fleet-vse,.partner-section,.fleet-contact{padding-left:22px;padding-right:22px}.fleet-hero-page{padding-top:60px}.business-benefits,.usecase-grid{grid-template-columns:1fr}.fleet-stats{grid-template-columns:1fr 1fr}.partner-section{gap:30px}}

/* Build 5 — About & Contact */
.about-hero-page,.contact-hero-page{min-height:610px;padding:85px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;background:linear-gradient(125deg,#080a0d,#12181e);color:white}.about-hero-page h1,.contact-hero-page h1{font-family:Montserrat,sans-serif;font-size:clamp(48px,5.8vw,80px);line-height:.97;letter-spacing:-.05em;margin:0 0 25px}.about-hero-page h1 span,.contact-hero-page h1 span{color:var(--gold-2)}.about-hero-page p:not(.eyebrow),.contact-hero-page p:not(.eyebrow){color:#b7bec5;font-size:18px;line-height:1.75}.about-hero-page>img{width:min(440px,100%);justify-self:center;border-radius:20px;background:white;padding:18px}
.our-belief,.about-cta{padding:100px 6vw;max-width:1100px}.our-belief h2,.about-cta h2,.consult-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.04em;margin:0 0 20px}.our-belief>p:last-child,.about-cta>p{max-width:800px;color:#626b74;font-size:18px;line-height:1.75}
.about-pillars{padding:0 6vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-pillars article{border:1px solid #e2dccf;border-radius:18px;padding:30px;min-height:260px}.about-pillars b{color:#a17a2d}.about-pillars h3{font-size:27px;margin:55px 0 12px}.about-pillars p{color:#68717a;line-height:1.6}
.about-vse{padding:90px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;background:#101419;color:white}.about-vse img{width:min(300px,80%);justify-self:center}.about-vse h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.04em;margin:0 0 20px}.about-vse p:not(.eyebrow){color:#aeb6bd;line-height:1.75;font-size:17px;max-width:750px}
.contact-direct{border:1px solid rgba(214,171,70,.2);border-radius:20px;overflow:hidden;background:#11161b}.contact-direct a{display:block;padding:23px;border-bottom:1px solid rgba(255,255,255,.09)}.contact-direct a:last-child{border:0}.contact-direct small{display:block;color:#b68c36;letter-spacing:.14em;font-size:9px}.contact-direct strong{display:block;margin:7px 0;font-size:18px;overflow-wrap:anywhere}.contact-direct span{color:#8f98a1;font-size:11px}
.consult-section{padding:100px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#f5f2ea}.consult-copy p{color:#68717a;line-height:1.7}.consult-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:white;border:1px solid #e1d9cb;border-radius:20px;padding:30px}.consult-form label{font-size:12px;font-weight:700;color:#555e66}.consult-form input,.consult-form select,.consult-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #dcd5c9;border-radius:9px;padding:13px;font:inherit;background:#fbfaf7}.consult-form textarea{resize:vertical}.consult-form .full{grid-column:1/-1}.consult-form button{border:0;cursor:pointer;width:max-content}.contact-note{padding:35px 6vw;background:#101419;color:white;display:flex;justify-content:space-between;gap:30px}.contact-note strong,.contact-note span{display:block}.contact-note span{color:#8f98a1;font-size:11px;margin-top:6px}
@media(max-width:980px){.about-hero-page,.contact-hero-page,.about-vse,.consult-section{grid-template-columns:1fr}.about-pillars{grid-template-columns:1fr}.about-hero-page>img{justify-self:start;max-width:400px}.consult-section{gap:35px}}
@media(max-width:620px){.about-hero-page,.contact-hero-page,.our-belief,.about-pillars,.about-vse,.about-cta,.consult-section,.contact-note{padding-left:22px;padding-right:22px}.consult-form{grid-template-columns:1fr;padding:22px}.consult-form .full{grid-column:auto}.contact-note{flex-direction:column}}

/* Build 6 — Launch Polish */
:focus-visible {
  outline: 3px solid var(--gold-2);
  outline-offset: 3px;
}
.nav a.active-nav {
  color: var(--gold-2);
}
.nav a.active-nav:not(.nav-cta) {
  position: relative;
}
.nav a.active-nav:not(.nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
  height: 2px;
  background: var(--gold);
}
.btn, .service-action, .text-link, .contact-card a, .fleet-contact-card a, .contact-direct a {
  transition: transform .18s ease, opacity .18s ease, border-color .18s ease;
}
.btn:hover, .service-action:hover, .text-link:hover {
  transform: translateY(-1px);
}
.contact-card a:hover, .fleet-contact-card a:hover, .contact-direct a:hover {
  background: rgba(214,171,70,.04);
}
img {
  max-width: 100%;
}
section {
  scroll-margin-top: 88px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
@media (max-width: 620px) {
  .nav a.active-nav:not(.nav-cta)::after { display:none; }
  .hero-actions .btn, .cta-actions .btn {
    width: 100%;
  }
  .hero-actions {
    align-items: stretch;
  }
}

/* Build 7.3 — Specials */
.promo-banner{display:flex;justify-content:center;align-items:center;gap:28px;padding:11px 6vw;background:linear-gradient(90deg,#d4a73f,#f1ca69);color:#111;font-size:13px;font-weight:700}.promo-banner a{font-weight:900;text-decoration:underline}
.specials-hero{min-height:590px;padding:80px 6vw;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;background:radial-gradient(circle at 80% 45%,rgba(214,171,70,.16),transparent 26%),linear-gradient(125deg,#080a0d,#11161c);color:white}.specials-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(50px,6vw,84px);line-height:.96;letter-spacing:-.05em;margin:0 0 25px}.specials-hero h1 span{color:var(--gold-2)}.specials-hero p:not(.eyebrow){color:#b9c0c7;font-size:18px;line-height:1.7;max-width:690px}
.special-badge{width:min(340px,80vw);aspect-ratio:1;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;align-content:center;justify-self:center;background:radial-gradient(circle,rgba(214,171,70,.14),transparent 65%);box-shadow:0 0 80px rgba(214,171,70,.08)}.special-badge strong{font-family:Montserrat,sans-serif;font-size:48px;color:var(--gold-2)}.special-badge span{font-size:20px;font-weight:800;letter-spacing:.16em}.special-badge small{margin-top:10px;color:#9da5ad;letter-spacing:.15em}
.specials-current{padding:100px 6vw;background:#f6f3eb}.special-card-featured{position:relative;display:grid;grid-template-columns:1.35fr .65fr;border:1px solid #dfd7ca;border-radius:24px;overflow:hidden;background:white;box-shadow:0 24px 55px rgba(25,25,21,.07)}.special-copy{padding:48px}.special-ribbon{position:absolute;top:20px;right:20px;background:#11161b;color:var(--gold-2);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.1em}.special-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(34px,4.3vw,58px);line-height:1.03;letter-spacing:-.04em;margin:0 0 15px}.special-lead{color:#69717a;font-size:16px;line-height:1.7;max-width:750px}.special-price{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin:30px 0}.special-price div{border:1px solid #e2dccf;border-radius:14px;padding:20px;background:#fbfaf7}.special-price small{display:block;color:#9a762d;font-size:9px;letter-spacing:.12em;margin-bottom:8px}.special-price strong{font-size:26px}.special-list{list-style:none;padding:20px 0;margin:0 0 28px;border-top:1px solid #ebe5da;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.special-list li{position:relative;padding:9px 0 9px 22px;color:#59626a;font-size:14px}.special-list li:before{content:"✓";position:absolute;left:0;color:#a27a2d;font-weight:800}.special-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.special-vse-panel{background:#101419;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.special-vse-panel img{width:min(260px,75%)}.special-vse-panel p{margin:22px 0 6px}.special-vse-panel span{font-size:12px;color:#9ea6ae}.special-terms{margin:18px 0 0;color:#747c84;font-size:11px;line-height:1.6}
.specials-other{padding:95px 6vw}.special-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.special-placeholder-grid article{border:1px solid #e2dccf;border-radius:18px;padding:28px;min-height:220px}.special-placeholder-grid span{color:#a17a2d;font-size:11px;font-weight:800}.special-placeholder-grid h3{margin:45px 0 12px}.special-placeholder-grid p{color:#68717a;line-height:1.6;font-size:14px}
@media(max-width:980px){.specials-hero,.special-card-featured{grid-template-columns:1fr}.special-badge{justify-self:start}.special-placeholder-grid{grid-template-columns:1fr}.special-vse-panel{min-height:350px}}
@media(max-width:620px){.promo-banner{flex-direction:column;gap:4px;text-align:center}.specials-hero,.specials-current,.specials-other{padding-left:22px;padding-right:22px}.special-copy{padding:28px}.special-price,.special-list{grid-template-columns:1fr}.special-badge{width:280px}}

/* Fleet VSE logo replacement — Fleet page only */
.fleet-vse-logo img[src="assets/vse-fleet-logo.png"] {
  width: min(440px, 92%);
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
  display: block;
}

/* Build 8.5 — Social Sharing */
.share-trail-tech{
  position:relative;
  display:flex;
  justify-content:center;
  padding:28px 6vw;
  background:#f6f3eb;
  border-top:1px solid #e4ded2;
}
.share-main-btn{
  border:0;
  border-radius:999px;
  padding:12px 22px;
  background:#11161b;
  color:#f0c96c;
  font-weight:800;
  cursor:pointer;
  letter-spacing:.02em;
}
.share-main-btn:hover{transform:translateY(-1px)}
.share-menu{
  display:none;
  position:absolute;
  bottom:78px;
  left:50%;
  transform:translateX(-50%);
  min-width:210px;
  background:#11161b;
  border:1px solid rgba(214,171,70,.28);
  border-radius:14px;
  padding:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  z-index:20;
}
.share-menu.open{display:grid}
.share-menu a,.share-menu button{
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  padding:11px 12px;
  border-radius:9px;
  font:inherit;
  cursor:pointer;
}
.share-menu a:hover,.share-menu button:hover{
  background:rgba(214,171,70,.10);
  color:#f0c96c;
}

/* Build 8.6 — Packages & Devices */
.packages-hero{min-height:600px;padding:80px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:linear-gradient(125deg,#080a0d,#12181e);color:white}
.packages-hero h1{font-family:Montserrat,sans-serif;font-size:clamp(48px,5.8vw,80px);line-height:.97;letter-spacing:-.05em;margin:0 0 25px}
.packages-hero h1 span{color:var(--gold-2)}
.packages-hero p:not(.eyebrow){color:#b9c0c7;font-size:18px;line-height:1.7;max-width:700px}
.packages-hero-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(214,171,70,.2);border-radius:20px;overflow:hidden}
.packages-hero-panel div{background:#11161b;padding:28px 20px;text-align:center}
.packages-hero-panel small{display:block;color:#8a939c;font-size:9px;letter-spacing:.13em}
.packages-hero-panel strong{display:block;color:var(--gold-2);font-size:28px;margin:10px 0}
.packages-hero-panel span{font-size:11px;color:#c0c6cc}
.packages-section{padding:100px 6vw;background:#f7f5ef}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.package-card{position:relative;background:white;border:1px solid #e1dacf;border-radius:20px;padding:32px;min-height:520px;display:flex;flex-direction:column}
.featured-package{background:#11161b;color:white;border-color:#aa8130}
.vision-package{border-color:#b28c42}
.package-label{font-size:9px;letter-spacing:.14em;color:#9d772d;font-weight:800}
.package-featured-tag{position:absolute;top:18px;right:18px;background:var(--gold);color:#111;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.1em}
.package-card h3{font-family:Montserrat,sans-serif;font-size:30px;margin:18px 0 5px}
.package-type{color:#717a83;font-size:13px;margin:0 0 20px}
.featured-package .package-type{color:#aeb6be}
.package-price{border-top:1px solid #e8e2d7;border-bottom:1px solid #e8e2d7;padding:22px 0;margin:8px 0 20px}
.featured-package .package-price{border-color:rgba(255,255,255,.12)}
.package-price strong{display:block;font-size:30px;color:#111}
.featured-package .package-price strong{color:var(--gold-2)}
.package-price span{display:block;margin-top:6px;color:#7a838b;font-size:11px}
.package-card ul{list-style:none;padding:0;margin:0 0 30px}
.package-card li{position:relative;padding:10px 0 10px 24px;color:#606971;font-size:14px}
.featured-package li{color:#d1d6db}
.package-card li:before{content:"✓";position:absolute;left:0;color:#a57d2d;font-weight:800}
.package-card .btn{margin-top:auto;width:max-content}
.dark-btn{border:1px solid #cfc7b9;color:#222}
.package-vse{padding:90px 6vw;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;background:#101419;color:white}
.package-vse h2{font-family:Montserrat,sans-serif;font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.04em;margin:0 0 20px}
.package-vse p:not(.eyebrow){color:#adb5bd;line-height:1.7;font-size:17px;max-width:780px}
.package-vse img{width:min(300px,80%);justify-self:center}
.package-note{padding:26px 6vw;background:#e9e4d8;display:flex;gap:12px;justify-content:center;color:#4f565d;font-size:13px}
.packages-home-callout{padding:54px 6vw;background:#f3efe5;display:flex;align-items:center;justify-content:space-between;gap:40px}
.packages-home-callout h2{font-family:Montserrat,sans-serif;font-size:clamp(28px,3.5vw,46px);margin:0 0 12px;letter-spacing:-.035em}
.packages-home-callout p:not(.eyebrow){color:#667079;line-height:1.6}
@media(max-width:980px){.packages-hero,.package-vse{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.packages-home-callout{align-items:flex-start;flex-direction:column}.packages-hero-panel{max-width:650px}}
@media(max-width:620px){.packages-hero,.packages-section,.package-vse,.package-note,.packages-home-callout{padding-left:22px;padding-right:22px}.packages-hero{padding-top:60px}.packages-hero-panel{grid-template-columns:1fr}.package-card{min-height:auto}.package-note{flex-direction:column}}

/* Build 8.6 corrected — Packages VSE logo */
.package-vse img[src="assets/vse-packages-logo.png"]{
  width:min(360px,86%);
  height:auto;
  object-fit:contain;
  border-radius:0;
  display:block;
  justify-self:center;
}

/* Build 8.6.1 — Enquiry WhatsApp Fix */
.enquiry-helper{
  margin:10px 0 0;
  color:#6e7780;
  font-size:12px;
  line-height:1.5;
}