.wec-gl{padding:92px 0 100px;background:#fff;color:#242827;font-family:Arial,Helvetica,sans-serif}
.wec-gl *{box-sizing:border-box}.wec-gl-container{width:min(1280px,calc(100% - 64px));margin:auto}
.wec-gl-head{max-width:900px;margin-bottom:42px}.wec-gl-head>p{margin:0 0 14px;color:#d52b1e;font-size:12px;font-weight:800;letter-spacing:.15em}.wec-gl-head h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em}.wec-gl-head>div{margin-top:18px;color:#686d6b;font-size:17px;line-height:1.65}
.wec-gl-map-wrap{width:min(1440px,calc(100% - 40px));margin:0 auto 28px}.wec-gl-map{width:100%;border-radius:20px;overflow:hidden;background:#eceeeb}.wec-gl-map .leaflet-control-attribution{font-size:9px}
.wec-gl-location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.wec-gl-location{padding:28px;border:1px solid #e1e2df;border-radius:16px;background:#fff}.wec-gl-location small{color:#d52b1e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wec-gl-location h3{margin:12px 0 10px;font-size:26px}.wec-gl-location p{margin:0 0 18px;color:#676c6a;line-height:1.6}.wec-gl-location a{color:#d52b1e!important;font-weight:800;text-decoration:none!important}
.wec-gl-pin{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#d52b1e;box-shadow:0 5px 18px rgba(0,0,0,.25)}
@media(max-width:760px){.wec-gl{padding:64px 0}.wec-gl-container{width:calc(100% - 28px)}.wec-gl-map-wrap{width:calc(100% - 20px)}.wec-gl-location-grid{grid-template-columns:1fr}}

:root{--rm-red:#d52b1e;--rm-dark:#242827;--rm-text:#676c6a;--rm-line:#e3e4e1;--rm-soft:#f6f5f2}
.wec-rm,.wec-rm *{box-sizing:border-box}.wec-rm{width:100%;margin:0!important;overflow:hidden;background:#fff;color:var(--rm-dark);font-family:Arial,Helvetica,sans-serif}.wec-rm h1,.wec-rm h2,.wec-rm h3,.wec-rm p{margin-top:0}.wec-rm-container{width:min(1280px,calc(100% - 64px));margin:auto}
.wec-rm-kicker,.wec-rm-heading>p{margin:0 0 15px!important;color:var(--rm-red)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.15em!important}
.wec-rm-hero{display:grid;grid-template-columns:58% 42%;min-height:var(--wec-rm-hero-height);background:var(--rm-dark);color:#fff}.wec-rm-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(42px,6vw,96px)}.wec-rm-hero h1{max-width:850px;margin:0 0 26px;color:#fff;font-size:clamp(54px,5.5vw,86px);font-weight:500;line-height:.98;letter-spacing:-.055em}.wec-rm-hero-copy>p:last-child{max-width:720px;margin:0;color:#d7dad8;font-size:19px;line-height:1.65}.wec-rm-hero-media{min-height:var(--wec-rm-hero-height);overflow:hidden}.wec-rm-hero-media img,.wec-rm-hero-media video{width:100%;height:100%;display:block;object-fit:cover}
.wec-rm-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:260px;background:linear-gradient(135deg,#deded9,#c5c7c3);color:#858987;font-size:11px;letter-spacing:.14em}.wec-rm-hero .wec-rm-placeholder{background:linear-gradient(135deg,#363b3a,#272b2a)}
.wec-rm-section{display:flex;align-items:center;min-height:var(--wec-rm-height);padding:78px 0}.wec-rm-section:nth-of-type(even){background:var(--rm-soft)}.wec-rm-heading{max-width:880px;margin-bottom:40px}.wec-rm-heading h2{margin:0;color:var(--rm-dark);font-size:clamp(40px,4.8vw,66px);line-height:1.03;letter-spacing:-.05em}.wec-rm-heading>div{margin-top:18px;color:var(--rm-text);font-size:17px;line-height:1.68}
.wec-rm-resource-grid,.wec-rm-cert-grid,.wec-rm-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wec-rm-resource-card,.wec-rm-cert-card,.wec-rm-video-card{padding:26px;border:1px solid var(--rm-line);border-radius:16px;background:#fff}.wec-rm-resource-card small,.wec-rm-cert-body small,.wec-rm-video-card small{color:var(--rm-red);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wec-rm-resource-card h3,.wec-rm-cert-body h3,.wec-rm-video-card h3{margin:14px 0 11px;font-size:24px}.wec-rm-resource-card p,.wec-rm-cert-body p,.wec-rm-video-card p{color:var(--rm-text);line-height:1.6}.wec-rm-resource-card a,.wec-rm-cert-body a,.wec-rm-video-card a{color:var(--rm-red)!important;font-weight:800;text-decoration:none!important}
.wec-rm-resource-thumb,.wec-rm-cert-image,.wec-rm-video-media{height:220px;margin:-26px -26px 24px;overflow:hidden;border-radius:16px 16px 0 0;background:#eee}.wec-rm-resource-thumb img,.wec-rm-resource-thumb video,.wec-rm-cert-image img,.wec-rm-cert-image video,.wec-rm-video-media img,.wec-rm-video-media video{width:100%;height:100%;object-fit:cover}
.wec-rm-faq{border-top:1px solid var(--rm-line)}.wec-rm-faq-item{border-bottom:1px solid var(--rm-line)}.wec-rm-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 0;border:0;background:none;color:var(--rm-dark);font:inherit;font-size:19px;font-weight:700;text-align:left;cursor:pointer}.wec-rm-faq-q b{color:var(--rm-red);font-size:24px}.wec-rm-faq-a{display:none;max-width:900px;padding:0 0 22px;color:var(--rm-text);line-height:1.7}.wec-rm-faq-item.open .wec-rm-faq-a{display:block}.wec-rm-faq-item.open .wec-rm-faq-q b{transform:rotate(45deg)}
@media(max-width:1000px){.wec-rm-resource-grid,.wec-rm-cert-grid,.wec-rm-video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wec-rm-container{width:calc(100% - 28px)}.wec-rm-hero{grid-template-columns:1fr;min-height:auto}.wec-rm-hero-copy{padding:64px 24px 56px}.wec-rm-hero h1{font-size:clamp(44px,12vw,60px)}.wec-rm-hero-media{min-height:320px}.wec-rm-section{padding:58px 0;min-height:auto}.wec-rm-resource-grid,.wec-rm-cert-grid,.wec-rm-video-grid{grid-template-columns:1fr}}


/* =========================================================
   V1.1 — FULL-WIDTH / PROPORTION FIX
   Escapes constrained WordPress content containers safely.
   ========================================================= */

.wec-rm{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:0!important;
    transform:none!important;
    overflow:hidden!important;
}

/* Prevent common WordPress/theme wrappers from shrinking the manager */
.entry-content .wec-rm,
.wp-block-post-content .wec-rm,
.wp-site-blocks .wec-rm,
main .wec-rm{
    max-width:100vw!important;
}

/* HERO */
.wec-rm-hero{
    width:100%!important;
    max-width:none!important;
    min-height:var(--wec-rm-hero-height)!important;
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
}

.wec-rm-hero-copy{
    min-width:0!important;
    width:100%!important;
    padding:
        88px
        clamp(48px,6vw,96px)
        88px
        max(56px,calc((100vw - 1320px)/2))!important;
}

.wec-rm-hero-copy > *{
    max-width:760px!important;
}

.wec-rm-hero h1{
    width:100%!important;
    max-width:760px!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:clamp(50px,5vw,80px)!important;
    line-height:1.01!important;
    letter-spacing:-.05em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

.wec-rm-hero-copy>p:last-child{
    width:100%!important;
    max-width:700px!important;
    font-size:18px!important;
    line-height:1.65!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}

.wec-rm-hero-media{
    width:100%!important;
    min-width:0!important;
    min-height:var(--wec-rm-hero-height)!important;
}

/* All regular sections use a readable centered content width */
.wec-rm-container{
    width:min(1280px,calc(100% - 64px))!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Better proportions for resource cards */
.wec-rm-resource-grid,
.wec-rm-cert-grid,
.wec-rm-video-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
}

.wec-rm-resource-card,
.wec-rm-cert-card,
.wec-rm-video-card{
    min-width:0!important;
}

/* TABLET */
@media(max-width:1100px){
    .wec-rm-hero{
        grid-template-columns:minmax(0,56%) minmax(0,44%)!important;
    }

    .wec-rm-hero-copy{
        padding:72px 46px!important;
    }

    .wec-rm-hero h1{
        font-size:clamp(46px,6vw,68px)!important;
    }

    .wec-rm-resource-grid,
    .wec-rm-cert-grid,
    .wec-rm-video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* MOBILE */
@media(max-width:760px){
    .wec-rm{
        left:50%!important;
        width:100vw!important;
        margin-left:-50vw!important;
    }

    .wec-rm-hero{
        grid-template-columns:1fr!important;
        min-height:auto!important;
    }

    .wec-rm-hero-copy{
        padding:64px 22px 54px!important;
    }

    .wec-rm-hero-copy > *{
        max-width:100%!important;
    }

    .wec-rm-hero h1{
        max-width:100%!important;
        font-size:clamp(42px,12vw,58px)!important;
        line-height:1.02!important;
    }

    .wec-rm-hero-copy>p:last-child{
        max-width:100%!important;
        font-size:17px!important;
    }

    .wec-rm-hero-media{
        min-height:320px!important;
    }

    .wec-rm-container{
        width:calc(100% - 28px)!important;
    }

    .wec-rm-resource-grid,
    .wec-rm-cert-grid,
    .wec-rm-video-grid{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   V1.2 — CLICKABLE CARDS + HOVER FLOATING BADGE
   ========================================================= */

.wec-rm-clickable-card{
    position:relative!important;
    display:block!important;
    height:100%!important;
    color:inherit!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease!important;
}

.wec-rm-clickable-card:hover{
    transform:translateY(-8px)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.12)!important;
    border-color:rgba(213,43,30,.28)!important;
}

.wec-rm-hover-badge{
    position:absolute;
    top:18px;
    right:18px;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--rm-red);
    color:#fff;
    font-size:20px;
    font-weight:700;
    opacity:0;
    transform:translate(10px,-10px) scale(.88);
    transition:
        opacity .25s ease,
        transform .3s cubic-bezier(.22,.61,.36,1);
    box-shadow:0 10px 24px rgba(213,43,30,.24);
    pointer-events:none;
}

.wec-rm-clickable-card:hover .wec-rm-hover-badge{
    opacity:1;
    transform:translate(0,0) scale(1);
}

.wec-rm-card-action{
    display:inline-flex;
    margin-top:6px;
    color:var(--rm-red)!important;
    font-weight:800;
    text-decoration:none!important;
    transition:transform .24s ease;
}

.wec-rm-clickable-card:hover .wec-rm-card-action{
    transform:translateX(5px);
}

/* keep card typography inheriting properly when article becomes <a> */
a.wec-rm-resource-card,
a.wec-rm-cert-card,
a.wec-rm-video-card{
    color:var(--rm-dark)!important;
}

a.wec-rm-resource-card h3,
a.wec-rm-cert-card h3,
a.wec-rm-video-card h3{
    color:var(--rm-dark)!important;
}

a.wec-rm-resource-card p,
a.wec-rm-cert-card p,
a.wec-rm-video-card p{
    color:var(--rm-text)!important;
}

/* Certificate/image hover polish */
.wec-rm-clickable-card .wec-rm-resource-thumb img,
.wec-rm-clickable-card .wec-rm-cert-image img,
.wec-rm-clickable-card .wec-rm-video-media img{
    transition:transform .5s ease;
}

.wec-rm-clickable-card:hover .wec-rm-resource-thumb img,
.wec-rm-clickable-card:hover .wec-rm-cert-image img,
.wec-rm-clickable-card:hover .wec-rm-video-media img{
    transform:scale(1.035);
}

/* Touch devices: always show a smaller badge because hover does not exist */
@media(hover:none){
    .wec-rm-hover-badge{
        width:38px;
        height:38px;
        opacity:1;
        transform:none;
        font-size:17px;
    }

    .wec-rm-clickable-card:hover{
        transform:none!important;
        box-shadow:none!important;
    }
}


/* =========================================================
   V1.3 — MATCH SITE-WIDE SIDE MARGINS
   Resource page now aligns visually with About / Solutions.
   ========================================================= */

.wec-rm{
    position:relative!important;
    left:auto!important;
    width:min(1730px,calc(100% - 140px))!important;
    max-width:1730px!important;
    margin:28px auto 0!important;
    transform:none!important;
    overflow:hidden!important;
}

/* Stop theme/content wrappers from forcing full-bleed behavior */
.entry-content .wec-rm,
.wp-block-post-content .wec-rm,
.wp-site-blocks .wec-rm,
main .wec-rm{
    width:min(1730px,calc(100% - 140px))!important;
    max-width:1730px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Hero stays proportional inside the centered outer frame */
.wec-rm-hero{
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
}

/* Keep interior sections visually aligned and breathable */
.wec-rm-container{
    width:min(1280px,calc(100% - 64px))!important;
}

/* Tablet: slightly smaller side margins */
@media(max-width:1200px){
    .wec-rm,
    .entry-content .wec-rm,
    .wp-block-post-content .wec-rm,
    .wp-site-blocks .wec-rm,
    main .wec-rm{
        width:calc(100% - 64px)!important;
        max-width:none!important;
    }
}

/* Mobile: use normal compact site margin */
@media(max-width:760px){
    .wec-rm,
    .entry-content .wec-rm,
    .wp-block-post-content .wec-rm,
    .wp-site-blocks .wec-rm,
    main .wec-rm{
        left:auto!important;
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin:14px auto 0!important;
    }

    .wec-rm-container{
        width:calc(100% - 28px)!important;
    }
}

:root{
  --wec-red:#d8291f;
  --wec-ink:#222625;
  --wec-muted:#686d6b;
  --wec-line:#e1e2df;
  --wec-soft:#f6f5f2;
}

.wec-sm,
.wec-sm *{
  box-sizing:border-box;
}

.wec-sm{
  width:100%;
  max-width:none!important;
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--wec-ink);
  background:#fff;
}

.wec-sm h1,
.wec-sm h2,
.wec-sm h3,
.wec-sm p{
  margin-top:0;
}

/* HERO */
.wec-sm-hero{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  align-items:stretch;
  background:#292e2d;
  color:#fff;
}

.wec-sm-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:92px 72px 92px max(56px,calc((100vw - 1320px)/2));
}

.wec-sm-hero-media{
  min-width:0;
  min-height:720px;
  overflow:hidden;
  background:#343938;
}

.wec-sm-hero-media img,
.wec-sm-hero-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wec-sm-eyebrow,
.wec-sm-kicker{
  margin-bottom:18px;
  color:var(--wec-red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}

.wec-sm-hero .wec-sm-eyebrow{
  color:#fff;
}

.wec-sm-hero h1{
  max-width:800px;
  margin-bottom:30px;
  color:#fff;
  font-size:clamp(54px,5.4vw,86px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.055em;
}

.wec-sm-hero p{
  max-width:720px;
  margin-bottom:0;
  color:#d9dcda;
  font-size:19px;
  line-height:1.65;
}

.wec-sm-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:300px;
  background:linear-gradient(135deg,#39403e,#262a29);
  color:#8e9492;
  font-size:11px;
  letter-spacing:.16em;
}

/* SHARED WIDTH */
.wec-sm-flow,
.wec-sm-solutions,
.wec-sm-custom{
  width:min(1320px,calc(100% - 64px));
  margin-left:auto;
  margin-right:auto;
}

/* FLOW */
.wec-sm-flow{
  padding:100px 0;
  text-align:center;
}

.wec-sm-flow h2,
.wec-sm-section-head h2,
.wec-sm-custom h2{
  color:var(--wec-ink);
  font-size:clamp(40px,4.6vw,66px);
  line-height:1.04;
  letter-spacing:-.045em;
}

.wec-sm-flow>p{
  max-width:820px;
  margin:0 auto 46px;
  color:var(--wec-muted);
  font-size:18px;
  line-height:1.65;
}

.wec-sm-line{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--wec-line);
  border-radius:14px;
  background:#fff;
}

.wec-sm-line span{
  padding:24px 8px;
  border-right:1px solid var(--wec-line);
  font-size:13px;
  font-weight:700;
}

.wec-sm-line span:last-child{
  border-right:0;
}

.wec-sm-connect{
  margin-top:14px;
  padding:16px 20px;
  border-radius:9px;
  background:#292e2d;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.07em;
}

/* SOLUTIONS */
.wec-sm-solutions{
  padding:90px 0 100px;
}

.wec-sm-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:60px;
  align-items:end;
  margin-bottom:48px;
}

.wec-sm-section-head p{
  margin-bottom:0;
  color:var(--wec-muted);
  font-size:17px;
  line-height:1.65;
}

.wec-sm-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.wec-sm-card{
  overflow:hidden;
  border:1px solid var(--wec-line);
  border-radius:18px;
  background:#fff;
  transition:.28s ease;
}

.wec-sm-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 45px rgba(0,0,0,.1);
}

.wec-sm-card-media{
  position:relative;
  height:250px;
  overflow:hidden;
  background:var(--wec-soft);
}

.wec-sm-card-media img,
.wec-sm-card-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wec-sm-card-media b{
  position:absolute;
  top:20px;
  left:22px;
  padding:8px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--wec-red);
  font-size:12px;
}

.wec-sm-card-body{
  padding:30px 32px 34px;
}

.wec-sm-card-sub{
  margin-bottom:10px;
  color:var(--wec-red);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.wec-sm-card h3{
  margin-bottom:14px;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.wec-sm-card p{
  color:var(--wec-muted);
  font-size:16px;
  line-height:1.65;
}

.wec-sm-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:22px 0;
}

.wec-sm-tags span{
  padding:7px 10px;
  border:1px solid var(--wec-line);
  border-radius:999px;
  font-size:11px;
}

.wec-sm-card a,
.wec-sm-custom a{
  color:var(--wec-red);
  font-weight:800;
  text-decoration:none;
}

/* CUSTOMIZED AUTOMATION */
.wec-sm-custom{
  margin-top:20px;
  margin-bottom:100px;
  padding:68px 72px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:70px;
  align-items:start;
  border-radius:22px;
  background:#292e2d;
  color:#fff;
}

.wec-sm-custom .wec-sm-kicker{
  margin-bottom:16px;
}

.wec-sm-custom h2{
  max-width:680px;
  margin-bottom:0;
  color:#fff;
  font-size:clamp(42px,4.5vw,66px);
  line-height:1.02;
}

.wec-sm-custom-list{
  padding-top:4px;
}

.wec-sm-custom-list>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  padding:20px 0;
  border-bottom:1px solid #4b504f;
  align-items:start;
}

.wec-sm-custom-list b{
  padding-top:3px;
  color:var(--wec-red);
  font-size:12px;
}

.wec-sm-custom-list span{
  font-size:20px;
  line-height:1.35;
}

.wec-sm-custom-list a{
  display:inline-block;
  margin-top:28px;
}

/* TABLET */
@media(max-width:1050px){
  .wec-sm-hero{
    grid-template-columns:1fr 1fr;
  }

  .wec-sm-hero-copy{
    padding-left:40px;
    padding-right:40px;
  }

  .wec-sm-hero h1{
    font-size:clamp(48px,6vw,68px);
  }

  .wec-sm-line{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .wec-sm-line span:nth-child(4){
    border-right:0;
  }

  .wec-sm-section-head{
    grid-template-columns:1fr;
    gap:20px;
  }

  .wec-sm-custom{
    grid-template-columns:1fr;
    gap:32px;
  }
}

/* MOBILE */
@media(max-width:760px){
  .wec-sm-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .wec-sm-hero-copy{
    padding:68px 24px 58px;
  }

  .wec-sm-hero h1{
    max-width:100%;
    font-size:clamp(44px,13vw,62px);
    line-height:1;
  }

  .wec-sm-hero p{
    font-size:17px;
  }

  .wec-sm-hero-media{
    min-height:340px;
  }

  .wec-sm-flow,
  .wec-sm-solutions,
  .wec-sm-custom{
    width:calc(100% - 28px);
  }

  .wec-sm-flow{
    padding:72px 0;
  }

  .wec-sm-line{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wec-sm-line span{
    border-bottom:1px solid var(--wec-line);
  }

  .wec-sm-line span:nth-child(even){
    border-right:0;
  }

  .wec-sm-grid{
    grid-template-columns:1fr;
  }

  .wec-sm-card-media{
    height:220px;
  }

  .wec-sm-custom{
    padding:42px 26px;
    border-radius:18px;
  }

  .wec-sm-custom h2{
    font-size:42px;
  }

  .wec-sm-custom-list span{
    font-size:18px;
  }
}


/* =========================================================
   V1.2 — THEME-SAFE HERO FIX
   Prevents WordPress/theme parent containers from clipping
   the left side of Hero text.
   ========================================================= */

.wec-sm{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
}

.wec-sm-hero{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  min-height:700px!important;
  grid-template-columns:minmax(0,58%) minmax(0,42%)!important;
  overflow:hidden!important;
}

.wec-sm-hero-copy{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:88px 72px!important;
  padding-left:clamp(42px,6vw,96px)!important;
}

.wec-sm-hero-copy > *{
  max-width:760px!important;
}

.wec-sm-hero h1{
  width:100%!important;
  max-width:760px!important;
  margin-left:0!important;
  margin-right:0!important;
  font-size:clamp(52px,5vw,82px)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

.wec-sm-hero p{
  width:100%!important;
  max-width:720px!important;
  margin-left:0!important;
  margin-right:0!important;
  font-size:18px!important;
  line-height:1.62!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.wec-sm-hero .wec-sm-eyebrow{
  width:auto!important;
  max-width:760px!important;
  margin-left:0!important;
  white-space:normal!important;
}

.wec-sm-hero-media{
  min-width:0!important;
  width:100%!important;
  min-height:700px!important;
}

/* Keep all other sections inside the site's safe content width */
.wec-sm-flow,
.wec-sm-solutions,
.wec-sm-custom{
  max-width:1320px!important;
  width:calc(100% - 64px)!important;
}

/* Theme blocks sometimes add transforms/margins around shortcode output */
.entry-content .wec-sm,
.wp-block-post-content .wec-sm,
.wp-site-blocks .wec-sm{
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}

/* TABLET */
@media(max-width:1100px){
  .wec-sm-hero{
    grid-template-columns:minmax(0,56%) minmax(0,44%)!important;
  }

  .wec-sm-hero-copy{
    padding:72px 46px!important;
  }

  .wec-sm-hero h1{
    font-size:clamp(48px,5.8vw,68px)!important;
  }
}

/* MOBILE */
@media(max-width:760px){
  .wec-sm-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }

  .wec-sm-hero-copy{
    padding:64px 22px 54px!important;
  }

  .wec-sm-hero-copy > *{
    max-width:100%!important;
  }

  .wec-sm-hero h1{
    max-width:100%!important;
    font-size:clamp(42px,12vw,58px)!important;
    line-height:1.02!important;
  }

  .wec-sm-hero p{
    max-width:100%!important;
    font-size:17px!important;
  }

  .wec-sm-hero-media{
    min-height:320px!important;
  }

  .wec-sm-flow,
  .wec-sm-solutions,
  .wec-sm-custom{
    width:calc(100% - 28px)!important;
  }
}


/* V1.3 — interactive solution cards + editable flow media */
.wec-sm-card--clickable{
  position:relative;
  display:block!important;
  height:100%;
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.wec-sm-card--clickable:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 48px rgba(0,0,0,.12);
  border-color:rgba(213,43,30,.3);
}
.wec-sm-hover-badge{
  position:absolute;
  right:18px;
  top:18px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--wec-red);
  color:#fff;
  font-size:20px;
  opacity:0;
  transform:translate(10px,-10px) scale(.88);
  transition:opacity .25s ease,transform .3s ease;
  box-shadow:0 10px 24px rgba(216,41,31,.25);
}
.wec-sm-card--clickable:hover .wec-sm-hover-badge{
  opacity:1;
  transform:translate(0,0) scale(1);
}
.wec-sm-card-action{
  display:inline-flex;
  color:var(--wec-red);
  font-weight:800;
  transition:transform .22s ease;
}
.wec-sm-card--clickable:hover .wec-sm-card-action{transform:translateX(5px)}
.wec-sm-card--clickable h3{color:var(--ink)!important}
.wec-sm-card--clickable p{color:var(--muted)!important}

.wec-sm-flow-media{
  height:360px;
  margin:36px 0 24px;
  overflow:hidden;
  border-radius:16px;
  background:#f1f1ef;
}
.wec-sm-flow-media img,
.wec-sm-flow-media video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.wec-sm-line{
  grid-template-columns:repeat(var(--wec-flow-count),minmax(0,1fr))!important;
}
@media(max-width:850px){
  .wec-sm-flow-media{height:260px}
  .wec-sm-line{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(hover:none){
  .wec-sm-hover-badge{opacity:1;transform:none;width:38px;height:38px}
  .wec-sm-card--clickable:hover{transform:none;box-shadow:none}
}


/* V1.4 — static solution cards and dedicated Resources button */
.wec-sm-card,
.wec-sm-card:hover,
.wec-sm-card--clickable,
.wec-sm-card--clickable:hover{
  transform:none!important;
  box-shadow:none!important;
  cursor:default!important;
  border-color:var(--line)!important;
}

.wec-sm-hover-badge,
.wec-sm-card-action{
  display:none!important;
}

.wec-sm-card-media img,
.wec-sm-card-media video{
  transform:none!important;
  transition:none!important;
}

.wec-sm-resource-cta{
  display:flex;
  justify-content:center;
  margin-top:42px;
}

.wec-sm-resource-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 28px;
  border-radius:999px;
  background:var(--wec-red);
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
  transition:background .2s ease;
}

.wec-sm-resource-cta a:hover{
  background:#b92219;
}

@media(max-width:760px){
  .wec-sm-resource-cta{margin-top:30px}
  .wec-sm-resource-cta a{width:100%}
}