/* PhazTrack public site — generated photography integrated into production. No remote photo dependency. */
.pt-nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(12,28,42,.08)}
.pt-nav-inner{min-height:76px}
.pt-login{min-width:106px!important;min-height:44px!important;padding:10px 18px!important;border-radius:10px!important;font-size:.92rem!important}
.pt-hero-v2{padding:64px 0 58px!important;background:linear-gradient(135deg,#06131f 0%,#0b1c2b 58%,#101b28 100%)!important}
.pt-hero-v2-inner{grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;gap:50px!important;align-items:center!important}
.pt-hero-v2 .pt-hero-copy{max-width:590px!important}
.pt-photo-hero{position:relative;min-height:460px;border:1px solid rgba(255,255,255,.14);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.34);background:#111d28 url('/phaztrack-generated-fleet.webp?v=20260916-generated-media-1') 58% center/cover no-repeat!important}
.pt-photo-hero-img{display:none!important}
.pt-photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,25,.03),rgba(4,15,25,.02) 45%,rgba(4,15,25,.3));pointer-events:none}
.pt-photo-live-card{position:absolute;z-index:2;right:22px;top:22px;width:210px;padding:15px 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(7,22,34,.88);box-shadow:0 18px 34px rgba(0,0,0,.25);backdrop-filter:blur(12px);color:#fff}
.pt-photo-live-card .live-title{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:900;letter-spacing:.02em}
.pt-photo-live-card .live-title:before{content:"";width:9px;height:9px;border-radius:50%;background:#2fd087;box-shadow:0 0 0 5px rgba(47,208,135,.13)}
.pt-photo-live-card strong{display:block;margin-top:10px;font-size:1rem}
.pt-photo-live-card small{display:block;margin-top:4px;color:#b7c5d1;font-size:.7rem;line-height:1.45}
.pt-photo-pin{position:absolute;z-index:2;left:57%;top:23%;width:44px;height:44px;border:4px solid #fff;border-radius:50%;background:#ed1838;box-shadow:0 10px 24px rgba(0,0,0,.27)}
.pt-photo-pin:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.pt-photo-route{position:absolute;z-index:2;left:31%;right:24%;top:47%;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#ef1738 18%,#ef1738 82%,transparent);transform:rotate(-13deg);box-shadow:0 0 0 2px rgba(255,255,255,.2)}
.pt-photo-caption{margin:10px 0 0!important;color:#91a4b4!important;font-size:.66rem!important;line-height:1.5!important;text-align:center}
.pt-feature-section{padding:78px 0 88px!important;background:#f5f7f9!important}
.pt-feature-heading{max-width:760px!important;margin:0 auto 38px!important;text-align:center!important}
.pt-feature-heading h2{font-size:clamp(2.35rem,4vw,3.65rem)!important}
.pt-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.pt-feature-card{display:flex!important;flex-direction:column!important;min-height:420px!important;padding:0!important;border:1px solid #dce4ea!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(15,30,43,.06)!important}
.pt-feature-card:before{display:none!important}
.pt-feature-photo{position:relative;aspect-ratio:16/7;overflow:hidden;background-color:#dfe5e9;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.pt-feature-photo img{display:none!important}
.pt-feature-card:nth-child(1) .pt-feature-photo{background-image:url('/phaztrack-generated-personal.webp?v=20260916-generated-media-1')!important}
.pt-feature-card:nth-child(2) .pt-feature-photo{background-image:url('/phaztrack-generated-fleet.webp?v=20260916-generated-media-1')!important}
.pt-feature-card:nth-child(3) .pt-feature-photo{background-image:url('/phaztrack-generated-security.webp?v=20260916-generated-media-1')!important}
.pt-feature-card:nth-child(4) .pt-feature-photo{background-image:url('/phaztrack-generated-trip.webp?v=20260916-generated-media-1')!important}
.pt-feature-card:nth-child(5) .pt-feature-photo{background-image:url('/phaztrack-generated-maintenance.webp?v=20260916-generated-media-1')!important}
.pt-feature-card:nth-child(6) .pt-feature-photo{background-image:url('/phaztrack-generated-analytics.webp?v=20260916-generated-media-1')!important}
.pt-feature-photo:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(5,19,30,.14));pointer-events:none}
.pt-feature-body{display:flex;flex:1;flex-direction:column;padding:22px 23px 23px}
.pt-feature-card h3{margin:0 0 9px!important;font-size:1.18rem!important;color:#0c1d2b!important}
.pt-feature-card .pt-feature-body>p{margin:0!important;color:#667888!important;font-size:.88rem!important;line-height:1.62!important}
.pt-feature-tags{margin-top:18px!important}
.pt-feature-link{margin-top:auto!important;padding-top:20px!important}
.pt-feature-card--primary{border-top:3px solid #ec1737!important}
.pt-how{padding:76px 0!important}
.pt-mobile-section{padding-top:70px!important}

/* Desktop navigation: show the existing homepage menu as inline header tabs.
   Mobile/tablet keeps the existing hamburger dropdown unchanged. */
@media(min-width:1100px){
  .pt-nav-inner{justify-content:flex-start!important;gap:14px!important}
  .pt-brand{order:1;flex:0 0 auto}
  .pt-menu,.pt-menu[hidden]{
    order:2;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    width:auto!important;
    margin-left:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .pt-menu a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:42px;
    padding:10px 11px!important;
    border-radius:9px!important;
    color:#263b50!important;
    font-size:.92rem!important;
    font-weight:800!important;
    white-space:nowrap;
    transition:color .16s ease,background .16s ease,transform .16s ease;
  }
  .pt-menu a:hover,.pt-menu a:focus-visible{
    color:#e51d3c!important;
    background:#fff1f3!important;
    transform:translateY(-1px);
    outline:none;
  }
  .pt-nav-actions{order:3;margin-left:8px!important;flex:0 0 auto}
  .pt-menu-toggle{display:none!important}
}

@media(max-width:1080px){.pt-hero-v2-inner{grid-template-columns:1fr!important;gap:34px!important}.pt-hero-v2 .pt-hero-copy{max-width:720px!important}.pt-photo-hero{min-height:430px;max-width:820px}.pt-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.pt-hero-v2{padding:42px 0 38px!important}.pt-photo-hero{min-height:320px;border-radius:18px}.pt-photo-live-card{right:12px;top:12px;width:170px;padding:12px}.pt-photo-live-card strong{font-size:.86rem}.pt-photo-pin{left:56%;top:24%;width:36px;height:36px}.pt-photo-route{left:22%;right:20%;top:53%}.pt-feature-heading{text-align:left!important;margin-bottom:28px!important}.pt-feature-grid{grid-template-columns:1fr!important}.pt-feature-card{min-height:0!important}.pt-feature-photo{aspect-ratio:16/8}.pt-feature-body{padding:20px}}
@media(max-width:430px){.pt-photo-live-card{width:148px}.pt-photo-caption{text-align:left}}


/* Desktop header fit: keep About and Login separated on laptop-width desktops. */
@media(min-width:1100px){
  .pt-nav .pt-wrap{width:min(1400px,calc(100% - 28px))!important}
  .pt-menu,.pt-menu[hidden]{min-width:0!important;flex:1 1 auto!important;justify-content:flex-end!important}
  .pt-menu a{padding-left:8px!important;padding-right:8px!important;font-size:.86rem!important}
  .pt-nav-actions{margin-left:4px!important}
  .pt-login{min-width:96px!important;padding-left:14px!important;padding-right:14px!important}
}
@media(min-width:1100px) and (max-width:1199px){
  .pt-nav-inner{gap:8px!important}
  .pt-brand{font-size:1.2rem!important;gap:6px!important}
  .pt-brand img{width:38px!important;height:44px!important}
  .pt-brand small{font-size:.39rem!important;margin-top:4px!important}
  .pt-menu a{padding-left:5px!important;padding-right:5px!important;font-size:.76rem!important;min-height:38px!important}
  .pt-nav-actions{margin-left:2px!important}
  .pt-login{min-width:80px!important;min-height:40px!important;padding:8px 11px!important;font-size:.82rem!important}
}