/* PhazTrack public website — Executive Fleet marketing polish. */
body.phaz{
  --pt-bg:#07131f;--pt-bg2:#0a1827;--pt-panel:#0d1b2a;--pt-panel2:#112235;
  --pt-border:#26394d;--pt-soft:rgba(126,151,176,.18);--pt-text:#f5f8fb;--pt-muted:#9bafc2;
  --pt-red:#d7192d;--pt-red-dark:#b91526;--pt-green:#27c783;--pt-amber:#f2ad3d;--pt-blue:#58a9f8;
  background:var(--pt-bg);color:var(--pt-text);
}
body.phaz .wrap{width:min(1200px,92%)}
body.phaz .nav{background:rgba(7,19,31,.93);border-bottom:1px solid var(--pt-soft);box-shadow:0 8px 28px rgba(0,0,0,.12)}
body.phaz .nav .wrap{min-height:72px}
body.phaz .brand{gap:10px}.phaz-brand-logo{width:34px;height:42px;object-fit:contain}.phaz .brand em{color:#ff6572}
body.phaz .navlinks{gap:20px;color:#b4c1cf}.nav-toggle{display:none;width:42px;height:38px;border:1px solid #31465b;border-radius:9px;background:#101f2f;color:#fff;cursor:pointer;font-size:1.05rem}
body.phaz .btn{background:var(--pt-red);border:1px solid var(--pt-red);border-radius:10px;box-shadow:0 10px 26px rgba(215,25,45,.20);transition:.16s ease}
body.phaz .btn:hover{background:var(--pt-red-dark);border-color:var(--pt-red-dark);transform:translateY(-1px)}
body.phaz .btn.ghost{background:#0e1d2d;border-color:#3b5066;box-shadow:none;color:#e8eff6}
body.phaz .btn.ghost:hover{background:#15283a;border-color:#526b83}
body.phaz .hero{background:radial-gradient(circle at 74% 20%,rgba(215,25,45,.12),transparent 27%),linear-gradient(180deg,#07131f,#091725);border-bottom:1px solid var(--pt-soft)}
body.phaz .hero:before{opacity:.55;background-size:64px 64px}
body.phaz .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:56px;min-height:650px;padding:78px 0}
body.phaz .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(215,25,45,.28);border-radius:999px;background:rgba(215,25,45,.08);color:#ff7782;letter-spacing:1.25px}
body.phaz h1{font-size:clamp(3rem,5.8vw,5.35rem);max-width:760px}body.phaz h1 span{color:#ff6572}
body.phaz .lead{color:#adbdcc;max-width:680px}.hero-note{margin-top:14px;color:#748ba0;font-size:.78rem;line-height:1.55}
.product-preview{position:relative;border:1px solid #2a4057;border-radius:22px;background:#091725;box-shadow:0 32px 78px rgba(0,0,0,.42);overflow:hidden;min-height:460px}
.preview-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--pt-soft);background:#0a1827}.preview-brand{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800}.preview-brand img{width:22px;height:28px}.preview-actions{display:flex;gap:7px}.preview-pill{padding:6px 8px;border:1px solid #30465c;border-radius:8px;background:#102235;color:#a9bbcc;font-size:.62rem}
.preview-body{display:grid;grid-template-columns:104px 1fr;min-height:406px}.preview-side{padding:13px 10px;border-right:1px solid var(--pt-soft);background:#081522;display:grid;align-content:start;gap:8px}.preview-side span{height:30px;border-radius:7px;background:#102033;border:1px solid rgba(126,151,176,.11)}.preview-side span:first-child{background:rgba(215,25,45,.18);border-color:rgba(215,25,45,.30)}
.preview-main{padding:12px;display:grid;grid-template-rows:auto 1fr;gap:9px}.preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preview-kpi{min-height:48px;padding:8px;border:1px solid var(--pt-soft);border-radius:9px;background:#0d1b2a}.preview-kpi small{display:block;color:#7f95aa;font-size:.54rem}.preview-kpi strong{display:block;margin-top:4px;font-size:.76rem;color:#e7eef5}.preview-map{position:relative;overflow:hidden;border:1px solid #2b4055;border-radius:12px;background:#dfe7ec;min-height:295px}.preview-map:before{content:"";position:absolute;inset:-50px;background:linear-gradient(35deg,transparent 0 22%,rgba(116,132,145,.28) 22.5% 24%,transparent 24.5% 52%,rgba(116,132,145,.28) 52.5% 54%,transparent 54.5%),linear-gradient(115deg,transparent 0 30%,rgba(116,132,145,.21) 30.5% 32%,transparent 32.5% 62%,rgba(116,132,145,.22) 62.5% 64%,transparent 64.5%),repeating-linear-gradient(0deg,rgba(84,102,117,.05) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(84,102,117,.05) 0 1px,transparent 1px 54px);transform:rotate(-2deg)}
.preview-route{position:absolute;left:18%;top:58%;width:58%;height:3px;background:var(--pt-red);transform:rotate(-16deg);box-shadow:0 0 10px rgba(215,25,45,.25)}.preview-marker{position:absolute;left:59%;top:39%;width:34px;height:34px;border-radius:50%;background:var(--pt-red);border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.25);display:grid;place-items:center;color:#fff}.preview-marker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.preview-card{position:absolute;right:12px;top:12px;width:172px;padding:11px;border:1px solid rgba(24,43,58,.16);border-radius:11px;background:rgba(255,255,255,.96);color:#162432;box-shadow:0 12px 30px rgba(30,53,72,.18)}.preview-card strong{font-size:.72rem}.preview-card span{display:block;color:#657687;font-size:.58rem;margin-top:4px}.preview-status{display:inline-flex!important;align-items:center;gap:5px;margin-top:7px!important;color:#287c59!important}.preview-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pt-green)}.preview-caption{position:absolute;left:14px;bottom:10px;padding:6px 8px;border-radius:7px;background:rgba(8,21,34,.88);color:#d8e4ee;font-size:.6rem}
body.phaz .trust{padding:22px 0}.trust .wrap{gap:24px}.trust span{white-space:nowrap}
body.phaz .white{padding:88px 0}.section-heading{max-width:760px;margin:0 auto 36px;text-align:center}.section-heading .section-kicker{display:block;margin-bottom:9px}.section-heading h2{margin:0 0 12px}.section-heading p{margin:0;color:#667085;line-height:1.65}
.platform-shot{border:1px solid #d7dee7;border-radius:18px;background:#f8fafc;padding:12px;box-shadow:0 24px 56px rgba(18,35,52,.12)}.platform-shot .shotbar{height:36px;border-radius:9px;background:#0b1927;display:flex;align-items:center;gap:6px;padding:0 10px}.platform-shot .shotbar i{width:6px;height:6px;border-radius:50%;background:#66798c}.platform-shot .shotbody{display:grid;grid-template-columns:84px 1fr;min-height:305px;margin-top:8px;gap:8px}.platform-shot .shotside{border-radius:9px;background:#0c1a29}.platform-shot .shotmap{position:relative;border-radius:9px;background:#dfe6ec;overflow:hidden}.platform-shot .shotmap:before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 0 28%,rgba(96,115,130,.20) 29% 31%,transparent 32% 64%,rgba(96,115,130,.18) 65% 67%,transparent 68%),repeating-linear-gradient(90deg,rgba(96,115,130,.05) 0 1px,transparent 1px 48px)}.shotpanel{position:absolute;left:10px;bottom:10px;width:132px;height:42px;border-radius:9px;background:#0d1b2a;border:1px solid #2c4054}.shotdetail{position:absolute;right:10px;top:10px;width:104px;height:66px;border-radius:9px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.11)}
body.phaz .capabilities{padding:80px 0;background:#081522}.cap-grid{grid-template-columns:repeat(3,1fr);gap:14px}.cap{padding:22px;background:#0d1b2a;border:1px solid var(--pt-soft);text-align:left;min-height:152px}.cap .ico{width:38px;height:38px;border-radius:10px;background:#14283b;display:grid;place-items:center;margin-bottom:14px}.cap .ico svg{width:20px;height:20px;fill:none;stroke:#ff6d79;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cap strong{font-size:.9rem}.cap span{display:block;margin-top:7px;color:#90a5b9;font-size:.74rem;line-height:1.55}
.how{background:#fff;color:#101828;padding:86px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;border:1px solid #e0e6ed;border-radius:14px;padding:24px;background:#fff}.step-no{width:32px;height:32px;border-radius:9px;background:#ffe8eb;color:#b91526;display:grid;place-items:center;font-weight:850;font-size:.78rem;margin-bottom:14px}.step h3{font-size:1rem;margin:0 0 8px}.step p{margin:0;color:#667085;font-size:.82rem;line-height:1.6}
.use-cases{background:#07131f;padding:86px 0}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use-card{padding:24px;border:1px solid var(--pt-soft);border-radius:14px;background:#0d1b2a}.use-card small{color:#ff7782;text-transform:uppercase;letter-spacing:1.1px;font-size:.62rem;font-weight:800}.use-card h3{font-size:1.08rem;margin:10px 0 9px}.use-card p{margin:0;color:#93a7ba;font-size:.8rem;line-height:1.6}
.cta-band{background:linear-gradient(135deg,#0c1d2e,#101d2a);padding:64px 0;border-top:1px solid var(--pt-soft);border-bottom:1px solid var(--pt-soft)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{margin:0;font-size:clamp(1.8rem,3.8vw,3rem);letter-spacing:-.035em}.cta-inner p{margin:8px 0 0;color:#9fb1c2}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
body.phaz .metrics{background:#091725;border-color:var(--pt-soft)}body.phaz .footer{background:#050d16;border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:980px){body.phaz .hero-grid{grid-template-columns:1fr;min-height:auto}.product-preview{min-height:420px}.steps,.use-grid,.cap-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta-actions{justify-content:flex-start;margin-top:22px}}
@media(max-width:760px){body.phaz .nav .wrap{min-height:64px}.nav-toggle{display:grid;place-items:center}.navlinks{position:absolute;top:64px;left:4%;right:4%;display:none!important;flex-direction:column;align-items:stretch!important;gap:6px!important;padding:10px;border:1px solid #2b4054;border-radius:12px;background:#0a1827;box-shadow:0 18px 48px rgba(0,0,0,.34)}.navlinks.open{display:flex!important}.navlinks a{padding:10px 11px;border-radius:8px}.navlinks a:hover{background:#112235}.navlinks .btn{text-align:center}.hero-grid{padding:48px 0 58px!important}.preview-body{grid-template-columns:70px 1fr}.preview-kpis{grid-template-columns:repeat(2,1fr)}.preview-card{width:140px}.trust .wrap{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.steps,.use-grid,.cap-grid{grid-template-columns:1fr}.white,.how,.use-cases{padding:66px 0!important}.split{gap:34px!important}.cta-band{padding:50px 0}.metric-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){body.phaz h1{font-size:2.72rem}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}.product-preview{min-height:390px}.preview-main{padding:8px}.preview-map{min-height:255px}.preview-card{display:none}.preview-body{min-height:336px}.preview-top{height:48px}.preview-actions .preview-pill:nth-child(2){display:none}.platform-shot .shotbody{grid-template-columns:58px 1fr}.metric-grid{grid-template-columns:1fr!important;gap:8px!important}}