/*!
 * front-page.css — home-page-only styles, extracted from front-page.php 2026-07-17.
 * WHY: these were 9 inline <style> blocks (~30KB) re-sent on every home page view and uncacheable.
 * Enqueued in functions.php ONLY when is_front_page(), as a dependency of usbmk-site so it keeps
 * its original cascade position (after site.css). Block order below is the ORIGINAL document order.
 * All original comments are preserved verbatim.
 * NOT moved: the /* home-hero-fix *\/ block (259B) stays inline in front-page.php - it styles the
 * LCP hero and is above-the-fold critical. usbm-catfaq-css is NOT here: it also loads on category
 * pages, so it belongs in components.css.
 * Revert: paste these blocks back into front-page.php and drop the enqueue.
 */

/* ===== usbm-gaps-css ===== */
main .section{padding-top:40px;padding-bottom:40px}main #bestsellers{padding-top:0px !important;padding-bottom:40px}main #range{padding-top:80px}section.seo{padding:40px 0}section.cat-faqs--home{padding:20px 0 40px}

/* ===== usbm-bs-css ===== */
.usbm-bs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:8px}
.usbm-bs-grid .sc-fav{display:none!important}
#bestsellers .qv-eye{left:auto;right:10px}
.scard .qv-eye{left:auto !important; right:10px !important;}
/* Product-page-style "Quick View" hover tooltip */
.scard .qv-eye::after{
  content:"Quick View";
  position:absolute; top:calc(100% + 9px); right:0;
  background:#fff; color:#202f5e; border:1px solid #e2e8ef; border-radius:12px;
  box-shadow:0 24px 50px -24px rgba(21,36,59,.5);
  padding:8px 13px; font:600 13px "Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .16s; transition-delay:0s; z-index:90;
}
.scard .qv-eye:hover::after{opacity:1; transition-delay:.2s;}
.scard{position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; color: inherit; transition: transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s;}
.scard:hover{transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--line-2);}
.scard .sc-media{aspect-ratio: 1 / 1; background: linear-gradient(180deg, var(--panel), #fff); display: grid; place-items: center; padding: 18px;}
.scard .sc-media img{width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;}
.scard .sc-body{padding: 14px 16px 16px; border-top: 1px solid var(--line);}
.scard .sc-name{font-size: 15px; font-weight: 800; color: var(--ink); letter-spacing: -0.01em;}
.scard .sc-meta{font-size: 12px; color: var(--ink-faint); font-weight: 600; margin-top: 4px; display: flex; gap: 6px; flex-wrap: wrap;}
.scard .sc-meta .dot{color: var(--line-2);}
.scard .sc-quote{margin-top: 13px; display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 800; color: var(--primary);}
.scard .sc-quote .arrow{transition: transform .2s var(--ease);}
.scard:hover .sc-quote .arrow{transform: translateX(3px);}
.scard .sc-badge{position: absolute; top: 10px; left: 10px; z-index: 2; background: var(--cta); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 4px 9px; border-radius: 999px;}
.scard .sc-fav{position: absolute; top: 9px; right: 9px; z-index: 2; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.9); border: 1px solid var(--line); display: grid; place-items: center; color: var(--ink-faint); cursor: pointer; transition: color .18s, background .18s;}
.scard .sc-fav:hover{color: var(--cta);}
.scard .sc-fav[aria-pressed="true"]{color: var(--cta); background: var(--cta-tint, #fde4f1); border-color: transparent;}
@media(max-width:1200px){.usbm-bs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.usbm-bs-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== usbm-seo-acc-css ===== */
.seo { padding-block: clamp(36px, 5vw, 72px); background: #fff; }
.seo .container { max-width: 1588px; }
.acc { display: flex; flex-direction: column; gap: 14px; }
.acc-item { position: relative; background: #fff; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; transition: border-color .25s var(--ease), box-shadow .25s var(--ease); }
.acc-item.open { border-color: color-mix(in srgb, var(--cta) 40%, var(--line)); box-shadow: 0 22px 50px -34px rgba(20,26,48,0.5); }
.acc-head { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; gap: 18px; padding: clamp(18px, 2vw, 24px) clamp(18px, 2.4vw, 28px); background: none; border: 0; cursor: pointer; text-align: left; }
.acc-ic { width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0; display: grid; place-items: center; background: linear-gradient(150deg, rgba(255,90,175,0.14), rgba(32,47,94,0.12)); color: var(--cta); transition: background .25s var(--ease), color .25s var(--ease); }
.acc-ic svg { width: 23px; height: 23px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.acc-item.open .acc-ic { background: var(--cta); color: #fff; }
.acc-head .t { flex: 1; display: flex; flex-direction: column; gap: 5px; }
.acc-head .t .ti { display: block; font-size: clamp(17px, 1.9vw, 21px); font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.acc-head .t .sub { display: block; font-size: 13.5px; color: var(--ink-faint); font-weight: 600; }
.acc-chev { width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; border: 1.5px solid var(--line-2); color: var(--ink-soft); transition: all .25s var(--ease); }
.acc-chev svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.2; transition: transform .3s var(--ease); }
.acc-item.open .acc-chev { background: var(--ink); border-color: var(--ink); color: #fff; }
.acc-item.open .acc-chev svg { transform: rotate(180deg); }
.acc-head:hover .acc-chev { border-color: var(--cta); color: var(--cta); }
.acc-panel[hidden] { display: none; }
.acc-panel-in { overflow: visible; opacity: 0; transition: opacity .35s var(--ease); }
.acc-item.open .acc-panel-in { opacity: 1; }
.acc-body { display: grid; grid-template-columns: 1.7fr 1fr; gap: clamp(14px, 1.6vw, 22px); padding: 4px clamp(18px, 2.4vw, 28px) clamp(24px, 2.6vw, 32px); }
.acc-copy p { font-size: 15px; line-height: 1.65; color: var(--ink-soft); margin: 0 0 14px; }
.acc-copy p:last-child { margin-bottom: 0; }
.acc-copy b { color: var(--ink); font-weight: 700; }
.acc-copy a { color: var(--cta); font-weight: 700; text-decoration: none; transition: color .2s; }
.acc-copy a:hover { color: var(--cta-700); }
.acc-feats { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.acc-feats .f { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px; }
.acc-feats .f svg { width: 21px; height: 21px; stroke: var(--cta); fill: none; stroke-width: 2.4; }
.acc-aside { align-self: stretch; justify-self: end; width: 100%; max-width: 320px; }
.acc-item.open .acc-aside { position: absolute; top: 40px; right: 50px; bottom: 40px; width: 30%; max-width: 480px; margin: 0; }
.acc-item.open .acc-vis { min-height: 0; }
.acc-vis { position: relative; border-radius: 14px; overflow: hidden; background: transparent; height: 100%; min-height: 220px; display: block; }
.acc-vis img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.acc-vis > .acc-visl { position: absolute; inset: 0; display: block; z-index: 1; }
      .acc-item:nth-child(1) .acc-vis img{ object-position: 50% 100%; }
.acc-vis.is-ph { background: var(--panel); border: 1px dashed var(--line-2); display: grid; place-items: center; min-height: 240px; }
.acc-vis.is-ph .ph-label { font-size: 13px; font-weight: 700; color: var(--ink-faint); letter-spacing: 0.02em; }
.acc-vis .tagpill { pointer-events: none; position: absolute; bottom: 14px; left: 14px; z-index: 2; background: var(--cta); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.03em; padding: 7px 13px; border-radius: 999px; }
@media (max-width: 820px) { .acc-body { grid-template-columns: 1fr; } .acc-aside { order: -1; max-width: 360px; } .acc-item.open .acc-aside { position: static; top: auto; right: auto; bottom: auto; width: 100%; justify-self: stretch; max-width: 360px; } .acc-item.open .acc-vis { min-height: 220px; } }
@media (max-width: 480px) { .acc-head .t .sub { display: none; } }

/* ===== usbm-st-css ===== */
#process .st-wrap::after{display:none;content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 88%);pointer-events:none;z-index:0;border-radius:0 0 28px 28px}#process html,body{overflow-x:clip}.st-wrap{position:relative;border-radius:0;margin-left:calc(50% - 50vw + var(--usbm-sbw,0px)/2);margin-right:calc(50% - 50vw + var(--usbm-sbw,0px)/2);padding:54px calc(50vw - 50% - var(--usbm-sbw,0px)/2) 44px;overflow:hidden;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 150px),radial-gradient(720px 340px at 5% -6%,rgba(255,90,175,.064),transparent 62%),radial-gradient(640px 300px at 97% 0%,rgba(96,125,255,.052),transparent 62%),radial-gradient(560px 280px at 50% 112%,rgba(255,90,175,.028),transparent 60%),rgba(252,252,255,.4)}#process .st-spark{position:absolute;color:#fff;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(255,90,175,.35))}#process .st-dots{position:absolute;right:30px;top:70px;width:130px;height:96px;background-image:radial-gradient(rgba(32,47,94,.16) 1.8px,transparent 2.4px);background-size:15px 15px;pointer-events:none}#process .st-head{text-align:center;max-width:900px;margin:0 auto 44px;position:relative;z-index:1}#process .st-eyebrow{color:var(--cta);font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}#process .st-head .h2{margin:14px 0 10px}#process .st-row{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}#process .st-line{position:absolute;top:145px;left:10%;right:10%;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,90,175,.25),var(--cta) 12%,var(--cta) 88%,rgba(255,90,175,.25));z-index:3}#process .st-arrow{position:absolute;top:129px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(32,47,94,.16);display:flex;align-items:center;justify-content:center;color:var(--cta);z-index:4;transform:translateX(-50%)}#process .st-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#process .st-card{position:relative;background:#fff;border:1px solid #eef0f7;border-radius:20px;padding:26px 18px 24px;text-align:center;box-shadow:0 14px 34px rgba(32,47,94,.07)}#process .st-card.st-feat{margin:-14px 0;padding-top:40px;padding-bottom:38px;background:linear-gradient(180deg,#fff 34%,#ffe9f4);border:1px solid #ffb3da;box-shadow:0 26px 60px rgba(255,90,175,.30)}#process .st-ic{width:86px;height:86px;border-radius:50%;margin:0 auto;background:#ffe9f4;box-shadow:0 0 0 10px #fef4fa;display:flex;align-items:center;justify-content:center;color:var(--cta)}#process .st-ic svg{width:44px;height:44px}#process .st-num{width:41px;height:41px;border-radius:50%;background:var(--cta);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:16px auto 14px;position:relative;z-index:5;box-shadow:0 0 0 7px #fff}#process .st-t{font-size:18px;font-weight:800;color:var(--ink,#202F5E);margin:0}#process .st-bar{width:28px;height:3px;border-radius:2px;background:var(--cta);margin:9px auto 12px}#process .st-card p{margin:0;font-size:14px;line-height:1.55;color:#5b6480}#process .st-trust{margin-top:36px;background:#fff;border-radius:22px;box-shadow:0 16px 40px rgba(32,47,94,.09);display:flex;align-items:stretch;position:relative;z-index:2;padding:8px 4px}#process .st-titem{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 10px;font-size:15px;font-weight:700;color:var(--ink,#202F5E)}#process .st-titem+.st-titem{border-left:1px solid #edeff5}#process .st-tic{width:46px;height:46px;border-radius:50%;background:#ffe9f4;display:flex;align-items:center;justify-content:center;color:var(--cta);flex:0 0 auto}#process .st-tic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1200px){#process .st-line,#process .st-arrow{display:none}#process .st-row{grid-template-columns:repeat(2,1fr)}#process .st-card.st-feat{margin:0}#process .st-trust{flex-wrap:wrap}#process .st-titem{flex:1 1 46%;border-left:none !important}}@media(max-width:640px){#process .st-row{grid-template-columns:1fr}#process .st-wrap{padding:40px 20px 32px}#process .st-titem{flex:1 1 100%}}

/* ===== usbm-sx-css ===== */
#sectors .sx-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:28px;background:linear-gradient(to right,#fff,rgba(255,255,255,0) 10%),linear-gradient(to left,#fff,rgba(255,255,255,0) 10%),linear-gradient(to bottom,#fff,rgba(255,255,255,0) 10%),linear-gradient(to top,#fff,rgba(255,255,255,0) 10%)}#sectors .sx-wrap{position:relative;border-radius:0;margin-top:-100px;margin-left:calc(50% - 50vw + var(--usbm-sbw,0px)/2);margin-right:calc(50% - 50vw + var(--usbm-sbw,0px)/2);padding:54px calc(50vw - 50% - var(--usbm-sbw,0px)/2) 44px;overflow:hidden;background:radial-gradient(620px 320px at 0% 0%,rgba(255,90,175,.11),transparent 60%),radial-gradient(520px 300px at 100% 10%,rgba(110,130,255,.10),transparent 60%),radial-gradient(620px 340px at 100% 100%,rgba(110,130,255,.06),transparent 55%),#fefeff}#sectors .sx-dots{position:absolute;width:72px;height:72px;background-image:radial-gradient(rgba(32,47,94,.14) 1.6px,transparent 2.2px);background-size:14px 14px;pointer-events:none}#sectors .sx-pspark{position:absolute;color:#ffc9e5;pointer-events:none}#sectors .sx-head{text-align:center;max-width:980px;margin:0 auto 40px;position:relative;z-index:1}#sectors .sx-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--cta);font-size:14px;font-weight:800;letter-spacing:.26em;text-transform:uppercase}#sectors .sx-dash{width:26px;height:2px;background:var(--cta);opacity:.5;border-radius:2px}#sectors .sx-head .h2{margin:14px 0 10px}#sectors .sx-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}#sectors .sx-card{position:relative;background:#fff;border:1px solid #eef0f7;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(32,47,94,.06);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease)}#sectors .sx-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(32,47,94,.12)}#sectors .sx-card.sx-pink{background:linear-gradient(180deg,#fff6fb,#ffeaf5);border-color:#ffc3e1;box-shadow:0 16px 40px rgba(255,90,175,.16)}#sectors .sx-card.sx-blue{border-color:#bcd0ff;box-shadow:0 16px 40px rgba(90,120,255,.14)}#sectors .sx-top{display:flex;gap:13px;align-items:flex-start;margin-bottom:13px}#sectors .sx-ic{width:56px;height:56px;flex:0 0 auto;border-radius:50%;background:#ffe9f4;box-shadow:0 0 0 7px #fdf3f9;display:flex;align-items:center;justify-content:center;color:var(--cta)}#sectors .sx-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#sectors .sx-t{font-size:17px;font-weight:800;color:var(--ink,#202F5E);margin:2px 0 6px}#sectors .sx-top p{margin:0;font-size:13.5px;line-height:1.45;color:#5b6480}#sectors .sx-card img{display:block;width:100%;height:auto;border-radius:12px}#sectors .sx-spark{position:absolute;top:12px;right:14px;width:20px;height:20px;color:var(--cta)}#sectors .sx-card.sx-blue .sx-spark{color:#5a78ff}@media(max-width:1200px){#sectors .sx-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){#sectors .sx-grid{grid-template-columns:1fr}#sectors .sx-wrap{padding:40px 20px 32px}}

/* ===== sectors link styles (was an anonymous inline block) ===== */
.sx-t a{color:inherit;text-decoration:none}.sx-t a:hover{color:var(--cta,#FF5AAF)}.sx-card .sx-imglink{display:block;line-height:0}

/* ===== usbm-inc-css ===== */
#included .inc2-head{text-align:center;max-width:860px;margin:0 auto;padding:0 20px}#included .inc2-pill{display:inline-flex;align-items:center;gap:8px;background:#fdeef6;border:1px solid #f9cfe4;color:var(--cta);font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:8px 18px;border-radius:26px}#included .inc2-pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#included .inc2-h2{margin:18px 0 12px}#included .inc2-ez{color:var(--cta);position:relative;display:inline-block}#included .inc2-ez svg{position:absolute;left:0;bottom:-.26em;width:100%;height:.22em}#included .inc2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px}#included .inc2-card{position:relative;overflow:hidden;background:#FDFCFC;border:1px solid var(--line,#e6e9f2);border-radius:22px;padding:26px 26px 16px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(32,47,94,.06);transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease)}#included .inc2-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(32,47,94,.12)}#included .inc2-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:10px}#included .inc2-ic{width:56px;height:56px;flex:0 0 auto;border-radius:50%;background:#fdeef6;display:flex;align-items:center;justify-content:center;color:var(--cta)}#included .inc2-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#included .inc2-t{font-size:19px;font-weight:800;color:var(--ink,#202F5E);line-height:1.2}#included .inc2-t i{display:block;width:34px;height:4px;background:var(--cta);border-radius:3px;margin-top:7px}#included .inc2-body{flex:1}#included .inc2-body::after{content:"";display:block;clear:both}#included .inc2-body p{margin:4px 0 10px;font-size:15.5px;line-height:1.6;color:var(--ink-soft,#5b6480)}#included .inc2-body img{float:right;width:58%;max-width:250px;height:auto;object-fit:contain;margin:-30px -36px -26px 2px;shape-outside:polygon(55% 0%,100% 0%,100% 100%,35% 100%);shape-margin:10px}@media(max-width:1080px){#included .inc2-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){#included .inc2-grid{grid-template-columns:1fr}#included .inc2-body img{max-width:170px}}

/* ===== usbm-rv-css ===== */
#reviews{position:relative;background:radial-gradient(760px 480px at 0% 0%,rgba(255,90,175,.045),transparent 62%),radial-gradient(760px 480px at 100% 0%,rgba(96,125,255,.045),transparent 62%)}#reviews .rv-head{text-align:center;max-width:960px;margin:0 auto 26px}#reviews .rv-head .h2{margin:16px 0 10px}#reviews .rv-badges{display:flex;align-items:center;justify-content:center;gap:22px;margin:26px 0 34px;flex-wrap:wrap}#reviews .rv-badge{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eef0f7;border-radius:16px;padding:16px 24px;box-shadow:0 12px 30px rgba(32,47,94,.07)}#reviews .rv-badge>svg{width:26px;height:26px;flex:0 0 auto}#reviews .rv-bname{font-size:17px;font-weight:800;color:var(--ink,#202F5E)}#reviews .rv-star{width:17px;height:17px}#reviews .rv-pink{color:#34A853}#reviews .rv-green{color:#34A853}#reviews .rv-score{font-size:21px;font-weight:800;color:var(--ink,#202F5E);margin-left:4px}#reviews .rv-sub{font-size:13.5px;color:#5b6480}#reviews .rv-vdiv{width:1px;height:34px;background:#dfe3ee}#reviews .rv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}#reviews .rv-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f7;border-radius:16px;padding:20px 20px 18px;box-shadow:0 14px 34px rgba(32,47,94,.07)}#reviews .rv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#reviews .rv-stars{display:inline-flex;gap:2px}#reviews .rv-date{font-size:12.5px;color:#8a92aa}#reviews .rv-q{font-size:52px;line-height:.6;font-weight:800;color:#dfe3ee;font-family:Georgia,serif;margin:10px 0 2px}#reviews .rv-txt{flex:1;margin:0 0 16px;font-size:14px;line-height:1.6;color:#3a4260}#reviews .rv-div{height:1px;background:#edeff5;margin-bottom:14px}#reviews .rv-auth{display:flex;align-items:center;gap:11px}#reviews .rv-ava{width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:var(--ink,#202F5E);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}#reviews .rv-who{display:flex;flex-direction:column;line-height:1.3}#reviews .rv-who b{font-size:14.5px;font-weight:800;color:var(--ink,#202F5E)}#reviews .rv-who i{font-style:normal;font-size:12.5px;color:#5b6480}#reviews .rv-exc{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #eef0f7;border-radius:14px;box-shadow:0 12px 30px rgba(32,47,94,.07);padding:14px 26px;width:max-content;max-width:100%;margin:30px auto 34px;flex-wrap:wrap}#reviews .rv-exc svg{width:24px;height:24px}#reviews .rv-exc b{font-size:16px;font-weight:800;color:var(--ink,#202F5E)}#reviews .rv-exc span{font-size:14.5px;color:#3a4260}#reviews .rv-exc .rv-tpl{color:#00B67A;font-weight:800}#reviews .rv-trust{background:#FBFCFE;border:1px solid #E9EEF6;border-radius:24px;padding:22px 30px;text-align:center}#reviews .rv-clead{text-align:center;margin:46px 0 20px}/*USBM_CLEAD_PAD*/#reviews .rv-clead .h2{margin:12px 0 0}#reviews .rv-kick{display:flex;align-items:center;justify-content:center;gap:14px;margin:0}#reviews .rv-kick::before,#reviews .rv-kick::after{content:"";flex:0 0 26px;width:26px;height:2px;background:#FF5AAF}#reviews .rv-kick span{font-size:14px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:#C21563}/*USBM_RV_CLIENTS_PANEL*/@media(max-width:640px){#reviews .rv-clead{margin-top:32px}#reviews .rv-trust{padding:20px 12px 22px;border-radius:18px}#reviews .rv-kick{gap:10px;margin:0}#reviews .rv-kick::before,#reviews .rv-kick::after{display:none}}/*USBM_RV_CLIENTS_MBL*/#reviews .rv-trust .rv-clients{display:block;width:100%;max-width:1492px;height:auto;margin:0 auto}/*USBM_RV_CLIENTS*/@media(max-width:1200px){#reviews .rv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){#reviews .rv-grid{grid-template-columns:1fr}}

@keyframes usbmQxBoltBeat{0%{transform:scale(1);fill:currentColor;filter:none}70%{transform:scale(1.22);fill:#FF9BD6;filter:drop-shadow(0 0 6px rgba(255,155,214,.75))}100%{transform:scale(1);fill:currentColor;filter:none}}@keyframes usbmQxReadyBeat{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(53,208,138,.55)}70%{transform:scale(1.22);box-shadow:0 0 0 7px rgba(53,208,138,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(53,208,138,0)}}/* Tighter gap between the product accordion (.seo) and the Ordering-steps (#process) section */
main section.seo{padding-bottom:10px}
#process{padding-top:10px}

/* Tighter gap above #included (Everything included to make ordering easy) */
#sectors{padding-bottom:10px}
#included{padding-top:10px}

/* Unify section eyebrows to the For-every-sector style (sx-eyebrow): Simple Ordering / Bestsellers / Help & Support */
.home #process .st-eyebrow,
.home #bestsellers .eyebrow,
.home .cat-faqs .cf-kicker{
  display:flex; align-items:center; justify-content:center; gap:14px;
  font-size:14px; font-weight:800; letter-spacing:0.26em; text-transform:uppercase;
}
.home #process .st-eyebrow::before, .home #process .st-eyebrow::after,
.home #bestsellers .eyebrow::before, .home #bestsellers .eyebrow::after,
.home .cat-faqs .cf-kicker::before, .home .cat-faqs .cf-kicker::after{
  content:""; width:26px; height:2px; background:var(--cta); opacity:.5; border-radius:2px; flex:0 0 auto;
}

/*HOME_PROC_TIGHT 2026-08-23: match the 48px gaps used on category pages*/
.home #process{margin-top:-16px;margin-bottom:0}

/* HOME_H1_UP20 + words up 35px total (Richard 2026-08-24): heading and lead rise together, buttons and checks stay anchored */
.home .hero-copy h1{margin-top:-48px}
.home .hero-copy .lead{margin-bottom:26px}
.home .hero-copy .lead2{margin-bottom:30px}/* HOME_LEAD_P2_CSS */

/* HOME_CLUSTER_UP: hero image raised 25px (Richard 2026-08-24) */
.home .hero .cluster{transform:translateY(-55px) scale(1.075);transform-origin:top center}

/* HOME_RANGE_UP20: Choose your Branded Product Range section raised 20px (Richard 2026-08-24) */
.home #range.section{padding-top:40px}

/* HOME_HERO_TIGHT_BOTTOM: small gap below the hero ticks (Richard 2026-08-24; container pb was 70px) */
.home .hero .container{padding-bottom:34px}

/* HOME_BESTSELLERS_UP10: gap above Bestsellers reduced 10px via the main #bestsellers rule (Richard 2026-08-24) */

/* HOME_TILE_GO: range-tile arrow REMOVED (Richard 2026-08-24) */
.home #range .tile .go{display:none}

/* HOME_TILE_TEXT_SIZE: range tile title 17->19px, description 12.5->14px (Richard 2026-08-24) */
.home #range .tile .tt{font-size:19px}
.home #range .tile .td{font-size:14px}

/* HOME_TILE_HOVER: white bar tints on tile hover (Richard 2026-08-24) */
.home #range .tile .tbar{transition:background .15s}
.home #range .tile:hover .tbar{background:#f4f6fb}

/* HOME_BULK_LI_15: bulk-card checklist text bigger, card size unchanged (Richard 2026-08-24) */
.home .bulk-card li{font-size:16px;line-height:20.925px}

/* HOME_SX_TEXT_SIZE: sector card titles/descriptions match the range tiles 19px/14px (Richard 2026-08-24) */
#sectors .sx-t{font-size:19px}
#sectors .sx-card p{font-size:14px}


/* HOME_EZ_PINK: "easy" highlight back to brand pink (Richard 2026-08-24; was the a11y dark pink) */
.home .inc2-ez{color:#FF5AAF !important}

/* HOME_INC2_LINKS: included-section cards are links now (Richard 2026-08-24) */
a.inc2-card{display:block;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
a.inc2-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(32,47,94,.12)}

/* USBM_HERO_H1_MOBILE (Sep 2026)
   .home .hero-copy h1{margin-top:-48px} compensates for the height of the
   mega-menu row, which only exists from 981px up (same cutover as the mm-fit
   tiers - the hero top jumps 119 -> 167 there). Below 981px there is no menu
   row to compensate for, .hero .container padding-top sits at its clamp()
   floor of 40px, and -48px ate all of it plus 8px: the heading rendered 6px
   ABOVE the header's bottom edge, crammed under the nav. Match the breakpoint
   to the menu, not to a round number. */
@media (max-width:980px){
  .home .hero-copy h1{margin-top:0}
}

/* USBM_INC2_ONELINE - "Everything Included to Make Ordering Easy" needs 830px at 44px but the
   .inc2-head measure is 860px minus 20px padding either side = 820px, so it wrapped to two
   lines. Widen the heading block only; the lead paragraph keeps its 820px reading measure. */
@media(min-width:981px){
  #included .inc2-head{max-width:1000px}
  #included .inc2-h2{white-space:nowrap}
  #included .inc2-head p{max-width:820px;margin-left:auto;margin-right:auto}
}

/* USBM_SBW_BLEED: .st-wrap and .sx-wrap full-bleed now subtracts the scrollbar (2026-09-07) */

/* USBM_BOTTOM_BG: soft background image behind the reviews + clients + FAQ block, 50% opacity. */
.rv-bgwrap{position:relative;isolation:isolate}
.rv-bgwrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("/wp-content/uploads/2026/09/Bottom-Section-BG.webp");background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 230px,rgba(0,0,0,.75) 380px,#000 520px);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 230px,rgba(0,0,0,.75) 380px,#000 520px)}/*USBM_BOTTOM_BG_FADE*/

/* USBM_SX_HOVER_BG (2026-09-08): home sector cards tint to #F6F8FB on hover (Richard). Pink/blue variants included. */
#sectors .sx-card{transition:transform .25s var(--ease,ease),box-shadow .25s var(--ease,ease),background-color .25s var(--ease,ease)}
#sectors .sx-card:hover,#sectors .sx-card.sx-pink:hover,#sectors .sx-card.sx-blue:hover{background:#F6F8FB}

/* USBM_RV_HEAD_UP (2026-09-08): Richard - "Real Reviews from Real Businesses" heading 10px higher (was margin-top 16px) */
#reviews .rv-head h2.h2{margin-top:6px}

/* USBM_SX_IC_PINK (2026-09-08): Richard - sector card icons white on a solid pink circle (was pink icon on pale pink) */
#sectors .sx-ic{background:#FF5AAF;color:#fff;box-shadow:0 0 0 7px #FDE8F3}

/* USBM_ACC_IC_PINK (2026-09-08): Richard - accordion (section.seo) icons in the same style as the sector-card icons: white on a solid pink 56px circle with a pale halo, open and closed */
section.seo .acc-ic,section.seo .acc-item.open .acc-ic{width:56px;height:56px;border-radius:50%;background:#FF5AAF;color:#fff;box-shadow:0 0 0 7px #FDE8F3}
section.seo .acc-ic svg{width:26px;height:26px;stroke-width:2}

/* USBM_INC_IC_PINK (2026-09-08): Richard - All Inclusive card icons in the same style as the sector-card icons: white on a solid pink circle with a pale halo */
#included .inc2-ic,#included .inc2-card:hover .inc2-ic{background:#FF5AAF;color:#fff;box-shadow:0 0 0 7px #FDE8F3}

/* USBM_SX_IC_PULSE (2026-09-08): Richard - sector card pink icon circle pulses while the card is hovered */
@keyframes usbmSxPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 7px #FDE8F3}50%{transform:scale(1.1);box-shadow:0 0 0 12px #FDE8F3}}
#sectors .sx-card:hover .sx-ic{animation:usbmSxPulse 1.1s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){#sectors .sx-card:hover .sx-ic{animation:none}}

/* USBM_INC_IC_PULSE (2026-09-08): Richard - All Inclusive card icons pulse on card hover, same keyframes as the sector cards */
#included .inc2-card:hover .inc2-ic{animation:usbmSxPulse 1.1s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){#included .inc2-card:hover .inc2-ic{animation:none}}

/* USBM_ACC_IC_PULSE (2026-09-08): Richard - accordion icons pulse while their section is hovered, same keyframes as the sector cards */
section.seo .acc-item:hover .acc-ic{animation:usbmSxPulse 1.1s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){section.seo .acc-item:hover .acc-ic{animation:none}}

/* USBM_BULK_CARD_GREY (2026-09-09, Richard): home hero price card on the same grey as the sector-card hover (#F6F8FB) */
.hero .bulk-card{background:#F6F8FB;translate:0 150px;border:1px solid #cdd6e4} /* USBM_BULK_CARD_STROKE: visible 1px grey stroke on the grey card; moved down 100px then a further 50px (Richard 2026-09-09) */ /* USBM_BULK_CARD_DOWN: moved down 100px (Richard 2026-09-09); translate stacks with the card's animated transform */
.hero .bulk-card .tk{font-size:20.8px} /* USBM_BULK_TICK_130: ticks 30% bigger, was 16px (Richard 2026-09-09) */

/* USBM_INC_PILL_BIG (2026-09-09, Richard): All Inclusive pill 20% bigger (12.5px -> 15px, icon 15 -> 18px, padding 8/18 -> 10/22) with white text and icon on solid pink */
#included .inc2-pill{font-size:15px;padding:10px 22px;gap:10px;background:#FF5AAF;border-color:#FF5AAF;color:#fff !important} /* !important because overrides.css (custom_css option) carries .inc2-pill{color:#C21563 !important}; this id selector outranks it */
#included .inc2-pill svg{width:18px;height:18px;color:#fff;stroke:#fff}

/* USBM_HOME_CLIENTS_LEAD (2026-09-09, Richard): the new line under Just some of our Previous Clients... on one line on desktop (the shared strip caps it at 680px) */
.rv-bgwrap .usbm-clients-lead{max-width:none;font-size:19px;color:#51627A} /* USBM_HOME_CLIENTS_LEAD_SIZE 2026-09-12: match the other home section .lead paragraphs */