/* =========================================================================
   WebLife Dashboard block — front-end + shared styles.
   Every color references a --wlmi-* custom property set inline on .wlmi-dash
   by render.php (defaults live in render.php / index.js). Change the pickers
   in the block sidebar and everything below re-colors.
   ========================================================================= */

/* ---- Base / reset (shared with infographics) --------------------------- */
.wlmi-root{
	/* Inherit the theme's fonts everywhere — never impose a font family. */
	--wlmi-ff-heading:inherit;
	--wlmi-ff-body:inherit;
	color:var(--wlmi-body-text,#4a4f57);
	font-family:inherit;
	line-height:1.5;
}
.wlmi-root *,.wlmi-root :before,.wlmi-root :after{box-sizing:border-box;margin:0;padding:0}
.wlmi-dash{background:var(--wlmi-page-bg,#fff);overflow:hidden}
/* Only cap width; do NOT force height:auto here — it would out-specify component icon/logo sizing. */
.wlmi-dash img{max-width:100%}

/* ---- Shared infographic card ------------------------------------------ */
.wlmi-root .wlmi-card{background:var(--wlmi-card-bg);border:1px solid var(--wlmi-card-border);border-radius:18px;box-shadow:0 20px 40px -20px rgba(26,37,68,.18),0 2px 6px rgba(26,37,68,.06);display:flex;flex-direction:column;overflow:hidden}
.wlmi-root .wlmi-card-head{padding:24px 28px 0}
.wlmi-root .wlmi-card-eyebrow{color:var(--wlmi-card-eyebrow);font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}
.wlmi-root .wlmi-card-title{color:var(--wlmi-card-title);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}
.wlmi-root .wlmi-card-sub{color:var(--wlmi-card-sub);font-size:14px;margin-top:4px}
.wlmi-root .wlmi-card-foot{align-items:center;background:var(--wlmi-card-foot-bg);border-top:1px solid var(--wlmi-card-border);color:var(--wlmi-card-foot-text);display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding:16px 28px 22px}
.wlmi-root .wlmi-card-foot .wlmi-tag{align-items:center;display:inline-flex;font-weight:500;gap:6px}
.wlmi-root .wlmi-dot{background:var(--wlmi-status-dot);border-radius:50%;box-shadow:0 0 0 3px rgba(46,169,122,.15);height:8px;width:8px}

/* ---- Keyword table ----------------------------------------------------- */
.wlmi-root .wlmi-kw-table{border-collapse:collapse;margin-top:20px;width:100%}
.wlmi-root .wlmi-kw-thead{background:var(--wlmi-kw-head-bg);color:#fff}
.wlmi-root .wlmi-kw-thead th{color:var(--wlmi-kw-head-text);font-size:12px;font-weight:600;letter-spacing:.04em;padding:14px 20px;text-align:left}
.wlmi-root .wlmi-kw-thead th:not(:first-child){text-align:right}
.wlmi-root .wlmi-kw-tbody tr{border-bottom:1px solid var(--wlmi-kw-row-border)}
.wlmi-root .wlmi-kw-tbody tr:last-child{border-bottom:none}
.wlmi-root .wlmi-kw-tbody td{font-size:14px;padding:14px 20px;vertical-align:middle}
.wlmi-root .wlmi-kw-tbody td:not(:first-child){text-align:right}
.wlmi-root .wlmi-kw-term{color:var(--wlmi-kw-text);font-weight:500}
.wlmi-root .wlmi-kw-pos{color:var(--wlmi-kw-text);display:inline-block;font-variant-numeric:tabular-nums;font-weight:600;min-width:44px}
.wlmi-root .wlmi-kw-bar-cell{padding-right:20px;width:32%}
.wlmi-root .wlmi-kw-bar-track{background:var(--wlmi-kw-bar-track);border-radius:6px;height:8px;overflow:hidden;position:relative;width:100%}
.wlmi-root .wlmi-kw-bar-fill{background:linear-gradient(90deg,var(--wlmi-kw-bar-from),var(--wlmi-kw-bar-to));border-radius:6px;height:100%;transition:none;width:0}
.wlmi-root .wlmi-kw-delta{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;padding:3px 8px}
.wlmi-root .wlmi-kw-delta.up{background:var(--wlmi-delta-up-bg);color:var(--wlmi-delta-up-text);min-width:6rem}
.wlmi-root .wlmi-kw-delta.down{background:var(--wlmi-delta-down-bg);color:var(--wlmi-delta-down-text)}
.wlmi-root .wlmi-kw-delta svg{height:10px;width:10px}

/* ---- Line chart -------------------------------------------------------- */
.wlmi-root .wlmi-lc-wrap{padding:8px 28px 28px}
.wlmi-root .wlmi-lc-metrics{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:4px;margin-top:18px}
.wlmi-root .wlmi-lc-k{color:var(--wlmi-lc-label);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.wlmi-root .wlmi-lc-v{align-items:baseline;color:var(--wlmi-lc-value);display:flex;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;gap:8px;letter-spacing:-.01em;margin-top:2px}
.wlmi-root .wlmi-lc-delta{border-radius:999px;font-size:13px;font-weight:600;padding:2px 8px}
.wlmi-root .wlmi-lc-delta.up{background:var(--wlmi-delta-up-bg);color:var(--wlmi-delta-up-text)}
.wlmi-root .wlmi-lc-delta.down{background:var(--wlmi-delta-down-bg);color:var(--wlmi-delta-down-text)}
.wlmi-root .wlmi-lc-svg{display:block;height:220px;margin-top:12px;width:100%}
.wlmi-root .wlmi-lc-grid line{stroke:var(--wlmi-lc-grid);stroke-width:1}
.wlmi-root .wlmi-lc-axis text{fill:var(--wlmi-lc-axis);font-family:inherit;font-size:11px}
.wlmi-root .wlmi-lc-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}
.wlmi-root .wlmi-lc-before{stroke:var(--wlmi-lc-before);stroke-dasharray:4 4}
.wlmi-root .wlmi-lc-after{stroke:var(--wlmi-lc-after)}
.wlmi-root .wlmi-lc-area{opacity:.6}
.wlmi-root .wlmi-lc-svg [data-dot]{fill:var(--wlmi-lc-dot)}
.wlmi-root .wlmi-lc-legend{color:var(--wlmi-card-sub);display:flex;font-size:12px;gap:18px;margin-top:14px}
.wlmi-root .wlmi-lc-sw{border-radius:2px;display:inline-block;height:2px;margin-right:6px;vertical-align:middle;width:12px}

/* ---- Rank grid --------------------------------------------------------- */
.wlmi-root table.wlmi-rk{border-collapse:separate;border-spacing:0;font-size:14px;margin-top:20px;width:100%}
.wlmi-root table.wlmi-rk thead th{background:var(--wlmi-rk-head-bg);border-right:1px solid var(--wlmi-rk-head-border);color:var(--wlmi-rk-head-text);font-size:13px;font-weight:600;letter-spacing:.02em;padding:14px 8px;text-align:center}
.wlmi-root table.wlmi-rk thead th.wlmi-rk-kw-col{color:var(--wlmi-kw-head-text);padding-left:20px;text-align:left}
.wlmi-root table.wlmi-rk thead th:last-child{border-right:none}
.wlmi-root table.wlmi-rk tbody td{border-bottom:1px solid var(--wlmi-card-border);border-right:1px solid var(--wlmi-card-border);height:40px;padding:0;text-align:center;vertical-align:middle}
.wlmi-root table.wlmi-rk tbody td:last-child{border-right:none}
.wlmi-root table.wlmi-rk tbody tr:last-child td{border-bottom:none}
.wlmi-root .wlmi-rk-kw-cell{background:var(--wlmi-rk-cell-bg);color:var(--wlmi-rk-cell-text);font-weight:500;min-width:240px;padding:10px 20px;text-align:left}
.wlmi-root .wlmi-rk-rank{color:#fff;display:block;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;height:100%;line-height:40px;min-height:40px;position:relative;transition:background-color .12s linear;width:100%}
.wlmi-root .wlmi-rk-tier-blue{background:var(--wlmi-rk-tier-blue)}
.wlmi-root .wlmi-rk-tier-green{background:var(--wlmi-rk-tier-green)}
.wlmi-root .wlmi-rk-tier-ygreen{background:var(--wlmi-rk-tier-ygreen)}
.wlmi-root .wlmi-rk-tier-yellow{background:var(--wlmi-rk-tier-yellow)}
.wlmi-root .wlmi-rk-tier-orange{background:var(--wlmi-rk-tier-orange)}
.wlmi-root .wlmi-rk-tier-red{background:var(--wlmi-rk-tier-red)}
.wlmi-root .wlmi-rk-empty{background:var(--wlmi-rk-empty-bg);color:transparent}
.wlmi-root .wlmi-rk-reveal{animation:wlmi-rkCellReveal .42s ease-out both;box-shadow:0 10px 22px -8px rgba(26,37,68,.45),0 2px 6px rgba(26,37,68,.2);position:relative;z-index:2}
@keyframes wlmi-rkCellReveal{0%{opacity:0;transform:scale(1.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
.wlmi-root .wlmi-rk-trend{background:var(--wlmi-rk-cell-bg);width:54px}
.wlmi-root .wlmi-rk-trend-glyph{align-items:center;color:var(--wlmi-rk-trend);display:inline-flex;height:40px;justify-content:center;width:100%}
.wlmi-root .wlmi-rk-trend-glyph svg{height:14px;width:14px}
.wlmi-root .wlmi-rk-legend{color:var(--wlmi-card-sub);display:flex;flex-wrap:wrap;font-size:12px;gap:14px;padding:14px 28px 4px}
.wlmi-root .wlmi-rk-sw{border-radius:3px;display:inline-block;height:12px;margin-right:6px;vertical-align:middle;width:18px}

/* ---- Locations --------------------------------------------------------- */
.wlmi-root .wlmi-lo-table{border-collapse:collapse;margin:20px 0 0;table-layout:fixed;width:100%}
.wlmi-root .wlmi-lo-thead{background:var(--wlmi-lo-head-bg);color:#fff}
.wlmi-root .wlmi-lo-thead th{color:var(--wlmi-lo-head-text);font-size:12px;font-weight:600;letter-spacing:.04em;padding:14px 22px;text-align:left;text-transform:none}
.wlmi-root .wlmi-lo-thead th:first-child{width:36%}
.wlmi-root .wlmi-lo-tbody tr{border-bottom:1px solid var(--wlmi-lo-row-border)}
.wlmi-root .wlmi-lo-tbody tr:last-child{border-bottom:none}
.wlmi-root .wlmi-lo-tbody tr:nth-child(2n){background:var(--wlmi-lo-row-alt)}
.wlmi-root .wlmi-lo-tbody td{color:var(--wlmi-lo-text);font-size:16px;padding:14px 22px;vertical-align:middle}
.wlmi-root .wlmi-lo-loc{font-weight:500}
.wlmi-root .wlmi-lo-activity-wrap{align-items:center;display:inline-flex;gap:10px;opacity:0}
.wlmi-root .wlmi-lo-activity-wrap.wlmi-lo-reveal{animation:wlmi-lo-pop .42s cubic-bezier(.34,1.56,.64,1) forwards}
.wlmi-root .wlmi-lo-activity-wrap.wlmi-lo-reveal .wlmi-lo-arrow{animation:wlmi-lo-arrow-pop .52s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes wlmi-lo-pop{0%{opacity:0;transform:translateY(-4px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}
@keyframes wlmi-lo-arrow-pop{0%{transform:scale(0) rotate(-12deg)}55%{transform:scale(1.2) rotate(4deg)}to{transform:scale(1) rotate(0)}}
.wlmi-root .wlmi-lo-arrow{align-items:center;color:var(--wlmi-lo-arrow);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transform:scale(0);width:28px}
.wlmi-root .wlmi-lo-arrow svg{display:block;height:24px;width:24px}
.wlmi-root .wlmi-lo-text{line-height:1.45}
.wlmi-root .wlmi-lo-term{color:var(--wlmi-lo-term);font-style:italic}
.wlmi-root .wlmi-lo-text strong{color:var(--wlmi-kw-text);font-weight:700}

/* ---- Visibility gauge -------------------------------------------------- */
.wlmi-root .wlmi-vs-wrap{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;justify-content:flex-start;padding:0 32px 36px;position:relative}
.wlmi-root .wlmi-vs-icons{inset:0;pointer-events:none;position:absolute;transition:opacity .7s ease}
.wlmi-root .wlmi-vs-icons.wlmi-vs-faded{opacity:1}
.wlmi-root .wlmi-vs-icon{border-radius:16px;box-shadow:0 8px 18px -6px rgba(26,37,68,.25),0 2px 4px rgba(26,37,68,.08);opacity:0;overflow:hidden;position:absolute;transform:scale(.3) rotate(-10deg)}
.wlmi-root .wlmi-vs-icon img{display:block;height:100%;object-fit:cover;width:100%}
.wlmi-root .wlmi-vs-icon.wlmi-vs-pop{animation:wlmi-vsIconPop .46s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes wlmi-vsIconPop{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{opacity:1;transform:scale(1.12) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.wlmi-root .wlmi-vs-gauge{display:block;max-width:70%;position:relative;width:360px}
.wlmi-root .wlmi-vs-gauge svg{display:block;height:auto;overflow:visible;width:100%}
.wlmi-root .wlmi-vs-track{fill:none;stroke:var(--wlmi-vs-track);stroke-linecap:round;stroke-width:18}
.wlmi-root .wlmi-vs-fill{fill:none;stroke:var(--wlmi-vs-fill);stroke-dasharray:282.7px;stroke-dashoffset:282.7px;stroke-linecap:round;stroke-width:18;transition:stroke-dashoffset 1.6s cubic-bezier(.22,.85,.3,1)}
.wlmi-root .wlmi-vs-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding-top:18%;position:absolute}
.wlmi-root .wlmi-vs-score{color:var(--wlmi-vs-score);font-size:76px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.04em;line-height:1}
.wlmi-root .wlmi-vs-trend{align-items:baseline;color:var(--wlmi-vs-text);display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:6px;text-align:center}
.wlmi-root .wlmi-vs-trend svg{color:var(--wlmi-vs-accent);height:12px;width:12px}
.wlmi-root .wlmi-vs-delta{color:var(--wlmi-vs-score);font-weight:700}
.wlmi-root .wlmi-vs-since{color:var(--wlmi-vs-score);font-weight:500}
.wlmi-root .wlmi-vs-pill{align-items:center;border:1.5px solid var(--wlmi-vs-accent);border-radius:999px;color:var(--wlmi-vs-accent);display:inline-flex;font-size:15px;font-weight:600;letter-spacing:-.01em;margin-top:10px;padding:9px 22px}
.wlmi-root .wlmi-vs-summary{color:var(--wlmi-vs-summary);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin-top:18px;max-width:460px;text-align:center}
@media(max-width:760px){.wlmi-root .wlmi-vs-icons{display:none}}
@media(max-width:1800px){.wlmi-root.wlmi-visibility .wlmi-vs-icon{border-radius:13px;height:50px!important;width:50px!important}}
@media(max-width:1440px){.wlmi-root.wlmi-visibility .wlmi-vs-icon{border-radius:11px;height:42px!important;width:42px!important}.wlmi-root.wlmi-visibility .wlmi-vs-gauge{width:240px}.wlmi-root.wlmi-visibility .wlmi-vs-score{font-size:50px}}
@media(max-width:1024px){.wlmi-root.wlmi-visibility .wlmi-vs-icon{border-radius:8px;height:30px!important;width:30px!important}.wlmi-root.wlmi-visibility .wlmi-vs-gauge{width:170px}.wlmi-root.wlmi-visibility .wlmi-vs-score{font-size:44px}}

/* ---- Carousel (3D ring) ------------------------------------------------ */
.wlmi-root.wlmi-carousel .wlmi-car-head{margin:0 auto;max-width:1100px;padding:0 32px;text-align:center}
.wlmi-root.wlmi-carousel .wlmi-car-logo-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.wlmi-root.wlmi-carousel .wlmi-car-logo{display:block;height:78px;width:auto}
.wlmi-root.wlmi-carousel .wlmi-car-wordmark{color:var(--wlmi-car-wordmark);font-family:var(--wlmi-ff-heading);font-size:52px;font-weight:700;letter-spacing:-.02em;line-height:.78;position:relative;top:2px}
.wlmi-root.wlmi-carousel .wlmi-car-intro{color:var(--wlmi-car-intro);font-size:15px;line-height:1.55;margin:18px auto 0;max-width:820px;text-align:center}
.wlmi-root.wlmi-carousel .wlmi-car-scene{display:grid;-webkit-mask:linear-gradient(90deg,transparent,#fff 18% 82%,transparent);mask:linear-gradient(90deg,transparent,#fff 18% 82%,transparent);min-height:520px;overflow:hidden;perspective:180em;perspective-origin:50% 50%;place-items:center;width:100%}
.wlmi-root.wlmi-carousel .wlmi-car-ring{animation:wlmi-car-spin 64s linear infinite;display:grid;place-self:center;transform-style:preserve-3d}
@keyframes wlmi-car-spin{to{transform:rotateY(1turn)}}
@media(prefers-reduced-motion:reduce){.wlmi-root.wlmi-carousel .wlmi-car-ring{animation-duration:256s}}
.wlmi-root.wlmi-carousel .wlmi-car-card{--w:56em;--ba:calc(1turn/var(--n));align-items:stretch;aspect-ratio:16/9;backface-visibility:hidden;background:var(--wlmi-card-bg);border-radius:22px;box-shadow:0 30px 60px -20px rgba(26,37,68,.35),0 8px 18px -8px rgba(26,37,68,.18);display:flex;grid-area:1/1;justify-content:stretch;overflow:hidden;transform:rotateY(calc(var(--i)*var(--ba))) translateZ(calc((var(--w)*0.5*-1 + -1em)/tan(.5 * var(--ba))));width:var(--w)}
@media(min-width:1920px){.wlmi-root.wlmi-carousel .wlmi-car-card{--w:40em}}
.wlmi-root.wlmi-carousel .wlmi-car-slot{min-height:0;overflow:hidden;width:100%}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-card{backface-visibility:hidden;background:var(--wlmi-card-bg);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-card-head{padding:28px 32px 0}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-card-title{font-size:26px}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-lc-wrap{display:flex;flex:1;flex-direction:column;padding:12px 28px 20px}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-lc-svg{display:block;flex:0 0 auto;height:46%;margin-top:6px;min-height:0;width:100%}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-kw-table,.wlmi-root.wlmi-carousel .wlmi-car-card table.wlmi-rk{flex:1}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-lo-tbody td{font-size:13px;padding:10px 22px}
.wlmi-root.wlmi-carousel .wlmi-car-card .wlmi-vs-score{font-size:68px}
@media(max-width:1024px){.wlmi-root.wlmi-carousel .wlmi-car-scene{min-height:380px}.wlmi-root.wlmi-carousel .wlmi-car-wordmark{font-size:38px}}

/* ---- Overlap ----------------------------------------------------------- */
.wlmi-root.wlmi-overlap .wlmi-ov-scene{align-items:stretch;display:flex;flex-direction:column;position:relative;width:100%}
.wlmi-root.wlmi-overlap .wlmi-ov-slot{position:relative}
.wlmi-root.wlmi-overlap .wlmi-ov-ctr{align-self:flex-start;width:65%;z-index:1}
.wlmi-root.wlmi-overlap .wlmi-ov-kw{align-self:flex-end;margin-top:-15%;width:70%;z-index:3}
.wlmi-root.wlmi-overlap .wlmi-ov-scene .wlmi-card{background:var(--wlmi-card-bg);border:1px solid var(--wlmi-card-border);border-radius:12px;box-shadow:0 50px 90px -34px rgba(26,37,68,.32),0 16px 34px -20px rgba(26,37,68,.22);display:flex;flex-direction:column;overflow:hidden}
.wlmi-root.wlmi-overlap .wlmi-ov-scene .wlmi-card-foot{display:none}
.wlmi-root.wlmi-overlap .wlmi-ov-scene .wlmi-kw-tbody td{font-size:12.5px;padding:8px 16px}
.wlmi-root.wlmi-overlap .wlmi-ov-scene .wlmi-kw-thead th{font-size:11px;padding:9px 16px;white-space:nowrap}
.wlmi-root.wlmi-overlap .wlmi-ov-ctr .wlmi-lc-wrap{display:flex;flex:1;flex-direction:column;padding-bottom:18px}
.wlmi-root.wlmi-overlap .wlmi-ov-ctr .wlmi-lc-svg{flex:1;height:auto;margin-top:8px;min-height:0}
.wlmi-root.wlmi-overlap .wlmi-ov-kw .wlmi-kw-table{flex:1;margin-top:16px}
.wlmi-root.wlmi-overlap .wlmi-ov-icon{filter:drop-shadow(0 18px 30px rgba(26,37,68,.16));height:auto;opacity:1;pointer-events:none;position:absolute;width:clamp(180px,22%,260px);z-index:4}
.wlmi-root.wlmi-overlap .wlmi-ov-icon.wlmi-ov-pop{animation:wlmi-ovIconPop .56s cubic-bezier(.34,1.56,.64,1) backwards}
@keyframes wlmi-ovIconPop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}60%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.wlmi-root.wlmi-overlap .wlmi-ov-icon-1{right:2rem;top:0}
.wlmi-root.wlmi-overlap .wlmi-ov-icon-2{bottom:2rem;left:-1rem}
@media(max-width:1024px){.wlmi-root.wlmi-overlap .wlmi-ov-ctr,.wlmi-root.wlmi-overlap .wlmi-ov-icon{display:none}.wlmi-root.wlmi-overlap .wlmi-ov-kw{align-self:stretch;margin-top:0;width:100%}}

/* ---- Mobile-image fallback (infographics) ------------------------------ */
.wlmi-root .wlmi-mob-img{border-radius:12px;display:none;height:auto;width:100%}
@media(max-width:760px){.wlmi-root.wlmi-has-mob>:not(.wlmi-mob-img){display:none!important}.wlmi-root.wlmi-has-mob>.wlmi-mob-img{display:block}}

/* =========================================================================
   MARKETING SECTIONS
   ========================================================================= */
.wlmi-dash-sec{padding:clamp(40px,5vw,110px) 0;position:relative}
/* Fluid container: full width minus viewport-scaled gutters, capped for readability on 4K. */
.wlmi-dash-con{margin:0 auto;max-width:min(1760px,100%);padding:0 clamp(18px,5vw,90px);width:100%}
.wlmi-dash-narrow{max-width:min(960px,100%)}
.wlmi-dash-h2{color:var(--wlmi-heading);font-family:var(--wlmi-ff-heading);font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.01em;line-height:1.15;margin:0 0 18px}
.wlmi-dash-sec p{color:var(--wlmi-body-text);font-size:17px;line-height:1.6;margin:0 0 14px}
.wlmi-dash-sec p:last-child{margin-bottom:0}
.wlmi-dash a:not(.wlmi-dash-btn){color:var(--wlmi-accent);text-decoration:underline}

/* Buttons */
.wlmi-dash-btnwrap{margin-top:28px}
.wlmi-dash-btn-center{display:flex;justify-content:center}
.wlmi-dash-btn{align-items:center;background:linear-gradient(90deg,var(--wlmi-btn-grad-from),var(--wlmi-btn-bg));border-radius:999px;color:var(--wlmi-btn-text);display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 30px;text-decoration:none;transition:background .3s ease,transform .2s ease}
.wlmi-dash-btn:hover{background:var(--wlmi-btn-hover);color:var(--wlmi-btn-text);transform:translateY(-2px)}
.wlmi-dash-btn-arrow{font-size:20px;line-height:1}

/* Checklist */
.wlmi-dash-checklist{list-style:none;margin:18px 0 0;padding:0}
.wlmi-dash-checklist li{color:var(--wlmi-body-text);font-size:17px;line-height:1.5;margin-bottom:12px;padding-left:38px;position:relative}
.wlmi-dash-checklist li:before{background-color:var(--wlmi-check);content:"";height:22px;left:0;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");position:absolute;top:1px;width:22px}

/* Two-column rows */
.wlmi-dash-row{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px)}
.wlmi-dash-col{flex:1 1 380px;min-width:0}
.wlmi-dash-col-graphic,.wlmi-dash-col-image{display:flex;flex-direction:column;justify-content:center}
.wlmi-dash-col-image img{border-radius:16px}

/* Intro */
.wlmi-dash-intro .wlmi-dash-h2{margin-bottom:20px}

/* Dark CTA */
.wlmi-dash-cta{align-items:center;background:var(--wlmi-cta-bg);border-radius:clamp(24px,3vw,44px);color:var(--wlmi-cta-text);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:clamp(28px,4vw,56px)}
.wlmi-dash-cta h2{color:var(--wlmi-cta-text);font-family:var(--wlmi-ff-heading);font-size:clamp(24px,2.6vw,34px);font-weight:800;margin:0}
.wlmi-dash-cta .wlmi-dash-btnwrap{margin-top:0}

/* Service grid */
.wlmi-dash-svc-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;margin-bottom:10px}
.wlmi-dash-svc-head h2{color:var(--wlmi-heading);font-family:var(--wlmi-ff-heading);font-size:clamp(26px,3vw,40px);font-weight:800;margin:0}
.wlmi-dash-svc-logo{height:clamp(40px,4vw,62px);width:auto}
.wlmi-dash-svc-intro{color:var(--wlmi-body-text);font-size:18px;margin:0 auto 44px;max-width:760px;text-align:center}
.wlmi-dash-svc-grid{display:grid;gap:36px 44px;grid-template-columns:repeat(3,1fr)}
.wlmi-dash-svc-item{display:flex;gap:18px}
.wlmi-dash-svc-icon{flex-shrink:0}
.wlmi-dash-svc-icon img{height:56px;width:56px;object-fit:contain}
.wlmi-dash-svc-body h3{color:var(--wlmi-svc-title);font-family:var(--wlmi-ff-heading);font-size:20px;font-weight:700;margin:0 0 6px}
.wlmi-dash-svc-body p{color:var(--wlmi-svc-text);font-size:15px;margin:0 0 10px}
.wlmi-dash-svc-body .wlmi-dash-checklist{margin-top:8px}
.wlmi-dash-svc-body .wlmi-dash-checklist li{font-size:15px;margin-bottom:8px}
@media(max-width:1024px){.wlmi-dash-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wlmi-dash-svc-grid{grid-template-columns:1fr}}

/* Vertical tabs */
.wlmi-dash-tabs{background:linear-gradient(to bottom,var(--wlmi-page-bg),var(--wlmi-section-alt-bg))}
.wlmi-dash-tabs-grid{align-items:center;display:grid;gap:clamp(28px,4vw,72px);grid-template-columns:1fr 1fr}
.wlmi-dash-tab-btns{display:flex;flex-direction:column;margin-top:24px}
.wlmi-dash-tab-btn{align-items:center;background:transparent;border:none;border-radius:16px;color:var(--wlmi-tab-text);cursor:pointer;display:flex;font-family:inherit;font-size:clamp(18px,1.7vw,26px);font-weight:600;margin:6px 0;padding:14px 6px;text-align:left;transition:all .25s ease;width:100%}
.wlmi-dash-tab-check{color:var(--wlmi-accent);display:inline-flex;flex-shrink:0;font-weight:700;max-width:0;opacity:0;overflow:hidden;transition:all .25s ease}
.wlmi-dash-tab-btn.active{background:var(--wlmi-tab-active-bg);color:var(--wlmi-tab-active-text);margin:20px 0;padding:26px 30px}
.wlmi-dash-tab-btn.active .wlmi-dash-tab-check{margin-right:.5em;max-width:1.6em;opacity:1}
.wlmi-dash-tab-panel{display:none}
.wlmi-dash-tab-panel.active{animation:wlmi-dash-fade .4s ease both;display:block}
@keyframes wlmi-dash-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wlmi-dash-tab-image{margin-bottom:56px;position:relative}
.wlmi-dash-tab-frame{border-radius:clamp(20px,2.5vw,40px);box-shadow:0 40px 70px -34px rgba(26,37,68,.45);overflow:hidden}
.wlmi-dash-tab-frame img{display:block;width:100%}
.wlmi-dash-tab-icon{background:linear-gradient(135deg,var(--wlmi-btn-grad-from),var(--wlmi-btn-bg));border-radius:22px;bottom:0;box-shadow:0 20px 34px -10px rgba(232,122,54,.5);left:50%;padding:16px;position:absolute;transform:translate(-50%,50%)}
.wlmi-dash-tab-icon img{display:block;height:48px;object-fit:contain;width:48px}
.wlmi-dash-tab-text{margin-top:8px;padding:0 4%;text-align:center}
@media(max-width:900px){.wlmi-dash-tabs-grid{grid-template-columns:1fr}.wlmi-dash-tab-image{margin-bottom:48px}}

/* Five-star heading */
.wlmi-dash-fivestar{padding-bottom:24px}

/* Testimonials — overlapping card carousel on a dark stage */
.wlmi-dash-tests-stage{background:var(--wlmi-test-bg);border-radius:clamp(24px,3vw,52px);margin:0 auto;max-width:1240px;min-height:clamp(430px,42vw,560px);overflow:hidden;position:relative}
.wlmi-dash-test{background:var(--wlmi-test-card);border-radius:22px;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);opacity:0;padding:clamp(30px,3vw,52px) clamp(22px,2.4vw,34px);pointer-events:none;position:absolute;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1);width:44%}
.wlmi-dash-test-icon{background:linear-gradient(135deg,var(--wlmi-btn-grad-from),var(--wlmi-btn-bg));border-radius:18px;box-shadow:0 16px 30px -10px rgba(231,64,33,.5);left:50%;padding:14px;position:absolute;top:0;transform:translate(-50%,-50%)}
.wlmi-dash-test-icon img{display:block;height:34px;object-fit:contain;width:34px}
.wlmi-dash-test blockquote{color:var(--wlmi-test-text);font-size:clamp(15px,1.15vw,20px);font-weight:600;line-height:1.5;margin:6px 0 0}
.wlmi-dash-test.is-active{left:5%;opacity:1;padding:clamp(40px,3.4vw,60px) clamp(28px,3vw,46px);pointer-events:auto;top:50%;transform:translateY(-50%);width:46%;z-index:5}
.wlmi-dash-test.is-active blockquote{font-size:clamp(18px,1.5vw,26px)}
.wlmi-dash-test.is-q1{cursor:pointer;opacity:.72;right:2%;top:16%;transform:translateY(-50%) scale(.82);width:34%;z-index:3}
.wlmi-dash-test.is-q2{cursor:pointer;opacity:.52;right:2%;top:50%;transform:translateY(-50%) scale(.78);width:34%;z-index:2}
.wlmi-dash-test.is-q3{cursor:pointer;opacity:.36;right:2%;top:84%;transform:translateY(-50%) scale(.74);width:34%;z-index:1}
@media(max-width:820px){
	.wlmi-dash-test{width:88%!important}
	.wlmi-dash-test.is-q1,.wlmi-dash-test.is-q2,.wlmi-dash-test.is-q3{opacity:0;pointer-events:none}
	.wlmi-dash-test.is-active{left:50%;transform:translate(-50%,-50%)}
}

/* FAQ accordion */
.wlmi-dash-faq-list{margin-top:36px}
.wlmi-dash-faq-item{border-bottom:1px solid var(--wlmi-faq-border)}
.wlmi-dash-faq-q{align-items:center;background:none;border:none;color:var(--wlmi-faq-question);cursor:pointer;display:flex;font-family:var(--wlmi-ff-heading);font-size:clamp(17px,1.6vw,21px);font-weight:700;gap:20px;justify-content:space-between;padding:24px 4px;text-align:left;width:100%}
.wlmi-dash-faq-plus{flex-shrink:0;height:20px;position:relative;width:20px}
.wlmi-dash-faq-plus:before,.wlmi-dash-faq-plus:after{background:var(--wlmi-faq-icon);content:"";left:50%;position:absolute;top:50%;transition:transform .3s ease}
.wlmi-dash-faq-plus:before{height:2px;margin:-1px 0 0 -10px;width:20px}
.wlmi-dash-faq-plus:after{height:20px;margin:-10px 0 0 -1px;width:2px}
.wlmi-dash-faq-item.open .wlmi-dash-faq-plus:after{transform:scaleY(0)}
.wlmi-dash-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.wlmi-dash-faq-item.open .wlmi-dash-faq-a{grid-template-rows:1fr}
.wlmi-dash-faq-a-inner{overflow:hidden}
.wlmi-dash-faq-a-inner p{color:var(--wlmi-faq-answer);font-size:16px;padding:0 4px 24px}

/* Client marquee */
.wlmi-dash-clients{background:var(--wlmi-section-alt-bg);overflow:hidden}
.wlmi-dash-clients-accent{color:var(--wlmi-clients-accent)}
.wlmi-dash-clients .wlmi-dash-h2{color:var(--wlmi-clients-title)}
.wlmi-dash-marquee{margin-top:28px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent)}
.wlmi-dash-marquee-track{display:flex;gap:60px;width:max-content}
.wlmi-dash-marquee-l{animation:wlmi-dash-marq-l 45s linear infinite}
.wlmi-dash-marquee-r{animation:wlmi-dash-marq-r 45s linear infinite}
@keyframes wlmi-dash-marq-l{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wlmi-dash-marq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.wlmi-dash-marquee-item{align-items:center;display:flex;justify-content:center}
.wlmi-dash-marquee-item img{background:#fff;border-radius:18px;filter:grayscale(1);height:120px;object-fit:contain;padding:22px;transition:filter .3s ease;width:auto}
.wlmi-dash-marquee-item img:hover{filter:grayscale(0)}
@media(max-width:760px){.wlmi-dash-marquee-item img{height:88px;padding:16px}}
@media(prefers-reduced-motion:reduce){.wlmi-dash-marquee-l,.wlmi-dash-marquee-r{animation:none}}

/* Final CTA */
.wlmi-dash-final-icon img{height:64px;width:64px;object-fit:contain}
.wlmi-dash-final .wlmi-dash-h2{margin-top:14px}

/* Infographic placeholder (shown in editor SSR preview; replaced by view.js on front end) */
.wlmi-dash-ph{align-items:center;background:linear-gradient(135deg,#eef1f7,#f7f9fc);border:1px dashed var(--wlmi-card-border,#d8deea);border-radius:16px;color:#6b7385;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:200px;padding:24px;text-align:center;width:100%}

/* Editor tweaks */
.wlmi-dash-editor-note{background:#f4f6fa;border:1px dashed #c9d2e3;border-radius:10px;color:#425067;font-size:13px;margin:8px 0;padding:14px 18px}