/* ParcelHoop Sitejet Custom CSS - updated with leaflet stage panels */
#parcelhoop, .ph-hero, .ph-real-world, .ph-how, .ph-drone-view, .ph-benefits, .ph-evidence, .ph-built, .ph-gallery, .ph-download, .ph-contact {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}
.ph-hero *, .ph-real-world *, .ph-how *, .ph-drone-view *, .ph-benefits *, .ph-evidence *, .ph-built *, .ph-gallery *, .ph-download *, .ph-contact * { box-sizing: border-box; }
.ph-hero {
  display:grid;
  grid-template-columns: 1fr 1.04fr;
  min-height:760px;
  background:linear-gradient(100deg,#fff 0%,#fff 45%,#eaf6ff 100%);
  overflow:hidden;
}
.ph-hero-copy { padding:46px; position:relative; z-index:2; }
.ph-logo-main { width:min(500px, 95%); margin-bottom:36px; }
.ph-hero h1, .ph-real-world h2, .ph-how h2, .ph-drone-view h2, .ph-evidence h2, .ph-built h2, .ph-gallery h2, .ph-download h2, .ph-contact h2 {
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:-1px;
  color:#080808;
  margin:0 0 22px;
  line-height:.98;
}
.ph-hero h1 { font-size:clamp(46px,6vw,84px); }
.ph-real-world h2, .ph-how h2, .ph-drone-view h2, .ph-evidence h2, .ph-built h2, .ph-gallery h2, .ph-download h2, .ph-contact h2 { font-size:clamp(32px,4vw,48px); }
.ph-hero span, .ph-real-world span, .ph-how span, .ph-drone-view span, .ph-evidence span, .ph-built span, .ph-gallery span, .ph-download span { color:#ff4b00; }
.ph-lead { max-width:580px; font-size:22px; line-height:1.45; color:#111; }
.ph-buttons { display:flex; gap:16px; flex-wrap:wrap; margin:30px 0 42px; }
.ph-btn {
  display:inline-block;
  padding:16px 24px;
  border-radius:8px;
  text-transform:uppercase;
  font-weight:900;
  text-decoration:none!important;
  border:2px solid #ff4b00;
}
.ph-orange { background:#ff4b00; color:#fff!important; }
.ph-outline { background:#fff; color:#111!important; }
.ph-feature-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:820px; }
.ph-feature-row div { background:rgba(255,255,255,.9); border:1px solid #eee; border-radius:18px; padding:20px; min-height:125px; box-shadow:0 12px 28px rgba(0,0,0,.06); }
.ph-feature-row strong { display:block; text-transform:uppercase; font-size:16px; margin-bottom:8px; color:#111; }
.ph-feature-row span { color:#222; font-size:15px; line-height:1.3; }
.ph-hero-image { display:flex; align-items:flex-end; justify-content:center; padding:30px 30px 0; background:radial-gradient(circle at 50% 45%, rgba(255,75,0,.18), transparent 35rem); }
.ph-hero-image img { max-width:min(620px, 100%); max-height:720px; object-fit:contain; filter:drop-shadow(0 28px 28px rgba(0,0,0,.25)); }

.ph-real-world, .ph-drone-view {
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap:36px;
  padding:58px 46px;
  align-items:center;
  background:#fff;
}
.ph-real-copy p, .ph-drone-copy p, .ph-evidence p, .ph-contact p { font-size:20px; line-height:1.45; color:#111; }
.ph-real-image img, .ph-drone-img img, .ph-evidence-card img {
  width:100%;
  border-radius:24px;
  display:block;
  box-shadow:0 22px 50px rgba(0,0,0,.15);
}

/* Leaflet-style visual stage section */
.ph-how {
  background:#111;
  color:#fff;
  padding:42px 46px 62px;
}
.ph-how h2 { color:#fff; text-align:center; }
.ph-stage-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.ph-stage-grid article {
  background:#fff;
  color:#111;
  border:2px solid #ff4b00;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.ph-stage-grid img {
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  display:block;
  background:#fff;
}
.ph-stage-grid article div {
  padding:18px 18px 22px;
}
.ph-stage-grid b {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#ff4b00;
  color:#fff;
  font-size:20px;
  margin-bottom:10px;
}
.ph-stage-grid h3 {
  margin:0 0 10px;
  text-transform:uppercase;
  font-size:18px;
}
.ph-stage-grid p {
  margin:0;
  color:#111;
  line-height:1.35;
  font-size:16px;
}

.ph-drone-view { background:#f8f4ec; grid-template-columns:1.1fr .9fr; }
.ph-drone-copy ul, .ph-evidence ul { list-style:none; padding:0; margin:22px 0 0; }
.ph-drone-copy li, .ph-evidence li { font-size:18px; margin:14px 0; color:#111; }
.ph-drone-copy li:before, .ph-evidence li:before { content:"✓"; color:#ff4b00; font-weight:900; margin-right:12px; }

.ph-benefits { display:grid; grid-template-columns:1fr 1fr 1fr; background:#f8f4ec; padding:34px 46px; align-items:center; }
.ph-benefits div { padding:0 34px; border-right:1px solid #aaa; }
.ph-benefits strong { display:block; text-transform:uppercase; color:#235918; font-size:24px; }
.ph-benefits p { margin:.4rem 0 0; color:#111; }
.ph-benefits .ph-miss { background:#ff4b00; color:#fff; font-size:34px; text-transform:uppercase; font-weight:1000; transform:skew(-14deg); border:0; border-radius:8px; }

.ph-evidence { display:grid; grid-template-columns:.85fr 1fr .8fr; gap:28px; padding:58px 46px; align-items:center; background:#fff; }
.ph-evidence ul { background:#f7f7f7; padding:30px; border-radius:16px; }

.ph-built { padding:45px 46px; background:#fff; }
.ph-built > div { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #bbb; border-bottom:1px solid #bbb; }
.ph-built > div span { color:#222; text-align:center; padding:26px 16px; text-transform:uppercase; font-weight:900; border-right:1px solid #bbb; }

.ph-gallery { padding:58px 46px; background:#f8f8f8; }
.ph-gallery > div { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ph-gallery img { width:100%; height:380px; object-fit:cover; border-radius:22px; background:#fff; box-shadow:0 18px 35px rgba(0,0,0,.14); }
.ph-gallery img:first-child { object-fit:contain; padding:18px; }

.ph-contact { display:grid; grid-template-columns:1fr 1fr; gap:34px; background:#111; color:#fff; padding:46px; }
.ph-contact h2 { color:#fff; }
.ph-contact p { color:#fff; }
.ph-contact a { color:#fff!important; }

@media(max-width:1000px){
  .ph-hero,.ph-real-world,.ph-drone-view,.ph-evidence,.ph-download,.ph-contact { grid-template-columns:1fr; }
  .ph-hero-copy { padding:32px 22px; }
  .ph-feature-row,.ph-stage-grid,.ph-benefits,.ph-built > div,.ph-gallery > div { grid-template-columns:1fr; }
  .ph-benefits div { border-right:0; border-bottom:1px solid #ccc; }
  .ph-hero-image img { max-height:560px; }
  .ph-stage-grid img { height:auto; }
  .ph-gallery img { height:auto; }
}

.ph-download {
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  padding:42px 46px;
  background:#f8f4ec;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.ph-download h2 { margin:0 0 10px; }
.ph-download p { margin:0; font-size:20px; line-height:1.45; color:#111; max-width:780px; }


/* Updated leaflet stage cards */
.ph-stage-grid article{
  background:#fff;
}

.ph-stage-grid img{
  background:#fff;
  padding:0;
  border-bottom:2px solid #ff4b00;
}