@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#061526;--navy2:#09233b;--blue:#0877f9;--blue2:#19a4ff;--cyan:#45c5ff;--white:#fff;--ink:#0d1d2e;--muted:#6e7d8d;--line:#dfe7ee;--bg:#f6f8fb;--green:#18a66b;--red:#e25555;--orange:#eaa334;--shadow:0 20px 60px rgba(8,28,49,.09);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff}.brandmark{font-size:30px;line-height:.8;font-weight:900;letter-spacing:-3px}.brandmark span{color:var(--blue)}.brandtext{font-size:7px;letter-spacing:1.3px;font-weight:800;max-width:100px;line-height:1.35}.site-header{height:76px;background:rgba(4,17,30,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.public-nav{display:flex;align-items:center;gap:25px;color:#cbd8e4;font-size:11px;font-weight:600}.public-nav a{transition:.2s}.public-nav a:hover{color:#fff}.nav-actions{display:flex;gap:8px;align-items:center}.btn{border:0;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:800;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,var(--blue),#0660d5);color:#fff;box-shadow:0 8px 25px rgba(8,119,249,.25)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(8,119,249,.35)}.btn.outline{border:1px solid #bcd1e2;background:#fff;color:#0871e8}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#eaf3fb}.icon-btn{border:1px solid var(--line);background:#fff;color:#3c5268;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:#061526;color:#fff;min-height:680px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(0,117,255,.2),transparent 30%),linear-gradient(115deg,#061526 10%,#0a2238 70%,#061526)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,38,.98) 0%,rgba(6,21,38,.8) 45%,rgba(6,21,38,.15) 100%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;min-height:680px}.hero-copy{padding:70px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:900;color:var(--blue);display:inline-block}.hero .eyebrow{color:#66b9ff}.hero h1,.page-hero h1{font-size:clamp(48px,6.2vw,78px);line-height:.98;letter-spacing:-4px;margin:18px 0 25px;font-weight:900}.hero h1 em,.page-hero h1 em,h1 em,h2 em{color:var(--blue);font-style:normal}.lead{font-size:16px;line-height:1.7;color:#c6d4e1;max-width:560px}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;color:#e5eef5;font-size:12px;font-weight:600}.hero-points span{display:flex;gap:8px;align-items:center}.hero-points span:first-letter{color:var(--blue)}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.text-link{color:#d8e6f1;font-size:11px;font-weight:800}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#91a6b9;font-size:9px}.hero-visual{height:590px;position:relative;display:grid;place-items:center}.van-stage{width:100%;height:100%;display:grid;place-items:center;position:relative}.van-stage:before{content:"";position:absolute;inset:22% 3% 15%;border-radius:50%;background:radial-gradient(ellipse,rgba(16,138,255,.32),transparent 65%);filter:blur(18px)}.van-stage img{width:min(650px,110%);position:relative;z-index:1;filter:drop-shadow(0 35px 35px rgba(0,0,0,.45));mix-blend-mode:screen}.visual-card{position:absolute;z-index:2;background:rgba(255,255,255,.94);color:var(--ink);padding:14px 18px;border:1px solid rgba(255,255,255,.5);border-radius:13px;box-shadow:0 20px 45px rgba(0,0,0,.25);display:flex;gap:10px;align-items:center}.visual-card.top{top:115px;left:0}.visual-card.top b{font-size:28px;color:var(--blue)}.visual-card.top span{font-size:9px;color:#66798b}.visual-card.bottom{right:5px;bottom:115px}.visual-card.bottom b{font-size:10px}.visual-card.bottom small{display:block;color:#6b7d8e;font-size:8px;margin-top:3px}.live-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(24,166,107,.12)}.logo-strip{background:#fff;border-bottom:1px solid var(--line)}.logo-strip .container{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7a8794}.logo-strip span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.logo-strip b{font-size:16px;letter-spacing:-.5px;color:#687784}.section{padding:105px 0}.gray{background:var(--bg)}.section-head{max-width:780px;margin-bottom:50px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.contact-strip h2,.split-promo h2,.about-grid h2{font-size:clamp(34px,4.3vw,55px);line-height:1.05;letter-spacing:-2.5px;margin:14px 0 16px}.section-head p,.about-grid p,.split-promo p{color:var(--muted);line-height:1.8;max-width:690px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;min-height:220px;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;border-radius:13px;background:#eef7ff;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:24px}.feature-card h3{margin:0 0 9px;font-size:15px}.feature-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.dark-band{background:linear-gradient(120deg,#061526,#092b47);color:#fff}.split-promo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-promo p{color:#a9bdd0}.mini-passport{background:#fff;color:var(--ink);padding:22px;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.mp-head{display:flex;justify-content:space-between;align-items:center;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.ok{background:#eaf8f0;color:var(--green)}.status.bad{background:#fff0f0;color:var(--red)}.status.warn{background:#fff7e7;color:#c58b1b}.status.blue{background:#eaf4ff;color:var(--blue)}.mp-car{display:flex;gap:15px;align-items:center;padding:20px 0}.mp-car img{width:125px;height:70px;object-fit:contain;background:#eef2f5;border-radius:10px}.mp-car b{display:block;font-size:17px}.mp-car small{display:block;color:#7a8b9b;font-size:8px;margin-top:4px}.mp-row{display:grid;grid-template-columns:90px 1fr 25px;align-items:center;border-top:1px solid #edf1f4;padding:13px 0;font-size:8px}.mp-row span{color:#718293}.mp-row i{color:var(--green);font-style:normal;font-size:14px}.dashboard-preview{display:grid;grid-template-columns:185px 1fr;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.dashboard-preview aside{background:#071a2c;color:#a8bfd1;padding:23px 13px;display:flex;flex-direction:column;gap:4px}.side-logo{font-size:28px;font-weight:900;color:#fff;margin-bottom:18px}.side-logo span{color:var(--blue)}.dashboard-preview aside span{font-size:9px;padding:10px;border-radius:7px}.dashboard-preview aside span.active{background:var(--blue);color:#fff}.dashboard-preview aside i{float:right;background:var(--red);color:#fff;border-radius:99px;font-style:normal;padding:2px 5px}.dash-content{padding:28px}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small,.dash-top>div>span{font-size:8px;color:#8999a8}.dash-top h3{margin:5px 0 2px;font-size:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.stat{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.stat small,.stat span{display:block;font-size:8px;color:#8492a0}.stat strong{display:block;font-size:28px;margin:5px 0}.stat strong.ok{color:var(--green)}.stat strong.bad{color:var(--red)}.stat strong.blue{color:var(--blue)}.dash-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.chart-card,.list-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title b{font-size:10px}.card-title small{display:block;color:#8796a5;font-size:7px;margin-top:3px}.card-title a{font-size:8px;color:var(--blue)}.donut-chart{width:120px;height:120px;border-radius:50%;margin:10px auto 14px;background:conic-gradient(var(--green) 0 300deg,var(--red) 300deg 340deg,var(--blue) 340deg);display:grid;place-items:center;position:relative}.donut-chart:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#fff}.donut-chart>div{z-index:1;text-align:center}.donut-chart b{display:block;font-size:19px}.donut-chart small{font-size:7px;color:#8796a5}.donut-chart.large{width:165px;height:165px}.donut-chart.large:before{width:112px;height:112px}.legend{display:grid;gap:7px;font-size:8px;color:#66788a}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}.dot.blue{background:var(--blue)}.list-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf1f4;padding:12px 0;font-size:8px}.list-row span:first-child{display:grid;gap:3px}.list-row small{color:#8392a1}.list-row a,.list-row .mini-action{color:var(--blue);font-size:8px;border:0;background:none;padding:0}.tiny-status{color:var(--green)}.process-line{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:40px}.process-line div{position:relative;text-align:center}.process-line div:not(:last-child):after{content:"";position:absolute;top:17px;left:62%;width:75%;height:1px;background:#c9d7e4}.process-line b{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;margin:auto auto 12px;font-size:10px}.process-line span{font-size:9px;color:#5e7184;font-weight:700}.contact-strip{background:#071a2c;color:#fff;padding:60px 0}.contact-strip .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{margin:8px 0;font-size:42px}.contact-strip p{color:#a9bdcf}.page-hero{background:linear-gradient(120deg,#061526,#0a2944);color:#fff;padding:110px 0 100px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-10%;top:-50%;width:55%;height:160%;background:radial-gradient(circle,rgba(8,119,249,.22),transparent 62%)}.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:850px}.page-hero p{max-width:650px;color:#b5c7d7;font-size:15px;line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.quote-card{background:linear-gradient(140deg,#eef7ff,#fff);padding:45px;border-radius:22px;border:1px solid #d6e8f7}.quote-card>span{font-size:60px;color:var(--blue);font-weight:900;line-height:.5}.quote-card h3{font-size:28px;line-height:1.2}.quote-card p{font-size:11px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.plan-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;position:relative}.plan-card.featured{border-color:#5aa8ff;box-shadow:0 20px 55px rgba(8,119,249,.12)}.plan-card>label{position:absolute;top:0;right:18px;transform:translateY(-50%);background:var(--blue);color:#fff;padding:6px 9px;border-radius:99px;font-size:7px;font-weight:900}.plan-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:18px;margin-bottom:16px}.plan-icon.bronze{background:#f9e7d4;color:#a46d36}.plan-icon.silver{background:#e8edf2;color:#6e7c89}.plan-icon.gold{background:#fbefcc;color:#c18a22}.plan-icon.blue{background:#0b66bd;color:#fff}.plan-card h3{font-size:19px;margin:0 0 6px}.plan-card p{font-size:10px;color:#6f7e8d;min-height:32px}.price{display:flex;align-items:end;gap:6px;margin:22px 0}.price small{font-size:9px;color:#7d8b98}.price strong{font-size:42px;line-height:.9}.price span{font-weight:800;font-size:13px}.price span small{display:block;font-size:7px;font-weight:500}.plan-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:0 0 18px}.plan-card ul{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:10px;flex:1}.plan-card li{font-size:9px;line-height:1.35}.plan-card li:first-letter{color:var(--blue)}.fleet-card{background:linear-gradient(150deg,#061a2c,#092c4a);color:#fff;border-color:#0d4e7f}.fleet-card p{color:#aec3d4}.fleet-card li{color:#e1edf5}.fleet-card em{color:#3aa7ff;font-style:normal}.individual-price{text-align:center;font-size:9px;letter-spacing:1.3px;margin:16px 0 20px}.individual-price strong{display:block;color:#32a5ff;font-size:25px;letter-spacing:0}.offer-bottom{margin-top:18px;display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.offer-bottom>div{padding:23px}.offer-bottom>div+div{border-left:1px solid var(--line)}.offer-bottom b{font-size:9px;letter-spacing:1px}.service-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-pills span{font-size:8px;padding:8px 10px;background:#f2f6f9;border-radius:99px;color:#5e7182}.discounts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:17px}.discounts div{text-align:center;border-left:1px solid var(--line)}.discounts div:first-child{border:0}.discounts b,.discounts small,.discounts strong{display:block}.discounts b{font-size:10px}.discounts small{font-size:7px;color:#8b98a5;margin:3px}.discounts strong{color:var(--blue);font-size:20px}.steps-full{display:grid;gap:16px}.process-step{display:grid;grid-template-columns:44px 62px 1fr 300px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.step-number{width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;font-size:10px}.step-icon{width:54px;height:54px;border-radius:50%;background:#edf7ff;color:var(--blue);display:grid;place-items:center;font-size:21px}.process-step h3{margin:0 0 8px;font-size:15px}.process-step p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.step-demo{height:86px;border-radius:11px;background:#f1f5f8;display:grid;place-items:center;color:#4d708e;font-size:10px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics div{padding:28px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04)}.metrics b{display:block;color:#fff;font-size:38px}.metrics span{color:#9db2c5;font-size:9px}.passport-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.passport-page h2{font-size:48px;letter-spacing:-2px;margin:14px 0}.passport-page>div>p{color:var(--muted);font-size:11px}.passport-actions{display:flex;gap:10px;margin:25px 0}.checks-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.checks-grid span{font-size:9px;color:#54697c}.passport-large{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.passport-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:12px 0;font-size:8px;color:#8492a0}.passport-tabs b{color:var(--blue)}.history-row{display:grid;grid-template-columns:85px 1fr 25px;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid #edf1f4;font-size:8px}.history-row>span{color:#768797}.history-row>div b,.history-row>div small{display:block}.history-row>div small{color:#8997a4;margin-top:4px}.history-row>i{font-style:normal;color:var(--green);font-size:14px}.contact-section{background:var(--bg);padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:start}.contact-grid h2{font-size:58px;line-height:1.05;letter-spacing:-3px}.contact-grid p{color:var(--muted);line-height:1.8;max-width:550px}.contact-list{display:grid;gap:14px;margin-top:35px}.contact-list>a,.contact-list>div{display:flex;gap:13px;align-items:center}.contact-list>*>span{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue)}.contact-list b,.contact-list small{display:block}.contact-list b{font-size:12px}.contact-list small{color:#7d8b99;font-size:8px;margin-top:4px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.form-head>span{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:1px}.form-head h3{font-size:25px;margin:8px 0}.form-head p{font-size:9px;margin:0 0 20px}.contact-form label,.modal-form label,.settings-card label{display:grid;gap:6px;font-size:8px;color:#66788a;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form input,.contact-form textarea,.contact-form select,.modal input,.modal textarea,.modal select,.settings-card input{width:100%;border:1px solid #d5e0e8;border-radius:9px;padding:11px 12px;background:#fff;outline:0;font-size:10px;color:var(--ink)}.contact-form textarea,.modal textarea{min-height:105px;resize:vertical}.contact-form>label{margin-top:10px}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;font-weight:500!important}.check input{width:auto!important}.contact-form>.btn{width:100%;margin-top:12px}.auth-shell{min-height:100vh;background:#f3f6f9;display:grid;grid-template-columns:1.15fr .85fr}.auth-art{background:linear-gradient(145deg,#061526,#0a2944);color:#fff;padding:40px 8vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;right:-20%;bottom:-30%;width:80%;height:70%;background:radial-gradient(circle,rgba(8,119,249,.35),transparent 60%)}.auth-art>div{position:relative;z-index:1}.auth-art h1{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-3px}.auth-art p{color:#aec1d2;line-height:1.7;max-width:550px}.auth-points{display:grid;gap:10px;margin-top:25px;font-size:11px}.auth-card{align-self:center;width:min(460px,calc(100% - 60px));margin:auto;background:#fff;padding:40px;border-radius:22px;box-shadow:var(--shadow)}.back{font-size:9px;color:#718293}.auth-logo{margin:45px 0 35px;background:#061526;padding:15px;border-radius:13px;width:max-content}.auth-card h2{font-size:34px;margin:10px 0}.auth-card>p{color:var(--muted);font-size:10px;line-height:1.7}.auth-card form{display:grid;gap:13px;margin-top:22px}.auth-card label{display:grid;gap:6px;font-size:8px;color:#66788a;font-weight:700}.remember{display:flex!important;align-items:center;gap:7px;font-weight:500!important}.remember input{width:auto}.auth-card .btn{width:100%}.demo-login{width:100%;margin-top:10px;border:1px dashed #9cb9d2;background:#f5faff;color:#0871e8;border-radius:9px;padding:11px;font-size:9px;font-weight:800}.login-note{margin-top:16px;color:#8998a5;font-size:7px;line-height:1.6}.app-shell{min-height:100vh;background:#f6f8fb;display:grid;grid-template-columns:245px 1fr}.app-sidebar{background:#061526;color:#a8bdcf;padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:70}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px 22px}.sidebar-top .brand{transform:scale(.9);transform-origin:left}.side-close{display:none}.sidebar-company{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;margin-bottom:15px}.sidebar-company small,.sidebar-company span{display:block;font-size:7px;color:#728ba0}.sidebar-company b{display:block;color:#fff;font-size:11px;margin:4px 0}.app-sidebar nav{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:#9db4c7;font-size:9px}.side-link:hover,.side-link.active{background:var(--blue);color:#fff}.side-link i{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-style:normal;padding:2px 5px;font-size:7px}.sidebar-help{margin-top:auto;background:#0b243b;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px;display:grid;gap:4px}.sidebar-help small,.sidebar-help span{font-size:7px;color:#718ca1}.sidebar-help b{font-size:9px;color:#fff}.logout{margin-top:10px;border:0;background:transparent;color:#8098aa;text-align:left;padding:10px;font-size:9px}.app-main{min-width:0}.app-header{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:40}.open-side{display:none}.app-breadcrumb small,.app-breadcrumb b{display:block}.app-breadcrumb small{font-size:7px;color:#8998a5}.app-breadcrumb b{font-size:12px;margin-top:4px}.app-head-actions{display:flex;gap:10px;align-items:center}.app-head-actions .icon-btn{position:relative}.app-head-actions .icon-btn i{position:absolute;right:-2px;top:-3px;background:var(--red);color:#fff;font-style:normal;border-radius:99px;font-size:7px;padding:2px 5px}.user-menu{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:10px}.user-menu>span{width:34px;height:34px;border-radius:50%;background:#e8f2fb;color:var(--blue);display:grid;place-items:center;font-weight:900}.user-menu b,.user-menu small{display:block;text-align:left}.user-menu small{color:#8a98a5;font-size:7px;margin-top:3px}.app-content{padding:34px;max-width:1500px}.page-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.page-top h1{font-size:36px;letter-spacing:-1.5px;margin:7px 0}.page-top p{color:#758594;font-size:10px;margin:0}.page-actions{display:flex;gap:8px}.stat-grid.big{margin:0 0 20px}.panel-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 7px 25px rgba(10,30,50,.03)}.wide-card{grid-column:1/-1}.fleet-summary{display:flex;align-items:center;justify-content:center;gap:55px;padding:12px 20px}.fleet-bars{width:250px;display:grid;gap:17px}.fleet-bars span{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.fleet-bars span b{font-weight:800}.fleet-bars>div>div{height:7px;background:#edf2f5;border-radius:99px;overflow:hidden}.fleet-bars>div>div i{display:block;height:100%;background:var(--blue);border-radius:99px}.fleet-bars>div:nth-child(1)>div i{background:var(--green)}.fleet-bars>div:nth-child(2)>div i{background:var(--red)}.issue-table{display:grid}.issue-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;border-top:1px solid #edf1f4;padding:12px 0}.issue-row.full{padding:17px 0}.issue-row>div{min-width:0}.issue-row b,.issue-row small{display:block}.issue-row b{font-size:9px}.issue-row small{font-size:7px;color:#8998a5;margin-top:4px}.issue-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:12px}.issue-icon.warn{background:#fff7e8;color:#d3921d}.issue-icon.bad{background:#fff0f0;color:var(--red)}.mini-action{border:1px solid #d8e3eb;background:#fff;color:var(--blue);border-radius:7px;padding:7px 9px;font-size:7px;font-weight:800}.toolbar{display:flex;gap:10px;margin-bottom:15px}.search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:#8392a0}.search input{border:0;outline:0;width:100%;padding:11px 0;font-size:10px}.toolbar select,.settings-card select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 12px;font-size:9px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.vehicle-photo{height:170px;background:#eef2f5;position:relative;display:grid;place-items:center}.vehicle-photo img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.vehicle-photo>.status{position:absolute;top:12px;right:12px}.vehicle-info{padding:16px 17px 10px;display:flex;justify-content:space-between}.vehicle-info h3{font-size:14px;margin:0 0 4px}.vehicle-info>b{font-size:9px;color:#6e7e8e}.vehicle-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 17px 16px}.vehicle-meta span{border-top:1px solid #edf1f4;padding-top:9px}.vehicle-meta small,.vehicle-meta b{display:block}.vehicle-meta small{font-size:7px;color:#8a99a6}.vehicle-meta b{font-size:8px;margin-top:4px}.vehicle-actions{display:flex;gap:8px;padding:0 17px 17px}.vehicle-actions .btn{flex:1}.back-link{font-size:9px;color:var(--blue)}.vehicle-title{display:flex;gap:15px;align-items:center;margin-top:12px}.vehicle-title h1{margin:6px 0;font-size:30px}.vehicle-title h1 em{font-style:normal;color:var(--blue)}.vehicle-title p{display:flex;align-items:center;gap:8px}.vehicle-thumb{width:90px;height:70px;background:#eef2f5;border-radius:11px;display:grid;place-items:center}.vehicle-thumb img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.detail-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:15px}.detail-tabs a{font-size:9px;color:#8392a0;padding:12px 2px;border-bottom:2px solid transparent}.detail-tabs a.active{color:var(--blue);border-color:var(--blue);font-weight:800}.vehicle-detail-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:15px}.recommendation .recommend-item{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f4;font-size:8px}.recommendation .recommend-item b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--orange)}.recommendation .recommend-item.bad b:before{background:var(--red)}.recommendation .recommend-item span{color:#7c8c99}.recommendation hr{border:0;border-top:1px solid var(--line);margin:20px 0}.recommendation>a{display:block;font-size:8px;color:var(--blue);margin-top:10px}.table-head,.table-row{display:grid;grid-template-columns:110px 1.5fr 1fr 100px 140px;gap:15px;align-items:center}.table-head{font-size:7px;color:#8a99a7;text-transform:uppercase;letter-spacing:.6px;padding-bottom:10px}.table-row{border-top:1px solid #edf1f4;padding:14px 0;font-size:8px}.table-row b{font-size:9px}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head h3{font-size:14px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.calendar-week b{font-size:7px;color:#8a98a5;padding:10px 0}.day{position:relative;border:0;background:#f7f9fb;border-radius:8px;height:44px;font-size:9px;color:#637688}.day.today{background:#eaf4ff;color:var(--blue);font-weight:900}.day.has-event:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}.visit-card{display:grid;grid-template-columns:48px 1fr auto 30px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1f4}.date-box{width:44px;height:44px;background:#eef7ff;border-radius:10px;display:grid;place-items:center;color:var(--blue)}.date-box b{font-size:16px}.date-box span{font-size:7px}.visit-card b,.visit-card small{display:block}.visit-card b{font-size:9px}.visit-card small{font-size:7px;color:#8997a4;margin-top:3px}.issue-filters{display:flex;gap:8px;margin-bottom:15px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 13px;font-size:8px;color:#708193}.filter.active{background:#eaf4ff;color:var(--blue);border-color:#bddbfb}.filter b{margin-left:5px}.notifications-list{padding:0 20px}.notification{display:flex;gap:13px;align-items:center;padding:17px 0;border-top:1px solid #edf1f4}.notification:first-child{border:0}.notification-icon{width:38px;height:38px;background:#eef7ff;color:var(--blue);border-radius:10px;display:grid;place-items:center}.notification>div{flex:1}.notification b,.notification small{display:block}.notification b{font-size:9px}.notification small{font-size:7px;color:#8b99a6;margin-top:4px}.notification.read{opacity:.55}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;align-items:center;gap:12px}.doc-card>span{width:40px;height:40px;background:#eef7ff;color:var(--blue);display:grid;place-items:center;border-radius:10px}.doc-card>div{flex:1}.doc-card b,.doc-card small{display:block}.doc-card b{font-size:9px}.doc-card small{font-size:7px;color:#8a98a5;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{display:grid;gap:15px}.settings-card h3{font-size:14px;margin:0 0 5px}.switch-row{display:flex!important;justify-content:space-between;align-items:center}.switch-row span{display:block}.switch-row b,.switch-row small{display:block}.switch-row small{color:#8a98a5;font-size:7px;margin-top:4px}.switch-row input{width:35px!important;height:19px;accent-color:var(--blue)}.profile-box{display:flex;align-items:center;gap:15px;padding:15px 0}.avatar{width:52px;height:52px;border-radius:50%;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.profile-box b,.profile-box small{display:block}.profile-box small{font-size:8px;color:#8291a0;margin-top:4px}.upload-box{border:2px dashed #c9d9e7;border-radius:12px;padding:35px;text-align:center;display:grid;place-items:center;gap:8px;color:#718395}.upload-box input{display:none}.upload-box b{font-size:10px}.upload-box small{font-size:7px}.modal-backdrop{position:fixed;inset:0;background:rgba(2,13,24,.72);backdrop-filter:blur(7px);z-index:200;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:30px;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative}.modal.wide{width:min(780px,100%)}.modal-close{position:absolute;top:14px;right:14px;border:0;background:#eef2f5;width:32px;height:32px;border-radius:50%;font-size:17px}.modal-kicker{font-size:8px;letter-spacing:1.4px;color:var(--blue);font-weight:900}.modal h2{font-size:28px;letter-spacing:-1px;margin:8px 0 10px}.modal>p{font-size:10px;line-height:1.7;color:#728291}.modal-form{display:grid;gap:12px}.modal-form .btn{width:100%}.success-box{text-align:center;padding:15px 0}.success-box>div{width:56px;height:56px;background:#eaf8f0;color:var(--green);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:26px}.success-box h3{font-size:20px}.success-box p{font-size:9px;color:#7b8b99;line-height:1.7}.demo-vehicle{display:flex;gap:15px;align-items:center;background:#f4f7fa;border-radius:12px;padding:15px}.demo-vehicle img{width:130px;height:75px;object-fit:contain}.demo-vehicle b,.demo-vehicle span{display:block}.demo-vehicle span{font-size:8px;color:#7d8d9c;margin:4px 0 7px}.demo-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:14px 0;font-size:8px;color:#8594a1}.demo-tabs b{color:var(--blue)}.toast{position:fixed;right:20px;bottom:20px;z-index:300;background:#071a2c;color:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:9px;box-shadow:0 15px 40px rgba(0,0,0,.25);transform:translateY(20px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast>span{color:#4ad28f}.toast.warning>span{color:#f0ae36}.floating-cta{position:fixed;right:22px;bottom:20px;z-index:45;background:#061526;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:7px 7px 7px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.floating-cta>span{font-size:8px;color:#a9bbca}.floating-cta .btn{padding:10px 13px;font-size:8px}.admin-shell{min-height:100vh;background:#f5f7fa}.admin-top{height:72px;background:#061526;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.admin-top>div{display:flex;align-items:center;gap:15px}.admin-top>div>span{font-size:7px;color:#7fa2bd;letter-spacing:1px}.admin-body{display:grid;grid-template-columns:210px 1fr}.admin-nav{background:#fff;border-right:1px solid var(--line);min-height:calc(100vh - 72px);padding:25px 13px;display:grid;align-content:start;gap:5px}.admin-nav b{font-size:8px;color:#8796a5;padding:10px}.admin-nav a{font-size:9px;padding:11px 10px;border-radius:8px;color:#657789}.admin-nav a.active{background:#eaf4ff;color:var(--blue);font-weight:800}.admin-content{padding:35px;max-width:1500px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.empty-state{padding:30px;text-align:center;color:#8493a0;font-size:9px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:65px 0 45px}.footer-grid .brand{margin-bottom:14px}.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:#879aaa;font-size:9px;margin:9px 0}.footer-grid b{font-size:9px;color:#d8e3eb;text-transform:uppercase;letter-spacing:1px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;display:flex;justify-content:space-between;color:#74899a;font-size:8px}.footer-bottom button{background:none;border:0;color:#74899a;font-size:8px}footer{background:#04111e}.noscript{padding:30px;background:#061526;color:#fff}.public-nav.mobile-open{display:flex}
@media(max-width:1100px){.public-nav{gap:13px}.plans-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.dash-lower{grid-template-columns:1fr 1fr}.panel-grid{grid-template-columns:1fr 1fr}.wide-card{grid-column:1/-1}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:220px 1fr}.hero-grid{grid-template-columns:1fr .9fr}.hero h1{font-size:55px}.process-step{grid-template-columns:40px 55px 1fr 230px}}
@media(max-width:800px){.container{width:min(100% - 28px,650px)}.site-header{height:68px}.public-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#061526;flex-direction:column;align-items:stretch;padding:15px 24px;border-top:1px solid rgba(255,255,255,.08)}.public-nav.mobile-open{display:flex}.public-nav a{padding:12px}.nav-actions .btn.ghost{display:none}.mobile-menu{display:grid;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 0 20px}.hero-visual{height:350px}.visual-card.top{top:25px}.visual-card.bottom{bottom:25px}.hero h1{font-size:48px}.hero-points{grid-template-columns:1fr}.logo-strip .container{flex-wrap:wrap;justify-content:center;padding:22px 0}.logo-strip span{width:100%;text-align:center}.logo-strip b{font-size:11px}.section{padding:75px 0}.feature-grid,.feature-grid.three{grid-template-columns:1fr}.split-promo,.about-grid,.passport-page,.contact-grid{grid-template-columns:1fr;gap:40px}.dashboard-preview{grid-template-columns:1fr}.dashboard-preview aside{display:none}.stat-grid{grid-template-columns:1fr 1fr}.dash-lower{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.offer-bottom{grid-template-columns:1fr}.offer-bottom>div+div{border-left:0;border-top:1px solid var(--line)}.discounts{grid-template-columns:repeat(4,1fr)}.process-line{grid-template-columns:repeat(2,1fr);gap:25px}.process-line div:not(:last-child):after{display:none}.process-step{grid-template-columns:40px 1fr;gap:12px}.process-step .step-icon{grid-column:2}.process-step>div:nth-child(3){grid-column:2}.step-demo{grid-column:2}.metrics{grid-template-columns:1fr 1fr}.checks-grid{grid-template-columns:1fr}.contact-grid h2{font-size:44px}.contact-strip .container{flex-direction:column;align-items:flex-start}.floating-cta{display:none}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-card{margin:30px auto;width:min(460px,calc(100% - 30px))}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:-260px;top:0;width:245px;transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.25)}.app-sidebar.open{left:0}.side-close,.open-side{display:grid}.app-header{padding:0 15px}.app-content{padding:24px 14px}.page-top{align-items:flex-start;flex-direction:column}.page-actions{flex-wrap:wrap}.panel-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.fleet-summary{flex-direction:column;gap:20px}.fleet-bars{width:100%}.vehicle-grid,.document-grid,.settings-grid,.schedule-grid,.admin-grid{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:7px}.table-row .mini-action{grid-column:1/-1}.admin-body{grid-template-columns:1fr}.admin-nav{display:none}.admin-content{padding:22px 14px}.admin-kpis{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.hero-trust{display:grid}.page-hero{padding:80px 0}.page-hero h1{font-size:46px}.passport-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}}
@media(max-width:480px){.hero h1{font-size:42px;letter-spacing:-2.5px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-visual{height:285px}.van-stage img{width:115%}.visual-card{transform:scale(.82)}.visual-card.top{left:-12px}.visual-card.bottom{right:-12px}.section-head h2,.split-promo h2,.about-grid h2{font-size:36px}.stat-grid,.admin-kpis{grid-template-columns:1fr 1fr}.vehicle-meta{grid-template-columns:1fr}.vehicle-title{align-items:flex-start}.vehicle-title h1{font-size:23px}.vehicle-title{flex-direction:column}.detail-tabs{overflow:auto}.history-row{grid-template-columns:65px 1fr 20px}.contact-grid h2{font-size:39px}.footer-grid{grid-template-columns:1fr}.auth-card{padding:25px}.modal{padding:25px 18px}.discounts strong{font-size:15px}.offer-bottom>div{padding:18px}}

/* Final polish: accessible modals + stronger authentication screen */
body.modal-open{overflow:hidden}
.modal-backdrop{overscroll-behavior:contain}
.modal-close{cursor:pointer;display:grid;place-items:center;z-index:2}
.modal-close:hover{background:#dfe8ef;transform:scale(1.04)}
.auth-card{width:min(560px,calc(100% - 48px));padding:52px;border-radius:26px}
.auth-card h2{font-size:42px;letter-spacing:-1.4px;margin:14px 0 12px}
.auth-card>p{font-size:12px;line-height:1.8;max-width:460px}
.auth-card form{gap:17px;margin-top:28px}
.auth-card label{font-size:10px;gap:8px}
.auth-card input[type=email],.auth-card input[type=password]{min-height:56px;padding:0 16px;font-size:15px;border-radius:12px}
.auth-card .btn{min-height:56px;font-size:11px;border-radius:12px}
.auth-logo{margin:30px 0 38px;padding:16px 18px}
.auth-card .login-note{font-size:9px;line-height:1.6;margin-top:18px;color:#8796a5}
.mini-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#6d8090;background:#f5f8fb;border-radius:14px}
.mini-empty b{font-size:12px;color:#1d3041;letter-spacing:.5px}
.mini-empty span{font-size:9px;margin-top:8px;max-width:240px;line-height:1.6}
@media(max-width:800px){.auth-card{width:min(560px,calc(100% - 28px));padding:34px 24px;border-radius:20px}.auth-card h2{font-size:34px}.auth-card input[type=email],.auth-card input[type=password],.auth-card .btn{min-height:54px}}