:root{color:#0f1e31;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--navy: #0f1e31;--ink: #172235;--muted: #64748b;--green: #237760;--red: #c32018;--gold: #f5b841;--line: #d8e2ec;--soft: #f3f7fb;--white: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fafc}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.hero{min-height:92vh;overflow:hidden;position:relative;background:#0f1e31;color:#fff}.topbar{align-items:center;display:flex;gap:28px;justify-content:space-between;left:50%;max-width:1180px;padding:24px;position:absolute;top:0;transform:translate(-50%);width:min(100%,1180px);z-index:4}.brand{align-items:center;display:inline-flex;gap:12px;font-weight:900}.brand img{border-radius:12px;height:42px;width:42px}.desktopNav{display:flex;gap:24px;color:#fffc;font-size:15px;font-weight:750}.loginLink,.primaryCta,.secondaryCta,.storeRow a,.storeButton{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;gap:10px;justify-content:center}.loginLink{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);padding:12px 16px}.heroBackdrop{height:100%;inset:0;object-fit:cover;opacity:.62;position:absolute;width:100%}.heroOverlay{background:radial-gradient(circle at 72% 34%,rgba(245,184,65,.22),transparent 28%),linear-gradient(90deg,#0f1e31fa,#0f1e31d6 44%,#0f1e3138),linear-gradient(180deg,#0f1e3140,#0f1e31c2);inset:0;position:absolute}.heroContent{max-width:760px;padding:154px 24px 90px;position:relative;z-index:2;margin-left:max(24px,calc((100vw - 1180px)/2))}.eyebrow{color:#f5b841;font-size:14px;font-weight:950;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.eyebrow.dark{color:#237760}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,86px);line-height:1.02;margin-bottom:24px;max-width:720px}.heroText{color:#ffffffd6;font-size:clamp(19px,2vw,24px);max-width:680px}.heroActions,.storeRow{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.primaryCta{background:#c32018;color:#fff;min-height:54px;padding:15px 22px}.secondaryCta{border:1px solid rgba(255,255,255,.32);color:#fff;min-height:54px;padding:15px 22px}.secondaryCta.light{border-color:#d8e2ec;color:#0f1e31}.storeRow a{background:#ffffff1a;border:1px solid rgba(255,255,255,.24);min-height:48px;padding:12px 16px}.trustBand{background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.trustBand div{padding:26px 32px}.trustBand strong,.trustBand span{display:block}.trustBand strong{font-size:20px;margin-bottom:6px}.trustBand span{color:var(--muted)}.section,.productShowcase,.audienceSection,.finalCta,.footer{margin:0 auto;max-width:1180px;padding:92px 24px}.sectionIntro{max-width:780px}h2{color:var(--navy);font-size:clamp(34px,4vw,58px);line-height:1.05;margin-bottom:18px}.sectionIntro p,.showcaseText p,.finalCta p,.footer p{color:var(--muted);font-size:18px}.featureGrid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:42px}.featureCard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px}.featureCard svg{color:var(--green);height:34px;margin-bottom:18px;width:34px}.featureCard h3{font-size:22px;margin-bottom:10px}.featureCard p{color:var(--muted);margin-bottom:0}.productShowcase{align-items:center;display:grid;gap:52px;grid-template-columns:.9fr 1.1fr}.showcaseText ul{display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:0}.showcaseText li{align-items:center;color:var(--ink);display:flex;font-weight:850;gap:10px}.showcaseText li svg{color:var(--green)}.phoneGallery{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.phoneGallery img{aspect-ratio:9 / 16;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 54px #0f1e3129;object-fit:cover}.phoneGallery img:nth-child(2){margin-top:44px}.phoneGallery img:nth-child(3){margin-top:88px}.steps{padding-top:36px}.stepList{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:38px}.stepCard{background:var(--navy);border-radius:8px;color:#fff;min-height:210px;padding:24px}.stepCard span{align-items:center;background:var(--gold);border-radius:999px;color:var(--navy);display:inline-flex;font-weight:950;height:36px;justify-content:center;margin-bottom:28px;width:36px}.stepCard p{font-size:18px;font-weight:800;margin:0}.audienceSection{background:linear-gradient(135deg,#12324c,#237760);color:#fff;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.audienceSection h2{color:#fff;max-width:860px}.audienceGrid{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.audienceGrid span{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;display:inline-flex;font-weight:850;gap:8px;padding:12px 16px}.finalCta{align-items:center;display:grid;gap:42px;grid-template-columns:1fr 390px}.ctaPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 50px #0f1e311f;display:grid;gap:12px;padding:22px}.ctaPanel .primaryCta,.ctaPanel .secondaryCta,.storeButton{width:100%}.storeButton{background:var(--soft);border:1px solid var(--line);color:var(--ink);min-height:48px}.footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:42px;padding-top:42px}.footerBrand{color:var(--navy);margin-bottom:10px}.footer nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}.footer nav a{color:var(--muted);font-weight:800}@media(max-width:920px){.desktopNav{display:none}.heroContent{padding-top:130px}.trustBand,.featureGrid,.productShowcase,.stepList,.finalCta{grid-template-columns:1fr}.phoneGallery{overflow-x:auto;padding-bottom:14px}.phoneGallery img{min-width:240px}.phoneGallery img:nth-child(2),.phoneGallery img:nth-child(3){margin-top:0}.footer{align-items:flex-start;flex-direction:column;gap:24px}}@media(max-width:620px){.topbar{gap:12px}.brand span{display:none}.loginLink{padding:10px 12px}.hero{min-height:94vh}h1{font-size:42px}.heroText{font-size:18px}.heroActions a,.storeRow a{width:100%}.trustBand div{padding:22px 24px}.section,.productShowcase,.finalCta{padding-bottom:68px;padding-top:68px}}button{font:inherit}.loginScreen{align-items:center;background:linear-gradient(135deg,#0f1e31,#237760);display:flex;min-height:100vh;padding:24px}.registerScreen{background:linear-gradient(115deg,#0f1e31fa,#237760e6),url(/assets/hero-ipad.png) center / cover;display:grid;gap:24px;grid-template-columns:minmax(280px,.8fr) minmax(420px,1fr);min-height:100vh;padding:32px}.registerHero{align-content:center;color:#fff;display:grid;max-width:620px}.registerHero h1{font-size:clamp(42px,5vw,76px)}.registerHero p{color:#ffffffd6;font-size:20px}.registerBrand{align-self:start;background:transparent;border:0;color:#fff;cursor:pointer;margin-bottom:44px;padding:0;width:max-content}.registerCard{align-self:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 54px #0f1e313d;display:grid;gap:18px;margin-left:auto;max-width:860px;padding:30px;width:100%}.loginCard,.formCard{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 54px #0f1e312e;margin:0 auto;max-width:560px;padding:30px;width:100%}.formCard.wideForm{max-width:920px}.formCard.compactCard{box-shadow:none;display:grid;gap:14px;margin:0;max-width:none;padding:22px}.formCard.compactCard h2{font-size:26px;margin-bottom:0}.splitGrid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.splitLayout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.vehicleTypeForm{min-width:0}.vehicleTypeFields{display:grid;gap:0;grid-template-columns:1fr}.vehicleTypeForm .rowActions{min-width:0}.vehicleTypeForm .rowActions button{flex:1}.vehicleTypeList{display:grid;gap:12px;min-width:0}.vehicleTypeListHeader{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) auto auto}.vehicleTypeSearch{margin:0}.vehicleTypeFilters{margin:0;padding-bottom:0}.vehicleTypeFilters .methodButton{min-height:40px;padding:0 14px}.vehicleTypeCount{font-weight:850;text-align:right;white-space:nowrap}.infoRows{display:grid;gap:10px}.infoRows div{align-items:center;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding-top:10px}.infoRows span{color:var(--muted)}.infoRows strong{color:var(--navy);text-align:right}.formGrid,.selectorGrid{display:grid;gap:0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.assignmentSelectorGrid{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.formCard label.checkLine{align-items:center;display:flex;gap:10px}.checkLine input{min-height:auto}.stickyActions{background:#fff;border-top:1px solid var(--line);bottom:0;margin:20px -30px -30px;padding:18px 30px;position:sticky}.loginCard img{border-radius:16px;height:68px;margin-bottom:18px;width:68px}.loginCard h1{color:var(--navy);font-size:42px}.loginCard label,.formCard label,.registerCard label{color:var(--ink);display:grid;font-weight:850;gap:8px;margin-top:16px}.registerCard .primaryCta{border:0;cursor:pointer}input,select{background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:48px;padding:0 14px}textarea{background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:112px;padding:12px 14px;resize:vertical}.twoColumns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}button:disabled{cursor:not-allowed;opacity:.68}.linkButton{background:transparent;border:0;color:var(--muted);cursor:pointer;font-weight:850;margin-top:16px}.errorBox,.successBox,.helperPanel,.emptyState{border-radius:8px;padding:14px 16px}.errorBox{background:#fee2e2;color:#991b1b;margin-top:16px}.successBox{background:#dcfce7;color:#166534}.helperPanel,.emptyState{background:#eef4f8;color:var(--muted)}.accessDenied{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px #0f1e311a;color:var(--ink);display:grid;gap:14px;justify-items:center;margin:32px auto;max-width:560px;padding:34px;text-align:center}.accessDenied svg{color:var(--red)}.accessDenied h2{font-size:30px;margin-bottom:0}.accessDenied p{color:var(--muted);margin-bottom:4px}.adminShell{background:#f3f7fb;display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;display:flex;flex-direction:column;gap:8px;height:100vh;padding:24px;position:sticky;top:0}.sidebarUser{border-bottom:1px solid rgba(255,255,255,.12);display:grid;gap:4px;margin-bottom:16px;padding-bottom:20px}.sidebarUser span{color:#ffffffad;font-size:14px}.navItem{align-items:center;background:transparent;border:0;border-radius:8px;color:#ffffffd6;cursor:pointer;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left}.navItem:hover{background:#ffffff1a;color:#fff}.navItem.danger{color:#fecaca;margin-top:auto}.adminMain{min-width:0}.adminHeader{align-items:center;background:#f7fafcf0;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:auto 1fr minmax(240px,420px);padding:20px 28px;position:sticky;top:0;z-index:5}.adminHeader span{color:var(--muted);font-size:13px;font-weight:850;text-transform:uppercase}.adminHeader h1{color:var(--navy);font-size:32px;margin:0}.mobileMenuButton{align-items:center;background:var(--navy);border:0;border-radius:8px;color:#fff;display:none;height:42px;justify-content:center;width:42px}.adminSearch{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--green);display:flex;gap:10px;padding:0 12px}.adminSearch input{background:transparent;border:0;flex:1;min-width:0}.adminContent{padding:28px}.stack{display:grid;gap:18px}.metricGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.compactMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.compactMetrics .metricCard{min-height:74px;padding:12px}.compactMetrics .metricCard strong{font-size:18px}.planGrid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.planCard{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:20px}.planCard.current{border-color:var(--green);box-shadow:0 0 0 2px #2377601f}.planHeader{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.planHeader h2{font-size:28px;margin-bottom:6px}.planHeader p{color:var(--muted);margin-bottom:0}.planPrice{color:var(--navy);font-size:32px}.metricCard{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;min-height:104px;padding:18px}.metricCard span{color:var(--muted)}.metricCard strong{color:var(--navy);font-size:24px}.dangerText{color:var(--red)!important}.toolbar{display:flex;flex-wrap:wrap;gap:12px}.tableCard{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:auto}.tableEmpty{border-radius:0;border-top:1px solid var(--line);margin:0}.paginationBar{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.paginationBar span{color:var(--muted);font-weight:850}table{border-collapse:collapse;min-width:860px;width:100%}th,td{border-bottom:1px solid var(--line);padding:13px 16px;text-align:left;vertical-align:middle}th{background:#eef4f8;color:var(--ink);font-size:13px;text-transform:uppercase}.statusPill{background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;font-size:13px;font-weight:900;padding:6px 10px}.mutedText{color:var(--muted);font-size:13px}.smallButton,.backButton,.selectorButton{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center}.smallButton{background:#edf2f7;border:1px solid var(--line);color:var(--ink);min-height:34px;padding:0 10px}.dangerButton{background:#fee2e2;color:#991b1b}.dangerCta{background:#b91c1c}.warningButton{background:#fef3c7;color:#92400e}.credentialResult{display:grid;gap:12px}.ruleHistoricalButton{background:#e5e7eb;color:#334155}.ruleCurrentButton{background:#fef3c7;color:#92400e}.backButton{background:#fff;border:1px solid var(--line);color:var(--ink);min-height:42px;padding:0 14px;width:fit-content}.detailHero{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;padding:22px}.detailHero h2{font-size:34px;margin-bottom:4px}.detailHero p{color:var(--muted);margin-bottom:0}.detailMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rowActions{display:flex;gap:8px;min-width:0;white-space:nowrap;width:max-content}.compactActionButton{font-size:13px;min-height:30px;padding:0 9px}.inlineActions{display:flex;gap:8px;margin-top:12px}.inlineDateToolbar{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) auto auto auto}.inlineDateToolbar.reportToolbar{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto auto auto}.inlineDateToolbar.paymentsToolbar{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto}.inlineDateToolbar label{margin-top:0}.quickFilterRow{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.quickFilterRow .methodButton{flex:0 0 auto;padding:0 16px}.selectorButton{background:#f8fafc;border:1px solid var(--line);color:var(--ink);justify-content:space-between;margin-top:12px;min-height:58px;padding:0 16px;width:100%}.selectorField{align-items:stretch;display:grid;gap:8px;grid-template-columns:1fr auto}.selectorField .selectorButton{margin-top:0}.selectorNewButton{margin-top:0;min-height:58px}.selectorButton span{display:grid;gap:4px;text-align:left}.selectorButton small{color:var(--muted);font-size:13px;font-weight:700}.selectorButton strong{color:var(--green)}.selectorCallout{align-items:center;background:#eef7f4;border:1px solid #bfe4d8;border-radius:8px;display:flex;gap:18px;justify-content:space-between;margin:18px 0 8px;padding:18px}.selectorCallout div{display:grid;gap:4px}.selectorCallout span,.selectorCallout small{color:var(--muted);font-size:13px;font-weight:800}.selectorCallout strong{color:var(--ink);font-size:22px}.compactCta{min-height:42px;padding:0 18px;width:auto}.fixedSelection{background:#eef4f8;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:850;margin-top:12px;padding:16px}.paymentPreview{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:16px;margin-top:16px;padding:18px}.paymentPreviewHeader{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.paymentPreviewHeader div{display:grid;gap:3px}.paymentPreviewHeader span:not(.statusPill),.paymentPreviewHeader small{color:var(--muted);font-size:13px;font-weight:800}.paymentPreviewHeader strong{color:var(--navy);font-size:24px}.modalOverlay{align-items:center;background:#0f1e3194;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:30}.modalCard{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #0f1e3152;display:grid;gap:18px;max-height:calc(100vh - 48px);max-width:620px;overflow:auto;padding:24px;width:min(100%,620px)}.modalCard.compactModal{max-width:460px}.modalCard.accountingImpactModal{max-width:680px}.modalCard label{color:var(--ink);display:grid;font-weight:850;gap:8px}.modalHeader,.modalActions{align-items:center;display:flex;gap:12px;justify-content:space-between}.modalHeader span{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.modalHeader h2{font-size:30px;margin-bottom:0}.modalMessage{color:var(--muted);font-size:17px;margin-bottom:0;white-space:pre-line}.modalActions{justify-content:flex-end}.accountingImpactGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.accountingImpactItem{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:14px}.accountingImpactItem span{color:var(--muted);font-size:13px;font-weight:850}.accountingImpactItem strong{color:var(--navy);font-size:22px}.accountingImpactRecommendation{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#7c2d12;display:grid;gap:8px;padding:16px}.accountingImpactRecommendation p{margin:0}.accountingImpactModal .secondaryButton,.accountingImpactModal .dangerButton{border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:900;min-height:44px;padding:0 18px}.accountingImpactModal .secondaryButton{background:#edf2f7;color:var(--ink)}.accountingImpactModal .dangerButton{background:#b91c1c;border-color:#b91c1c;color:#fff}.receiptCard{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:22px;padding:26px}.receiptHeader{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding-bottom:18px}.receiptHeader span:not(.statusPill),.receiptGrid span,.receiptAmount span{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.receiptHeader h2{font-size:34px;margin-bottom:0}.receiptGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.receiptGrid div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;padding:14px}.receiptGrid strong{color:var(--navy);font-size:18px}.receiptAmount{background:#eef7f4;border:1px solid #bfe4d8;border-radius:8px;display:grid;gap:4px;padding:20px}.receiptAmount strong{color:var(--green);font-size:42px}.methodGrid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.weekdayGrid{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:16px}.checkLabel{align-items:center;align-self:end;display:flex!important;flex-direction:row;gap:10px!important;min-height:48px}.checkLabel input{min-height:auto;width:18px}.methodButton{background:#eef4f8;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-weight:900;min-height:48px}.methodButton.active{background:var(--navy);color:#fff}.segmentedToolbar .methodButton{padding:0 18px}.selectorHeader{align-items:center;display:flex;gap:18px;justify-content:space-between}.inlineSearch{min-height:48px;width:min(420px,100%)}.selectorList{display:grid;gap:10px}.selectorList button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;gap:4px;padding:16px;text-align:left}.selectorList span{color:var(--muted)}@media(max-width:920px){.adminShell{grid-template-columns:1fr}.sidebar{display:none}.adminHeader{grid-template-columns:auto 1fr}.mobileMenuButton{display:inline-flex}.adminSearch{grid-column:1 / -1}.metricGrid,.detailMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.planGrid,.registerScreen,.splitGrid,.splitLayout{grid-template-columns:1fr}.vehicleTypeListHeader{align-items:stretch;grid-template-columns:1fr}.vehicleTypeCount{text-align:left}.receiptGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.adminContent,.adminHeader{padding:18px}.metricGrid,.detailMetrics{grid-template-columns:1fr}.methodGrid,.weekdayGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid,.inlineDateToolbar,.assignmentSelectorGrid,.twoColumns{grid-template-columns:1fr}.registerScreen{padding:18px}.registerCard{padding:22px}.selectorField,.receiptGrid{grid-template-columns:1fr}.selectorHeader,.detailHero{align-items:flex-start;flex-direction:column}}