@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/* FV_KIT_V1 (15 Oct 2026): the group's Tuio-style look for fleetvero.com, in Fleetvero's own mint/teal colours.
   Loaded LAST in <head>, after fleetvero.css. Appearance only: font, colour, radius, shadow, spacing, hero alignment
   and a decorative line drawing. No text, links or headings change. */
:root{--f-ink:#0b2e33;--f-deep:#071f25;--f-muted:#4a676d;--f-line:#dcebe6;--f-mint:#00c49a;--f-teal:#087e68;--f-teal2:#0a6b58;--f-pale:#f2faf7;--f-pale2:#dff6ee;--f-soft:0 2px 6px rgba(7,31,37,.05),0 12px 28px rgba(7,31,37,.07)}
html body{font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--f-ink)}
html body h1,html body h2,html body h3{font-family:Poppins,system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.15}
html body h1{font-size:clamp(2.2rem,4.6vw,3.9rem)}
html body h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
html body .brand{font:700 1.2rem Poppins,system-ui,sans-serif}
html body .dash-card strong{font-family:Poppins,system-ui,sans-serif}
html body :focus-visible{outline:3px solid #f59e0b;outline-offset:2px}

/* header: solid white bar */
html body .site-header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--f-line)}
html body .desktop-nav a{font-weight:500}
html body .desktop-nav a:hover{color:var(--f-teal)}

/* buttons: pills */
html body .button{border-radius:999px;font-weight:600;padding:14px 26px;letter-spacing:.01em;box-shadow:0 6px 16px rgba(0,196,154,.22)}
html body .button-small{padding:10px 18px}
html body .button-ghost{box-shadow:none}
html body .actions{align-items:center}

/* kickers become chips */
html body .eyebrow{background:var(--f-pale2);color:var(--f-teal2);padding:7px 14px;border-radius:999px;letter-spacing:.06em;font-size:.72rem;font-weight:700}
html body .eyebrow:before{display:none}
html body .section-dark .eyebrow,html body .cta-box .eyebrow{background:rgba(105,231,199,.14);color:#8ff0d6}
html body .pill{border-radius:999px;background:#fff;border:1px solid var(--f-line);color:var(--f-teal2)}

/* homepage hero: centred, the dashboard drawing below it */
html body .hero{background:linear-gradient(180deg,#f3fbf8 0%,#fff 100%);padding:76px 0 70px}
html body .hero .hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}
html body .hero .hero-grid>div:first-child{max-width:820px;margin:0 auto}
html body .hero .lead{margin-left:auto;margin-right:auto}
html body .hero .actions,html body .hero .proof{justify-content:center}
html body .hero .dashboard{max-width:860px;width:100%;margin:0 auto;transform:none;border-radius:24px}

/* inner-page heroes: pale band, centred, a line-drawn route along the bottom (guides stay left-aligned for reading) */
html body .page-hero{padding:72px 0 104px;border-bottom:1px solid var(--f-line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='90' viewBox='0 0 1200 90'%3E%3Cpath d='M0 66 C180 20 330 86 520 48 S860 8 1020 54 S1160 62 1200 40' fill='none' stroke='%2300c49a' stroke-width='2.5' stroke-dasharray='2 9' stroke-linecap='round' opacity='.6'/%3E%3Cg fill='none' stroke='%23087e68' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M268 52 h46 v-22 h-30 l-16 12 z'/%3E%3Cpath d='M314 52 h22 v-12 l-8 -10 h-14'/%3E%3C/g%3E%3Ccircle cx='282' cy='54' r='5.5' fill='%23fff' stroke='%23087e68' stroke-width='2.2'/%3E%3Ccircle cx='324' cy='54' r='5.5' fill='%23fff' stroke='%23087e68' stroke-width='2.2'/%3E%3Ccircle cx='520' cy='48' r='7' fill='%23fff' stroke='%23087e68' stroke-width='3'/%3E%3Ccircle cx='1020' cy='54' r='7' fill='%23fff' stroke='%23087e68' stroke-width='3'/%3E%3C/svg%3E") center bottom 8px/1200px 90px no-repeat,var(--f-pale)}
html body .page-hero>.container:not(.split):not(.content){text-align:center;max-width:860px}
html body .page-hero>.container:not(.split):not(.content) .lead{margin-left:auto;margin-right:auto}
html body .page-hero>.container:not(.split):not(.content) .actions{justify-content:center}
html body .page-hero .dashboard{transform:none;border-radius:24px}

/* sections, cards, big numbers */
html body .section-soft{background:var(--f-pale)}
html body .section-dark .lead,html body .section-dark .content p,html body .section-dark .form-note{color:#b4ccd0}
html body .section-dark .form-note a{color:#8ff0d6;text-decoration:underline}
html body .card,html body .feature{border:1px solid var(--f-line);border-radius:22px;box-shadow:var(--f-soft);background:#fff}
html body .card-number{display:block;width:auto;height:auto;background:none;border-radius:0;color:var(--f-teal);font:700 2.2rem/1 Poppins,system-ui,sans-serif;letter-spacing:-.02em;margin-bottom:16px}
html body .feature-icon{border-radius:14px;background:var(--f-pale2);color:var(--f-teal2)}
html body .metric-panel{border-radius:24px;box-shadow:var(--f-soft)}
html body .cta-box{border-radius:28px}

/* forms */
html body .form-card{border-radius:24px;box-shadow:var(--f-soft)}
html body .field input,html body .field select,html body .field textarea{border-radius:12px}

/* footer */
html body .footer-grid h2{font-family:Poppins,system-ui,sans-serif;font-weight:600}

@media(max-width:850px){
html body .hero{padding:52px 0 56px}
html body .page-hero{padding:52px 0 96px}
}