/* ===== Shopify Integration ===== */
:root{
  --sh-bg:#f6f9ff;
  --sh-surface:#ffffff;
  --sh-ink:#1f2328;
  --sh-muted:#667085;
  --sh-primary:#22c55e;       /* Shopify-ish accent (tweak if needed) */
  --sh-brand:#e83f3f;         /* your brand red for CTAs */
  --sh-border:#e6e8ef;
  --sh-radius:16px;
  --sh-shadow:0 10px 30px rgba(30,35,90,.08);
}

.shopi-root{color:var(--sh-ink);background:#fff;}
.shopi-container{max-width:1120px;margin:0 auto;padding:0 16px;}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* HERO */
.shopi-hero{position:relative;padding:110px 20px 90px;background:radial-gradient(circle at 20% 12%,rgba(116,207,166,0.3),transparent 62%),radial-gradient(circle at 86% 10%,rgba(255,220,233,0.45),transparent 68%),linear-gradient(180deg,#ffffff 0%,#f3f6ff 55%,#eef2ff 100%);overflow:hidden}
.shopi-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.shopi-hero__orb{position:absolute;border-radius:50%;mix-blend-mode:screen;opacity:.68;animation:shopiFloat 18s ease-in-out infinite}
.shopi-hero__orb--one{width:360px;height:360px;background:radial-gradient(circle,rgba(107,214,160,0.55),transparent 70%);top:-160px;left:-130px;animation-delay:-4s}
.shopi-hero__orb--two{width:300px;height:300px;background:radial-gradient(circle,rgba(255,205,229,0.52),transparent 72%);right:-100px;top:38%;animation-duration:22s}
.shopi-hero__orb--three{width:230px;height:230px;background:radial-gradient(circle,rgba(128,226,255,0.48),transparent 70%);left:52%;bottom:-140px;transform:translateX(-50%);animation-duration:16s}
.shopi-hero__beam{position:absolute;left:50%;top:62px;width:460px;height:460px;transform:translateX(-50%) rotate(18deg);background:linear-gradient(135deg,rgba(255,255,255,0.58) 0%,rgba(255,255,255,0) 68%);filter:blur(14px);opacity:.45;animation:shopiDrift 12s ease-in-out infinite}
.shopi-hero__in{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.shopi-hero__copy{background:rgba(255,255,255,0.86);border:1px solid rgba(255,255,255,0.6);backdrop-filter:blur(14px);padding:28px;border-radius:28px;box-shadow:0 28px 80px rgba(68,120,110,0.18)}
.shopi-breadcrumb{font-size:12px;color:rgba(46,52,82,0.68);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.shopi-breadcrumb a{color:inherit;text-decoration:none}
.shopi-chip-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.shopi-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:rgba(34,197,94,0.16);border:1px solid rgba(34,197,94,0.28);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a3628}
.shopi-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.7);font-size:12px;font-weight:600;color:rgba(40,44,68,0.72);box-shadow:0 16px 30px rgba(32,46,96,0.12)}
.shopi-hero h1{margin:0 0 18px;font-size:clamp(34px,4vw,48px);line-height:1.08;color:var(--sh-ink)}
.shopi-hero h1 span{color:var(--sh-primary);font-weight:600}
.shopi-lead{margin:0 0 24px;color:rgba(45,53,82,0.82);font-size:1.05rem}
.shopi-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.shopi-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:16px;border:1px solid transparent;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.shopi-btn--primary{background:linear-gradient(130deg,#e83f3f 0%,#f87171 45%,#fbbf24 100%);color:#fff;box-shadow:0 24px 46px rgba(232,63,63,0.26)}
.shopi-btn--primary:hover{transform:translateY(-2px)}
.shopi-btn--ghost{background:rgba(255,255,255,0.92);color:var(--sh-ink);border-color:rgba(34,197,94,0.26)}
.shopi-btn--ghost:hover{background:#fff}
.shopi-hero__metrics{display:flex;gap:12px;flex-wrap:wrap}
.shopi-metric{flex:1 1 160px;min-width:150px;background:rgba(255,255,255,0.9);border:1px solid rgba(34,197,94,0.16);border-radius:18px;padding:16px 18px;box-shadow:0 24px 48px rgba(22,32,88,0.12)}
.shopi-metric__value{display:block;font-size:1.35rem;font-weight:700;color:var(--sh-ink)}
.shopi-metric__label{display:block;margin-top:4px;font-size:.82rem;color:rgba(45,53,82,0.68)}
.shopi-hero__stage{position:relative;padding:36px 32px;border-radius:34px;background:rgba(14,18,48,0.86);border:1px solid rgba(120,142,255,0.3);box-shadow:0 46px 96px rgba(12,18,52,0.48);overflow:hidden;min-height:380px;display:grid;place-items:center}
.shopi-stage__halo{position:absolute;inset:-14%;background:radial-gradient(circle,rgba(120,142,255,0.55),transparent 70%);filter:blur(42px);opacity:.65}
.shopi-stage__mock{position:absolute;top:52%;left:50%;width:78%;max-width:320px;transform:translate(-50%,-50%) rotate(-6deg);filter:drop-shadow(0 32px 64px rgba(8,12,36,0.55));opacity:.95;transition:transform .3s ease}
.shopi-stage__mock:hover{transform:translate(-50%,-50%) rotate(-2deg)}
.shopi-stage__card{position:relative;background:rgba(13,18,44,0.78);border:1px solid rgba(132,150,255,0.28);border-radius:24px;padding:22px 24px;color:#dfe6ff;box-shadow:0 28px 60px rgba(10,18,50,0.45);animation:shopiFloat 16s ease-in-out infinite}
.shopi-stage__card h3{margin:10px 0 12px;font-size:1.16rem;color:#fff}
.shopi-stage__card--primary{width:100%;max-width:300px;z-index:1}
.shopi-stage__badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f1f4ff}
.shopi-stage__list{margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:.9rem}
.shopi-stage__list li{list-style:none;padding-left:18px;position:relative}
.shopi-stage__list li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#73f5ff;box-shadow:0 0 0 4px rgba(115,245,255,0.15)}
.shopi-stage__cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:linear-gradient(120deg,#5a6bff 0%,#7bd5ff 100%);color:#0c1634;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.shopi-stage__card--side{position:absolute;right:28px;bottom:48px;width:210px;padding:18px;border-radius:22px;background:rgba(255,255,255,0.92);color:#1d2542;border:1px solid rgba(126,148,255,0.22);box-shadow:0 24px 48px rgba(18,26,58,0.32);animation-duration:20s}
.shopi-stage__eyebrow{display:block;font-size:.74rem;font-weight:700;color:#4c59a8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.shopi-stage__stat{display:block;font-size:1.28rem;font-weight:800;color:#273174;margin-bottom:4px}
.shopi-stage__note{font-size:.78rem;color:#4b558c;font-weight:600}
.shopi-stage__pill{position:absolute;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 22px 42px rgba(10,18,52,0.36)}
.shopi-stage__pill--one{top:36px;right:34px;background:linear-gradient(120deg,rgba(123,208,255,0.95),rgba(255,255,255,0.9));color:#132047;animation:shopiFloat 18s ease-in-out infinite}
.shopi-stage__pill--two{left:34px;bottom:28px;background:linear-gradient(120deg,rgba(255,204,238,0.92),rgba(255,255,255,0.92));color:#2b2348;animation:shopiFloat 22s ease-in-out infinite;animation-delay:-4s}

@keyframes shopiFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes shopiDrift{0%,100%{transform:translate(-50%,0) rotate(18deg);}50%{transform:translate(-50%,18px) rotate(22deg);}}

/* INTRO */
.shopi-intro{padding:24px 0;background:#fff}
.shopi-check{padding-left:0;display:grid;gap:8px}
.shopi-check li{list-style:none;position:relative;padding-left:28px}
.shopi-check li::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;
  background:conic-gradient(from 0deg at 50% 50%, #fff 0 25%, var(--sh-primary) 0 100%);
  mask: radial-gradient(circle 8px at 50% 50%, transparent 7px, #000 8px);
  border:1px solid var(--sh-border);
}

/* TOP FEATURES */
.shopi-top{padding:18px 0 8px;background:#fff}
.shopi-head h2{margin:0 0 8px;font-size:26px;line-height:1.2}
.shopi-sub{color:var(--sh-muted);margin:0}
.shopi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.shopi-box{position:relative;display:flex;flex-direction:column;gap:10px;padding:38px 24px 26px;background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 100%);border:1px solid rgba(116,126,170,0.22);border-radius:18px;box-shadow:0 18px 48px rgba(22,32,74,0.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.shopi-box::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);opacity:.0;transition:opacity .18s ease;pointer-events:none}
.shopi-box:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(22,32,74,0.14);border-color:rgba(116,126,170,0.35)}
.shopi-box:hover::before{opacity:.65}
.shopi-box__check{position:absolute;top:18px;left:18px;width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,#f8faff 0%,#e7ecff 100%);border:1px solid rgba(116,126,170,0.35);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 8px 18px rgba(22,32,74,0.14);display:inline-flex;align-items:center;justify-content:center}
.shopi-box__check::after{content:"";width:10px;height:6px;border-left:2px solid var(--sh-primary);border-bottom:2px solid var(--sh-primary);transform:rotate(-45deg) translate(1px,-1px);opacity:.25;transition:opacity .18s ease}
.shopi-box:hover .shopi-box__check::after{opacity:1}
.shopi-box__title{margin:0;font-size:18px;color:var(--sh-ink);letter-spacing:-.01em}
.shopi-box p{margin:0;color:var(--sh-muted);font-size:.95rem;line-height:1.55}

/* HOW IT WORKS */
.shopi-how{padding:28px 0;background:#fff}
.shopi-how__in{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.shopi-how__art img{width:100%;height:auto;border:1px solid var(--sh-border);border-radius:14px;box-shadow:var(--sh-shadow);background:#fff}
.shopi-ticks{padding-left:0;display:grid;gap:8px;margin:10px 0 0}
.shopi-ticks li{list-style:none;position:relative;padding-left:26px}
.shopi-ticks li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--sh-primary)}

/* FAQ */
.shopi-faq{padding:28px 0;background:#fff}
.shopi-faq h2{margin:0 0 10px;font-size:26px}
.shopi-accordion{border:1px solid var(--sh-border);border-radius:14px;overflow:hidden}
.shopi-acc__head{width:100%;text-align:left;padding:14px 16px;background:#fff;border:0;border-bottom:1px solid var(--sh-border);cursor:pointer;font-weight:600}
.shopi-acc__head[aria-expanded="true"]{background:var(--sh-bg)}
.shopi-acc__panel{display:none;padding:14px 16px;background:#fff;border-bottom:1px solid var(--sh-border)}
.shopi-acc__panel:last-child{border-bottom:0}

/* REVIEWS */
.shopi-reviews{padding:28px 0;background:#fef9f8}
.shopi-score{background:#fff;border:1px solid var(--sh-border);border-radius:16px;padding:18px;text-align:center;box-shadow:var(--sh-shadow)}
.shopi-stars{letter-spacing:4px;color:#f5a623;font-size:20px}
.shopi-rating{margin-top:6px;color:var(--sh-muted)}

/* APP BAND */
.shopi-appband{padding:28px 0;background:#fff}
.shopi-appband__in{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:center}
.shopi-storebadges a{display:inline-block;border:1px solid var(--sh-border);border-radius:10px;padding:8px 12px;margin-right:8px;text-decoration:none;color:var(--sh-ink)}
.shopi-appband__art img{width:100%;height:auto;border-radius:16px;border:1px solid var(--sh-border);box-shadow:var(--sh-shadow)}

/* Hover + reveal */
.shopi-btn--primary:hover{transform:translateY(-2px);filter:brightness(.97)}
.shopi-btn--ghost:hover{background:#fff;color:var(--sh-ink)}

/* Responsive */
@media (max-width:1024px){
  .shopi-hero{padding:90px 18px 72px}
  .shopi-hero__in,.shopi-how__in,.shopi-appband__in{grid-template-columns:1fr}
  .shopi-hero__stage{margin-top:28px;min-height:340px}
  .shopi-stage__card--side{position:relative;right:auto;bottom:auto;margin-top:20px;width:100%}
  .shopi-stage__mock{position:relative;top:auto;left:auto;transform:translate(0,0) rotate(-4deg);width:80%;max-width:320px;margin:0 auto 24px}
}
@media (max-width:820px){
  .shopi-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .shopi-hero__copy{padding:24px}
  .shopi-hero h1{font-size:32px}
  .shopi-hero__stage{padding:28px 24px}
  .shopi-hero__metrics{gap:10px}
  .shopi-metric{flex:1 1 45%;min-width:140px}
  .shopi-stage__pill--one{top:20px;right:20px}
  .shopi-stage__pill--two{left:20px;bottom:20px}
  .shopi-box{padding:34px 20px 22px}
}
@media (max-width:560px){
  .shopi-cards{grid-template-columns:1fr}
  .shopi-hero h1{font-size:30px}
  .shopi-hero{padding:70px 16px 60px}
  .shopi-stage__mock{width:90%}
}



:root{
  --ink:#0b1220;
  --muted:#667085;
  --bg:#ffffff;
  --bg-2:#f7fbff;
  --border:#e6eef6;
  --card:#ffffff;
  --glow:#22c55e;
  --accent:#6d28d9; /* purple for icons */
}
.mlm-wrap{width:min(1120px,92%);margin-inline:auto}
.mlm-intro-sub{color:var(--muted);margin:0}

/* INTRO */
.mlm-intro-alt{background:var(--bg);padding:36px 0 10px;position:relative}
.mlm-intro-head h2{margin:0 0 6px;font-size:clamp(22px,2.3vw,28px)}
.mlm-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;padding-left:0;margin:16px 0 0}
.mlm-bullets li{list-style:none;display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-weight:600}
.mlm-bullets .i{margin-top:2px}
.mlm-divider{display:block;width:100%;height:60px}

/* FEATURE + BENEFIT BANDS */
.shopi-section-head{
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:center;
  margin:0 auto 36px;
  max-width:780px;
}
.shopi-section-head h2{
  margin:0;
  font-size:clamp(24px,2.8vw,34px);
  font-weight:800;
  letter-spacing:-0.01em;
  color:var(--ink);
}
.shopi-section-sub{
  margin:0;
  font-size:1.02rem;
  color:var(--muted);
}

.shopi-feature-band{
  background:var(--bg);
  padding:58px 0 52px;
}
.shopi-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.shopi-feature-card{
  position:relative;
  padding:38px 24px 26px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,0.08);
  box-shadow:0 20px 44px rgba(15,23,42,0.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.shopi-feature-card:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 60px rgba(15,23,42,0.12);
  border-color:rgba(56,189,248,0.32);
}
.shopi-feature-card__chip,
.shopi-benefit-card__chip{
  position:absolute;
  top:20px;
  left:22px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:12px;
  background:linear-gradient(135deg,#eef2ff,#f8faff);
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 6px 16px rgba(15,23,42,0.08);
}
.shopi-feature-card__chip::after{
  content:"+";
  font-size:16px;
  font-weight:700;
  color:rgba(71,85,105,0.9);
  line-height:1;
}
.shopi-feature-card h3{
  margin:0 0 10px;
  font-size:17px;
  font-weight:700;
  color:var(--ink);
}
.shopi-feature-card p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.shopi-benefit-band{
  background:#f7faff;
  padding:66px 0 74px;
}
.shopi-benefit-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.shopi-benefit-card{
  position:relative;
  padding:40px 24px 26px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,0.08);
  box-shadow:0 18px 42px rgba(15,23,42,0.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.shopi-benefit-card:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 64px rgba(15,23,42,0.12);
  border-color:rgba(56,189,248,0.28);
}
.shopi-benefit-card__chip::after{
  content:"";
  display:block;
  width:12px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  box-shadow:0 0 0 3px rgba(34,197,94,0.18);
}
.shopi-benefit-card__content h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
}
.shopi-benefit-card__content p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.shopi-benefit-cta{
  display:flex;
  justify-content:center;
  margin-top:32px;
}
.shopi-benefit-cta .shopi-btn{
  min-width:210px;
  justify-content:center;
}

@media (max-width:1080px){
  .shopi-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:860px){
  .shopi-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .shopi-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .shopi-feature-band{padding:46px 0 38px;}
  .shopi-benefit-band{padding:52px 0 64px;}
  .shopi-feature-grid,
  .shopi-benefit-grid{grid-template-columns:1fr;}
  .shopi-section-head{text-align:left; margin:0 0 28px;}
}

/* ICON SYSTEM (CSS masks, light + fast) */
.i{--size:28px; width:var(--size); height:var(--size); display:inline-block; border-radius:12px;
   background: radial-gradient(circle at 30% 30%, #fff 0 40%, #0000 42%) padding-box,
               linear-gradient(135deg, #eef7ff, #e3ecff) border-box;
   border:1px solid var(--border); box-shadow: 0 6px 16px rgba(18,38,90,.12); position:relative}
.i::after{content:\"\"; position:absolute; inset:6px; background: var(--accent); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center}

/* specific glyphs */
.i-check::after     { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>'); background: var(--glow);}
.i-spark::after     { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 2l2.5 6.5L21 11l-6.5 2.5L12 20l-2.5-6.5L3 11l6.5-2.5L12 2z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 2l2.5 6.5L21 11l-6.5 2.5L12 20l-2.5-6.5L3 11l6.5-2.5L12 2z\"/></svg>');}
.i-rocket::after    { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M5 19l3-1 3-3 5-2 2-5-5 2-2 5-3 3-1 3z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M5 19l3-1 3-3 5-2 2-5-5 2-2 5-3 3-1 3z\"/></svg>');}
.i-eye::after       { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12zm11 3a3 3 0 110-6 3 3 0 010 6z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12zm11 3a3 3 0 110-6 3 3 0 010 6z\"/></svg>');}
.i-store::after     { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M3 9l1-4h16l1 4H3zm2 3h14v8H5v-8z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M3 9l1-4h16l1 4H3zm2 3h14v8H5v-8z\"/></svg>');}
.i-gear::after      { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6zm8-3a8 8 0 11-16 0 8 8 0 0116 0z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6zm8-3a8 8 0 11-16 0 8 8 0 0116 0z\"/></svg>');}
.i-users::after     { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M16 11a4 4 0 10-8 0 4 4 0 008 0zM2 20a6 6 0 0112 0H2zm10 0a6 6 0 0110 0H12z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M16 11a4 4 0 10-8 0 4 4 0 008 0zM2 20a6 6 0 0112 0H2zm10 0a6 6 0 0110 0H12z\"/></svg>');}
.i-lms::after       { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M4 5h16v14H4zM2 9h20\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M4 5h16v14H4zM2 9h20\"/></svg>');}
.i-target::after    { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><circle cx=\"12\" cy=\"12\" r=\"8\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><circle cx=\"12\" cy=\"12\" r=\"8\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\"/></svg>');}
.i-handshake::after { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M8 12l4 4 4-4M2 8l6 6m8-6l6 6\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M8 12l4 4 4-4M2 8l6 6m8-6l6 6\"/></svg>');}
.i-automation::after{ -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M4 12h16M12 4v16\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M4 12h16M12 4v16\"/></svg>');}
.i-box::after       { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M3 7l9-4 9 4-9 4-9-4zm0 4l9 4 9-4\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M3 7l9-4 9 4-9 4-9-4zm0 4l9 4 9-4\"/></svg>');}
.i-trophy::after    { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M7 4h10v3a5 5 0 01-10 0V4zM5 7a4 4 0 104 4H7a4 4 0 01-2-4zm14 0a4 4 0 11-4 4h2a4 4 0 002-4z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M7 4h10v3a5 5 0 01-10 0V4zM5 7a4 4 0 104 4H7a4 4 0 01-2-4zm14 0a4 4 0 11-4 4h2a4 4 0 002-4z\"/></svg>');}
.i-team::after      { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 12a3 3 0 110-6 3 3 0 010 6zM2 20a6 6 0 0110-3 6 6 0 0010 3\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 12a3 3 0 110-6 3 3 0 010 6zM2 20a6 6 0 0110-3 6 6 0 0010 3\"/></svg>');}
.i-shield::after    { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 2l8 4v6c0 5-3 8-8 10C7 20 4 17 4 12V6l8-4z\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M12 2l8 4v6c0 5-3 8-8 10C7 20 4 17 4 12V6l8-4z\"/></svg>');}
.i-wallet::after    { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"/></svg>');}
.i-cart::after      { -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M6 6h15l-2 9H8L6 6zm0 0L4 3H2\"/></svg>'); mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\"><path d=\"M6 6h15l-2 9H8L6 6zm0 0L4 3H2\"/></svg>');}

/* Responsive */
@media (max-width: 1024px){ .mlm-grid-4{grid-template-columns:repeat(3,1fr)} .mlm-matrix{grid-template-columns:1fr} .mlm-bullets{grid-template-columns:1fr} }
@media (max-width: 700px){ .mlm-grid-4{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 480px){ .mlm-grid-4{grid-template-columns:1fr} }


/* ===== Minimal tidy overrides ===== */

/* Headings: tighter spacing */
.mlm-sec-head h2,
.mlm-intro-head h2{
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}

/* Intro bullets: two columns, simple green ticks, no glow */
.mlm-bullets{
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px 22px;
}
@media (max-width: 900px){ .mlm-bullets{ grid-template-columns: 1fr; } }
.mlm-bullets li{
  font-weight: 600;
  color: var(--ink);
}
.mlm-bullets .i{
  --size: 18px; width: var(--size); height: var(--size); border-radius: 999px;
  background: var(--glow); border: none; box-shadow: none; margin-top: 3px; position: relative;
}
.mlm-bullets .i::after{
  content: ""; position: absolute; inset: 4px; background: #fff;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/contain no-repeat;
}

/* Remove the big wavy divider */
.mlm-divider{ display:none; }