:root{--red:#ef1f25;--red-dark:#c71117;--ink:#071019;--navy:#0a1624;--muted:#667085;--line:#e5e7eb;--soft:#f7f8fa;--green:#2e8b18;--max:1240px;--shadow:0 8px 24px rgba(9,17,31,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#111827;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#02070d;color:#fff;font-size:13px}.topbar .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between}.topbar .wrap{height:38px}.top-left,.top-right,.navlinks{display:flex;align-items:center;gap:18px}.red{color:var(--red)}.nav{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.nav .wrap{height:86px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:28px;letter-spacing:-1px}.brand b{color:var(--red)}.brand small{display:block;font-size:9px;letter-spacing:1.2px;color:#111;margin-top:-5px}.brandmark{width:32px;height:4px;background:var(--red);box-shadow:0 8px 0 var(--red),0 -8px 0 var(--red);transform:skewX(-25deg)}.navlinks a{font-weight:700;font-size:14px}.navlinks a.active,.navlinks a:hover{color:var(--red)}.callbox{background:var(--red);color:white;border-radius:8px;padding:10px 16px;font-weight:800;font-size:13px}.hero{background:linear-gradient(90deg,#030a11 0%,#07101a 43%,rgba(7,16,26,.35) 67%,rgba(7,16,26,.05)),url('../img/truck-hero.jpg') right center/cover no-repeat;color:#fff;padding:58px 0 50px}.hero h1{font-size:48px;line-height:1.05;margin:0 0 16px;max-width:620px;letter-spacing:-1.6px}.hero p{font-size:18px;max-width:590px;color:#f1f5f9}.benefits{display:flex;gap:38px;margin-top:28px;flex-wrap:wrap}.benefit{display:flex;gap:10px;align-items:flex-start;font-size:13px}.ico{width:42px;height:42px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:900;flex:0 0 auto}.section{padding:56px 0}.section.soft{background:var(--soft)}.section-title{text-align:center;margin-bottom:28px}.section-title span{color:var(--red);font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.section-title h2{font-size:30px;margin:5px 0 4px}.section-title p{color:var(--muted);margin:0}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.service-card{min-height:245px;display:flex;flex-direction:column}.service-card .card-icon{width:55px;height:55px;border-radius:50%;background:#f6f6f7;display:grid;place-items:center;font-size:25px;color:var(--red);margin-bottom:12px}.service-card h3{margin:0 0 8px;font-size:18px}.service-card p{color:#555;font-size:14px}.service-card .more{margin-top:auto;color:var(--red);font-weight:800;font-size:14px}.fleet-card .card-icon{color:var(--green)}.fleet-card .price{color:var(--green);font-weight:900;font-size:18px}.price-card{text-align:center;position:relative;padding:30px 24px}.price-card.popular{border-color:var(--red);box-shadow:var(--shadow)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;border-radius:18px;padding:5px 16px;font-size:11px;font-weight:900}.price-card .price{font-size:34px;color:var(--red);font-weight:900;margin:12px 0 0}.list{padding:0;margin:18px 0 0;list-style:none;text-align:left}.list li{padding:6px 0;font-size:14px}.list li:before{content:'✓';color:var(--red);font-weight:900;margin-right:8px}.fleet-card .list li:before{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--red);background:#fff;color:var(--red);padding:12px 18px;border-radius:7px;font-weight:800;cursor:pointer}.btn.primary{background:var(--red);color:#fff}.btn.dark{background:#09111a;color:#fff;border-color:#09111a}.btn.full{width:100%}.stats{background:#050c14;color:#fff;padding:24px 0}.stats .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat{text-align:center;border-right:1px solid #2c3440}.stat:last-child{border:0}.stat strong{font-size:27px}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{text-align:center}.stepnum{width:34px;height:34px;margin:0 auto 10px;background:var(--red);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:30px}.who{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.who .card{text-align:center}.why ul{columns:1;margin:0;padding:0;list-style:none}.why li{padding:8px 0}.why li:before{content:'✓';color:var(--red);font-weight:900;margin-right:9px}.callout{border:1px solid var(--line);border-radius:12px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.portal{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.portal-ui{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#f5f6f8,#fff);padding:22px;box-shadow:var(--shadow)}.portal-screen{height:220px;background:#fff;border:1px solid #d8dde5;border-radius:8px;padding:14px;display:grid;grid-template-columns:150px 1fr;gap:12px}.mini-nav{background:#0b1725;border-radius:7px}.mini-main{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-main div{border-radius:7px;background:#f4f5f7;border:1px solid #e7e9ee}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quote{font-size:15px;color:#414753}.stars{color:#f5a000}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq details{border:1px solid var(--line);border-radius:8px;padding:15px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.final-cta{background:#07111c;color:#fff;padding:44px 0}.final-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer{background:#02080e;color:#dce2ea;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;font-size:13px;padding:4px 0;color:#cbd5e1}.legal{border-top:1px solid #202a34;margin-top:28px;padding-top:15px;font-size:12px;color:#97a4b3;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:48px 0;background:linear-gradient(90deg,#030a11 0%,#07101a 48%,rgba(7,16,26,.2)),url('../img/truck-hero.jpg') right center/cover no-repeat;color:#fff}.page-hero h1{font-size:42px;margin:6px 0}.breadcrumb{font-size:12px;color:#d0d5dd}.content{padding:42px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.compare{width:100%;border-collapse:collapse;background:#fff}.compare th,.compare td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;text-align:center}.compare th:first-child,.compare td:first-child{text-align:left}.check{color:var(--red);font-weight:900}.form-shell{display:grid;grid-template-columns:1fr 300px;gap:24px}.progress{display:flex;justify-content:space-between;gap:8px;margin-bottom:25px}.progress .pstep{flex:1;text-align:center;font-size:11px;color:#667085}.progress .dot{width:30px;height:30px;border-radius:50%;background:#c7cbd1;color:#fff;display:grid;place-items:center;margin:0 auto 6px;font-weight:800}.progress .active .dot{background:var(--red)}.progress .active{color:var(--red);font-weight:800}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #d6dbe2;border-radius:6px;font:inherit}.field textarea{min-height:110px;resize:vertical}.full-span{grid-column:1/-1}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkrow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #e4e7ec;padding:8px 0;font-size:13px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.aside .panel{margin-bottom:16px}.aside h3{margin-top:0}.notice{background:#f0fff0;border:1px solid #b8dfb8;border-radius:8px;padding:14px}.success{display:none;background:#f0fff0;border:1px solid #a8d9a8;border-radius:12px;padding:24px;text-align:center}.success.show{display:block}.mobile-menu{display:none}
@media(max-width:980px){.grid-4,.grid-3,.how,.who{grid-template-columns:repeat(2,1fr)}.form-shell,.portal,.twocol{grid-template-columns:1fr}.aside{order:-1}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stat{border-right:0}.navlinks{display:none}.mobile-menu{display:block}.callbox{display:none}.hero h1{font-size:40px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{width:min(100% - 24px,var(--max))}.top-left span:nth-child(2),.top-right{display:none}.hero{padding:42px 0}.hero h1,.page-hero h1{font-size:34px}.grid-4,.grid-3,.grid-2,.how,.who,.fields,.checks,.faq,.testimonials{grid-template-columns:1fr}.stats .wrap{grid-template-columns:1fr 1fr}.benefits{gap:16px}.progress{overflow:auto}.pstep{min-width:90px}.footer-grid{grid-template-columns:1fr}.final-cta .wrap,.callout{flex-direction:column;align-items:flex-start}.portal-screen{grid-template-columns:90px 1fr}}
.brand{width:190px;height:54px;flex:0 0 190px;background:url('../img/magikbit-logo-services.png') center/contain no-repeat;font-size:0;letter-spacing:0}
.brand>*{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brandmark{background:none;box-shadow:none;transform:none}
@media(max-width:640px){.brand{width:160px;flex-basis:160px;height:48px}}
:root{--red:#0B70E1;--red-dark:#0A3AA0;--ink:#061340;--navy:#061340;--green:#0A3AA0;--soft:#F3F7FC}
.topbar{background:#061340}
.hero{background:linear-gradient(90deg,#061340 0%,#0A3AA0 43%,rgba(10,58,160,.35) 67%,rgba(10,58,160,.05)),url('../img/truck-hero.jpg') right center/cover no-repeat}
.btn.dark{background:#061340;border-color:#061340}
.final-cta{background:#061340}
.footer{background:#061340}
.stars{color:#FF6900}