.fleet-site-header { background: color-mix(in srgb,var(--header) 91%,transparent); border-color: var(--border); backdrop-filter: blur(22px) saturate(150%); }
.fleet-site-header .rsh-brand { flex: 0 0 auto; }
.fleet-hero { position:relative; min-height:820px; padding:148px 0 88px; display:grid; align-items:center; overflow:hidden; }
.fleet-grid-bg { position:absolute; inset:0; pointer-events:none; mask-image:linear-gradient(#000 60%,transparent); }
.fleet-grid-bg::before { content:""; position:absolute; inset:-30% -12%; opacity:.34; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:64px 64px; transform:perspective(900px) rotateX(62deg) translateY(-9%); transform-origin:center top; }
.fleet-hero::after { content:""; position:absolute; width:650px; height:650px; right:-150px; top:-180px; border-radius:50%; background:radial-gradient(circle,rgba(24,224,173,.16),transparent 68%); filter:blur(8px); pointer-events:none; }
.fleet-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.96fr) minmax(480px,1.04fr); gap:70px; align-items:center; }
.fleet-hero-copy h1 { margin:22px 0 0; max-width:690px; font-size:clamp(56px,6.4vw,88px); line-height:.94; letter-spacing:-.067em; }
.fleet-hero-copy h1 span { display:block; }
.fleet-hero-copy > p { max-width:640px; margin:27px 0 0; color:var(--muted); font-size:clamp(17px,1.7vw,20px); }

.fleet-console { position:relative; padding:27px; border:1px solid var(--accent-border); border-radius:30px; background:radial-gradient(circle at 92% 0,rgba(24,224,173,.13),transparent 18rem),var(--surface); box-shadow:var(--shadow); overflow:hidden; }
.fleet-console::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:34px 34px; pointer-events:none; }
.fleet-console > * { position:relative; z-index:1; }
.fleet-console-top { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.fleet-console-top h2 { margin:9px 0 0; font-size:27px; letter-spacing:-.04em; }
.fleet-live { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid var(--accent-border); border-radius:999px; color:var(--accent); background:var(--accent-soft); font:800 10px/1 var(--mono); }
.fleet-live i { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 13px var(--accent); }
.fleet-console-hero { display:grid; grid-template-columns:1fr 132px; gap:18px; align-items:center; margin-top:25px; padding:23px; border:1px solid var(--border); border-radius:20px; background:var(--surface-solid); }
.fleet-console-hero > div:first-child { display:grid; }
.fleet-console-hero span,.fleet-console-metrics span,.fleet-console small { color:var(--muted); font-size:11px; }
.fleet-console-hero strong { margin-top:7px; color:var(--accent); font:800 54px/1 var(--mono); }
.fleet-console-hero small { margin-top:8px; }
.fleet-donut { width:112px; height:112px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--accent) 0 75%,var(--border-strong) 75% 100%); position:relative; }
.fleet-donut::after { content:""; position:absolute; inset:11px; border-radius:50%; background:var(--surface-solid); }
.fleet-donut strong { position:relative; z-index:1; margin:0; color:var(--text); font-size:21px; }
.fleet-console-metrics { display:grid; grid-template-columns:1fr 1.35fr; gap:12px; margin-top:12px; }
.fleet-console-metrics > div { min-height:105px; display:grid; align-content:center; padding:18px; border:1px solid var(--border); border-radius:18px; background:var(--surface-solid); }
.fleet-console-metrics strong { margin-top:7px; font:800 25px/1 var(--mono); }
.fleet-console-metrics small { margin-top:7px; }
.fleet-driver-list { display:grid; gap:8px; margin-top:12px; }
.fleet-driver-list > span { display:grid; grid-template-columns:34px 1fr auto; gap:11px; align-items:center; padding:10px 12px; border:1px solid var(--border); border-radius:14px; background:var(--surface-solid); }
.fleet-driver-list i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--accent); background:var(--accent-soft); font:800 10px/1 var(--mono); }
.fleet-driver-list b { font-size:12px; }
.fleet-driver-list em { color:var(--muted); font:700 10px/1 var(--mono); font-style:normal; }

.fleet-proof { position:relative; z-index:3; padding-bottom:34px; }
.fleet-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid var(--border); border-radius:20px; background:var(--surface); box-shadow:var(--shadow-sm); }
.fleet-proof-grid > div { min-height:84px; display:flex; align-items:center; gap:13px; padding:20px; border-right:1px solid var(--border); }
.fleet-proof-grid > div:last-child { border-right:0; }
.fleet-proof-grid span { color:var(--accent); font:800 11px/1 var(--mono); }
.fleet-proof-grid strong { color:var(--muted); font-size:13px; }

.fleet-capabilities { padding-top:115px; }
.fleet-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:52px; }
.fleet-feature-card { min-height:270px; padding:28px; position:relative; overflow:hidden; border:1px solid var(--border); border-radius:23px; background:var(--surface); transition:transform .22s var(--ease),border-color .22s ease; }
.fleet-feature-card:hover { transform:translateY(-4px); border-color:var(--accent-border); }
.fleet-feature-card:first-child { grid-column:span 2; background:radial-gradient(circle at 93% 5%,rgba(24,224,173,.15),transparent 17rem),var(--surface); }
.fleet-feature-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--accent-border); border-radius:14px; color:var(--accent); background:var(--accent-soft); }
.fleet-feature-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fleet-feature-card h3 { margin:45px 0 0; font-size:22px; letter-spacing:-.035em; }
.fleet-feature-card p { max-width:440px; margin:10px 0 0; color:var(--muted); font-size:14px; }

.fleet-pricing-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:18px; align-items:start; margin-top:52px; }
.fleet-calculator,.fleet-tier-card { border:1px solid var(--border); border-radius:25px; background:var(--surface); box-shadow:var(--shadow-sm); }
.fleet-calculator { padding:30px; }
.fleet-calc-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.fleet-calc-head label { font-weight:800; }
.fleet-calc-head output { min-width:60px; padding:8px 11px; border:1px solid var(--accent-border); border-radius:10px; color:var(--accent); background:var(--accent-soft); text-align:center; font:800 14px/1 var(--mono); }
#fleetSeats { width:100%; height:5px; margin:28px 0 31px; border:0; border-radius:999px; outline:0; appearance:none; background:linear-gradient(90deg,var(--accent) 0 var(--fleet-slider-progress,18.4%),var(--border-strong) var(--fleet-slider-progress,18.4%) 100%); cursor:pointer; }
#fleetSeats::-webkit-slider-thumb { width:23px; height:23px; appearance:none; border:5px solid var(--surface-solid); border-radius:50%; background:var(--accent); box-shadow:0 0 0 1px var(--accent),0 6px 16px rgba(24,224,173,.28); }
#fleetSeats::-moz-range-thumb { width:14px; height:14px; border:5px solid var(--surface-solid); border-radius:50%; background:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.fleet-calc-result { min-height:206px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fleet-calc-metric { display:grid; align-content:center; padding:17px; border:1px solid var(--border); border-radius:16px; background:var(--surface-solid); }
.fleet-calc-metric span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.fleet-calc-metric strong { margin-top:8px; color:var(--accent); font:800 20px/1.15 var(--mono); }
.fleet-calc-message { grid-column:1/-1; display:grid; place-items:center; padding:25px; border:1px solid var(--accent-border); border-radius:18px; background:var(--accent-soft); color:var(--muted); text-align:center; }
.fleet-calc-message a { min-height:44px; display:inline-flex; align-items:center; margin-top:8px; color:var(--accent); font-weight:800; }
.fleet-tier-card { overflow:hidden; }
.fleet-tier-card h3 { margin:0; padding:24px 26px 18px; font-size:18px; }
.fleet-table-scroll { overflow-x:auto; }
.fleet-tier-card table { width:100%; border-collapse:collapse; }
.fleet-tier-card th,.fleet-tier-card td { padding:15px 26px; border-top:1px solid var(--border); text-align:left; white-space:nowrap; font-size:12px; }
.fleet-tier-card th { color:var(--muted); font:800 10px/1 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.fleet-tier-card td:nth-child(2) { font-family:var(--mono); }
.fleet-tier-card > p { margin:0; padding:17px 26px 22px; border-top:1px solid var(--border); color:var(--muted-2); font-size:10px; }
.fleet-tier-badge { display:inline-flex; padding:6px 8px; border-radius:999px; color:var(--accent); background:var(--accent-soft); font:800 10px/1 var(--mono); }
.fleet-tier-badge.enterprise { color:var(--warning); background:color-mix(in srgb,var(--warning) 10%,transparent); }

.fleet-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:52px; }
.fleet-steps article { min-height:260px; padding:28px; border:1px solid var(--border); border-radius:23px; background:var(--surface); }
.fleet-steps article > span { color:color-mix(in srgb,var(--accent) 35%,transparent); font:800 48px/1 var(--mono); }
.fleet-steps h3 { margin:42px 0 0; font-size:21px; letter-spacing:-.035em; }
.fleet-steps p { margin:10px 0 0; color:var(--muted); font-size:14px; }
.fleet-final { padding:10px 0 108px; }
.fleet-final-card { padding:72px; overflow:hidden; position:relative; border:1px solid var(--accent-border); border-radius:var(--radius-lg); background:radial-gradient(circle at 87% 0,rgba(24,224,173,.17),transparent 31rem),var(--surface); box-shadow:var(--shadow); }
.fleet-final-card::after { content:""; position:absolute; width:480px; height:480px; right:-130px; bottom:-260px; border:1px solid var(--accent-border); border-radius:50%; box-shadow:inset 0 0 0 80px rgba(24,224,173,.025),inset 0 0 0 160px rgba(24,224,173,.025); }
.fleet-final-card > * { position:relative; z-index:1; }
.fleet-final-card h2 { max-width:850px; margin:16px 0 0; font-size:clamp(42px,5vw,68px); line-height:.99; letter-spacing:-.055em; }
.fleet-final-card > p { max-width:650px; color:var(--muted); }

@media (max-width:1050px) {
  .fleet-site-header .desktop-nav { display:none; }
  .fleet-hero-grid { grid-template-columns:1fr 470px; gap:35px; }
  .fleet-feature-grid { grid-template-columns:1fr 1fr; }
  .fleet-feature-card:first-child { grid-column:span 2; }
  .fleet-pricing-layout { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .fleet-site-header .nav-actions > .segmented,.fleet-site-header .button-quiet { display:none; }
  .fleet-site-header .nav-actions { margin-left:auto; }
  .fleet-hero { min-height:auto; padding-top:125px; }
  .fleet-hero-grid { grid-template-columns:1fr; }
  .fleet-hero-copy { text-align:center; }
  .fleet-hero-copy .eyebrow,.fleet-hero-copy .hero-actions,.fleet-hero-copy .microcopy { justify-content:center; }
  .fleet-hero-copy > p { margin-inline:auto; }
  .fleet-console { width:min(100%,620px); margin:25px auto 0; }
}
@media (max-width:640px) {
  .fleet-site-header { height:68px; }
  .fleet-site-header .fleet-nav-cta { min-height:42px; padding:0 12px; font-size:12px; }
  .fleet-site-header .icon-button { display:none; }
  .fleet-hero { padding:108px 0 55px; }
  .fleet-hero-copy h1 { font-size:clamp(47px,14vw,66px); }
  .fleet-hero-copy > p { font-size:16px; }
  .fleet-hero-copy .hero-actions { display:grid; grid-template-columns:1fr; }
  .fleet-hero-copy .button { width:100%; }
  .fleet-console { padding:18px; border-radius:23px; }
  .fleet-console-top h2 { font-size:22px; }
  .fleet-console-hero { grid-template-columns:1fr 95px; padding:17px; }
  .fleet-donut { width:82px; height:82px; }
  .fleet-donut::after { inset:8px; }
  .fleet-console-hero strong { font-size:42px; }
  .fleet-console-metrics { grid-template-columns:1fr 1fr; }
  .fleet-proof-grid { grid-template-columns:1fr; }
  .fleet-proof-grid > div { min-height:68px; border-right:0; border-bottom:1px solid var(--border); }
  .fleet-proof-grid > div:last-child { border-bottom:0; }
  .fleet-capabilities { padding-top:75px; }
  .fleet-feature-grid,.fleet-steps { grid-template-columns:1fr; margin-top:36px; }
  .fleet-feature-card:first-child { grid-column:auto; }
  .fleet-feature-card,.fleet-steps article { min-height:235px; padding:23px; }
  .fleet-feature-card h3,.fleet-steps h3 { margin-top:34px; }
  .fleet-calculator { padding:22px; }
  .fleet-calc-result { grid-template-columns:1fr; }
  .fleet-calc-message { grid-column:auto; }
  .fleet-tier-card th,.fleet-tier-card td { padding:14px 18px; }
  .fleet-final { padding-bottom:72px; }
  .fleet-final-card { padding:44px 23px; border-radius:23px; }
  .fleet-final-card .hero-actions { display:grid; }
  .fleet-final-card .button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .fleet-feature-card { transition:none; }
}
