/* Why Matters, November 2026: landing pages, case studies, the agency scorecard page and the proof sections on service pages.
   Builds on pages-2026.css (hero, buttons, cards). */
.wmx{font-family:'Titillium Web',Arial,sans-serif;max-width:1040px;margin:0 auto 56px;padding:0 24px;text-align:left;color:#3E4153}
.wmx h2{font-family:'Titillium Web',Arial,sans-serif;font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:700;text-transform:none;letter-spacing:0;text-align:left;margin:0 0 14px;padding:0;color:#3E4153}
.wmx h3{font-family:'Titillium Web',Arial,sans-serif;font-size:19px;line-height:1.3;font-weight:700;text-transform:none;letter-spacing:0;text-align:left;margin:0 0 6px;padding:0;color:#3E4153}
.wmx p,.wmx li{font-size:17px;line-height:1.65;color:#3E4153;text-align:left}
.wmx p{margin:0 0 14px}
.wmx a{color:#3839B0;text-decoration:underline;text-underline-offset:2px}
.wmx a.wmp-btn{text-decoration:none}
.wmx-narrow{max-width:820px}
.wmx-kicker{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5F6B7A;margin:0 0 8px}
.wmx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0}
.wmx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 0}
.wmx-tile{background:#F8F9FC;border:1px solid #E4E7EF;border-radius:16px;padding:20px 22px;min-width:0}
.wmx-tile p{font-size:15.5px;line-height:1.55;margin:0;color:#4A4E62}
.wmx-tile b{display:block;font-size:28px;line-height:1.1;color:#3E4153;margin:0 0 6px}
.wmx-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}
.wmx-list li{position:relative;padding-left:30px;margin:0}
.wmx-list li::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:#7FFBD3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%232E3142' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.wmx-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:6px 0 0}
.wmx-quote{margin:0;background:#fff;border:1px solid #E4E7EF;border-left:5px solid #7FFBD3;border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(64,65,85,.06);min-width:0}
.wmx-quote blockquote{margin:0 0 10px;padding:0;border:0;font-size:16.5px;line-height:1.6;color:#3E4153;font-style:normal;quotes:none}
.wmx-quote figcaption{font-size:14px;color:#5F6B7A}
.wmx-quote figcaption b{color:#3E4153}
.wmx-faqs{display:grid;gap:10px;margin:6px 0 0}
.wmx-faqs details{background:#F8F9FC;border:1px solid #E4E7EF;border-radius:12px;padding:14px 18px}
.wmx-faqs summary{cursor:pointer;font-size:17px;font-weight:700;color:#3E4153;list-style-position:outside}
.wmx-faqs details p{margin:10px 0 0;font-size:16px}
.wmx-band{background:#F1F4F9;border-radius:20px;padding:28px 28px 22px;margin:0 0 8px}
.wmx-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 0}
.wmx-img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #E4E7EF;margin:4px 0 18px}
.wmx-cs{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}
.wmx-cs aside{background:#F8F9FC;border:1px solid #E4E7EF;border-radius:16px;padding:20px 22px;position:sticky;top:120px}
.wmx-cs aside p{font-size:15px;margin:0 0 10px}
.wmx-cs aside ul{margin:0 0 12px;padding-left:18px}
.wmx-cs aside li{font-size:15px;margin:0 0 4px}
/* landing pages: the booking box straight after the hero, without the banner above it */
.wmx-book .wm-banner{display:none}
.wmx-book .wm-promo-wrap{margin-top:0}
.wmx-book{margin:0 0 40px}
/* portfolio and service pages: case study cards */
.wmx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 0}
.wmx-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #E4E7EF;border-radius:14px;padding:18px 18px 16px;text-decoration:none!important;color:#3E4153!important;box-shadow:0 10px 30px rgba(64,65,85,.06);min-width:0}
.wmx-card b{font-size:26px;line-height:1.1;color:#3E4153}
.wmx-card span{font-size:14.5px;line-height:1.45;color:#5F6B7A}
.wmx-card em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3839B0;margin-top:auto}
.wmx-proof{padding:8px 0 40px}
/* scorecard page */
.wmx-magnet{background:#fff;border:1px solid #E4E7EF;border-top:5px solid #3E4153;border-radius:16px;padding:24px 26px;box-shadow:0 14px 40px rgba(64,65,85,.10)}
.wmx-magnet .hs-form-frame{min-height:120px}
.wmx-dl[hidden]{display:none!important}
@media (max-width:900px){.wmx-grid,.wmx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wmx-cs{grid-template-columns:minmax(0,1fr)}.wmx-cs aside{position:static} }
@media (max-width:640px){.wmx{padding:0 16px}.wmx-grid,.wmx-grid2,.wmx-quotes,.wmx-cards{grid-template-columns:minmax(0,1fr)}.wmx-band{padding:22px 18px 16px} }
/* landing pages on phones: the booking box straight after the headline (the prices are in the text) */
@media (max-width:900px){.wmx-lp .wmp-visual{display:none} }