/* ==========================================================================
   Pricing Packages page (Build 35.7)
   Reuses the approved shared pricing component (css/components/pricing.css
   + includes/components/pricing.html) for the plan cards. This file only
   adds the page-specific sections the live pricing page carries that the
   shared component does not: multi-location examples, "every package
   includes" grid, and the ROI block.
   ========================================================================== */

.pp-intro{max-width:860px;margin:0 auto;color:var(--gray-700);font-size:1rem;line-height:1.7;}
.pp-intro p{margin-bottom:14px;}
.pp-intro strong{color:var(--navy-950);}

.pp-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;}
.pp-example{
    background:var(--white);border:1px solid var(--gray-300);border-radius:14px;
    padding:26px 24px;box-shadow:0 6px 18px rgba(0,31,49,.06);
}
.pp-example h3{color:var(--navy-950);font-size:1.05rem;margin-bottom:12px;}
.pp-example__price{
    display:block;color:var(--teal-500);font-size:1.15rem;font-weight:800;
    margin-bottom:12px;line-height:1.35;
}
.pp-example__price strong{color:var(--navy-950);font-weight:700;font-size:.95rem;display:block;}
.pp-example p{color:var(--gray-700);font-size:.92rem;line-height:1.6;margin:0;}

.pp-examples-note{text-align:center;margin-top:28px;color:var(--gray-700);font-size:.96rem;}
.pp-examples-note strong{color:var(--navy-950);}

.pp-roi{
    max-width:820px;margin:32px auto 0;background:var(--white);
    border:1px solid var(--gray-300);border-radius:14px;padding:30px 28px;
    box-shadow:0 8px 24px rgba(0,31,49,.07);
}
.pp-roi p{color:var(--gray-700);font-size:.98rem;line-height:1.7;margin-bottom:14px;}
.pp-roi strong{color:var(--navy-950);}
.pp-roi__figures{display:grid;gap:10px;margin:20px 0;}
.pp-roi__figure{
    display:flex;justify-content:space-between;gap:16px;align-items:baseline;
    padding:11px 16px;background:var(--gray-100);border-radius:8px;
}
.pp-roi__figure span{color:var(--gray-700);font-size:.93rem;}
.pp-roi__figure b{color:var(--navy-950);font-size:.98rem;white-space:nowrap;}
.pp-roi__headline{
    text-align:center;background:rgba(19,167,179,.09);border:1px solid rgba(19,167,179,.28);
    border-radius:10px;padding:16px;color:var(--navy-950);font-size:1.05rem;font-weight:800;margin-top:18px;
}

.pp-footnote{text-align:center;color:var(--gray-700);font-size:.9rem;margin-top:20px;}

@media (max-width:1024px){
    .pp-examples{grid-template-columns:1fr;}
}
@media (max-width:640px){
    .pp-roi{padding:22px 18px;}
    .pp-roi__figure{flex-direction:column;gap:4px;}
    .pp-example{padding:20px 18px;}
}