:root{--ink:#050a14;--gold:#0869e8;--gold2:#40a8ff;--paper:#f0f5fb;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.top{background:linear-gradient(90deg,#0753bd,#118bf8);color:#fff;text-align:center;font-weight:800;padding:7px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #16355d}.brand{display:block;width:122px;height:72px;background:url("/assets/trace-truckin-logo-blue.png") center/contain no-repeat;font-size:0;text-decoration:none;filter:drop-shadow(0 0 14px rgba(64,168,255,.3))}.brand span{display:none}.phone{font-weight:800;text-decoration:none;border:1px solid var(--gold2);padding:10px 14px}.crumbs{padding:24px 0;color:#9caec5;font-size:.85rem}.crumbs a{color:var(--gold2)}.hero{padding:55px 0 80px;background:linear-gradient(135deg,#0e2342,#050b15)}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem}.hero h1,h2{font-family:Barlow Condensed,Arial,sans-serif;text-transform:uppercase;line-height:.92}.hero h1{font-size:clamp(3.6rem,8vw,7rem);margin:16px 0 26px;max-width:900px}.hero p{font-size:1.15rem;color:#c5d7ee;max-width:770px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:14px 20px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.btn.alt{background:transparent;color:#fff;border:1px solid #8ebff8}.content{padding:80px 0;background:var(--paper);color:#202329}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:65px}.content h2{font-size:3rem;margin:0 0 20px}.content h3{font:700 1.5rem Barlow Condensed;text-transform:uppercase;margin:36px 0 8px}.content p,.content li{color:#505d6d}.content li+li{margin-top:8px}.box{background:#061327;color:#fff;border-top:5px solid var(--gold2);padding:28px;height:max-content}.box h2{font-size:2.2rem}.box p{color:#bdcce0}.box a{display:block;margin-top:12px}.faq{padding:80px 0}.faq h2{font-size:3.6rem}.faq details{border-top:1px solid #1b395f;padding:20px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#b8cbe3;max-width:800px}.links{padding:55px 0;background:#07101f}.links h2{font-size:2.5rem}.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.linkgrid a{background:#0b182b;padding:20px;border-left:4px solid var(--gold2);text-decoration:none;font-weight:800}footer{padding:36px 0;color:#96a9c0}.footer{display:flex;justify-content:space-between;gap:25px}.mobile{display:none}@media(max-width:760px){.grid,.linkgrid{grid-template-columns:1fr}.nav .phone{display:none}.hero h1{font-size:4rem}.footer{display:block}.mobile{display:flex;position:fixed;left:12px;right:12px;bottom:12px;height:54px;align-items:center;justify-content:center;background:var(--gold);color:#fff;font-weight:900;text-decoration:none;z-index:10}.content,.faq{padding:60px 0}}
