:root{
  --olive:#8D9093;
  --parchment:#F2F0EA;
  --carbon:#1D1F22;
  --onyx:#111214;
  --gold:#C9A24A;
  --white:#FFFFFF;
  --line:rgba(17,18,20,.14);
  --line-light:rgba(242,240,234,.16);
  --shell:1180px;
  --radius:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--parchment);color:var(--onyx);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}
.shell-wide{width:min(1460px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:fixed;left:14px;top:-80px;z-index:2000;background:var(--gold);color:var(--onyx);padding:12px 16px;font-size:13px;font-weight:700}.skip-link:focus{top:14px}

/* Brand + navigation */
.hero-nav,.page-nav{position:relative;z-index:20;padding-top:28px;display:flex;align-items:center;gap:28px}
.brand-lockup{display:flex;align-items:center;gap:15px;min-width:max-content}
.brand-mark{width:48px;height:56px;object-fit:contain}
.brand-word{width:178px;height:auto;object-fit:contain}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}
.main-nav>a{position:relative;color:var(--parchment);font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease}
.main-nav>a:not(.nav-whatsapp)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .3s ease}
.main-nav>a:hover::after,.main-nav>a.active::after{right:0}
.main-nav.dark-nav>a{color:var(--onyx)}
.nav-whatsapp{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--onyx)!important;padding:13px 18px;border:1px solid var(--gold);font-weight:800!important;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.nav-whatsapp:hover{background:var(--parchment);border-color:var(--parchment);transform:translateY(-1px)}
.main-nav.dark-nav .nav-whatsapp:hover{background:var(--onyx);color:var(--parchment)!important;border-color:var(--onyx)}
.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line-light);background:rgba(17,18,20,.35);padding:10px}
.menu-toggle span{display:block;height:1px;background:var(--parchment);margin:5px 0}
.page-nav .menu-toggle{border-color:var(--line);background:transparent}.page-nav .menu-toggle span{background:var(--onyx)}

/* Type */
.eyebrow,.section-kicker{margin:0 0 20px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:750;color:#676b70}
.section-kicker.light,.eyebrow.light{color:#b5b7ba}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:650;letter-spacing:-.045em}
em{font-family:"Inter",sans-serif;font-style:italic;font-weight:500}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:var(--onyx);border-color:var(--gold)}
.button-gold:hover{background:var(--parchment);border-color:var(--parchment)}
.button-dark{background:var(--onyx);color:var(--parchment);border-color:var(--onyx)}
.button-dark:hover{background:var(--carbon)}
.button-outline-light{background:transparent;color:var(--parchment);border-color:rgba(242,240,234,.45)}
.button-outline-light:hover{border-color:var(--parchment)}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.text-link span{transition:transform .25s ease}.text-link:hover span{transform:translateX(4px)}

/* Home hero */
.home-hero{position:relative;min-height:820px;background:var(--onyx);color:var(--parchment);overflow:hidden}
.home-hero-media{position:absolute;inset:-2%;transition:transform .3s ease-out}
.home-hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03) brightness(.66)}
.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,20,.94) 0%,rgba(17,18,20,.78) 38%,rgba(17,18,20,.38) 68%,rgba(17,18,20,.5) 100%),linear-gradient(0deg,rgba(17,18,20,.8),transparent 45%)}
.hero-copy-wrap{position:relative;z-index:3;min-height:720px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:58px}
.hero-copy{max-width:760px}
.hero-title{font-size:clamp(64px,7.9vw,126px);line-height:.94;margin:0 0 28px;letter-spacing:-.068em;max-width:980px}
.hero-title-line{display:block;overflow:hidden;padding-left:.04em;padding-right:.12em;padding-bottom:.16em;margin-left:-.04em;margin-right:-.12em;margin-bottom:-.10em}
.hero-title-line>span{display:block}
.hero-intro{max-width:660px;font-size:17px;line-height:1.72;color:#c7c9cb;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-trust{margin-top:48px;padding-top:22px;border-top:1px solid var(--line-light);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hero-trust strong{display:block;font-size:12px;margin-bottom:5px}.hero-trust span{font-size:11px;color:#9ca0a4}

/* Section system */
.section{padding:112px 0}
.section-dark{background:var(--onyx);color:var(--parchment)}
.section-carbon{background:var(--carbon);color:var(--parchment)}
.section-light{background:var(--parchment)}
.section-grey{background:#e4e3df}
.section-head{display:grid;grid-template-columns:220px 1fr;gap:70px;align-items:start;margin-bottom:64px}
.section-head h2{font-size:clamp(46px,5.6vw,84px);line-height:.96;margin:0;max-width:900px}
.section-head p:last-child{max-width:650px;font-size:15px;line-height:1.7;color:#686b6f}
.section-dark .section-head p:last-child,.section-carbon .section-head p:last-child{color:#b4b6b8}

/* Offer / trust */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.offer-card{padding:34px 34px 36px;border-right:1px solid var(--line);min-height:245px}.offer-card:last-child{border-right:0}
.offer-card i{font-size:22px;color:var(--gold)}
.offer-card h3{font-size:24px;margin:48px 0 12px}.offer-card p{color:#686b6f;line-height:1.65;font-size:14px;margin:0}

/* Pricing */

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.price-card{
  background:var(--carbon);
  border:1px solid rgba(242,240,234,.14);
  padding:32px;
  min-height:490px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  transition:
    transform .3s ease,
    border-color .3s ease,
    background .3s ease;
}

/* Middle pricing card - Fleet One Secure */
.pricing-grid .price-card:nth-child(2){
  background:#5A5D62 !important;
}

.price-card:hover{
  transform:translateY(-5px);
  border-color:rgba(201,162,74,.72);
  background:#222427;
}

/* Middle pricing card hover */
.pricing-grid .price-card:nth-child(2):hover{
  background:#3B3E42 !important;
}

.price-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:var(--gold);
  transform:scaleX(.22);
  transform-origin:left;
  transition:transform .35s ease;
}

.price-card:hover::before{
  transform:scaleX(1);
}

.price-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:9px;
  color:#9da0a3;
}

.price-card h3{
  font-size:36px;
  line-height:1;
  margin:58px 0 18px;
}

.price-copy{
  font-size:14px;
  line-height:1.65;
  color:#b6b8ba;
  min-height:68px;
  margin-bottom:24px;
}

.price-number{
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin-bottom:8px;
}

.price-number strong{
  font-size:54px;
  line-height:.9;
  letter-spacing:-.06em;
}

.price-number span{
  font-size:12px;
  color:#b6b8ba;
  padding-bottom:7px;
}

.price-term{
  font-size:11px;
  color:#9da0a3;
  margin-bottom:24px;
}

.price-highlight{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:26px;
}

.price-list{
  list-style:none;
  padding:20px 0 0;
  margin:0 0 30px;
  border-top:1px solid var(--line-light);
}

.price-list li{
  font-size:12px;
  color:#c6c8ca;
  padding:7px 0;
  display:flex;
  gap:10px;
}

.price-list li::before{
  content:"•";
  color:var(--gold);
}

.price-card .button{
  margin-top:auto;
  width:100%;
}

.pricing-note{
  margin-top:20px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  color:#9da0a3;
  font-size:11px;
  line-height:1.6;
}

.pricing-note a{
  color:var(--parchment);
}

/* Lead capture */
.lead-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.lead-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.96;margin-bottom:24px}.lead-copy>p:last-of-type{max-width:540px;color:#6d7074;line-height:1.7;font-size:15px}
.lead-points{margin-top:42px;border-top:1px solid var(--line)}.lead-point{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.lead-point i{color:var(--gold)}
.lead-form{background:var(--onyx);color:var(--parchment);padding:38px}
.lead-form h3{font-size:30px;margin-bottom:24px}.field{display:block;margin-bottom:18px}.field span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#9da0a3;margin-bottom:9px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(242,240,234,.18);background:#161719;color:var(--parchment);padding:14px 14px;outline:none;transition:border-color .2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.field select{min-height:48px}.lead-form .button{width:100%;margin-top:8px}.form-small{font-size:10px;line-height:1.55;color:#8f9295;margin:12px 0 0}.form-small a{text-decoration:underline;text-underline-offset:3px}
.hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}

/* Experience / app */
.media-split{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.media-copy{padding:90px max(42px,calc((100vw - var(--shell))/2));display:flex;flex-direction:column;justify-content:center;background:var(--carbon);color:var(--parchment)}.media-copy h2{font-size:clamp(52px,5.2vw,78px);line-height:.96;margin-bottom:24px}.media-copy>p{max-width:590px;color:#b5b7b9;line-height:1.7;font-size:15px}.media-list{margin-top:34px}.media-list div{padding:18px 0;border-top:1px solid var(--line-light)}.media-list strong{display:block;font-size:14px;margin-bottom:6px}.media-list span{font-size:12px;color:#96999c}.media-visual{position:relative;min-height:650px;background:#090a0b;overflow:hidden}.media-visual video{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}

/* Process */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.process-step{padding:28px 34px 16px 0;border-right:1px solid var(--line);min-height:210px}.process-step:not(:first-child){padding-left:34px}.process-step:last-child{border-right:0}.process-step span{font-size:10px;color:#7c7f83}.process-step h3{font-size:27px;margin:58px 0 10px}.process-step p{font-size:13px;color:#6b6e72;line-height:1.6;max-width:290px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:340px 1fr;gap:86px}.faq-intro h2{font-size:clamp(48px,5vw,72px);line-height:.98}.faq-intro p{color:#6b6e72;line-height:1.65;font-size:14px}.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;border:0;background:transparent;color:var(--onyx);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;text-align:left;font-weight:700;font-size:15px}.faq-question i{transition:transform .25s ease}.faq-item.open .faq-question i{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:760px;color:#676a6e;font-size:14px;line-height:1.7;padding:0 42px 0 0;margin-bottom:0}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:24px}

/* Contact CTA */
.final-cta{background:var(--gold);color:var(--onyx);padding:86px 0}.final-cta-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.final-cta h2{font-size:clamp(50px,6vw,90px);line-height:.93;margin:0;max-width:900px}.final-cta .button{background:var(--onyx);color:var(--parchment);min-width:210px}

/* Footer */
.site-footer{background:var(--onyx);color:var(--parchment);padding:64px 0 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-bottom:56px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand .brand-mark{width:50px}.footer-brand .brand-word{width:185px}.footer-copy{margin-top:26px;max-width:470px;color:#9da0a3;font-size:12px;line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.footer-links strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#85888b;margin-bottom:14px}.footer-links a,.footer-links span{display:block;font-size:12px;color:#c6c8ca;margin:9px 0}.footer-bottom{border-top:1px solid var(--line-light);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#777b7e;font-size:10px}

/* Internal pages */
.page-hero{background:var(--parchment);padding-bottom:92px;border-bottom:1px solid var(--line)}
.page-nav{padding-bottom:48px}.page-hero-copy{padding-top:72px;max-width:980px}.page-hero-copy h1{font-size:clamp(62px,7vw,108px);line-height:.9;margin:0 0 26px}.page-hero-copy>p:last-child{max-width:700px;color:#676a6e;line-height:1.7;font-size:16px}
.page-section{padding:100px 0}
.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:36px;padding:34px 0;border-bottom:1px solid var(--line)}.service-row>span{font-size:10px;color:#7d8084}.service-row h2{font-size:31px;margin:0}.service-row p{font-size:14px;line-height:1.68;color:#676a6e;margin:0}
.product-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-page-grid .price-card{min-height:530px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact-details h2{font-size:clamp(46px,5vw,72px);line-height:.96}.contact-item{display:block;padding:20px 0;border-top:1px solid var(--line)}.contact-item small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#7c7f83;margin-bottom:8px}.contact-item strong{font-size:18px;font-weight:600;line-height:1.45}.contact-form{background:var(--carbon);color:var(--parchment);padding:38px}.contact-form h2{font-size:34px;margin-bottom:24px}
.legal-hero{background:var(--onyx);color:var(--parchment);padding-bottom:86px}.legal-nav{padding-top:28px;display:flex;align-items:center;justify-content:space-between}.legal-nav .brand-lockup{gap:13px}.legal-nav .brand-mark{width:44px}.legal-nav .brand-word{width:160px}.legal-back{font-size:11px;color:#c7c9cb}.legal-title{padding-top:80px}.legal-title h1{font-size:clamp(58px,7vw,100px);line-height:.92;margin-bottom:20px}.legal-title>p:last-child{color:#a7aaad;max-width:650px;line-height:1.7}.legal-section{padding:86px 0 110px}.legal-copy{max-width:840px}.legal-copy h2{font-size:26px;margin:42px 0 12px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{font-size:14px;line-height:1.8;color:#64676b}.legal-copy a{text-decoration:underline;text-underline-offset:3px}
.thanks{min-height:100vh;background:var(--onyx);color:var(--parchment);display:grid;place-items:center;padding:40px}.thanks-card{max-width:760px;text-align:center}.thanks-card .brand-lockup{justify-content:center;margin-bottom:54px}.thanks-card h1{font-size:clamp(54px,7vw,96px);line-height:.9;margin-bottom:22px}.thanks-card p{color:#aeb0b3;line-height:1.7;margin-bottom:30px}

/* Load + scroll motion */
.js .load-item{opacity:0;transform:translateY(22px)}
.js.is-loaded .load-item{animation:loadUp .8s cubic-bezier(.22,.72,.18,1) forwards}
.js.is-loaded .load-1{animation-delay:.08s}.js.is-loaded .load-2{animation-delay:.16s}.js.is-loaded .load-3{animation-delay:.24s}.js.is-loaded .load-4{animation-delay:.34s}.js.is-loaded .load-5{animation-delay:.44s}
.js .home-hero-media img{transform:scale(1.075)}.js.is-loaded .home-hero-media img{animation:heroImage 1.55s cubic-bezier(.22,.72,.18,1) .05s forwards}
.js .hero-title-line>span{transform:translateY(110%)}.js.is-loaded .hero-title-line>span{animation:titleIn .95s cubic-bezier(.2,.72,.15,1) forwards}.js.is-loaded .hero-title-line:nth-child(2)>span{animation-delay:.1s}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.22,.72,.18,1),transform .72s cubic-bezier(.22,.72,.18,1)}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@keyframes loadUp{to{opacity:1;transform:none}}@keyframes titleIn{to{transform:none}}@keyframes heroImage{to{transform:scale(1)}}

@media (max-width:1050px){
  .shell{width:min(var(--shell),calc(100% - 42px))}.main-nav{gap:20px}.brand-word{width:158px}.section-head{grid-template-columns:180px 1fr;gap:42px}.offer-card{padding:28px}.price-card{padding:26px}.lead-wrap{gap:55px}.faq-grid{grid-template-columns:280px 1fr;gap:55px}.footer-top{gap:55px}
}
@media (max-width:860px){
  .shell{width:calc(100% - 32px)}.shell-wide{width:calc(100% - 20px)}
  .brand-mark{width:42px;height:48px}.brand-word{width:145px}
  .menu-toggle{display:block}.main-nav{position:absolute;top:88px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(17,18,20,.98);padding:12px;border:1px solid var(--line-light);box-shadow:0 22px 50px rgba(0,0,0,.3)}.main-nav.open{display:flex}.main-nav>a{padding:14px 12px;border-bottom:1px solid var(--line-light);color:var(--parchment)!important}.main-nav>a::after{display:none}.main-nav.dark-nav{background:rgba(242,240,234,.99);border-color:var(--line)}.main-nav.dark-nav>a{color:var(--onyx)!important;border-bottom-color:var(--line)}.nav-whatsapp{margin-top:10px;justify-content:center;border-bottom:0!important}
  .home-hero{min-height:800px}.hero-copy-wrap{min-height:700px}.hero-title{font-size:clamp(60px,12vw,92px)}.hero-trust{grid-template-columns:repeat(2,1fr)}
  .section{padding:90px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:46px}.offer-grid,.pricing-grid,.product-page-grid{grid-template-columns:1fr}.offer-card{border-right:0;border-bottom:1px solid var(--line);min-height:0}.offer-card:last-child{border-bottom:0}.offer-card h3{margin-top:26px}.price-card{min-height:0}.pricing-note{flex-direction:column}
  .lead-wrap,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.media-split{grid-template-columns:1fr}.media-copy{padding:80px 32px}.media-visual{min-height:580px}.process-grid{grid-template-columns:1fr}.process-step,.process-step:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.final-cta-grid{grid-template-columns:1fr;align-items:start}.footer-top{grid-template-columns:1fr}.service-row{grid-template-columns:60px 1fr}.service-row p{grid-column:2/3}.page-hero-copy{padding-top:52px}
}
@media (max-width:560px){
  .hero-nav,.page-nav{padding-top:18px}.brand-lockup{gap:10px}.brand-mark{width:36px;height:42px}.brand-word{width:122px}.menu-toggle{width:39px;height:39px}
  .home-hero{min-height:760px}.hero-copy-wrap{min-height:675px;padding-bottom:34px}.hero-title{font-size:clamp(50px,14.8vw,76px)}.hero-intro{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-trust{display:none}
  .section{padding:76px 0}.section-head h2{font-size:clamp(42px,12vw,62px)}.lead-copy h2,.faq-intro h2,.media-copy h2{font-size:clamp(42px,12vw,62px)}.lead-form,.contact-form{padding:26px 20px}.price-card h3{font-size:32px}.price-number strong{font-size:48px}.media-copy{padding:70px 20px}.media-visual{min-height:500px}.faq-question{font-size:14px}.final-cta{padding:70px 0}.final-cta h2{font-size:clamp(44px,13vw,64px)}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding-bottom:72px}.page-hero-copy h1{font-size:clamp(50px,14vw,74px)}.service-row{grid-template-columns:42px 1fr;gap:16px}.service-row h2{font-size:26px}.contact-item strong{font-size:16px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .load-item,.js .hero-title-line>span,.js .home-hero-media img,.reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}