.site .nmph{display:inline-block;width:110px;height:13px;border-radius:999px;background:currentColor;opacity:.13;vertical-align:middle}
.site .nmt{display:inline}
.cf-morph{position:fixed;z-index:140;background:var(--ink);border-radius:999px;pointer-events:none}
#cfg{position:fixed;inset:0;z-index:130;background:#fff;display:flex;flex-direction:column;font-family:var(--fb)}
#cfg[hidden]{display:none}
.cf-top{flex:none;height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,3vw,28px)}
.cf-brand{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--ink2);min-width:0}
.cf-brand .cb-dot{width:28px;height:28px}
.cf-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-pills{display:flex;gap:6px}
.cf-pills .pp{height:34px;font-size:.8rem;cursor:default}
.cf-pills .pp.done i{background:var(--ink);color:#fff}
.cf-pills .pp span{white-space:nowrap}
@media(max-width:1180px){.cf-pills{gap:4px}.cf-pills .pp{padding:0 4px;width:32px;justify-content:center;gap:0}.cf-pills .pp span{display:none}.cf-pills .pp.cur{width:auto;padding:0 12px 0 4px;gap:8px}.cf-pills .pp.cur span{display:inline}}
.cf-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.cf-form{min-height:0;overflow:auto;padding:clamp(18px,3vw,40px) clamp(18px,4vw,56px) 40px;display:flex;flex-direction:column}
.cf-form-in{width:100%;max-width:520px;margin:0 auto;flex:1;display:flex;flex-direction:column}
.cf-step{display:flex;flex-direction:column;gap:18px}
.cf-step.enter{animation:cfIn .5s var(--e-out) both}
.cf-step.leave{animation:cfOut .22s ease both}
.cf-step.enter.back{animation-name:cfInB}
@keyframes cfIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes cfInB{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes cfOut{to{opacity:0;transform:translateY(-8px)}}
.cf-step h2{font-family:var(--fd);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.06;text-wrap:balance}
.cf-step h2 em{font-style:italic;color:var(--vio)}
.cf-step>p.cf-lead{color:var(--mut);font-size:.95rem;font-weight:300;line-height:1.6}
.cf-tpls{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-tpl{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px 12px 16px;border-radius:30px;background:#fff;box-shadow:0 0 0 1.5px rgba(23,23,26,.1);text-align:left;transition:box-shadow .3s,transform var(--sp-ui-d) var(--sp-ui)}
.cf-tpl:hover{transform:translateY(-3px)}
.cf-tpl[aria-checked="true"]{box-shadow:0 0 0 2.5px var(--ink),0 20px 40px -26px rgba(30,27,75,.5)}
.cf-tpl .thumb{position:relative;height:200px;border-radius:22px;overflow:hidden;background:#f4f2f8}
.cf-tpl .thumb .site{transform:scale(.62);transform-origin:50% 0;width:161%;left:-30.5%;height:161%;padding-top:30px}
.cf-tpl b{font-size:1rem;padding:0 6px}
.cf-tpl span.ds{font-size:.8rem;color:var(--mut);padding:0 6px;line-height:1.45}
.cf-tpl .rd{position:absolute;top:20px;right:20px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.2);display:grid;place-items:center;z-index:3;transition:background .3s}
.cf-tpl[aria-checked="true"] .rd{background:var(--ink);box-shadow:none}
.cf-tpl .rd svg{width:12px;height:12px;transform:scale(0);transition:transform var(--sp-ui-d) var(--sp-ui)}
.cf-tpl[aria-checked="true"] .rd svg{transform:none}
.cf-tpl .free{position:absolute;left:20px;top:20px;z-index:3;height:24px;padding:0 10px;border-radius:999px;background:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
.fld{display:flex;flex-direction:column;gap:7px}
.fld label{font-size:.82rem;font-weight:600;color:var(--ink2)}
.fld label small{font-weight:400;color:var(--mut)}
.fld input,.fld select{height:52px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.13);background:#fff;padding:0 22px;font:inherit;font-size:.95rem;color:var(--ink);transition:box-shadow .25s;appearance:none;-webkit-appearance:none;width:100%}
.fld select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2317171A' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") right 20px center/12px no-repeat}
.fld input:focus,.fld select:focus{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.fld.err input,.fld.err select{box-shadow:inset 0 0 0 2px #c2333b;background:#fff7f7}
.fld .em{display:none;font-size:.78rem;color:#b3262e;padding-left:20px}
.fld.err .em{display:block;animation:tRise .3s var(--e-out)}
.fld.err input{animation:shake .38s ease}
@keyframes shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.row3{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);gap:10px}
.grp{padding:16px;border-radius:30px;background:var(--lav);display:flex;flex-direction:column;gap:12px}
.grp>p{font-size:.8rem;font-weight:700;color:var(--ink)}
.drop{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 18px 8px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.13);cursor:pointer;font-size:.88rem;color:var(--ink2)}
.drop:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.drop .dp{width:48px;height:48px;border-radius:50%;background:var(--lav);display:grid;place-items:center;overflow:hidden;flex:none}
.drop .dp img{width:100%;height:100%;object-fit:cover}
.drop .dp svg{width:20px;height:20px;color:var(--vio)}
.drop input{position:absolute;opacity:0;width:1px;height:1px}
.sws{display:flex;flex-wrap:wrap;gap:10px}
.sws button{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 #fff,0 0 0 0 var(--ink);transition:box-shadow .25s,transform var(--sp-ui-d) var(--sp-ui)}
.sws button:hover{transform:scale(1.08)}
.sws button[aria-checked="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.cf-nav{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:12px}
.cf-nav .btn{flex:1}
.cf-back{height:56px;padding:0 20px;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--ink2);box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.12);display:inline-flex;align-items:center;gap:8px}
.cf-back:hover{box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.3)}
.cf-back svg{width:16px;height:16px}
.btn.loading{pointer-events:none}
.btn.loading .lbl,.btn.loading svg{opacity:0}
.btn .spin{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:10px;z-index:3;font-size:.92rem}
.btn.loading .spin{display:flex}
.btn .spin i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cf-small{font-size:.78rem;color:var(--mut);line-height:1.5}
.cf-lockmsg{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 14px;border-radius:999px;background:var(--lav);font-size:.88rem;line-height:1.4}
.cf-lockmsg i{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.cf-lockmsg i svg{width:18px;height:18px}
.cf-url{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.1);font-size:.9rem;font-weight:600}
.cf-url span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;filter:blur(5px);user-select:none;transition:filter .9s var(--e-out)}
.cf-url.clear span{filter:none;user-select:text}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plan{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.12);text-align:left;transition:box-shadow .25s}
.plan[aria-checked="true"]{box-shadow:inset 0 0 0 2.5px var(--ink)}
.plan b{font-size:.95rem}.plan span{font-size:.8rem;color:var(--mut)}
.plan em{font-style:normal;font-weight:700;font-size:.9rem;color:var(--ink);margin-top:4px}
.cf-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cf-price b{font-family:var(--fd);font-weight:500;font-size:2.6rem;line-height:1}
.cf-price s{color:var(--mut)}
.cf-price span{font-size:.85rem;color:var(--mut)}
.stripe{padding:16px;border-radius:30px;background:var(--lav);display:flex;flex-direction:column;gap:10px;position:relative}
.stripe .sl{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:700;color:var(--ink2)}
.stripe .sl span:last-child{font-weight:500;color:var(--mut)}
.trust{display:flex;gap:14px;align-items:center;padding:12px 18px 12px 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--ln)}
.trust .ta{width:48px;height:48px;border-radius:50%;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;font:500 16px/1 var(--fd);overflow:hidden;flex:none}
.trust .ta img{width:100%;height:100%;object-fit:cover}
.trust p{font-size:.84rem;line-height:1.4}
.trust p q{font-family:var(--fd);font-style:italic;font-size:1rem;display:block}
.trust p b{font-weight:700}
.cf-done-ic{width:64px;height:64px;border-radius:50%;background:var(--ink);display:grid;place-items:center;animation:tPop .6s var(--sp-over) both}
.cf-done-ic svg{width:28px;height:28px}
.cf-acts{display:flex;flex-wrap:wrap;gap:10px}
.cf-acts .btn{flex:1 1 200px}
.cf-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 20px;border-radius:30px;background:#fff7e6;font-size:.86rem;animation:tRise .4s var(--e-out)}
.cf-resume div{display:flex;gap:8px}
.cf-resume button{height:40px;padding:0 16px;border-radius:999px;font-weight:600;font-size:.82rem;background:#fff;box-shadow:inset 0 0 0 1px rgba(23,23,26,.12)}
.cf-resume button.k{background:var(--ink);color:#fff;box-shadow:none}
.cf-prev{position:relative;min-height:0;margin:0 clamp(10px,1.6vw,20px) clamp(10px,1.6vw,20px) 0;border-radius:44px;background:var(--lav);display:grid;place-items:center;overflow:hidden}
.cf-prev::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.55);left:50%;top:50%;margin:-260px 0 0 -260px;animation:orb 10s ease-in-out infinite}
.cf-prev .phone{width:clamp(220px,20vw,280px);animation:floatP 6s ease-in-out infinite}
.cf-prev .ph-scr{background:#fff}
.cf-prev .site{transition:filter .9s var(--e-out),background .6s,color .6s}
.cf-prev.blur .site{filter:blur(12px)}
.cf-prev .lockov{position:absolute;inset:0;z-index:7;display:grid;place-items:center;opacity:0;transition:opacity .4s;pointer-events:none}
.cf-prev.blur .lockov{opacity:1}
.cf-prev .lockov i{width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);animation:ldBreath 3s ease-in-out infinite}
.cf-prev .lockov i svg{width:26px;height:26px}
.cf-prev .ex{position:absolute;top:22px;left:22px;z-index:3}
.cf-prev .pv-l{display:none;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;font-size:.78rem;color:var(--mut);white-space:nowrap}
.cf-quit{position:absolute;inset:0;z-index:20;background:rgba(23,23,26,.35);display:flex;align-items:flex-end;justify-content:center;padding:14px;animation:fadeIn .25s both}
.cf-quit>div{width:min(460px,100%);background:#fff;border-radius:36px;padding:26px;display:flex;flex-direction:column;gap:12px;animation:tUp .5s var(--sp-box) both}
.cf-quit h3{font-family:var(--fd);font-weight:500;font-size:1.7rem;line-height:1.1}
.cf-quit p{font-size:.9rem;color:var(--mut)}
.cf-quit .btn{width:100%}
@media(min-width:760px){.cf-quit{align-items:center}}
@media(max-width:900px){
.cf-main{display:flex;flex-direction:column;overflow:auto}
.cf-form{overflow:visible;padding-top:18px}
.cf-prev{order:-1;flex:none;height:300px;margin:0 12px;border-radius:36px}
.cf-prev .phone{width:128px;border-radius:26px;padding:5px}
.cf-prev .ph-scr{border-radius:22px}
.cf-prev .ph-scr::after{width:40px;height:12px;margin-left:-20px;top:6px}
.cf-prev .site{transform:scale(.56);transform-origin:0 0;width:178.6%;height:178.6%}
.cf-prev .pv-l{display:none}
.cf-pills{gap:4px}.cf-pills .pp{padding:0 4px;width:32px;justify-content:center;gap:0}
.cf-pills .pp span{display:none}
.cf-pills .pp.cur{width:auto;padding:0 12px 0 4px;gap:8px}.cf-pills .pp.cur span{display:inline}
.cf-brand span{display:none}
.cf-tpls{grid-template-columns:1fr 1fr;gap:10px}.cf-tpl .thumb{height:150px}
.row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.row3 .fld:first-child{grid-column:span 2}
.cf-nav{position:sticky;bottom:0;background:linear-gradient(transparent,#fff 30%);padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){.row2{grid-template-columns:minmax(0,1fr)}.plans{grid-template-columns:minmax(0,1fr)}.cf-tpl span.ds{display:none}}

[tabindex="-1"]:focus{outline:none}
.cf-bar{flex:none;height:3px;margin:0 clamp(14px,3vw,28px);border-radius:999px;background:var(--lav2);overflow:hidden}
.cf-bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:inherit;transition:width .7s var(--e-out)}
.cf-num{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:-8px}
.cf-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.cf-gal .g{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--lav)}
.cf-gal .g img{width:100%;height:100%;object-fit:cover}
.cf-gal .g button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center}
.cf-gal .g button svg{width:11px;height:11px}
.cf-gal .add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--ln);color:var(--acc);font-size:.76rem;font-weight:600}
.cf-gal .add svg{width:16px;height:16px}
.cf-gal .add input{position:absolute;opacity:0;width:1px;height:1px}
.sw-own{position:relative;width:44px;height:44px;border-radius:50%;background:conic-gradient(#e85d75,#f2b84b,#5cc48b,#4c8df6,#a66cf0,#e85d75);cursor:pointer;box-shadow:inset 0 0 0 3px #fff}
.sw-own input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cf-seg{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--lav);align-self:flex-start}
.cf-seg button{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--ink2);transition:background .3s,color .3s,box-shadow .3s}
.cf-seg button i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(23,23,26,.15)}
.cf-seg button[aria-checked="true"]{background:#fff;color:var(--ink);box-shadow:0 6px 14px -8px rgba(23,23,26,.35)}
.cf-seg.big{align-self:stretch}.cf-seg.big button{flex:1;justify-content:center;height:48px}
.cf-exl{list-style:none;display:flex;flex-direction:column;gap:8px}
.cf-exl li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(23,23,26,.09);font-size:.9rem}
.cf-exl span{color:var(--mut);font-size:.82rem}.cf-exl em{font-style:normal;font-weight:700}
.cf-svcs{display:flex;flex-direction:column;gap:10px}
.svc-h{display:flex;align-items:center;justify-content:space-between}
.svc-x{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center}.svc-x svg{width:12px;height:12px}
.cf-add{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ln);font-weight:600;font-size:.9rem;color:var(--acc)}
.cf-add svg{width:14px;height:14px}
.site.withhero .s-hero{height:30%}
.site.withhero .s-logo{margin-top:-40px;box-shadow:0 0 0 4px var(--s-bg,#fff);position:relative}
.site .s-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}
.site .s-gal i{aspect-ratio:1;border-radius:10px;background:var(--lav2) center/cover no-repeat}
body.cfg-open #edp{display:none}
.site .s-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
