/* PhazTrack public website — approved landing-page design, 12 Sep 2026. */
:root{--red:#e71838;--red-dark:#c50f2c;--ink:#0f1720;--deep:#0a121b;--navy:#101d29;--muted:#6d7783;--line:#dce2e7;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.pt-site{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.42;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.pt-wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}

/* Header */
.pt-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-bottom:1px solid #e8ebee;box-shadow:0 1px 10px rgba(10,18,27,.035);backdrop-filter:blur(12px)}.pt-nav-inner{position:relative;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.pt-brand,.pt-footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1.62rem;letter-spacing:-.045em}.pt-brand img{width:47px;height:55px;object-fit:contain}.pt-brand span,.pt-footer-brand span{display:flex;flex-direction:column;line-height:.92}.pt-brand strong,.pt-footer-brand strong{color:var(--red)}.pt-brand small,.pt-footer-brand small{margin-top:8px;font-size:.53rem;font-weight:700;letter-spacing:.04em;color:#525d68}.pt-nav-actions{display:flex;align-items:center;gap:25px}.pt-login,.pt-primary,.pt-outline{display:inline-flex;align-items:center;justify-content:center;font-weight:850;border-radius:11px}.pt-login{min-width:152px;min-height:58px;padding:12px 25px;background:var(--red);color:#fff;font-size:1.27rem;box-shadow:0 5px 15px rgba(231,24,56,.13)}.pt-login:hover,.pt-primary:hover{background:var(--red-dark)}.pt-menu-toggle{width:48px;height:44px;padding:8px 4px;border:0;background:transparent;display:grid;align-content:center;gap:6px;cursor:pointer}.pt-menu-toggle span{height:3px;width:36px;border-radius:8px;background:#39444e;display:block}.pt-menu{position:absolute;right:0;top:76px;min-width:210px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 42px rgba(8,17,26,.16)}.pt-menu[hidden]{display:none}.pt-menu a{display:block;padding:11px 13px;border-radius:9px;font-weight:720;font-size:.88rem}.pt-menu a:hover{background:#f5f7f9;color:var(--red)}

/* Hero */
.pt-hero{position:relative;min-height:610px;overflow:hidden;color:#fff;background:#101b25 url('https://images.pexels.com/photos/14971465/pexels-photo-14971465.jpeg?auto=compress&cs=tinysrgb&w=1800') center 56%/cover no-repeat}.pt-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,26,.96) 0%,rgba(8,17,26,.90) 35%,rgba(8,17,26,.52) 59%,rgba(8,17,26,.12) 83%,rgba(8,17,26,.18) 100%)}.pt-hero-inner{position:relative;z-index:2;min-height:610px;display:flex;align-items:center}.pt-hero-copy{padding:68px 0 145px;max-width:700px}.pt-hero h1{margin:0;font-size:clamp(4rem,6.4vw,6.15rem);line-height:.91;letter-spacing:-.055em;font-weight:920;text-shadow:0 4px 18px rgba(0,0,0,.22)}.pt-hero h2{margin:20px 0 0;font-size:clamp(1.2rem,2.15vw,1.63rem);font-weight:880;letter-spacing:-.01em}.pt-tagline{margin:13px 0 28px;font-size:clamp(1.1rem,1.7vw,1.4rem);color:#f1f3f5}.pt-actions{display:flex;gap:25px;flex-wrap:wrap}.pt-primary,.pt-outline{min-width:255px;min-height:68px;padding:14px 25px;font-size:1.22rem}.pt-primary{background:var(--red);color:#fff;border:2px solid var(--red)}.pt-outline{color:#fff;border:2px solid rgba(255,255,255,.82);background:rgba(10,18,27,.28)}.pt-outline:hover{background:rgba(255,255,255,.09)}.pt-hero-categories{position:absolute;left:0;right:0;bottom:0;height:84px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(11,22,32,.82);border-top:1px solid rgba(255,255,255,.20);backdrop-filter:blur(6px)}.pt-hero-categories span{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 8px;font-size:1rem;font-weight:780}.pt-hero-categories span:not(:last-child):after{content:"";position:absolute;right:0;height:31px;width:1px;background:rgba(255,255,255,.24)}.pt-hero-categories b{font-size:1.42rem;line-height:1}

/* Solutions */
.pt-section{padding:72px 0}.pt-section-white{background:#fff}.pt-heading{text-align:center;margin:0 auto 34px}.pt-heading h2{margin:0;font-size:clamp(2.15rem,3.5vw,3.2rem);line-height:1.02;letter-spacing:-.048em;font-weight:920}.pt-red-rule{width:70px;height:5px;border-radius:999px;background:var(--red);margin:18px auto 0}.pt-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.pt-solution{display:block;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 7px 22px rgba(15,24,35,.06);transition:transform .18s ease,box-shadow .18s ease}.pt-solution:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(15,24,35,.10)}.pt-solution img{display:block;width:100%;aspect-ratio:2.88/1;object-fit:cover;background:#edf1f4}.pt-solution-body{min-height:120px;padding:16px 19px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pt-solution-body div{min-width:0}.pt-solution-body strong{display:block;font-size:1.35rem;line-height:1;font-weight:900;letter-spacing:-.025em}.pt-solution-body p{margin:7px 0 0;color:var(--muted);font-size:1rem;line-height:1.32;max-width:340px}.pt-solution-body>span{align-self:center;color:var(--red);font-size:2.6rem;line-height:.7;font-weight:400}

/* Mobile app showcase */
.pt-mobile-section{padding:52px 0 62px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 70%);overflow:hidden}.pt-mobile{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:46px}.pt-split-copy h2{margin:0 0 18px;font-size:clamp(3rem,5.2vw,5rem);line-height:.91;letter-spacing:-.058em;font-weight:920}.pt-split-copy p{margin:0;color:var(--muted);font-size:1.2rem;line-height:1.48;max-width:520px}.pt-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.pt-store{display:flex;align-items:center;gap:12px;min-height:64px;min-width:210px;padding:10px 18px;border-radius:10px;background:#0c1721;color:#fff;border:1px solid #1b2a36}.pt-store>span{width:31px;text-align:center;font-size:1.45rem}.pt-play{color:#fff}.pt-apple{font-size:1.85rem!important}.pt-store div{display:flex;flex-direction:column;line-height:1.08}.pt-store small{font-size:.63rem;color:#c0c8cf}.pt-store strong{font-size:.9rem;margin-top:4px}.pt-phone-stage{height:510px;position:relative;max-width:570px;width:100%;margin-left:auto}.pt-phone{position:absolute;background:#fff;border:11px solid #13202b;border-radius:45px;box-shadow:0 24px 46px rgba(9,18,26,.17);overflow:hidden}.pt-phone-notch{position:absolute;z-index:6;top:0;left:50%;transform:translateX(-50%);width:45%;height:25px;background:#13202b;border-radius:0 0 15px 15px}.pt-phone-list{width:270px;height:490px;left:4%;top:7px;z-index:3;transform:rotate(-2.1deg);padding-top:32px}.pt-phone-top{height:56px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:900;font-size:1.05rem}.pt-phone-sub{padding:12px 15px;background:#f5f7f9;color:#65717c;font-size:.74rem;font-weight:900;letter-spacing:.07em}.pt-vehicle-row{display:grid;grid-template-columns:13px 1fr auto;gap:9px;align-items:center;padding:14px 12px;border-bottom:1px solid #e7ebef;font-size:.68rem}.pt-vehicle-row div{min-width:0}.pt-vehicle-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}.pt-vehicle-row small{display:block;color:#7d8892;margin-top:2px}.pt-vehicle-row strong{font-size:.64rem}.pt-vdot{width:10px;height:10px;border-radius:50%}.pt-vdot.moving{background:#189662}.pt-vdot.parked{background:#2d72c3}.pt-vdot.alert{background:var(--red)}.pt-phone-nav{position:absolute;bottom:0;left:0;right:0;height:49px;background:#fff;border-top:1px solid #e5eaee;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;color:#7c8792}.pt-phone-map{width:265px;height:455px;right:1%;top:25px;z-index:2;transform:rotate(2.6deg);background:#e8edef}.pt-phone-map-head{position:absolute;z-index:4;top:31px;left:0;right:0;height:51px;background:#101b25;color:#fff;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:900}.pt-phone-map-head span{font-size:.68rem;color:#7de0b0}.pt-map-preview{position:absolute;inset:82px 0 0;background:linear-gradient(35deg,transparent 46%,rgba(255,255,255,.72) 47% 50%,transparent 51%),linear-gradient(115deg,transparent 42%,rgba(255,255,255,.62) 43% 46%,transparent 47%),linear-gradient(#e9eeea,#dce5e3);overflow:hidden}.pt-map-preview .road{position:absolute;height:10px;background:#fff;border:1px solid #d7dddd;border-radius:10px;transform-origin:left center}.pt-map-preview .r1{width:290px;left:-30px;top:85px;transform:rotate(-18deg)}.pt-map-preview .r2{width:220px;left:35px;top:170px;transform:rotate(44deg)}.pt-map-preview .r3{width:250px;left:0;top:245px;transform:rotate(-9deg)}.pt-map-preview .block{position:absolute;background:#d0d8d8;border-radius:4px}.pt-map-preview .b1{width:55px;height:42px;left:26px;top:28px}.pt-map-preview .b2{width:70px;height:48px;right:20px;top:132px}.pt-map-preview .b3{width:48px;height:58px;left:70px;bottom:28px}.pt-map-pin{position:absolute;z-index:5;left:52%;top:49%;width:38px;height:38px;margin:-19px 0 0 -19px;background:var(--red);border:6px solid #fff;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.25)}.pt-map-pin:after{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.pt-map-card{position:absolute;z-index:5;left:13px;right:13px;bottom:18px;padding:11px 12px;border-radius:10px;background:rgba(16,27,37,.93);color:#fff;font-size:.72rem}.pt-map-card b,.pt-map-card small{display:block}.pt-map-card small{margin-top:3px;color:#ccd3d8}

/* Footer */
.pt-footer{background:#07131f;color:#aeb9c3;padding:0;border-top:4px solid var(--red)}
.pt-footer-main{display:grid;grid-template-columns:1.25fr .85fr 1.1fr .9fr;gap:34px;padding:42px 0 34px}
.pt-footer-about p{max-width:300px;margin:16px 0 0;color:#93a2af;font-size:.78rem;line-height:1.6}
.pt-footer-brand{color:#fff;font-size:1.05rem}.pt-footer-brand img{width:36px;height:43px}.pt-footer-brand small{color:#9ca7b1;font-size:.42rem}
.pt-footer-column{display:grid;align-content:start;gap:9px}.pt-footer-column h3{margin:0 0 5px;color:#fff;font-size:.82rem;letter-spacing:.02em}
.pt-footer-column a,.pt-footer-column span,.pt-footer-column button{color:#aeb9c3;font-size:.73rem;line-height:1.5}
.pt-footer-column a:hover,.pt-footer-column button:hover{color:#fff}
.pt-footer-column button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}
.pt-footer-contact a:first-of-type{color:#fff;font-weight:800}
.pt-footer-bottom{border-top:1px solid rgba(255,255,255,.09);background:#050d15}
.pt-footer-bottom .pt-wrap{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7f8d99;font-size:.66rem}
#ecosystem-install-standard{display:none!important}

@media(max-width:900px){.pt-nav-inner{min-height:74px}.pt-brand{font-size:1.35rem}.pt-brand img{width:40px;height:47px}.pt-login{min-width:118px;min-height:50px;font-size:1.05rem}.pt-nav-actions{gap:16px}.pt-hero{min-height:555px;background-position:58% center}.pt-hero-inner{min-height:555px}.pt-hero-copy{padding:64px 0 136px;max-width:610px}.pt-hero h1{font-size:4.7rem}.pt-primary,.pt-outline{min-width:220px;min-height:60px;font-size:1.05rem}.pt-section{padding:60px 0}.pt-mobile{grid-template-columns:.9fr 1.1fr;gap:22px}.pt-phone-stage{height:450px}.pt-phone-list{width:235px;height:430px}.pt-phone-map{width:226px;height:400px}.pt-footer-main{grid-template-columns:1fr 1fr}.pt-footer-about{grid-column:1/-1}.pt-footer-bottom .pt-wrap{flex-direction:column;justify-content:center;padding:12px 0;text-align:center}}

@media(max-width:680px){.pt-wrap{width:calc(100% - 28px)}.pt-nav-inner{min-height:72px}.pt-brand{font-size:1.38rem;gap:8px}.pt-brand img{width:40px;height:46px}.pt-brand small{font-size:.43rem;margin-top:6px}.pt-nav-actions{gap:12px}.pt-login{min-width:102px;min-height:48px;padding:9px 16px;border-radius:10px;font-size:1.04rem}.pt-menu-toggle{width:40px}.pt-menu-toggle span{width:31px}.pt-menu{top:66px;right:0}.pt-hero{min-height:520px;background-position:64% center}.pt-hero-shade{background:linear-gradient(90deg,rgba(7,16,24,.96) 0%,rgba(7,16,24,.88) 43%,rgba(7,16,24,.47) 71%,rgba(7,16,24,.18) 100%)}.pt-hero-inner{min-height:520px}.pt-hero-copy{padding:54px 7px 116px;max-width:100%}.pt-hero h1{font-size:clamp(3.15rem,14.7vw,4.4rem);line-height:.91}.pt-hero h2{margin-top:19px;font-size:clamp(1.05rem,4.4vw,1.3rem);white-space:nowrap}.pt-tagline{font-size:1.08rem;margin:15px 0 25px}.pt-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.pt-primary,.pt-outline{min-width:0;min-height:55px;padding:10px 8px;font-size:.96rem;border-radius:9px}.pt-hero-categories{height:73px}.pt-hero-categories span{gap:5px;padding:8px 1px;font-size:.69rem}.pt-hero-categories b{font-size:1rem}.pt-hero-categories span:not(:last-child):after{height:25px}.pt-section{padding:52px 0}.pt-heading{margin-bottom:28px}.pt-heading h2{font-size:clamp(2.05rem,8.4vw,2.8rem)}.pt-red-rule{width:57px;height:4px;margin-top:15px}.pt-solutions{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pt-solution{border-radius:13px}.pt-solution img{aspect-ratio:2.42/1}.pt-solution-body{min-height:116px;padding:12px 11px 13px;gap:4px}.pt-solution-body strong{font-size:1.02rem}.pt-solution-body p{font-size:.79rem;line-height:1.3;margin-top:6px}.pt-solution-body>span{font-size:2rem}.pt-mobile-section{padding-top:42px}.pt-mobile{display:flex;flex-direction:column;gap:20px}.pt-phone-stage{order:1;height:395px;width:min(100%,420px);margin:0 auto}.pt-split-copy{order:2;text-align:center}.pt-phone-list{width:205px;height:374px;left:2%;top:6px;border-width:9px;border-radius:37px}.pt-phone-map{width:198px;height:350px;right:1%;top:20px;border-width:9px;border-radius:37px}.pt-phone-notch{height:19px}.pt-phone-top{height:47px;font-size:.85rem}.pt-phone-sub{padding:9px 10px;font-size:.62rem}.pt-vehicle-row{padding:10px 8px;gap:6px}.pt-vehicle-row b{font-size:.62rem}.pt-vehicle-row small{font-size:.52rem}.pt-vehicle-row strong{font-size:.52rem}.pt-phone-map-head{top:25px;height:42px;font-size:.64rem}.pt-phone-map-head span{font-size:.55rem}.pt-map-preview{inset:67px 0 0}.pt-map-card{font-size:.56rem}.pt-map-pin{width:32px;height:32px;margin:-16px 0 0 -16px}.pt-split-copy h2{font-size:3.4rem;margin-bottom:15px}.pt-split-copy p{font-size:1rem;max-width:460px;margin-inline:auto}.pt-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.pt-store{min-width:0;min-height:59px;padding:8px 11px;text-align:left}.pt-store strong{font-size:.72rem}.pt-store small{font-size:.52rem}}

@media(max-width:390px){.pt-wrap{width:calc(100% - 22px)}.pt-nav-inner{min-height:66px}.pt-brand{font-size:1.16rem}.pt-brand img{width:34px;height:40px}.pt-login{min-width:88px;min-height:43px;font-size:.94rem}.pt-nav-actions{gap:7px}.pt-menu-toggle{width:34px}.pt-menu-toggle span{width:27px;height:2.5px}.pt-hero{min-height:495px}.pt-hero-inner{min-height:495px}.pt-hero-copy{padding-left:0;padding-right:0}.pt-hero h1{font-size:3.12rem}.pt-hero h2{font-size:.95rem}.pt-tagline{font-size:.96rem}.pt-hero-categories span{font-size:.61rem}.pt-heading h2{font-size:1.85rem}.pt-solutions{gap:9px}.pt-solution-body{padding:10px 9px 11px;min-height:112px}.pt-solution-body strong{font-size:.92rem}.pt-solution-body p{font-size:.70rem}.pt-solution-body>span{font-size:1.7rem}.pt-phone-stage{height:355px}.pt-phone-list{width:182px;height:338px}.pt-phone-map{width:175px;height:316px}.pt-split-copy h2{font-size:3rem}.pt-store{padding:8px}.pt-store>span{width:24px}.pt-store strong{font-size:.64rem}}

/* Vehicle Connections sales block — additive to the locked public design. */
.pt-connections{background:#f5f7f9;border-top:1px solid #e5e9ed;border-bottom:1px solid #e5e9ed}
.pt-connections-head{max-width:850px;margin:0 auto 30px;text-align:center}.pt-connections-head h2{margin:7px 0 12px;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1;letter-spacing:-.045em}.pt-connections-head p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.55}
.pt-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pt-connection-grid article{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,24,35,.05)}.pt-connection-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0f2;color:var(--red);font-weight:900}.pt-connection-grid h3{margin:16px 0 8px;font-size:1.22rem}.pt-connection-grid p{margin:0;color:var(--muted);line-height:1.5}
.pt-connection-cta{margin-top:18px;padding:20px 22px;border-radius:16px;background:#0d1924;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.pt-connection-cta div{display:grid;gap:4px}.pt-connection-cta strong{font-size:1.15rem}.pt-connection-cta span{color:#c1cbd4;font-size:.9rem}.pt-connection-cta .pt-primary{min-width:230px;min-height:54px;font-size:.92rem}
@media(max-width:760px){.pt-connection-grid{grid-template-columns:1fr}.pt-connection-cta{align-items:stretch;flex-direction:column}.pt-connection-cta .pt-primary{width:100%;min-width:0}.pt-connections-head{text-align:left}}

@media(max-width:680px){
 .pt-footer-main{grid-template-columns:1fr;padding:34px 0 26px;gap:24px}
 .pt-footer-about{grid-column:auto}
 .pt-footer-column{gap:8px}
 .pt-footer-bottom .pt-wrap{min-height:58px}
}