/* SEO, Social Media, AI & Tự động hóa, Dữ liệu & Phân tích, Tư vấn chiến lược
   (SERVICE_LP_PLAN.md). Loaded after google-ads-lp.css, one-page-lp.css,
   website-lp.css and training-lp.css, whose mocks the pages reuse; every rule
   is scoped to .sv-lp. Mock rules: text 11px or larger, pictures cover their
   frame, no tilt, no platform logos. */
body.sv-lp{--sv:#2f6fd6}
.sv-lp{
.svm{font-family:system-ui,"Segoe UI",Roboto,sans-serif;font-size:12px;line-height:1.4;color:var(--wi);text-align:left}
.svm :is(small,em,i){font-size:11px;font-style:normal}

/* tables, rows, bars */
.svm-tb{display:grid;gap:2px;min-width:0}
.svm-tr{display:grid;grid-template-columns:var(--c);gap:6px;align-items:center;padding:6px 8px;border-radius:8px;
& i,& b{min-width:0;overflow-wrap:anywhere;font-size:11.5px;font-style:normal}& b{font-size:12px}
&.is-head i{font-size:11px;color:var(--ws);text-transform:uppercase;letter-spacing:.3px}
&.is-hi{background:#eef6ff;box-shadow:inset 0 0 0 1px #b8d4f5}& code{font:11.5px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}& .wsm-chip{white-space:normal}}
.svm-tb.is-mx .svm-tr>i:not(:first-child){display:grid;place-items:center;text-align:center}
.svm-yes{width:20px;height:20px;border-radius:50%;background:#e2f5ea;color:var(--wg);display:grid;place-items:center;& .ico{width:12px;height:12px}}
.svm-half{width:20px;height:20px;border-radius:50%;background:linear-gradient(90deg,#f2c26b 50%,#fff3dc 50%);box-shadow:inset 0 0 0 1px #f2c26b}
.svm-no{width:12px;height:2px;border-radius:2px;background:var(--wl)}
.svm-bt{width:96px}.svm-bn{width:54px}
.svm-sub{display:block;font-size:11px;color:var(--ws);letter-spacing:.3px}
.svm-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:end;height:136px;
& span{display:grid;grid-template-rows:auto 1fr auto;gap:3px;height:100%;text-align:center;color:var(--ws)}& em{font-size:11px;font-weight:600;color:var(--wi)}
& i{align-self:end;height:var(--h);border-radius:4px 4px 0 0;background:#9bcaff}& .is-on i{background:var(--sv)}& small{font-size:11px}}
.svm-lines{width:100%;height:110px;border-radius:8px;background:var(--wf);& .g{stroke:#dfe4ea;stroke-width:1}
& path{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}& .l0{stroke:#6aa7ff}& .l1{stroke:#e0894b}& .l2{stroke:#58b98a}}
.svm-xl{display:flex;justify-content:space-between;font-size:11px;color:var(--ws);& span{font-size:11px}}
.svm-lg{display:flex;flex-wrap:wrap;gap:4px 14px;& span{display:flex;align-items:center;gap:5px;font-size:11px}
& i{width:14px;height:3px;border-radius:2px;background:#6aa7ff}& i.l1{background:#e0894b}& i.l2{background:#58b98a}}
.svm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.svm-tile{display:grid;gap:2px;padding:10px;border-radius:10px;background:var(--wf);& small{font-size:11px;color:var(--ws)}& b{font-size:19px}& em{font-size:11px;color:var(--wg)}
&.is-bad em{color:var(--wr)}&.is-warn em{color:var(--wa)}&.is-n em{color:var(--ws)}}
.svm-sc{display:flex;gap:14px;align-items:center;& >div{display:grid;flex:1;gap:3px}& strong{font-size:13px}}
.svm-ring{position:relative;flex:none;display:grid;place-items:center;width:86px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--sv) calc(var(--p)*1%),var(--wf) 0);
& b{display:grid;place-items:center;width:70%;aspect-ratio:1;border-radius:50%;background:#fff;font-size:20px}}
.svm-part{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed var(--wl);& i{font-size:11.5px}& em{font-size:11.5px;font-weight:600}
&.is-ok em{color:var(--wg)}&.is-warn em{color:var(--wa)}&.is-bad em{color:var(--wr)}}

/* boards, structures */
.svm-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.svm-col{display:grid;align-content:start;gap:5px;padding:7px;border-radius:10px;background:var(--wf);& >b{display:flex;justify-content:space-between;font-size:11.5px}& >b em{font-weight:400;color:var(--ws)}
&.is-on{box-shadow:0 0 0 2px var(--sv)}}
.svm-card{display:grid;gap:2px;padding:6px 8px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--wl);font-size:11.5px;line-height:1.35;
& small{color:var(--ws);font-size:11px}&.is-ok{box-shadow:inset 3px 0 0 var(--wg),inset 0 0 0 1px var(--wl)}&.is-warn{box-shadow:inset 3px 0 0 #e0a100,inset 0 0 0 1px var(--wl)}&.is-bad{box-shadow:inset 3px 0 0 var(--wr),inset 0 0 0 1px var(--wl)}}
.svm-gt{display:grid;gap:3px}
.svm-gr{display:grid;grid-template-columns:104px repeat(var(--w),minmax(0,1fr));gap:2px;align-items:center;padding:3px 4px;border-radius:6px;
& >i{font-size:11.5px;padding-right:4px}& em{text-align:center;font-size:11px;color:var(--ws)}& u{height:12px;border-radius:6px;background:#9bcaff;text-decoration:none}
& u.is-ok{background:#6fcf9f}& u.is-warn{background:#f2c26b}& u.is-bad{background:#ee8b80}&.is-hi{background:#eef6ff}}
.svm-ol{display:grid;gap:5px;padding:12px 14px}
.svm-orow{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center;padding:5px 7px;border-radius:7px;background:var(--wf);
& code{padding:1px 5px;border-radius:5px;background:#192151;color:#fff;font:600 11px ui-monospace,Consolas,monospace;text-align:center}& i{font-size:11.5px;line-height:1.35}
&.is-h1 i{font-size:14px;font-weight:700}&.is-h2 i{font-size:12.5px;font-weight:600}&.is-cta{background:#eef6ff}&.is-schema code,&.is-meta code{background:#7a4ab5}&.is-faq{background:#fff8ea}&.is-hi{box-shadow:0 0 0 2px var(--sv)}}
.svm-cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px}
.svm-cd{display:grid;align-content:start;gap:3px;padding:10px;border-radius:10px;background:var(--wf);& b{font-size:12.5px}& small{font-size:11px;line-height:1.4;color:var(--ws)}& .wsm-chip{justify-self:start;margin-top:2px}
&.is-hi{box-shadow:0 0 0 2px var(--sv)}}
.svm-ci{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--wl);color:var(--sv);& .ico{width:15px;height:15px}}
.svm-vs{display:grid;align-content:start;gap:5px;padding:10px;border-radius:10px;background:var(--wf);& >small{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--ws)}& >b{font-size:12.5px;line-height:1.35}
& ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}& li{display:flex;gap:6px;font-size:11.5px;line-height:1.4}& li .ico{flex:none;width:14px;height:14px;margin-top:1px}
&.is-bad{background:#fff5f3}&.is-bad li .ico{color:var(--wr)}&.is-ok{background:#f1faf6}&.is-ok li .ico{color:var(--wg)}}
.svm-in{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;& >span:nth-child(2){display:grid;min-width:0}& b{font-size:12px}& em{font-size:11.5px;color:var(--ws);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
&.is-hi{background:#eef6ff;box-shadow:inset 0 0 0 1px #b8d4f5}}
.svm-inr{display:grid;justify-items:end;gap:2px;& small{color:var(--ws)}}
.svm-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dfe9fb;color:#2b4f93;font-size:12px;font-weight:700}

/* search page */
.svm-serp{display:grid;gap:8px;padding:12px 14px}
.svm-sq{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--wl),0 1px 3px #0001;font-size:12.5px;& .ico{width:15px;height:15px;color:var(--ws)}}
.svm-tabs{display:flex;gap:14px;border-bottom:1px solid var(--wl);& i{padding:4px 0;font-size:11.5px;color:var(--ws)}& .is-on{color:var(--sv);box-shadow:inset 0 -2px var(--sv)}}
.svm-sbody{display:grid;gap:10px;&.has-aside{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.svm-slist{display:grid;gap:4px}
.svm-res{display:grid;gap:2px;padding:7px 9px;border-radius:8px;& >b{font-size:13.5px;font-weight:600;line-height:1.3;color:#1a4fb5}& p{margin:0;font-size:12px;line-height:1.45;color:#465073}& p em{color:var(--ws)}
&.is-hi{background:#eef6ff;box-shadow:inset 0 0 0 1px #b8d4f5}}
.svm-host{display:flex;align-items:center;gap:6px;& em{font-size:11px;color:var(--ws)}& .mk-fav,& svg{width:16px;height:16px}}
.svm-gdot{width:14px;height:14px;border-radius:50%;background:#d6dbe3}
.svm-rate{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ws);& .ico{width:12px;height:12px;color:#e0a100}}
.svm-sl{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;& i{font-size:11.5px;color:#1a4fb5}}
.svm-faq{display:grid;gap:3px;& i{display:flex;align-items:center;gap:6px;padding:3px 0;border-top:1px solid var(--wl);font-size:11.5px}& .ico{width:12px;height:12px;color:var(--ws)}}
.svm-aside{display:grid;align-content:start;gap:5px;padding:9px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--wl);font-size:11.5px}
.svm-mapw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px}
.svm-map{position:relative;min-height:170px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,transparent 48%,#fff 48% 52%,transparent 52%),linear-gradient(0deg,transparent 58%,#fff 58% 62%,transparent 62%),#e5efe3}
.svm-pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50% 50% 50% 0;background:#8a97a8;color:#fff;font-size:11px;font-style:normal;font-weight:700;transform:rotate(-45deg);
&.is-on{background:#e0523f}}
.svm-pl{display:grid;align-content:start;gap:4px}
.svm-pi{display:grid;gap:1px;padding:6px 8px;border-radius:8px;& b{font-size:12px}& em{font-size:11px;color:var(--ws)}&.is-hi{background:#eef6ff;box-shadow:inset 0 0 0 1px #b8d4f5}}
.svm-ans{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#eef3ff,#f6eefc);& p{margin:0;font-size:12.5px;line-height:1.55}}
.svm-src{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--wl);& >i{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#192151;color:#fff;font-size:11px}
& >span{display:grid}& em{font-size:11px;color:var(--ws)}& b{font-size:12px}&.is-hi{box-shadow:inset 0 0 0 2px var(--sv)}}

/* phone screens */
.svm-ph .mk-scr{background:#fff}
.svm-ph.is-dark .mk-scr{background:#111}
.svm-pn{padding:6px 12px 10px}
.svm-chh{display:grid;line-height:1.25;& em{font-size:11px;color:var(--ws)}}
.svm-chat{display:grid;align-content:start;gap:6px;flex:1;padding:10px 10px 4px;background:#f4f6fa}
.svm-bub{max-width:84%;padding:7px 10px;border-radius:14px;font-size:12px;line-height:1.4;& em{display:block;margin-top:3px;font-size:11px;color:var(--ws)}
&.is-u{justify-self:end;border-bottom-right-radius:4px;background:var(--sv);color:#fff}&.is-u em{color:#ffffffcc}&.is-a{justify-self:start;border-bottom-left-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px var(--wl)}}
.svm-qr{display:flex;flex-wrap:wrap;gap:5px;padding:4px 10px;background:#f4f6fa}
.svm-inp{display:flex;align-items:center;justify-content:space-between;margin:6px 10px;padding:7px 12px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--wl);font-size:12px;color:var(--ws);& .ico{width:16px;height:16px;color:var(--sv)}}
.svm-pc{display:grid;gap:6px;padding:8px 0;& >.mk-img{border-radius:0}}
.svm-ph-h{display:flex;align-items:center;gap:8px;padding:0 12px;& span{display:grid;line-height:1.25}& b{font-size:12.5px}& em{font-size:11px;color:var(--ws)}& .mk-fav,& svg{width:28px;height:28px}}
.svm-act{display:flex;gap:12px;padding:0 12px;& .ico{width:20px;height:20px}}
.svm-cap{margin:0;padding:0 12px;font-size:12px;line-height:1.45;& em{color:var(--sv)}}
.svm-st{padding:0 12px;font-size:11px;color:var(--ws)}
.svm-reel{position:relative;flex:1;min-height:360px;& >.mk-img{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}}
.svm-rail{position:absolute;right:8px;bottom:84px;display:grid;gap:12px;color:#fff;& i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0006}& .ico{width:18px;height:18px}}
.svm-rcap{position:absolute;left:12px;right:56px;bottom:44px;display:grid;gap:2px;color:#fff;text-shadow:0 1px 3px #000a;& b{font-size:12.5px}& em{font-size:12px}& small{font-size:11px}}
.svm-beats{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px;& i{flex:1;padding:3px 6px;border-radius:6px;background:#0007;color:#fff;font-size:11px;text-align:center}& .is-on{background:var(--sv)}}
.svm-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff4;& i{display:block;width:38%;height:100%;background:#fff}}
.svm-prof{display:grid;gap:4px;padding:10px 12px;& >b{font-size:12.5px}& >em{font-size:11.5px;color:var(--ws)}}
.svm-pr-h{display:flex;align-items:center;gap:12px;& .mk-fav,& svg{flex:none;width:44px;height:44px}}
.svm-pr-s{display:flex;flex:1;justify-content:space-around;text-align:center;& span{display:grid}& b{font-size:13px}& em{font-size:11px;color:var(--ws)}}
.svm-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:6px;& i{display:block}& .mk-img{border-radius:0}& .is-hi{box-shadow:0 0 0 2px var(--sv)}}
}
@media(max-width:760px){.sv-lp{.svm-tb:not(.is-mx) .svm-tr{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px;&.is-head{display:none}}
.svm-tb:not(.is-mx) .svm-tr>i[data-h]::before{content:attr(data-h);display:block;font-size:11px;color:var(--ws)}
.svm-board{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.svm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.svm-sbody.has-aside,.svm-mapw{grid-template-columns:1fr}
.svm-gr{grid-template-columns:78px repeat(var(--w),minmax(0,1fr))}
.svm-bt{width:76px}}}
@media(max-width:430px){.sv-lp{.svm-cards,.svm-board{grid-template-columns:1fr}.svm-tiles{grid-template-columns:1fr 1fr}}}
.sv-lp small:where(:not(.brand small)){font-size:max(11px,.833em)}
@media(max-width:900px){.sv-lp{.tp-scene{grid-template-columns:minmax(0,1fr)}.tp-main,.tp-scene>*{min-width:0}}}
@media(max-width:760px){.sv-lp .stage{grid-template-columns:minmax(0,1fr)}}
@media(min-width:901px){.sv-lp .tp-c1{left:0;top:52%}}