/* Home extras: address check, connection steps, app promo, FAQ. */
body[data-view=admin] .x-section{display:none!important}
.mb small{font-size:14px}
.mb:before{content:'до';font-size:.34em;letter-spacing:0;font-weight:500;color:var(--muted);margin-right:.18em}
.impulse .visual:before{content:'';width:180px;height:180px;right:28px;top:28px;opacity:.85;transform:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23194f60' stroke-width='9' stroke-linecap='round'%3E%3Cpath d='M14 50a66 66 0 0 1 92 0'/%3E%3Cpath d='M30 68a42 42 0 0 1 60 0'/%3E%3Cpath d='M46 86a19 19 0 0 1 28 0'/%3E%3Ccircle cx='60' cy='101' r='5' fill='%23194f60' stroke='none'/%3E%3C/svg%3E")}

.x-section h2{letter-spacing:-1px}
.x-check{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;padding:42px;border-radius:var(--radius-card);background:var(--brand);color:#fff}
.x-check .eyebrow,.x-check h2{color:#fff!important}
.x-check h2{font-size:40px;margin:0 0 14px}
.x-check-copy p{font-size:18px;line-height:1.5;color:#e1f0f3;max-width:460px;margin:0 0 22px}
.x-check-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;color:#e1f0f3}
.x-check-legend li{display:flex;align-items:center;gap:8px}
.x-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.x-on{background:#7ee0a1}.x-soon{background:#ffc067}.x-off{background:#f6d3c0}
.x-check-form{background:var(--panel);color:var(--fg);border-radius:20px;padding:26px}
.x-check-form label{display:block;font-size:14px;color:var(--muted);margin:0 0 8px}
.x-check-form input{width:100%;padding:16px;border:1px solid var(--line);background:#fff;color:var(--fg);font-size:17px}
.x-combo{position:relative;margin-bottom:16px}
.x-combo ul{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #194f6024;max-height:260px;overflow:auto}
.x-combo li{padding:11px 12px;border-radius:10px;cursor:pointer;font-size:16px}
.x-combo li[aria-selected=true],.x-combo li:hover{background:var(--brand-soft)}
.x-combo li small{color:var(--muted);margin-left:6px}
.x-check-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.x-check-row .primary{background:var(--accent);color:#fff;border:0;padding:17px 26px;font-weight:700;font-size:16px}
.x-result{margin-top:18px;padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff;animation:x-pop .35s ease}
.x-result b{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:6px}
.x-result p{margin:0 0 14px;color:var(--muted);line-height:1.5}
.x-result .primary{background:var(--brand);color:#fff;border:0;padding:13px 20px;font-weight:700}
.x-result.is-on{border-color:#7ee0a1;background:#f1fbf4}
.x-result.is-soon{border-color:#ffc067;background:#fff8ec}
.x-demo{font-size:13px;color:var(--muted);margin:14px 0 0}
@keyframes x-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.x-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
.x-steps li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);padding:26px 24px 22px;display:flex;flex-direction:column}
.x-steps li:not(:last-child):after{content:'';position:absolute;top:46px;right:-14px;width:10px;height:10px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg);z-index:1}
.x-step-n{width:44px;height:44px;border-radius:50%;background:var(--orange-soft);color:var(--orange-ink);display:grid;place-items:center;font-weight:800;font-size:19px;margin-bottom:18px}
.x-steps b{font-size:22px;margin-bottom:8px}
.x-steps p{margin:0 0 16px;color:var(--muted);line-height:1.5;font-size:15px;flex:1}
.x-steps small{align-self:flex-start;font-size:13px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:6px 10px;border-radius:20px}

.x-app{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:var(--orange-soft);border-radius:var(--radius-card);padding:48px 48px 0;overflow:hidden}
.x-app-copy{padding-bottom:48px}
.x-app h2{font-size:42px;margin:0 0 12px}
.x-app-copy>p{font-size:18px;color:var(--muted);margin:0 0 24px;line-height:1.5}
.x-app-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.x-app-list li{padding-left:18px;border-left:3px solid var(--accent)}
.x-app-list b{display:block;font-size:17px;margin-bottom:4px}
.x-app-list span{font-size:14px;line-height:1.45;color:var(--muted)}
.x-stores{display:flex;flex-wrap:wrap;gap:10px}
.x-store{display:inline-flex;align-items:center;gap:10px;background:#10282e;color:#fff;border:0;padding:10px 18px 10px 14px;text-align:left;font-size:17px;font-weight:650;line-height:1.1}
.x-store svg{width:26px;height:26px;flex:none}
.x-store small{display:block;font-size:11px;font-weight:400;opacity:.8}
.x-phones{position:relative;height:500px;align-self:end}
.x-phone{position:absolute;margin:0;width:240px;border-radius:36px;padding:8px;background:#10282e;box-shadow:0 30px 60px #194f6040}
.x-phone img{display:block;width:100%;height:auto;border-radius:29px}
.x-phone-front{left:12%;top:20px;z-index:2;transform:rotate(-4deg)}
.x-phone-back{left:48%;top:70px;transform:rotate(6deg);opacity:.96}
.x-badge{position:absolute;z-index:3;background:#fff;color:var(--fg);font-size:14px;font-weight:700;padding:10px 14px;border-radius:14px;box-shadow:0 10px 26px #194f6026}
.x-badge-1{left:0;top:330px}.x-badge-2{right:0;top:30px}

.x-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.x-faq details{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:0 22px}
.x-faq details[open]{border-color:var(--accent)}
.x-faq summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-size:18px;font-weight:650;position:relative}
.x-faq summary::-webkit-details-marker{display:none}
.x-faq summary:after{content:'+';position:absolute;right:0;top:14px;font-size:28px;font-weight:300;color:var(--accent);transition:transform .2s}
.x-faq details[open] summary:after{transform:rotate(45deg)}
.x-faq p{margin:0 0 20px;color:var(--muted);line-height:1.6}
#faq .section-head a{color:var(--brand);font-weight:700}

@media(max-width:1000px){
  .x-steps{grid-template-columns:1fr 1fr}.x-steps li:after{display:none}
  .x-app{grid-template-columns:1fr;padding:32px 28px 0}.x-app-copy{padding-bottom:0}.x-phones{height:440px}
}
@media(max-width:800px){
  .impulse .visual:before{display:none}
  .x-check{grid-template-columns:1fr;gap:22px;padding:26px 20px;border-radius:20px}
  .x-check h2,.x-app h2{font-size:28px}
  .x-check-copy p,.x-app-copy>p{font-size:16px;margin-bottom:14px}
  .x-check-form{padding:18px}
  .x-check-row{grid-template-columns:1fr}
  .x-steps{grid-template-columns:1fr;gap:10px}
  .x-steps li{flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px;gap:0 14px}
  .x-step-n{margin:0;width:38px;height:38px;font-size:17px}
  .x-steps b{margin:0;font-size:19px;flex:1}
  .x-steps p{flex-basis:100%;margin:10px 0 10px}
  .x-app{padding:26px 20px 0;border-radius:20px}
  .x-app-list{grid-template-columns:1fr;gap:14px}
  .x-phones{height:360px;margin:0 -20px}
  .x-phone{width:170px;border-radius:28px;padding:6px}.x-phone img{border-radius:23px}
  .x-phone-front{left:12%}.x-phone-back{left:auto;right:8%;top:50px}
  .x-badge{font-size:12px;padding:8px 10px}.x-badge-1{left:8px;top:200px}.x-badge-2{right:8px;top:8px}
  .x-faq{grid-template-columns:1fr;gap:10px}
  .x-faq summary{font-size:16px;padding:16px 28px 16px 0}
  .x-faq summary:after{top:10px}
}
@media(prefers-reduced-motion:reduce){.x-result{animation:none}}

/* Warm photos from the original site, brighter brand orange, pay button. */
:root,body.impulse,.site.impulse{--accent:#f26a1b!important;--orange-soft:#fde0c8!important}
.impulse .eyebrow,.impulse .hero .eyebrow{color:var(--accent)!important}
.impulse .hero .primary,.plan.featured button[data-plan]{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:0 10px 24px #f26a1b33}
.impulse .hero .primary:hover,.plan.featured button[data-plan]:hover{background:#dc5a0f!important}
.plan.featured{border-color:var(--accent)!important}

.header-actions .pay-entry{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:16px;font-size:14px;font-weight:700;white-space:nowrap;background:var(--orange-soft);color:#b5470b;border:1px solid #f6b98c}
.header-actions .pay-entry svg{width:20px;height:20px;flex-shrink:0}
.header-actions .pay-entry:hover{background:#fbd2b1;transform:translateY(-2px);box-shadow:0 6px 18px #f26a1b22}

.impulse .hero .visual{overflow:hidden;background:#f5a568 url(assets/photos/home-hero.webp) 30% 30%/cover no-repeat!important;transform:none!important}
.impulse .hero .visual:before{content:''!important;position:absolute;inset:0;width:auto!important;height:auto!important;opacity:1!important;transform:none!important;border:0!important;
  background:linear-gradient(to top,#f26a1bf2 0%,#f5a568c4 34%,#f5a56800 62%)!important}
.impulse .hero .visual .speed{z-index:1}
.impulse .hero .visual .speed b,.impulse .hero .visual .speed span{color:#fff!important;text-shadow:0 2px 18px #9b431555}
.impulse .hero .visual .floating{z-index:2}
.x-hero-tag{position:absolute;z-index:2;top:22px;left:22px;background:#ffffffe6;color:var(--fg);font-size:14px;font-weight:700;padding:9px 14px;border-radius:30px;box-shadow:0 8px 20px #194f6022;display:flex;gap:8px;align-items:center}
.x-hero-tag i{width:9px;height:9px;border-radius:50%;background:#2fbf6a}

#plans .plans{padding-top:34px}
.plan[data-home]{overflow:visible}
.x-persona{position:absolute;top:-30px;right:22px;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
.x-persona img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px var(--accent),0 14px 30px #194f6033}
.plan:not(.featured) .x-persona img{box-shadow:0 0 0 3px #f6b98c,0 14px 30px #194f6026}
.x-persona figcaption{font-size:13px;font-weight:700;color:#b5470b;background:var(--orange-soft);padding:6px 11px;border-radius:20px;white-space:nowrap}
.plan[data-home] h3{padding-right:120px}

@media(max-width:800px){
  .header-actions .pay-entry{display:none}
  body .impulse .hero .visual{display:flex!important;min-height:230px!important;margin:6px 0 14px!important;border-radius:22px;align-items:flex-end;justify-content:flex-start;padding:18px}
  .impulse .hero .visual .speed{position:static;text-align:left}
  .impulse .hero .visual .speed b{font-size:64px!important;letter-spacing:-3px!important}
  .impulse .hero .visual .speed span{font-size:12px}
  .impulse .hero .visual .floating{display:none}
  .x-hero-tag{top:14px;left:14px;font-size:12px;padding:7px 11px}
  #plans .plans{padding-top:22px}
  .x-persona{top:-20px;right:14px;gap:6px}
  .x-persona img{width:72px;height:72px;border-width:3px}
  .x-persona figcaption{font-size:12px}
  .plan[data-home] h3{padding-right:96px}
}
.plan.featured .x-persona figcaption{background:#fff;color:#b5470b;box-shadow:0 4px 12px #f26a1b22}
.site.impulse .plan.featured button.compare-add{background:transparent!important;color:var(--brand)!important;border:1px solid var(--brand)!important}
.site.impulse .plan.featured button.compare-add[aria-pressed=true]{background:var(--brand)!important;color:#fff!important}

/* Mid widths: three narrow cards — the badge joins the card flow instead of floating over the title. */
.plan[data-home] .mb{white-space:nowrap}
@media(min-width:801px) and (max-width:1279px){
  #plans .plans{padding-top:0}
  .x-persona{position:static;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 16px}
  .x-persona img{width:54px;height:54px;border-width:3px}
  .x-persona img,.plan:not(.featured) .x-persona img{box-shadow:0 0 0 2px #f6b98c}
  .plan.featured .x-persona img{box-shadow:0 0 0 2px var(--accent)}
  .x-persona figcaption{white-space:normal;line-height:1.25}
  .plan[data-home] h3{padding-right:0}
  .plan[data-home] .mb{font-size:clamp(34px,3.6vw,50px)}
}