/* ==========================================================================
   H&M — sections copied from the Trades page onto the landing page.
   Everything is scoped under .hm-tcopy so it only affects this copied block
   and never touches the Trades page or Elementor elements elsewhere.
   ========================================================================== */
.hm-tcopy{--red:#c41230;--red-dk:#a00f24;--ink:#141414;--ink2:#3a3a3d;--muted:#7a7a7e;--bg:#f9f9f9;--white:#fff;--radius:12px}

/* SERVICES SECTION */
.hm-tcopy .hm-services-sec{max-width:1200px;margin:0 auto;padding:80px 40px 90px}
.hm-tcopy .hm-services-sec .hm-eyebrow{color:var(--red);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.hm-tcopy .hm-services-sec h2{font-size:clamp(28px,3.6vw,44px);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}
.hm-tcopy .hm-services-sec .hm-subtitle{color:var(--muted);font-size:16.5px;line-height:1.65;max-width:680px;margin:0 0 52px}
.hm-tcopy .hm-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.hm-tcopy .hm-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hm-tcopy .hm-service-grid{grid-template-columns:1fr;gap:14px}}

.hm-tcopy .hm-service-card{display:block;text-decoration:none;border:1.5px solid #e4e4e4;border-radius:var(--radius);padding:28px 28px 24px;background:var(--white);transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}
.hm-tcopy .hm-service-card:hover{border-color:var(--red);box-shadow:0 8px 32px rgba(196,18,48,.10);transform:translateY(-3px)}
.hm-tcopy .hm-service-card::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--red);transition:width .25s ease}
.hm-tcopy .hm-service-card:hover::after{width:100%}
.hm-tcopy .hm-card-icon{width:46px;height:46px;background:#fdf1f3;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.hm-tcopy .hm-card-icon svg{width:22px;height:22px;fill:var(--red)}
.hm-tcopy .hm-service-card h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 9px;letter-spacing:-.01em}
.hm-tcopy .hm-service-card p{font-size:14.5px;color:var(--muted);line-height:1.6;margin:0 0 18px}
.hm-tcopy .hm-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.07em}
.hm-tcopy .hm-card-link svg{width:14px;height:14px;fill:var(--red);transition:transform .18s}
.hm-tcopy .hm-service-card:hover .hm-card-link svg{transform:translateX(3px)}

/* BENEFITS STRIP */
.hm-tcopy .hm-benefits{background:var(--ink);color:#fff;padding:72px 40px}
.hm-tcopy .hm-benefits-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
@media(max-width:900px){.hm-tcopy .hm-benefits-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.hm-tcopy .hm-benefits-inner{grid-template-columns:1fr;gap:28px}}
.hm-tcopy .hm-benefit-item{text-align:center}
.hm-tcopy .hm-benefit-num{font-size:clamp(44px,5vw,64px);font-weight:800;color:var(--red);line-height:1;letter-spacing:-.03em;margin-bottom:8px}
.hm-tcopy .hm-benefit-label{font-size:15px;color:rgba(255,255,255,.65);line-height:1.4}

/* WHY CHOOSE */
.hm-tcopy .hm-why{max-width:1200px;margin:0 auto;padding:80px 40px}
.hm-tcopy .hm-why h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.02em;color:var(--ink);margin:0 0 48px;text-align:center}
.hm-tcopy .hm-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
@media(max-width:720px){.hm-tcopy .hm-why-grid{grid-template-columns:1fr}}
.hm-tcopy .hm-why-item{display:flex;gap:20px;align-items:flex-start}
.hm-tcopy .hm-why-icon{width:52px;height:52px;border-radius:12px;background:#fdf1f3;display:flex;align-items:center;justify-content:center;flex:none}
.hm-tcopy .hm-why-icon svg{width:24px;height:24px;fill:var(--red)}
.hm-tcopy .hm-why-item h4{font-size:16.5px;font-weight:700;color:var(--ink);margin:0 0 7px}
.hm-tcopy .hm-why-item p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.65}

/* CTA BAND */
.hm-tcopy .hm-cta-band{background:var(--red);padding:64px 40px;text-align:center}
.hm-tcopy .hm-cta-band h2{font-size:clamp(26px,3.5vw,42px);color:#fff;margin:0 0 14px;letter-spacing:-.02em}
.hm-tcopy .hm-cta-band p{color:rgba(255,255,255,.82);font-size:16.5px;margin:0 0 34px;max-width:560px;margin-left:auto;margin-right:auto}
.hm-tcopy .hm-cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hm-tcopy .hm-btn-primary{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--red);font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:16px 34px;border-radius:889px;text-decoration:none;transition:.2s}
.hm-tcopy .hm-btn-primary:hover{background:var(--ink);color:#fff}
.hm-tcopy .hm-btn-ghost{display:inline-flex;align-items:center;gap:9px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:14px 32px;border-radius:889px;text-decoration:none;transition:.2s}
.hm-tcopy .hm-btn-ghost:hover{background:#fff;color:var(--red);border-color:#fff}
.hm-tcopy .hm-btn-primary svg,.hm-tcopy .hm-btn-ghost svg{width:16px;height:16px;fill:currentColor}
@media(max-width:560px){.hm-tcopy .hm-services-sec,.hm-tcopy .hm-why,.hm-tcopy .hm-benefits,.hm-tcopy .hm-cta-band{padding-left:22px;padding-right:22px}}