/* ─── SHARED INNER PAGE STYLES ─────────────────────────────
   Extends style.css. Import AFTER style.css on all inner pages.
   ─────────────────────────────────────────────────────────── */

/* ── Page hero (inner pages) ──────────── */
.page-hero{background:var(--green);padding:72px 0 80px;color:#fff}
.page-hero .eyebrow{color:#c9d7bd}
.page-hero h1{color:#fff;font-size:clamp(42px,4.5vw,68px);margin:18px 0 22px}
.page-hero p,.page-hero .hero-desc{font-size:17px;line-height:1.75;color:rgba(255,255,255,.65);max-width:560px;margin-top:8px}
.page-hero .hero-actions{margin-top:32px}
/* Hero trust badge strip */
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin:22px 0 28px}
.hero-trust span,.hero-trust-item{font-size:13px;color:rgba(255,255,255,.75);display:inline-flex;align-items:center;gap:6px}
.hero-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--lime);margin-top:4px}
.mobile-cta{display:none}

/* ── Breadcrumb ───────────────────────── */
.breadcrumb{font-size:12px;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:8px;margin-bottom:20px;letter-spacing:.04em}
.breadcrumb a{color:rgba(255,255,255,.45)}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb span{color:rgba(255,255,255,.25)}

/* ── Two-col layouts ──────────────────── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.two-col-wide{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}

/* ── Content sections (new design) ───── */
.content-section{padding-block:90px}
.content-section.pale{background:var(--pale)}
.content-section.green{background:var(--green);color:#fff}
.content-section.green h2,.content-section.green h3{color:#fff}
.content-section.green p{color:rgba(255,255,255,.65)}
.content-section.green .eyebrow{color:#c9d7bd}
.content-section.green .feature-list li::before{color:var(--lime)}

/* ── Old-template section wrappers ───── */
/* Maps old class names to same visual output */
.section{padding-block:90px}
.section-white{background:#fff}
.section-grey,.section-gray{background:var(--pale)}
.section-dark{background:var(--green);color:#fff}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark p{color:rgba(255,255,255,.65)}
.section-inner{max-width:1280px;width:min(1280px,calc(100% - 100px));margin-inline:auto}
.section-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.section-head{font-family:'Manrope',sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:12px 0 0}
.section-sub,.section-intro{font-size:15px;color:var(--muted);line-height:1.75;margin:16px 0 0;max-width:640px}

/* ── Feature list (checkmarks) ───────── */
.feature-list{list-style:none;padding:0;margin:28px 0;display:flex;flex-direction:column;gap:14px}
.feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6}
.feature-list li::before{content:'✓';color:var(--green);font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px}

/* ── Stat grid ────────────────────────── */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:48px}
.stat-box{background:#fff;padding:36px 28px}
/* Support both <strong> (new) and .stat-num (old) */
.stat-box strong,.stat-num{font-family:'Manrope',sans-serif;font-size:clamp(26px,3vw,44px);font-weight:600;letter-spacing:-.05em;color:var(--green);display:block;line-height:1.1}
.stat-box span,.stat-label{font-size:13px;color:var(--muted);margin-top:6px;display:block;line-height:1.5}

/* ── Why-cards (Toronto feature cards) ─ */
.why-card{background:var(--pale);border-radius:8px;padding:28px 24px;border:1px solid var(--line)}
.why-icon{width:40px;height:40px;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;margin-bottom:16px;color:var(--green)}
.why-card h3{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}
.why-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}

/* ── Industry link chips ──────────────── */
.industries-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.industry-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--pale);border:1px solid var(--line);border-radius:6px;font-size:14px;font-weight:550;color:var(--ink);transition:background .15s,border-color .15s,color .15s}
.industry-link:hover{background:#e8f0e5;border-color:#8db87a;color:var(--green)}
.industry-link svg{color:var(--green);flex-shrink:0}

/* ── Industry page hero image ─────────── */
.industry-hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:24px}

/* ── Old-style FAQ (faq-item / faq-q) ── */
.faq-list{margin-top:24px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:16px;font-weight:550;cursor:pointer;user-select:none}
.faq-q svg{width:18px;height:18px;flex-shrink:0;color:var(--muted);transition:transform .2s}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{font-size:14px;color:var(--muted);line-height:1.8;padding-bottom:18px;display:none}
.faq-item.open .faq-a{display:block}

/* ── Old CTA box ──────────────────────── */
.cta-box{background:var(--lime);border-radius:8px;padding:48px 52px;text-align:center}
.cta-box h2{font-family:'Manrope',sans-serif;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;margin:0 0 14px}
.cta-box p{font-size:15px;color:var(--ink);opacity:.75;margin:0 0 28px;max-width:480px;margin-inline:auto}
.btn-cta-white,.button-white{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;background:var(--green);color:#fff;font-size:15px;font-weight:600;border-radius:6px;transition:background .2s}
.btn-cta-white:hover,.button-white:hover{background:var(--dark)}

/* ── CTA band ─────────────────────────── */
.cta-band{background:var(--lime);padding:49px 56px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}
.cta-band h2{font-size:clamp(28px,3vw,43px);color:var(--ink)}
.cta-band p{font-size:14px;color:var(--ink);margin-top:12px;opacity:.75}
/* cta-band used as section wrapper with .wrap child */
section.cta-band>.wrap{max-width:1280px;width:min(1280px,calc(100% - 100px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}

/* ── Contact form ─────────────────────── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
label{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.01em}
input,select,textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:5px;font:15px/1.5 'DM Sans',sans-serif;color:var(--ink);background:#fff;transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#759d38}
textarea{resize:vertical;min-height:130px}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235c685f' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}

/* ── Location grid ────────────────────── */
.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:32px}
.location-card{border:1px solid var(--line);border-radius:6px;padding:18px 20px;font-size:14px;font-weight:500;color:var(--ink);transition:border-color .2s,background .2s}
.location-card:hover{border-color:#759d38;background:var(--pale)}

/* ── Suppress old mobile menu remnants ── */
.mobile-menu-section,.mobile-menu-label{display:none}

/* ── Responsive ───────────────────────── */
@media(max-width:850px){
  .two-col,.two-col-wide{grid-template-columns:1fr;gap:44px}
  .form-grid{grid-template-columns:1fr}
  .form-group.full{grid-column:1}
  .stat-grid{grid-template-columns:1fr 1fr}
  .cta-band{flex-direction:column;align-items:flex-start;padding:36px}
  section.cta-band>.wrap{flex-direction:column;align-items:flex-start}
  .cta-box{padding:36px 28px}
  .hero-trust{gap:8px 14px}
}
@media(max-width:620px){
  .page-hero{padding:52px 0 60px}
  .stat-grid{grid-template-columns:1fr}
  .content-section,.section{padding-block:60px}
  .section-inner{width:calc(100% - 40px)}
  .cta-band{padding:28px 24px;margin-bottom:44px}
  .cta-box{padding:28px 20px}
  .industries-grid{gap:8px}
  .industry-link{font-size:13px;padding:9px 13px}
}