/* MarketingSeoLab Storefront – base: tokens, buttons, section heads, shared bits. Yellow / black / white. */
.msl-scope,.msl-scope *,.msl-scope *::before,.msl-scope *::after{box-sizing:border-box}
.msl-scope{
	--msl-y:#FFD60A;--msl-y-d:#F2BE00;--msl-y-soft:#FFF4BF;--msl-y-tint:#FFFBE3;
	--msl-k:#111;--msl-k2:#1b1b1b;--msl-w:#fff;--msl-mut:#5c5c5c;--msl-line:#ececec;
	--msl-r:16px;--msl-font:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-family:var(--msl-font);color:var(--msl-k);line-height:1.5;-webkit-text-size-adjust:100%;text-align:left
}
.msl-scope[hidden],.msl-scope [hidden]{display:none!important}
.msl-scope h1,.msl-scope h2,.msl-scope h3,.msl-scope h4,.msl-scope p,.msl-scope ul,.msl-scope ol,.msl-scope figure{margin:0;padding:0}
.msl-scope ul,.msl-scope ol{list-style:none}
:where(.msl-scope) a{text-decoration:none;color:inherit}
.msl-scope img{max-width:100%;height:auto;border:0}
.msl-scope button{font-family:inherit}
.msl-scope :focus-visible{outline:3px solid var(--msl-k);outline-offset:2px;border-radius:6px}
.msl-header :focus-visible,.msl-footer :focus-visible,.msl-trust :focus-visible,.msl-mpanel :focus-visible{outline-color:var(--msl-y)}
.msl-i{display:block;flex:none}
html.msl-lock,html.msl-lock body{overflow:hidden}
html.msl-lock{padding-right:var(--msl-sbw,0)}

.msl-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.msl-wrap{padding:0 24px}}
.msl-section{padding:clamp(28px,4.5vw,52px) 0}

/* buttons: all >= 44px tall */
.msl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:2px solid transparent;border-radius:12px;font:700 15px/1.15 var(--msl-font);text-align:center;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
.msl-btn--sm{min-height:44px;padding:0 14px;font-size:14px}
.msl-btn--block{display:flex;width:100%}
.msl-btn--primary{background:var(--msl-y);border-color:var(--msl-y);color:var(--msl-k)}
.msl-btn--primary:hover{background:var(--msl-y-d);border-color:var(--msl-y-d)}
.msl-btn--dark{background:var(--msl-k);border-color:var(--msl-k);color:#fff}
.msl-btn--dark:hover{background:#2b2b2b;border-color:#2b2b2b}
.msl-btn--outline{background:#fff;border-color:var(--msl-y);color:var(--msl-k)}
.msl-btn--outline:hover{background:var(--msl-y-soft)}
.msl-btn--outline-dark{background:var(--msl-y);border-color:var(--msl-k);color:var(--msl-k)}
.msl-btn--outline-dark:hover{background:var(--msl-k);color:#fff}
.msl-btn:disabled,.msl-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.msl-btn[aria-busy="true"]{opacity:.7;pointer-events:none}
.msl-btn.is-added{background:var(--msl-k);border-color:var(--msl-k);color:#fff}
.msl-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.msl-badge{position:absolute;top:1px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--msl-y);color:var(--msl-k);font:800 11px/19px var(--msl-font);text-align:center}

/* section heads */
.msl-head{margin:0 0 24px}
.msl-label{display:inline-block;padding:5px 12px;border:1px solid var(--msl-y-d);border-radius:8px;background:var(--msl-y-soft);color:var(--msl-k);font:800 12px/1.3 var(--msl-font);letter-spacing:.07em;text-transform:uppercase}
.msl-head__title{margin:10px 0 6px;font:800 clamp(26px,3.4vw,36px)/1.15 var(--msl-font);letter-spacing:-.01em;color:var(--msl-k)}
.msl-head__desc{max-width:640px;color:var(--msl-mut);font-size:15px}
.msl-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:24px}
.msl-head-row .msl-head{margin:0}

.msl-stars{--r:0;display:inline-block;font-size:15px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#F5A300 calc(var(--r)/5*100%),#d8d8d8 0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.msl-editor-note{margin:8px;padding:12px 14px;border:1px dashed var(--msl-y-d);border-radius:10px;background:var(--msl-y-tint);font-size:13px}

@media(prefers-reduced-motion:reduce){.msl-scope *,.msl-scope *::before,.msl-scope *::after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}