:root{--brand-primary:#0f172a;--brand-secondary:#0284c7;--brand-accent:#f97316;--brand-background:#f8fafc;--text:#162033;--muted:#64748b;--border:#94a3b840}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 80% 5%, #0284c71f, transparent 32rem), var(--brand-background);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);margin:auto;padding:22px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo,.brandMonogram{border-radius:14px;width:46px;height:46px}.brandLogo{object-fit:contain;background:#fff}.brandMonogram{color:#fff;background:linear-gradient(145deg, var(--brand-secondary), var(--brand-primary));place-items:center;font-weight:900;display:grid;box-shadow:0 10px 25px #0f172a33}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);margin-top:2px}.secureBadge{color:#475569;border:1px solid var(--border);background:#ffffffbf;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:flex}.secureDot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e21}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:min(1180px,100% - 32px);min-height:650px;margin:auto;padding:75px 0 95px;display:grid}.eyebrow,.sectionHeading span{color:var(--brand-secondary);letter-spacing:1.7px;font-size:13px;font-weight:800}.hero h1{max-width:720px;color:var(--brand-primary);letter-spacing:-4px;margin:22px 0;font-size:clamp(46px,6vw,78px);line-height:.98}.hero h1 span{color:var(--brand-secondary)}.heroText{max-width:610px;color:var(--muted);margin:0;font-size:19px;line-height:1.65}.heroActions{align-items:center;gap:20px;margin-top:34px;display:flex}.heroActions>span{max-width:260px;color:var(--muted);font-size:13px;line-height:1.5}.primaryButton{color:#fff;background:var(--brand-primary);border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 14px 30px #0f172a33}.folioPreview{color:#fff;background:linear-gradient(155deg, #ffffff14, transparent), var(--brand-primary);border-radius:28px;padding:24px;box-shadow:0 35px 80px #0f172a47}.previewHeader,.vehicleCard,.previewFooter{justify-content:space-between;align-items:center;display:flex}.previewHeader{color:#cbd5e1;padding-bottom:24px;font-size:13px}.vehicleCard{background:#ffffff14;border-radius:18px;justify-content:flex-start;gap:13px;padding:17px}.vehicleIcon{width:44px;height:44px;color:var(--brand-accent);background:#ffffff1a;border-radius:13px;place-items:center;display:grid}.vehicleCard div{flex:1}.vehicleCard small,.vehicleCard strong{display:block}.vehicleCard small{color:#94a3b8}.status{color:#86efac;background:#22c55e26;border-radius:999px;padding:7px 10px;font-size:12px}.progressLine{grid-template-columns:repeat(4,1fr);gap:5px;margin:38px 4px 12px;display:grid}.progressLine span{background:#334155;border-radius:999px;height:5px}.progressLine .completed{background:var(--brand-secondary)}.progressLine .current{background:var(--brand-accent)}.stages{color:#94a3b8;text-align:center;grid-template-columns:repeat(4,1fr);font-size:11px;display:grid}.previewFooter{color:#94a3b8;border-top:1px solid #ffffff1a;margin-top:35px;padding-top:18px;font-size:12px}.functions{background:#fff;padding:95px max(16px,50% - 590px)}.sectionHeading{max-width:680px}.sectionHeading h2{color:var(--brand-primary);letter-spacing:-2px;margin:13px 0 35px;font-size:clamp(32px,4vw,50px);line-height:1.08}.functionGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.functionCard{border:1px solid var(--border);border-radius:20px;min-height:230px;padding:24px}.functionNumber{color:var(--brand-secondary);font-size:13px;font-weight:800}.functionCard h3{color:var(--brand-primary);margin:35px 0 10px;font-size:19px}.functionCard p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}footer{color:var(--muted);justify-content:space-between;padding:28px max(16px,50% - 590px);font-size:13px;display:flex}footer strong{color:var(--brand-primary)}.offlinePage{place-items:center;padding:24px;display:grid}.offlineCard{text-align:center;border:1px solid var(--border);background:#fff;border-radius:25px;width:min(430px,100%);padding:38px}.offlineCard .brandMonogram{margin:auto}.offlineCard p{color:var(--muted);line-height:1.6}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:50px;min-height:auto;padding:55px 0 75px}.hero h1{letter-spacing:-2.5px}.functionGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.topbar{padding-top:calc(16px + env(safe-area-inset-top))}.secureBadge{display:none}.hero{padding-top:42px}.heroActions{flex-direction:column;align-items:flex-start}.primaryButton{width:100%}.folioPreview{border-radius:22px;padding:18px}.stages{font-size:9px}.functionGrid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:8px}}