*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#e8312a;--red-dark:#c72a23;--navy:#1a1a2e;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--bg:#fff;--font:"Poppins",sans-serif;--font-heading:"Oswald",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font);border:none;outline:none}img{max-width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}.container{max-width:1280px;margin:0 auto;padding:0 32px}#root,body,html{width:100%;max-width:100%}canvas,img,svg,video{max-width:100%;height:auto}*{min-width:0}@media (max-width:1180px){.container{padding-left:24px;padding-right:24px}[style*="grid-template-columns: repeat(4, 1fr)"], [style*="grid-template-columns: repeat(4,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns: repeat(7"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:900px){.container{padding-left:20px;padding-right:20px}nav>div:first-child{height:64px!important;padding-left:16px!important;padding-right:16px!important}nav img[alt="Timeline Telematics"]{width:190px!important;height:auto!important;padding-bottom:0!important;max-height:62px!important;object-fit:contain!important}.desktop-nav{display:none!important}.mob-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important}nav a[href="/contact"][style*=background]{display:none!important}nav>div:nth-child(2){max-height:calc(100vh - 64px)!important;overflow-y:auto!important;padding-left:18px!important;padding-right:18px!important}[style*="grid-template-columns: 0.9fr 1.1fr"],[style*="grid-template-columns: 1.15fr 0.85fr"],[style*="grid-template-columns: 1.1fr 0.9fr"],[style*="grid-template-columns: 1.25fr 0.75fr"],[style*="grid-template-columns: 1.2fr 0.8fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 200px 1fr"],[style*="grid-template-columns: 340px 1fr"],[style*="grid-template-columns: repeat(2"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns: repeat(7"]{grid-template-columns:1fr!important}[style*="display: grid"]{gap:22px!important}[style*="display: flex"]{max-width:100%}[style*="padding: 100px"],[style*="padding: 110px"],[style*="padding: 120px"],[style*="padding: 80px"],[style*="padding: 90px"],[style*="padding: 96px"],section{padding-left:20px!important;padding-right:20px!important}[style*="font-size: 54px"],[style*="font-size: 56px"],[style*="font-size: 60px"],[style*="font-size: 64px"],h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.12!important}[style*="font-size: 42px"],[style*="font-size: 44px"],[style*="font-size: 46px"],[style*="font-size: 48px"],h2{font-size:clamp(28px,7.5vw,36px)!important;line-height:1.18!important}[style*="font-size: 30px"],[style*="font-size: 32px"],h3{font-size:clamp(23px,6vw,28px)!important;line-height:1.25!important}.products-hero{padding:118px 0 42px!important}.products-hero-title{padding-top:55px!important;font-size:34px!important}.products-filter-bar{top:64px!important;overflow-x:auto!important}.filter-bar-inner{align-items:flex-start!important}.filter-bar-pills{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.filter-pill{flex:0 0 auto;white-space:nowrap}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.products-category-header{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.product-image-wrapper{height:150px!important;padding:16px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:34px!important}footer>div:nth-child(2){padding:54px 20px 24px!important}#about{overflow-x:hidden!important}#about>div{max-width:100%!important}#about div[style*="max-width: 1100px"]{padding-left:22px!important;padding-right:22px!important;max-width:100%!important}#about div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;min-height:auto!important}#about div[style*="grid-template-columns: 340px 1fr"]{grid-template-columns:1fr!important;gap:34px!important;align-items:stretch!important}#about div[style*="grid-template-columns: 200px 1fr"]{grid-template-columns:1fr!important}#about div[style*="padding: 72px 56px"]{padding:56px 24px!important}#about div[style*="padding: 56px 48px"]{padding:34px 24px!important}#about div[style*="padding: 100px 0"]{padding-top:58px!important;padding-bottom:58px!important}#about div[style*="margin-bottom: 64px"]{margin-bottom:36px!important}#about div[style*="height: 380px"]{height:320px!important}#about div[style*="left: -16px"]{left:-8px!important;top:8px!important}#about div[style*="background: #C8102E"][style*="min-height: 160px"],#about div[style*="background: rgb(200, 16, 46)"][style*="min-height: 160px"]{min-height:110px!important;padding:24px 22px!important}#about div[style*="border-left: none"]{border-left:1px solid hsla(0,0%,100%,.08)!important;border-top:none!important;padding:26px 22px!important}#about div[style*="grid-template-columns: repeat(3, 1fr)"], #about div[style*="grid-template-columns: repeat(3,1fr)"]{grid-template-columns:1fr!important}#about div[style*="grid-template-columns: repeat(4, 1fr)"], #about div[style*="grid-template-columns: repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}#about div[style*="justify-content: space-between"][style*="margin-bottom: 20px"]{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}#about div[style*="height: 4px"][style*="cursor: pointer"]{width:30px!important}#about div[style*="font-size: 54px"]{font-size:42px!important}}@media (max-width:640px){.container{padding-left:16px;padding-right:16px}body div[style*="height: 40px"][style*="position: fixed"]>div{padding-left:16px!important;padding-right:16px!important;justify-content:center!important}nav>div:first-child{height:60px!important}nav img[alt="Timeline Telematics"]{width:160px!important;max-height:58px!important}.global-hero{min-height:auto!important;margin-top:100px!important;padding:72px 16px 56px!important}.global-hero-title{font-size:clamp(30px,10vw,40px)!important}.global-hero-desc{font-size:14px!important;line-height:1.65!important}.global-hero-actions,[style*="display: flex"][style*="gap: 24px"]{gap:14px!important}.global-hero-btn,a[style*="padding: 14px 34px"],a[style*="padding: 14px 36px"],button[style*="padding: 14px"]{width:100%!important;max-width:360px!important;justify-content:center!important;text-align:center!important}[style*="display: flex"][style*="align-items: center"],[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap!important}[style*="padding: 56px"],[style*="padding: 60px"],[style*="padding: 64px"],[style*="padding: 72px"]{padding:42px 16px!important}[style*="padding: 40px"],[style*="padding: 44px"],[style*="padding: 48px"]{padding:28px 16px!important}[style*="gap: 40px"],[style*="gap: 44px"],[style*="gap: 48px"],[style*="gap: 52px"]{gap:24px!important}.products-hero{padding:96px 0 32px!important}.products-hero-title{padding-top:42px!important;font-size:30px!important}.products-hero-desc{font-size:14px!important;padding:0 4px!important}.products-main{padding:34px 0 54px!important}.products-grid{grid-template-columns:1fr!important;gap:16px!important}.product-image-wrapper{height:180px!important}.cta-title{font-size:26px!important}.cta-btn{width:100%;text-align:center}.pdp-main{overflow-x:hidden}.pdp-hero{padding-top:112px!important}.pdp-model-title{font-size:32px!important}.pdp-cta-strip-actions,.pdp-hero-actions,.pdp-modal-footer{flex-direction:column!important;width:100%!important}.pdp-cta-strip-actions a,.pdp-cta-strip-actions button,.pdp-hero-actions a,.pdp-hero-actions button,.pdp-modal-footer button{width:100%!important;text-align:center!important;justify-content:center!important}.pdp-tabs{overflow-x:auto!important;justify-content:flex-start!important}.pdp-tab-btn{flex:0 0 auto!important;white-space:nowrap!important}.pdp-spec-row{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.pdp-spec-key{min-width:0!important}.pdp-accessories-grid,.pdp-related-grid{grid-template-columns:1fr!important}.pdp-modal-overlay{padding:12px!important}.pdp-modal-body,.pdp-modal-header{padding-left:18px!important;padding-right:18px!important}.footer-grid{grid-template-columns:1fr!important;gap:30px!important}footer img[alt="Timeline Telematics"]{max-width:170px!important}#about div[style*="padding: 72px 56px"]{padding:44px 18px!important}#about div[style*="padding: 56px 48px"]{padding:28px 18px!important}#about div[style*="max-width: 1100px"]{padding-left:18px!important;padding-right:18px!important}#about div[style*="padding: 100px 0"],#about div[style*="padding: 80px 0"]{padding-top:46px!important;padding-bottom:46px!important}#about h2{word-break:normal!important;overflow-wrap:normal!important}#about h2 em{display:inline!important}#about div[style*="height: 320px"],#about div[style*="height: 380px"]{height:280px!important}#about div[style*="padding: 20px 28px 24px"]{padding:18px 20px 20px!important}#about div[style*="font-size: 100px"]{font-size:64px!important;margin-bottom:4px!important}#about div[style*="padding-top: 24px"][style*=border-top]{align-items:flex-start!important;flex-wrap:nowrap!important}#about div[style*="font-size: 54px"]{font-size:36px!important}#about div[style*="padding: 36px 44px"]{padding:24px 18px!important}#about div[style*="padding: 32px 24px"]{padding:22px 18px!important}#about div[style*="padding: 32px"][style*="border: 1px solid"]{padding:24px 20px!important}#about div[style*="grid-template-columns: repeat(4, 1fr)"], #about div[style*="grid-template-columns: repeat(4,1fr)"]{grid-template-columns:1fr!important}#about div[style*="padding: 36px 28px"]{padding:28px 22px!important}#about p{font-size:13.5px!important;line-height:1.75!important}}@media (max-width:420px){#about div[style*="max-width: 1100px"]{padding-left:16px!important;padding-right:16px!important}#about div[style*="height: 280px"],#about div[style*="height: 320px"],#about div[style*="height: 380px"]{height:250px!important}#about div[style*="font-size: 40px"]{font-size:32px!important;min-width:86px!important}#about div[style*="font-size: 34px"]{font-size:29px!important}#about div[style*="font-size: 54px"]{font-size:34px!important}}@media (max-width:380px){nav img[alt="Timeline Telematics"]{width:135px!important}.global-hero-title,h1{font-size:29px!important}.product-image-wrapper{height:160px!important}}@media (max-width:900px){div[style*="grid-template-columns: 300px 1fr"],div[style*="gridTemplateColumns: 300px 1fr"]{grid-template-columns:1fr!important;gap:34px!important;align-items:stretch!important}div[style*="background: linear-gradient(135deg, #f8f9fc 0%, #eef1f7 100%)"][style*="padding: 100px 0"]{padding-top:56px!important;padding-bottom:56px!important}div[style*="max-width: 1100px"][style*="padding: 0 56px"]{padding-left:22px!important;padding-right:22px!important;max-width:100%!important}div[style*="margin-bottom: 64px"]{margin-bottom:34px!important}div[style*="position: absolute"][style*="left: -16px"][style*="background: #C8102E"],div[style*="position: absolute"][style*="left: -16px"][style*="background: rgb(200, 16, 46)"]{left:-8px!important;top:8px!important}div[style*="height: 340px"][style*="overflow: hidden"],div[style*="height: 380px"][style*="overflow: hidden"]{height:310px!important}div[style*="font-size: 100px"][style*=Georgia]{font-size:62px!important;margin-bottom:0!important}div[style*="display: flex"][style*="flex-direction: column"][style*="gap: 16px"]{gap:12px!important}div[style*="border-top: 1px solid #dde3ee"][style*="display: flex"]{align-items:flex-start!important;gap:12px!important}#about div[style*="background: #08142E"][style*="padding: 100px 0"],#about div[style*="background: rgb(8, 20, 46)"][style*="padding: 100px 0"]{padding-top:56px!important;padding-bottom:56px!important}#about div[style*="grid-template-columns: 200px 1fr"]{grid-template-columns:1fr!important;gap:0!important}#about div[style*="grid-template-columns: 340px 1fr"]{grid-template-columns:1fr!important;gap:34px!important}}@media (max-width:640px){div[style*="background: linear-gradient(135deg, #f8f9fc 0%, #eef1f7 100%)"][style*="padding: 100px 0"]{padding-top:44px!important;padding-bottom:44px!important}div[style*="max-width: 1100px"][style*="padding: 0 56px"]{padding-left:18px!important;padding-right:18px!important}div[style*="grid-template-columns: 300px 1fr"],div[style*="grid-template-columns: 340px 1fr"]{grid-template-columns:1fr!important;gap:28px!important}div[style*="height: 340px"][style*="overflow: hidden"],div[style*="height: 380px"][style*="overflow: hidden"]{height:270px!important}div[style*="padding: 20px 28px 24px"]{padding:18px 20px 20px!important}div[style*="font-size: 100px"][style*=Georgia]{font-size:54px!important;line-height:.8!important}div[style*="border-top: 1px solid #dde3ee"][style*="display: flex"]{margin-top:24px!important;padding-top:18px!important;flex-wrap:nowrap!important}div[style*="width: 36px"][style*="height: 3px"]{width:28px!important}#about div[style*="padding: 100px 0"],#about div[style*="padding: 80px 0"]{padding-top:44px!important;padding-bottom:44px!important}#about div[style*="margin-bottom: 48px"],#about div[style*="margin-bottom: 64px"]{margin-bottom:28px!important}#about div[style*="grid-template-columns: 200px 1fr"]{grid-template-columns:1fr!important;gap:0!important}#about div[style*="min-height: 160px"]{min-height:auto!important}#about div[style*="padding: 36px 44px"]{padding:22px 18px!important}#about div[style*="padding: 32px 24px"]{padding:20px 18px!important}#about div[style*="font-size: 54px"]{font-size:34px!important}#about h2{line-height:1.2!important}}@media (max-width:420px){div[style*="height: 340px"][style*="overflow: hidden"],div[style*="height: 380px"][style*="overflow: hidden"]{height:245px!important}div[style*="max-width: 1100px"][style*="padding: 0 56px"]{padding-left:16px!important;padding-right:16px!important}#about div[style*="padding: 100px 0"],#about div[style*="padding: 80px 0"]{padding-top:38px!important;padding-bottom:38px!important}}