
[data-recipe=es-phone-vs]{background:linear-gradient(180deg,#F4F7FF,#E3EAFF 55%,#F1E8FF)!important}
.k-pv-lead p{margin-inline:auto!important;text-align:center!important;max-width:46ch}
.k-pv{list-style:none;margin:48px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px;max-width:860px}
.k-pv li{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.k-pv .caps{font-size:15px;letter-spacing:.14em;color:var(--grey)}.k-pv li>b{font-size:28px!important;line-height:1.15;font-weight:500;color:var(--ink)}.k-pv li>span:last-child{max-width:30ch;color:var(--grey);font-size:17px;line-height:1.5}
.k-pv li:last-child .caps{color:#2F6BFF;font-weight:700}
.pv-spin{position:absolute;left:0;right:0;top:230px;text-align:center;color:#6b6f7b;font-size:16px;animation:pvgone 11s infinite both}
.pv-spin i{display:block;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;border:5px solid #D6D8DF;border-top-color:#8A8F9E;animation:pvrot 1s linear infinite}
@keyframes pvrot{to{transform:rotate(360deg)}}@keyframes pvgone{0%,28%{opacity:1}32%,100%{opacity:0}}
.pv-crowd{padding:6px 18px;font-size:10.5px;line-height:1.35;color:#8B8F9B}.pv-crowd h5{margin:6px 0;font-size:12px;letter-spacing:.06em;color:#6b6f7b}.pv-crowd p{margin:0 0 7px}.pv-nav{display:flex;gap:7px;flex-wrap:wrap;font-size:9.5px;color:#9a9eaa;margin-bottom:8px}.pv-nav span{border-bottom:1px solid #dcdee4}
.pv-call{display:inline-block;margin:6px 18px;font-size:11px;padding:5px 10px;border-radius:4px;border:1px solid #b8bcc7;color:#7b7f8c}
.pv-bad{background:#D93A3A;box-shadow:0 14px 30px rgba(217,58,58,.4)}
.k-sr{background:linear-gradient(150deg,#0B1B4A,#1B1F6B 55%,#0D3A7A)!important;color:#fff}
.k-sr .k-head{max-width:760px;margin-inline:auto;text-align:center}.k-sr .k-head .k-p{margin-inline:auto;color:rgba(255,255,255,.85)}
.sr-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:56px}
.sr-row{display:grid;grid-template-columns:130px minmax(0,1fr) 110px;gap:16px;align-items:center;margin-bottom:22px}
.sr-l{font-size:17px;color:rgba(255,255,255,.85)}
.sr-track{position:relative;height:18px;border-radius:9px;background:rgba(255,255,255,.14);overflow:visible}
.sr-bar{position:absolute;left:0;top:0;bottom:0;border-radius:9px;transform-origin:left;transform:scaleX(0);animation:8s infinite both}
.sr-bar.slow{background:linear-gradient(90deg,#F5A623,#E0533D);animation-name:srslow}.sr-bar.fast{background:linear-gradient(90deg,#22C7A9,#20A0FF);animation-name:srfast}
@keyframes srslow{0%{transform:scaleX(0)}86%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes srfast{0%{transform:scaleX(0)}14%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.sr-mark{position:absolute;left:37.5%;top:-8px;bottom:-8px;width:0;border-left:2px dashed rgba(255,255,255,.55)}.sr-mark em{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-style:normal;font-size:12px;letter-spacing:.1em;white-space:nowrap;color:rgba(255,255,255,.8)}
.sr-s{position:relative;display:block;font-size:16px;min-height:22px}.sr-s span{position:absolute;left:0;top:0;white-space:nowrap}
.sr-s .a{color:#FFC36B;animation:sra 8s infinite both}.sr-s .b{color:#7FE3C9;opacity:0;animation:srb 8s infinite both}.sr-s.f .a{display:none}.sr-s.f .b{animation:srbf 8s infinite both}
@keyframes sra{0%,84%{opacity:1}88%,100%{opacity:0}}@keyframes srb{0%,86%{opacity:0}90%,94%{opacity:1}98%,100%{opacity:0}}@keyframes srbf{0%,12%{opacity:0}16%,94%{opacity:1}98%,100%{opacity:0}}
.sr-vis{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:15px;color:rgba(255,255,255,.75)}.sr-vis div{display:flex;gap:8px}
.sr-vis b{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#9DB9FF,#fff);animation:srdot 8s infinite both}
.sr-vis b:nth-child(-n+5){animation-name:srleave}.sr-vis b:nth-child(1){animation-delay:0s}.sr-vis b:nth-child(2){animation-delay:.12s}.sr-vis b:nth-child(3){animation-delay:.24s}.sr-vis b:nth-child(4){animation-delay:.36s}.sr-vis b:nth-child(5){animation-delay:.48s}
@keyframes srleave{0%,36%{opacity:1;transform:none}44%,92%{opacity:.14;transform:translateY(8px) scale(.75)}100%{opacity:1;transform:none}}@keyframes srdot{0%,100%{opacity:1}}
.sr-stat{display:flex;flex-direction:column;gap:12px}.sr-stat .num{font-size:clamp(88px,11vw,170px)!important;line-height:.9!important;font-weight:500;background:linear-gradient(180deg,#fff,#9DB9FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-stat>span{font-size:21px;line-height:1.4;color:rgba(255,255,255,.92);max-width:26ch}.sr-stat sup a{color:#fff!important}.sr-stat .k-fix{font-size:18px;line-height:1.45;font-style:normal;color:#9DE8D4;max-width:34ch}
[data-recipe=es-treatment-build]{background:radial-gradient(ellipse 55% 60% at 85% 20%,rgba(122,79,224,.16),transparent 70%),radial-gradient(ellipse 50% 55% at 10% 90%,rgba(32,160,255,.16),transparent 70%),#fff!important}
.tb-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.tb-q{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}.tb-q li{display:flex;gap:14px;align-items:center;font-size:21px;color:var(--ink)}
.tb-t{flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2F6BFF,#7A4FE0);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:700}
.tb-hd{background:linear-gradient(160deg,#147bd1,#0a5aa6);color:#fff;margin:0;padding:14px 18px 16px}.tb-hd h3{color:#fff!important;margin:4px 0 0}.tb-b{margin:10px 18px 0;padding:11px 14px;border-radius:14px;background:#e5eff7}.tb-b b{display:block;font-size:16px;color:#0a5aa6;margin-bottom:4px}.tb-b span{display:block;font-size:13.5px;line-height:1.4;color:#11283B}
.k-lpath{background:linear-gradient(180deg,#fff,#F3F0FF 60%,#EAF6F6)!important}
.k-lpath .k-head{max-width:760px;margin-inline:auto;text-align:center}.k-lpath .k-head .k-p{margin-inline:auto}
.lp{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.lp::before{content:"";position:absolute;left:8%;right:8%;top:29px;height:4px;border-radius:2px;background:linear-gradient(90deg,#2F6BFF,#7A4FE0,#0E9F85,#F59E0B);transform-origin:left;transform:scaleX(0)}
.in.k-lpath .lp::before,html:not(.js) .lp::before{animation:lpdraw 1.6s ease .2s forwards}@keyframes lpdraw{to{transform:scaleX(1)}}
.lp-c{position:relative;border-radius:22px;padding:30px 22px 24px;background:linear-gradient(160deg,var(--g1),var(--g2));box-shadow:0 14px 30px -18px var(--sh);display:flex;flex-direction:column;gap:10px;transition:opacity .6s ease,transform .6s ease}
.js .k-lpath:not(.in) .lp-c{opacity:0;transform:translateY(18px)}.lp-c:nth-child(2){transition-delay:.2s}.lp-c:nth-child(3){transition-delay:.4s}.lp-c:nth-child(4){transition-delay:.6s}
.lp-n{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 18px -6px var(--sh);margin:-59px 0 6px;position:relative}
.lp-c h3{margin:0;font-size:26px}.lp-c p{margin:0;font-size:16px;line-height:1.45;color:#2d3140}.lp-c ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.lp-c li{font-size:15px;font-weight:600;color:var(--c1);display:flex;gap:8px}.lp-c li::before{content:"✓"}
.lp-c.c1{--g1:#EAF1FF;--g2:#D3E2FF;--c1:#2F6BFF;--c2:#20A0FF;--sh:rgba(47,107,255,.5)}.lp-c.c2{--g1:#F1EBFF;--g2:#E0D4FF;--c1:#7A4FE0;--c2:#B05CF0;--sh:rgba(122,79,224,.5)}.lp-c.c3{--g1:#E6F8F3;--g2:#C9EFE4;--c1:#0E9F85;--c2:#22C7A9;--sh:rgba(14,159,133,.5)}.lp-c.c4{--g1:#FFF4E0;--g2:#FFE2B3;--c1:#D98200;--c2:#F5A623;--sh:rgba(217,130,0,.5)}
.lp-c:hover{transform:translateY(-4px)}
.k-csb-in .num{font-size:clamp(72px,9vw,140px)!important;line-height:1!important}
@media(max-width:900px){.k-pv{grid-template-columns:1fr}.sr-grid,.tb-grid{grid-template-columns:1fr;gap:36px}.sr-row{grid-template-columns:72px minmax(0,1fr) 96px;gap:10px}.sr-l{font-size:15px}.sr-s{font-size:14px!important}.sr-s span{font-size:14px!important}.lp{grid-template-columns:1fr;gap:56px}.lp::before{display:none}}
@media(prefers-reduced-motion:reduce){.pv-spin,.pv-spin i,.sr-bar,.sr-s span,.sr-vis b{animation:none!important}.pv-spin{display:none}.sr-bar{transform:none!important}.sr-s .b{opacity:1!important}.sr-s .a{display:none}.js .k-lpath:not(.in) .lp-c{opacity:1;transform:none}.lp::before{transform:none;animation:none!important}}
