/* Shared presentation for public pages. Operational maps and brand artwork
   retain their own geometry; content, navigation and forms use one theme. */
@layer creek-public-design {
  body.cf-site-style {
    --cf-paper:#f6f6f6!important;--cf-ink:#202124!important;--cf-muted:#656970!important;--cf-border:#e1e3e6!important;--cf-accent:#ff3600!important;
    --ink:#202124!important;--muted:#656970!important;--line:#e1e3e6!important;--soft:#f6f6f6!important;--orange:#ff3600!important;--orange2:#ff3600!important;
    --site-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    background:#fff!important;color:#202124!important;font-family:var(--site-font)!important;
  }
  .cf-site-style :is(h1,h2,h3,h4,p,li,button,input,select,textarea,label,summary,.button,.outline,.login,.legal-back,.cf-nav-column strong,.cf-nav-column small) {font-family:var(--site-font)!important}
  .cf-site-style :is(h1,h2,h3,h4) {color:#202124!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.025em!important}
  .cf-site-style :is(h1,h2) :is(em,strong,span) {font-family:inherit!important;font-style:normal!important;font-weight:inherit!important}
  .cf-site-style :is(.legal-shell h1,.faq-hero h1,.lfm-hero h1,.feature-hero h1,.hero-copy h1) {font-size:clamp(32px,4.2vw,56px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
  .cf-site-style :is(.section>h2,.section .section-title h2,.cf-editorial-intro h2,.cf-editorial-reasons h2,.home-faq-intro h2,.faq-help h2,.lfm-section h2,.lfm-dark h2,.lfm-cta h2,.contact-intro h2,.feature-cta h2) {font-size:clamp(26px,3.2vw,40px)!important;line-height:1.2!important}
  .cf-site-style :is(.section,.legal-main,.faq-hero,.faq-help,.lfm-hero,.lfm-section,.lfm-dark,.lfm-cta,.feature-hero,.feature-summary,.feature-stage,.feature-cta,.home-faq,.hero,.cf-site-footer) {background:#fff!important;background-image:none!important;border-color:#e1e3e6!important;box-shadow:none!important;border-radius:0!important;color:#202124!important}
  .cf-site-style :is(.section p,.legal-shell p,.legal-shell li,.faq-hero p,.faq-help p,.faq-answer p,.lfm-hero p,.lfm-section p,.lfm-dark p,.lfm-dark li,.lfm-cta p,.feature-hero p,.feature-cta p,.home-faq-answer) {color:#656970!important}
  .cf-site-style :is(.legal-eyebrow,.lfm-eyebrow,.lfm-section-heading>span,.lfm-dark-copy>span,.lfm-cta>div>span,.faq-hero>span,.faq-help>div>span,.contact-label) {color:#656970!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important}

  /* Shared square cards and form controls. */
  .cf-site-style :is(.legal-shell,.legal-contact,.faq-search,.faq-results article,.faq-help,.faq-empty,.faq-support-card,.cf-image-card,.fleet-card,.line-card,.table-card,.contact-form,.contact-direct,.demo-shell,.demo-card,.demo-panel,.hero-product,.hero-dash,.dash-shell,.feature-summary,.feature-stage,.feature-cta,.console-panel,.auth-card,.premium-auth-card,.lfm-hero,.lfm-cta,.cf-real-feature-photo,.resource-grid>a,.feature-grid>article,.feature-grid>.feature,.lfm-card-grid article,.lfm-use-grid article,.benefit-grid article,.integration-card,.pricing-card,.pricing .plan,.home-faq-list details,.home-faq-list article,.tracking-plans article,.demo-kpis article,.demo-maintenance-grid article,.demo-proof article,.profit-kpis article,.lfm-event-stack article,.lfm-event-summary) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important}
  .cf-site-style :is(.legal-shell,.legal-contact,.faq-results article,.faq-empty,.faq-support-card,.cf-image-card,.contact-form,.contact-direct,.resource-grid>a,.lfm-card-grid article,.lfm-use-grid article,.pricing-card,.pricing .plan,.tracking-plans article,.auth-card,.premium-auth-card) {background:#fff!important;color:#202124!important}
  .cf-site-style :is(button,.button,.outline,.login,.lfm-primary,.lfm-secondary,.lfm-cta>a,.cf-site-footer__cta,.feature-cta>a,.contact-submit,.link-button) {border-radius:0!important;box-shadow:none!important}
  .cf-site-style :is(.button,.outline,.login,.lfm-primary,.lfm-secondary,.lfm-cta>a,.contact-submit,.cf-site-footer__cta) {font:500 14px/1.4 var(--site-font)!important;min-height:38px!important;padding:9px 16px!important;transform:none!important;white-space:normal!important}
  .cf-site-style :is(.button,.lfm-primary,.lfm-cta>a,.contact-submit) {background:#ff3600!important;border:1px solid #ff3600!important;color:#fff!important}
  .cf-site-style :is(.login,.outline,.button.ghost,.lfm-secondary,.cf-site-footer__cta) {background:#fff!important;border:1px solid #d6d9dd!important;color:#202124!important}
  .cf-site-style :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {border:1px solid #d6d9dd!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#202124!important;font:400 16px/1.5 var(--site-font)!important;min-width:0!important;max-width:100%!important}
  .cf-site-style :is(input,select,textarea):disabled {background:#f6f6f6!important;color:#656970!important}
  .cf-site-style :is(input,textarea)::placeholder {color:#777b82!important;opacity:1!important}
  .cf-site-style :is(a,button,summary,input,select,textarea):focus-visible {outline:2px solid #ff3600!important;outline-offset:3px!important}
  .cf-site-style :is(.faq-search,.contact-form):focus-within {border-color:#d6d9dd!important;box-shadow:none!important}

  .cf-site-style :is(.cf-value-strip,.cf-product-image-stage,.savings-result,.included,.lead-faq-items,.home-faq-list article) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important;background:#fff!important}
  .cf-site-style :is(.included,.lead-faq-items) :is(p,li,summary) {color:#202124!important}
  .cf-site-style :is(.cf-kicker,.section-title>span) {color:#656970!important}
  .cf-site-style .home-faq-list article.open {background:#f6f6f6!important}

  .cf-site-style :is(.contact-direct>a,.contact-direct i,.contact-form-head>span) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important}
  .cf-site-style .contact-form label {font:500 13px/1.5 var(--site-font)!important;color:#656970!important}
  .cf-site-style .contact-form-head p {font-size:13px!important;line-height:1.5!important}
  .cf-site-style .contact-direct b {font:600 13px/1.5 var(--site-font)!important}

  /* All public pages share the same header, menu and footer. */
  .cf-site-style #top>header {background:#fff!important;border-color:#e1e3e6!important;box-shadow:none!important}
  .cf-site-style #top>header :is(.cf-nav-trigger,nav>a) {font-family:var(--site-font)!important;color:#202124!important}
  .cf-site-style #top>header :is(.cf-nav-panel,.cf-nav-column,.cf-nav-column>a,.cf-nav-item-icon,.mobile-menu) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important;background:#fff!important}
  .cf-site-style #top>header .cf-nav-column h2 {font:600 16px/1.4 var(--site-font)!important;color:#202124!important;letter-spacing:0!important}
  .cf-site-style #top>header .mobile-menu[aria-expanded=true] svg {display:none!important}
  .cf-site-style #top>header .mobile-menu[aria-expanded=true]::before {content:"×";font:400 28px/1 var(--site-font)}
  .cf-site-style #top>header .cf-nav-column small {color:#656970!important}
  .cf-site-style #top>header .cf-nav-item-icon {color:#ff3600!important;background:#f6f6f6!important}
  .cf-site-style #top>header :is(nav>a[aria-current=page],.cf-nav-trigger[aria-expanded=true]) {color:#ff3600!important}
  .cf-site-style footer.cf-site-footer {background:#fff!important;border-color:#e1e3e6!important;color:#202124!important}
  .cf-site-style footer.cf-site-footer :is(a,summary,.cf-site-footer__logo) {color:#202124!important}
  .cf-site-style footer.cf-site-footer :is(p,small,.cf-site-footer__signature,.cf-site-footer__note svg,.cf-site-footer__bottom) {color:#656970!important}
  .cf-site-style footer.cf-site-footer :is(.cf-site-footer__note,.cf-site-footer__bottom,.cf-site-footer__links details) {border-color:#e1e3e6!important}
  .cf-site-style footer.cf-site-footer summary:after {color:#656970!important}

  /* Legal content remains unchanged and uses a readable document measure. */
  .cf-site-style .legal-main {padding:40px 24px 64px!important}
  .cf-site-style .legal-shell {box-sizing:border-box!important;width:100%!important;max-width:920px!important;padding:40px!important;border:1px solid #e1e3e6!important}
  .cf-site-style .legal-shell h1 {margin:12px 0 16px!important}
  .cf-site-style .legal-shell h2 {font:600 22px/1.35 var(--site-font)!important;margin:30px 0 12px!important}
  .cf-site-style .legal-shell :is(p,li) {font:400 16px/1.7 var(--site-font)!important}
  .cf-site-style .legal-shell .legal-updated {font-size:13px!important;margin:0 0 30px!important;color:#656970!important}
  .cf-site-style .legal-shell a {color:#c1320b!important}
  .cf-site-style .legal-back {font-size:14px!important}
  .cf-site-style .legal-contact {padding:20px!important}

  .cf-site-style .faq-search {min-height:48px!important;padding:0 16px!important;border:1px solid #d6d9dd!important;color:#656970!important}
  .cf-site-style .faq-search input {border:0!important;padding:12px 0!important}
  .cf-site-style .faq-categories button {border:1px solid #e1e3e6!important;color:#202124!important;background:#fff!important}
  .cf-site-style .faq-categories button.active {background:#242424!important;color:#fff!important;border-color:#242424!important}
  .cf-site-style .faq-results article.open {background:#f6f6f6!important}
  .cf-site-style .faq-results article>button {min-height:64px!important;padding:18px 20px!important}
  .cf-site-style .faq-results article>button small {color:#656970!important}
  .cf-site-style .faq-results article>button i {border-radius:0!important;background:#fff!important;border-color:#e1e3e6!important;color:#202124!important}
  .cf-site-style :is(.lfm-card-grid article,.lfm-use-grid article):hover {background:#f6f6f6!important;border-color:#d6d9dd!important}

  .cf-site-style .lfm-event-stack article {background:#fff!important;border-color:#e1e3e6!important}
  .cf-site-style .lfm-event-stack article.critical {background:#fff4ef!important}
  .cf-site-style .cf-real-feature-photo figcaption {font-family:var(--site-font)!important;color:#656970!important}
  .cf-site-style.auth-page .premium-auth-visual {background:#242424!important;background-image:none!important;color:#fff!important}
  .cf-site-style.auth-page .premium-auth-visual h1 {color:#fff!important}
  .cf-site-style.auth-page .premium-auth-features span {background:#333!important;color:#fff!important;border:1px solid #505050!important;border-radius:0!important;font-family:var(--site-font)!important}
  .cf-site-style.cf-simple-page main {background:#fff!important;border:1px solid #e1e3e6!important;border-radius:0!important;box-shadow:none!important;color:#202124!important}
  .cf-site-style.cf-simple-page button {background:#ff3600!important;border:1px solid #ff3600!important;color:#fff!important}

  /* Keep sign-in forms in the same visual family without changing auth flows. */
  .cf-site-style.auth-page :is(.premium-auth-form-side,.auth-panel,.auth-form,.premium-auth-card) {background:#fff!important;border-color:#e1e3e6!important;border-radius:0!important;box-shadow:none!important}
  .cf-site-style.auth-page :is(.auth-title,.auth-panel h1) {font:600 28px/1.2 var(--site-font)!important;color:#202124!important;letter-spacing:-.5px!important}
  .cf-site-style.auth-page :is(.auth-subtitle,.auth-form-options,.auth-footer,.cf-auth-footer) {color:#656970!important}

  @media(max-width:1023px) {
    html.cf-public-menu-open body.cf-site-style {position:fixed!important;inset:var(--cf-public-scroll-top,0px) 0 auto!important;width:100%!important;overflow:hidden!important}
    html.cf-public-menu-open .cf-site-style #top>header {position:fixed!important;inset:0 0 auto!important;width:100%!important;height:calc(64px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 20px 0!important;z-index:1000!important}
    html.cf-public-menu-open .cf-site-style #top>header nav {inset:calc(64px + env(safe-area-inset-top)) 0 0!important;height:calc(100dvh - 64px - env(safe-area-inset-top))!important}
    .cf-site-style #top>header {display:flex!important;align-items:center!important;justify-content:space-between!important;height:64px!important;min-height:64px!important;padding:0 20px!important;gap:12px!important}
    .cf-site-style #top>header>.logo {margin-right:auto!important;min-width:0!important}
    .cf-site-style #top>header>.logo>span:last-child {font-size:22px!important;line-height:1.1!important}
    .cf-site-style #top>header .mobile-menu {flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid #e1e3e6!important;color:#202124!important;background:#fff!important}
    .cf-site-style #top>header nav {border-color:#e1e3e6!important;padding:12px 20px calc(20px + env(safe-area-inset-bottom))!important}
    .cf-site-style #top>header nav>:is(a,.cf-nav-group) {border-bottom:1px solid #e1e3e6!important}
    .cf-site-style #top>header nav>:is(a,.cf-nav-group)>.cf-nav-trigger,.cf-site-style #top>header nav>a {font-size:16px!important;min-height:48px!important;padding:12px 4px!important}
    .cf-site-style #top>header nav .cf-nav-trigger::after {font-family:var(--site-font)!important;color:#656970!important;font-size:22px!important}
    .cf-site-style #top>header .cf-nav-panel {background:#f6f6f6!important;margin-bottom:12px!important}
    .cf-site-style #top>header .cf-nav-column {background:transparent!important;padding:16px!important}
    .cf-site-style #top>header nav .mobile-nav-actions {margin-top:20px!important;gap:10px!important}
    .cf-site-style #top>header nav .mobile-nav-actions a {border-radius:0!important;min-height:44px!important;font-size:15px!important}
  }
  @media(max-width:600px) {
    .cf-site-style :is(.legal-shell h1,.faq-hero h1,.lfm-hero h1,.feature-hero h1,.hero-copy h1) {font-size:32px!important;line-height:1.15!important}
    .cf-site-style .legal-main {padding:24px 16px 40px!important}
    .cf-site-style .legal-shell {padding:24px 20px!important}
    .cf-site-style .legal-shell h2 {font-size:20px!important;margin-top:26px!important}
    .cf-site-style .legal-shell :is(p,li) {font-size:15px!important;line-height:1.7!important}
    .cf-site-style .legal-shell .legal-updated {font-size:12px!important;margin-bottom:24px!important}
    .cf-site-style .legal-contact {padding:16px!important}
    .cf-site-style :is(.faq-hero,.lfm-hero,.feature-hero) {padding-top:32px!important;padding-bottom:32px!important}
  }
  @media(hover:hover) {
    .cf-site-style :is(.button,.outline,.login,.lfm-primary,.lfm-secondary,.lfm-cta>a,.contact-submit,.cf-site-footer__cta):hover {background:#ff3600!important;color:#fff!important;border-color:#ff3600!important}
    .cf-site-style #top>header :is(.cf-nav-trigger,nav>a):hover {color:#ff3600!important;background:transparent!important}
    .cf-site-style #top>header .cf-nav-column>a:hover {background:#f6f6f6!important;color:#202124!important}
    .cf-site-style footer.cf-site-footer a:not(.cf-site-footer__cta):hover {color:#c1320b!important}
    .cf-site-style .faq-results article>button:hover {background:#f6f6f6!important}
  }
}

/* Complete the shared theme for secondary pages and embedded product previews.
   Keep explicit component selectors so map geometry and charts remain intact. */
@layer creek-public-design {
  .cf-site-style :is(#top,.section,.lfm-section,.lfm-dark,.cf-site-footer,.demo-shell,.hero-dash,.feature-stage) {
    --cf-paper:#f6f6f6!important;--cf-ink:#202124!important;--cf-muted:#656970!important;--cf-border:#e1e3e6!important;--cf-accent:#ff3600!important;
    --ink:#202124!important;--muted:#656970!important;--line:#e1e3e6!important;--soft:#f6f6f6!important;--orange:#ff3600!important;--orange2:#ff3600!important;
  }
  .cf-site-style :is(a,span,small,strong,b,em,div,section,article,aside,footer,header,dl,dt,dd,figure,figcaption,th,td,time):not(.cf-brand-wordmark):not(.cf-brand-wordmark *) {font-family:var(--site-font)!important}
  .cf-site-style :is(.dash-nav,.stat-grid>div,.cf-value-strip>a,.cf-photo-row>figure,.cf-image-card>img,.cf-photo-copy>a,.demo-live,.demo-nav>a,.cf-operations-photo,.integration-row>b,.tracking-plans>article>a,.tracking-plans>.popular>span,.map-demo-dialog,.lfm-preview,.map-card,.preview-search,.preview-filters,.preview-vehicle,.lfm-event-stack>article>span) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important}
  .cf-site-style :is(.cf-value-strip>a,.cf-photo-row>figure,.integration-row>b,.stat-grid>div,.demo-live,.lfm-event-stack>article>span,.hero-dash,.demo-nav,.demo-workspace,.cf-operations-photo,.cf-real-feature-photo) {background:#f6f6f6!important;color:#202124!important}
  .cf-site-style :is(.cf-photo-copy>a,.demo-nav>a,.tracking-plans>article>a) {display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:38px!important;max-width:100%!important;padding:9px 16px!important;border:1px solid #d6d9dd!important;background:#fff!important;color:#202124!important;font:500 14px/1.4 var(--site-font)!important;white-space:normal!important;text-align:center!important;text-decoration:none!important}
  .cf-site-style :is(.tracking-plans>.popular>a,.tracking-plans>.popular>span) {background:#ff3600!important;border-color:#ff3600!important;color:#fff!important}
  .cf-site-style :is(.dash-nav.active,.demo-nav>button.active) {background:#fff4ef!important;color:#c1320b!important}
  .cf-site-style .map-demo-dialog {box-sizing:border-box!important;width:min(520px,calc(100% - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:24px!important;border:1px solid #e1e3e6!important;background:#fff!important;color:#202124!important}
  .cf-site-style .map-demo-dialog>button {position:absolute!important;top:16px!important;right:16px!important;min-height:38px!important;padding:8px 14px!important;border:1px solid #d6d9dd!important;background:#fff!important;color:#202124!important;font-size:14px!important}
  .cf-site-style .map-demo-dialog>small {display:block!important;margin:4px 80px 24px 0!important;color:#656970!important;font-size:11px!important;line-height:1.5!important}
  .cf-site-style .map-demo-dialog h3 {font-size:24px!important;line-height:1.3!important}
  .cf-site-style .map-demo-dialog p {color:#656970!important;font-size:15px!important;line-height:1.7!important}
  .cf-site-style .map-demo-dialog>a {color:#c1320b!important;font-size:14px!important;line-height:1.5!important}
  .cf-site-style .map-demo-dialog::backdrop {background:#20212480!important}
  .cf-site-style .lfm-dark-copy li::before {border-radius:0!important;background:#f6f6f6!important;color:#c1320b!important;box-shadow:none!important}

  /* Full-screen map preview uses the same controls as the rest of the site. */
  .cf-site-style.fleet-screen :is(.screen-header,.fleet-panel,.attention-panel,.panel-heading,.attention-head,.map-toolbar,.panel-summary,.fleet-search,.map-view-switcher,.map-tool,.vehicle-popover,.attention-card,.today-stats,.map-controls,.map-legend,.vehicle-metrics>div,.vehicle-icon,.avatar,.exit-button) {border-radius:0!important;box-shadow:none!important;border-color:#e1e3e6!important}
  .cf-site-style.fleet-screen .street-map {width:100%!important;height:100%!important;stroke:none!important}
  .cf-site-style.fleet-screen .map-controls {top:auto!important;height:auto!important}
  .cf-site-style.fleet-screen :is(.fleet-search,.map-view-switcher,.panel-summary,.vehicle-metrics>div) {background:#f6f6f6!important}
  .cf-site-style.fleet-screen .fleet-search input {border:0!important;background:transparent!important;font-size:14px!important;min-height:42px!important;width:100%!important;padding:0!important}
  .cf-site-style.fleet-screen :is(.fleet-filters button,.map-view-switcher button,.map-tool,.mobile-fleet-toggle,.exit-button,.details-button) {font-size:12px!important;line-height:1.4!important;min-height:38px!important}
  .cf-site-style.fleet-screen :is(.vehicle-row,.vehicle-icon,.attention-card>span,.map-zone span) {border-radius:0!important;box-shadow:none!important}
  .cf-site-style.fleet-screen .vehicle-row.selected {border-color:#ff3600!important;background:#fff4ef!important}
  .cf-site-style.fleet-screen :is(.fleet-filters button.active,.map-view-switcher button.active) {background:#ff3600!important;color:#fff!important;box-shadow:none!important}
  .cf-site-style.fleet-screen .vehicle-row strong {font-size:13px!important;line-height:1.4!important}
  .cf-site-style.fleet-screen :is(.vehicle-row small,.vehicle-row em,.vehicle-row time,.panel-summary small,.screen-title span,.screen-status small,.vehicle-metrics dt,.vehicle-metrics dd small,.reservation-meta,.popover-title p,.popover-status,.map-legend,.attention-card small,.attention-card p,.today-stats dt,.today-stats em) {font-size:11px!important;line-height:1.45!important}
  .cf-site-style.fleet-screen :is(.panel-heading>div>span,.attention-head>div>span,.today-stats>span) {font-size:10px!important;line-height:1.4!important}
  .cf-site-style.fleet-screen :is(.attention-card strong,.attention-card button) {font-size:12px!important;line-height:1.5!important}
  .cf-site-style.fleet-screen .attention-card button {min-height:32px!important}
  .cf-site-style.fleet-screen .details-button {background:#ff3600!important;color:#fff!important;border-radius:0!important;box-shadow:none!important}
  .cf-site-style.fleet-screen .details-button span {color:inherit!important}
  .cf-site-style.fleet-screen .avatar {background:#242424!important}
  .cf-site-style.fleet-screen .today-stats {background:#242424!important;color:#fff!important}
  .cf-site-style.fleet-screen .today-stats :is(dt,em) {color:#d6d9dd!important}
  .cf-site-style.fleet-screen .vehicle-marker {border-radius:50%!important;box-shadow:0 3px 12px #20212430!important}
  @media(max-width:600px) {
    .cf-site-style :is(.cf-photo-copy>a,.demo-nav>a,.tracking-plans>article>a,.map-demo-dialog>button) {min-height:44px!important}
    .cf-site-style.fleet-screen .map-tool {font-size:0!important}
    .cf-site-style.fleet-screen .map-controls button {width:44px!important;height:44px!important}
  }
  @media(hover:hover) {
    .cf-site-style :is(.cf-photo-copy>a,.demo-nav>a,.tracking-plans>article>a,.map-demo-dialog>button):hover {background:#ff3600!important;border-color:#ff3600!important;color:#fff!important}
    .cf-site-style.fleet-screen :is(.map-tool,.exit-button,.mobile-fleet-toggle,.details-button):hover {background:#ff3600!important;border-color:#ff3600!important;color:#fff!important}
  }
}