.ekh{ position:relative; overflow:hidden; padding:clamp(110px, 9.27vw, 178px) 0 38px; }
.ekh__decor{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ekh__glow{ position:absolute; border-radius:50%; --blur:260px;  }
.ekh__glow--signal{ left:61.5%; top:-38%; width:52%; height:81%; --gc:rgba(233, 80, 6, 0.3); animation:ek-breathe 9s var(--ease-in-out) infinite alternate; }
.ekh__glow--slate{ left:-19.8%; top:47%; width:57%; height:81%; --gc:rgba(52, 81, 99, 0.55); animation:ek-breathe 11s var(--ease-in-out) infinite alternate-reverse; }
@keyframes ek-breathe{ from{ transform:scale(0.92); opacity:0.75; } to{ transform:scale(1.08); opacity:1; } }
.ekh__grid, .ekh__marks{ position:absolute; left:50%; transform:translateX(-50%); width:min(100% - var(--gutter) * 2, var(--container)); display:flex; justify-content:space-between; }
.ekh__grid{ top:0; bottom:0; }
.ekh__grid i{ width:1px; height:100%; background:rgba(187, 205, 218, 0.07); }
.ekh__marks{ top:144px; height:13px; }
.ekh__marks b{ position:relative; width:13px; height:13px; margin-left:-6px; }
.ekh__marks b:nth-child(2){ margin-left:0; }
.ekh__marks b:last-child{ margin-right:-6px; }
.ekh__marks b::before, .ekh__marks b::after{ content:""; position:absolute; background:rgba(187, 205, 218, 0.35); }
.ekh__marks b::before{ left:0; right:0; top:6px; height:1px; }
.ekh__marks b::after{ top:0; bottom:0; left:6px; width:1px; }

.ekh__inner{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) 440px; align-items:start; }
.ekh__crumbs ol{ display:flex; flex-wrap:wrap; gap:10px; font-size:15px; font-weight:500; line-height:20px; color:var(--white); }
.ekh__crumbs li + li::before{ content:"/"; margin-right:10px; color:rgba(187, 205, 218, 0.35); }
.ekh__crumbs a{ color:rgba(187, 205, 218, 0.7); transition:color var(--dur-fast) var(--ease-out); }
.ekh__crumbs a:hover{ color:var(--white); }
.ekh__h1{ margin:30px 0 0 -0.067em; font-size:clamp(50px, 6.25vw, 120px); font-weight:600; line-height:1; letter-spacing:-0.04em; color:var(--white); }
.ekh__mask{ display:block; overflow:hidden; padding:0.1em 0 0.26em; margin:-0.1em 0 -0.26em; }
.ekh__mask > span{ display:inline-block; }
.ekh__intro{ max-width:540px; margin-top:52px; font-size:clamp(17px, 0.3vw + 13px, 19px); line-height:1.55; color:rgba(187, 205, 218, 0.85); }
.ekh__ctas{ display:flex; flex-wrap:wrap; gap:14px; margin-top:clamp(40px, 4.6vw, 88px); }

.ekh__visual{ position:relative; min-height:760px; margin-top:-2px; }
.ekco{
  position:relative; display:flex; flex-direction:column; gap:16px;
  padding:26px 28px 28px; border-radius:28px; background:var(--white); color:var(--ink);
  box-shadow:0 24px 60px rgba(0, 0, 0, 0.35);
}
.ekco.noise::after{ opacity:0.05; }
.ekco__head{ display:flex; align-items:center; justify-content:space-between; }
.ekco__head strong{ font-size:22px; font-weight:600; letter-spacing:-0.02em; line-height:29px; }
.ekco__head .mono{ font-size:12px; color:var(--muted); }
.ekco__steps{ display:flex; gap:8px; }
.ekco__step{ display:inline-flex; align-items:center; gap:6px; height:31px; padding:0 14px; border-radius:99px; border:1px solid rgba(6, 10, 13, 0.12); font-size:13px; font-weight:500; color:var(--muted); }
.ekco__step.is-done{ padding-left:12px; border-color:transparent; background:rgba(6, 10, 13, 0.06); color:var(--ink); }
.ekco__step.is-done svg{ width:14px; height:14px; stroke-width:1.5; }
.ekco__step.is-active{ border-color:transparent; background:var(--signal); color:var(--white); font-weight:600; }
.ekco__product{ display:flex; align-items:center; gap:14px; }
.ekco__thumb{ display:grid; place-items:center; width:56px; height:56px; flex:none; border-radius:14px; background:var(--paper); }
.ekco__thumb svg{ width:28px; height:28px; stroke-width:1.9; }
.ekco__pname{ flex:1; display:grid; gap:3px; }
.ekco__pname b{ font-size:15px; font-weight:500; line-height:20px; }
.ekco__pname small{ font-size:13px; color:var(--muted); }
.ekco__pprice{ font-size:15px; font-weight:600; white-space:nowrap; }
.ekco__sep{ display:block; height:1px; background:rgba(6, 10, 13, 0.08); }
.ekco__label{ font-size:13px; font-weight:500; line-height:17px; color:var(--muted); }
.ekco__opts{ display:grid; gap:8px; }
.ekco__opt{
  position:relative; display:flex; align-items:center; gap:12px; min-height:48px; padding:13px 16px 13px 14px;
  border-radius:14px; border:1px solid rgba(6, 10, 13, 0.1);
  transition:border-color 260ms var(--ease-out), background-color 260ms var(--ease-out), box-shadow 260ms var(--ease-out);
}
.ekco__opt:first-child{ min-height:64px; }
.ekco__opt.is-sel{ border-color:var(--signal); background:rgba(233, 80, 6, 0.05); box-shadow:inset 0 0 0 0.5px var(--signal); }
.ekco__radio{ position:relative; width:20px; height:20px; flex:none; border-radius:50%; border:1.5px solid rgba(6, 10, 13, 0.2); transition:border-color 260ms var(--ease-out); }
.ekco__radio::after{ content:""; position:absolute; inset:3.5px; border-radius:50%; background:var(--signal); transform:scale(0); transition:transform 280ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.ekco__opt.is-sel .ekco__radio{ border:2px solid var(--signal); }
.ekco__opt.is-sel .ekco__radio::after{ transform:scale(1); inset:2.5px; }
.ekco__oname{ flex:1; display:grid; gap:3px; }
.ekco__oname b{ font-size:14px; font-weight:500; line-height:18px; transition:font-weight 0s; }
.ekco__opt.is-sel .ekco__oname b{ font-weight:600; }
.ekco__oname small{ font-size:11px; color:var(--muted); }
.ekco__oprice{ font-size:14px; font-weight:500; white-space:nowrap; }
.ekco__banks{ display:flex; flex-wrap:wrap; gap:8px; }
.ekco__bank{ display:inline-flex; align-items:center; height:36px; padding:0 12px; border-radius:10px; border:1px solid rgba(6, 10, 13, 0.12); font-size:12px; font-weight:500; transition:border-color 260ms var(--ease-out), box-shadow 260ms var(--ease-out); }
.ekco__bank.is-sel{ border-color:rgba(6, 10, 13, 0.9); box-shadow:inset 0 0 0 0.5px rgba(6, 10, 13, 0.9); }
.ekco__total{ display:flex; align-items:center; justify-content:space-between; }
.ekco__total span{ font-size:14px; font-weight:500; color:var(--muted); }
.ekco__total strong{ font-size:30px; font-weight:600; line-height:39px; letter-spacing:-0.03em; font-variant-numeric:tabular-nums; }
.ekco__pay{ width:100%; justify-content:space-between; cursor:default; pointer-events:none; }
.ekco__pay [data-ekco-bank]{ display:inline-block; }
.ekfc{
  position:absolute; left:-218px; top:420px; z-index:2; width:230px;
  display:grid; gap:8px; padding:18px 20px 20px; border-radius:20px;
  background:rgba(14, 21, 27, 0.82); border:1px solid rgba(255, 255, 255, 0.1); color:var(--white); box-shadow:0 24px 60px rgba(0, 0, 0, 0.35);
}
.ekfc__label{ font-size:12px; color:rgba(187, 205, 218, 0.6); }
.ekfc__row{ display:flex; align-items:flex-end; gap:10px; }
.ekfc__row strong{ font-size:52px; font-weight:600; line-height:68px; letter-spacing:-0.03em; min-width:34px; }
.ekfc__row > span{ margin-bottom:6px; font-size:14px; line-height:1.25; color:rgba(187, 205, 218, 0.85); }
.ekfc__note{ font-size:12px; color:rgba(255, 255, 255, 0.8); }
.eknt{
  position:absolute; left:200px; top:690px; z-index:2; width:292px;
  display:flex; align-items:center; gap:12px; padding:14px 22px 14px 14px; border-radius:18px;
  background:var(--white); color:var(--ink); box-shadow:0 24px 60px rgba(0, 0, 0, 0.35);
}
.eknt__icon{ display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:50%; background:rgba(233, 80, 6, 0.12); color:var(--signal); }
.eknt__icon svg{ width:20px; height:20px; stroke-width:1.5; }
.eknt__text{ display:grid; gap:4px; min-width:0; }
.eknt__text strong{ font-size:15px; font-weight:500; line-height:20px; }
.eknt__text small{ font-size:12px; color:var(--muted); white-space:nowrap; }
.eknt.is-ping .eknt__icon{ animation:ek-ping 900ms var(--ease-out); }
@keyframes ek-ping{ 0%{ box-shadow:0 0 0 0 rgba(233, 80, 6, 0.45); } 100%{ box-shadow:0 0 0 14px rgba(233, 80, 6, 0); } }

.ekh__facts{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(4, 1fr); column-gap:24px; margin-top:24px; padding-top:35px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.ekh__facts li{ display:grid; align-content:start; gap:8px; max-width:300px; }
.ekh__facts span{ font-size:14px; font-weight:500; line-height:18px; color:rgba(187, 205, 218, 0.6); }
.ekh__facts strong{ font-size:18px; font-weight:500; line-height:1.4; color:var(--white); }
@media (min-width: 1025px){
  .ekpl .sec-head__label, .ekpk .sec-head__label, .ekb .sec-head__label, .ekr .sec-head__label, .ekc .sec-head__label{ padding-top:24px; }
}
.ekpl{ padding-bottom:clamp(56px, 7.8vw, 150px); }
.ekpl .sec-head .h2{ --hw:16.4em; }
.ekpl__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:stretch; }
.ekpl__card{ display:flex; flex-direction:column; gap:22px; padding:36px; border-radius:28px; background:var(--white); transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.ekpl__card.noise::after{ opacity:0.05; }
.ekpl__head{ display:flex; align-items:center; justify-content:space-between; gap:8px 12px; flex-wrap:wrap; min-height:44px; }
.ekpl__name{ font-size:clamp(28px, 0.6vw + 22px, 34px); font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.ekpl__badge{ display:inline-flex; align-items:center; height:29px; padding:0 12px; border-radius:99px; border:1px solid rgba(6, 10, 13, 0.15); font-size:13px; font-weight:500; white-space:nowrap; }
.ekpl__badge.is-hot{ background:var(--signal); border-color:var(--signal); color:var(--white); }
.ekpl__meta{ font-size:13px; color:var(--muted); }
.ekpl__fit{ display:grid; gap:8px; }
.ekpl__fit > span{ font-size:14px; font-weight:500; color:var(--signal-text); }
.ekpl__fit p{ font-size:17px; line-height:1.5; color:rgba(6, 10, 13, 0.8); }
.ekpl__rows{ margin:0; }
.ekpl__row{ position:relative; display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:14px 0; font-size:15px; line-height:20px; }
.ekpl__row::before{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background:rgba(6, 10, 13, 0.08); transform-origin:left; }
.ekpl__row dt{ color:var(--muted); }
.ekpl__row dd{ margin:0; font-weight:500; text-align:right; }
.ekpl__ribbon{ margin-top:48px; }
.bg-paper .ribbon__link, .bg-white .ribbon__link{ color:var(--signal-text); }
.ribbon__icon .eki{ width:22px; height:22px; stroke-width:1.6; }
html.js:not(.reduced) .ekpl__row::before{ transform:scaleX(0); transition:transform 800ms var(--ease-out) var(--d, 0s); }
html.js:not(.reduced) .ekpl__row > *{ opacity:0; transform:translateX(-10px); transition:opacity 500ms var(--ease-out) calc(var(--d, 0s) + 120ms), transform 600ms var(--ease-out) calc(var(--d, 0s) + 120ms); }
html.js:not(.reduced) .is-drawn .ekpl__row::before, html.js:not(.reduced) .is-drawn .ekpl__row > *{ transform:none; opacity:1; }
@media (hover: hover) and (pointer: fine){
  .ekpl__card:hover{ transform:var(--lift); box-shadow:0 30px 60px rgba(6, 10, 13, 0.08); }
}
.ekpk{ overflow:hidden; padding-bottom:clamp(56px, 6.3vw, 121px); }
.ekpk__glow{ position:absolute; border-radius:50%; --blur:260px; pointer-events:none; z-index:0; }
.ekpk__glow--a{ left:65%; top:47.6%; width:47%; height:44%; --gc:rgba(233, 80, 6, 0.22); }
.ekpk__glow--b{ left:-15.6%; top:-12.5%; width:47%; height:44%; --gc:rgba(52, 81, 99, 0.6); }
.ekpk .h2{ color:var(--white); }
.ekpk .sec-head, .ekb .sec-head, .ekr .sec-head{ margin-bottom:clamp(32px, 8.75vw, 168px); }
.ekpk .sec-head__main, .ekb .sec-head__main, .ekr .sec-head__main{ align-items:flex-start; }
.ekpk .sec-head .h2, .ekr .sec-head .h2{ --hw:12.34em; }
.ekpk .sec-head__aside, .ekb .sec-head__aside, .ekr .sec-head__aside{ max-width:360px; margin-top:14px; font-size:17px; line-height:1.55; }
.ekpk__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:stretch; }
.ekpk__card{ height:100%; }
.ekpk__card .check-list{ max-width:392px; }
.ekpk__card .check-list li:first-child{ font-weight:500; }
.ekpk__card .price-card__desc{ max-width:400px; }
.ekpk__card .price-card__price strong{ font-variant-numeric:tabular-nums; }
.ekpk__btn.btn--secondary{ --h:54px; --icon:40px; --pl:22px; --bg:rgba(255, 255, 255, 0.08); --bd:rgba(255, 255, 255, 0.16); --ic-bg:var(--signal); --ic-fg:var(--white); gap:14px; padding:6px 6px 6px var(--pl); }
.ekpk__btn.btn--secondary:hover{ --bg:rgba(255, 255, 255, 0.12); --bd:rgba(255, 255, 255, 0.3); }
.ekpk__btn.btn--primary{ --icon:40px; --pl:22px; gap:14px; padding:6px 6px 6px var(--pl); }
.ekpk__btn .btn__icon svg{ width:18px; height:18px; }
.ekpk__foot{ display:grid; gap:26px; margin-top:auto; }
.ekpk__time{ display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ekpk__time span{ font-size:14px; font-weight:500; color:rgba(255, 255, 255, 0.55); }
.ekpk__time strong{ font-size:15px; font-weight:500; color:var(--white); white-space:nowrap; }
.price-card--featured .ekpk__time span{ color:rgba(6, 10, 13, 0.55); }
.price-card--featured .ekpk__time strong{ color:var(--ink); }
.ekpk__ribbon{ margin-top:48px; color:var(--white); }
.ekpk__note{ margin-top:28px; font-size:16px; color:rgba(187, 205, 218, 0.7); }
.ekb{ padding-bottom:clamp(56px, 7.1vw, 136px); }
.ekb .sec-head{ margin-bottom:clamp(32px, 6.6vw, 128px); }
.ekb .sec-head .h2{ --hw:12.67em; }
.ekb .sec-head__aside{ color:var(--muted); }
.ekb__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.ekb__tile{ display:flex; flex-direction:column; min-height:290px; padding:32px; border-radius:28px; background:var(--paper); transition:transform var(--dur-slow) var(--ease-out), background-color var(--dur-slow) var(--ease-out); }
.ekb__tile.noise::after{ opacity:0.05; }
.ekb__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ekb__icon{ display:grid; place-items:center; width:56px; height:56px; flex:none; border-radius:50%; background:var(--white); color:var(--signal); transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out); }
.ekb__icon svg{ width:24px; height:24px; overflow:visible; }
.ekb__chip{ display:inline-flex; align-items:center; height:30px; padding:0 10px; border-radius:99px; border:1px solid rgba(6, 10, 13, 0.12); font-size:12px; color:rgba(6, 10, 13, 0.75); white-space:nowrap; }
.ekb__title{ margin-top:52px; font-size:clamp(21px, 0.5vw + 16px, 26px); font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.ekb__text{ margin-top:10px; max-width:410px; font-size:16px; line-height:1.5; color:var(--muted); }
.eki-needle{ transform-origin:12px 18px; transform-box:view-box; }
.eki-bar{ transform-origin:50% 100%; transform-box:fill-box; }
.eki-arrow{ transform-box:fill-box; }
.eki-steam{ animation:ek-steam 2.4s var(--ease-in-out) infinite; }
@keyframes ek-steam{ 0%, 100%{ opacity:1; transform:translateY(0); } 50%{ opacity:0.45; transform:translateY(-1px); } }
.ekb__tile.is-play .eki-needle{ animation:ek-needle 900ms var(--ease-out); }
.ekb__tile.is-play .eki-phone{ animation:ek-buzz 500ms var(--ease-out); }
.ekb__tile.is-play .eki-shield{ animation:ek-pop 500ms var(--ease-out); }
.ekb__tile.is-play .eki-bar{ animation:ek-grow 700ms var(--ease-out) both; }
.ekb__tile.is-play .eki-bar:nth-child(2){ animation-delay:80ms; }
.ekb__tile.is-play .eki-bar:nth-child(3){ animation-delay:160ms; }
.ekb__tile.is-play .eki-pen{ animation:ek-write 800ms var(--ease-out); }
.ekb__tile.is-play .eki-arrow{ animation:ek-drop 900ms var(--ease-out); }
@media (hover: hover) and (pointer: fine){
  .ekb__tile:hover{ transform:var(--lift); }
  .ekb__tile:hover .ekb__icon{ background:var(--signal); color:var(--white); }
  .ekb__tile:hover .eki-needle{ animation:ek-needle 900ms var(--ease-out); }
  .ekb__tile:hover .eki-phone{ animation:ek-buzz 500ms var(--ease-out); }
  .ekb__tile:hover .eki-shield{ animation:ek-pop 500ms var(--ease-out); }
  .ekb__tile:hover .eki-bar{ animation:ek-grow 700ms var(--ease-out) both; }
  .ekb__tile:hover .eki-bar:nth-child(2){ animation-delay:80ms; }
  .ekb__tile:hover .eki-bar:nth-child(3){ animation-delay:160ms; }
  .ekb__tile:hover .eki-pen{ animation:ek-write 800ms var(--ease-out); }
  .ekb__tile:hover .eki-arrow{ animation:ek-drop 900ms var(--ease-out); }
}
@keyframes ek-needle{ 0%{ transform:rotate(-100deg); } 60%{ transform:rotate(12deg); } 100%{ transform:rotate(0); } }
@keyframes ek-buzz{ 0%, 100%{ transform:rotate(0); } 20%{ transform:rotate(-9deg); } 40%{ transform:rotate(8deg); } 60%{ transform:rotate(-5deg); } 80%{ transform:rotate(3deg); } }
@keyframes ek-pop{ 0%{ transform:scale(1); } 40%{ transform:scale(1.18); } 100%{ transform:scale(1); } }
@keyframes ek-grow{ from{ transform:scaleY(0.2); } to{ transform:scaleY(1); } }
@keyframes ek-write{ 0%{ transform:translate(0, 0) rotate(0); } 30%{ transform:translate(-2px, 1px) rotate(-8deg); } 60%{ transform:translate(2px, -1px) rotate(4deg); } 100%{ transform:none; } }
@keyframes ek-drop{ 0%{ transform:translateY(0); opacity:1; } 45%{ transform:translateY(5px); opacity:0; } 46%{ transform:translateY(-5px); opacity:0; } 100%{ transform:translateY(0); opacity:1; } }
.ekr{ overflow:hidden; padding-bottom:clamp(56px, 8.85vw, 170px); }
.ekr__glow{ position:absolute; border-radius:50%; --blur:250px; pointer-events:none; z-index:0; }
.ekr__glow--a{ left:67.7%; top:56.5%; width:47%; height:56%; --gc:rgba(6, 10, 13, 0.55); }
.ekr__glow--b{ left:-10.4%; top:-24%; width:42%; height:48%; --gc:rgba(187, 205, 218, 0.18); }
.ekr .h2{ color:var(--white); }
.ekr .sec-head{ margin-bottom:clamp(32px, 5.6vw, 108px); }
.ekr .sec-head__aside{ color:rgba(255, 255, 255, 0.8); }
.ekr__list{ display:none; }
.ekr__track{ position:relative; }
.ekr__line{ position:absolute; left:0; right:0; top:338px; height:4px; z-index:0; }
.ekr__line svg{ display:block; width:100%; height:4px; overflow:visible; }
.ekr__line path{ fill:none; stroke:rgba(255, 255, 255, 0.35); stroke-width:1.5; stroke-dasharray:8 8; vector-effect:non-scaling-stroke; }
.ekr__steps{ position:relative; z-index:1; display:flex; justify-content:space-between; gap:24px; }
.ekr__step{ width:270px; flex:none; }
.ekr__label{ display:flex; align-items:center; gap:10px; height:22px; font-size:17px; font-weight:600; color:var(--white); }
.ekr__label .mono, .ekr__list .mono{ font-size:13px; font-weight:500; color:rgba(255, 255, 255, 0.6); }
.ekr__note{ margin-top:30px; font-size:13px; line-height:1.5; color:rgba(255, 255, 255, 0.85); }
.ekph{
  position:relative; width:270px; height:560px; margin-top:38px; padding:8px;
  border-radius:44px; background:var(--ink); border:1px solid rgba(255, 255, 255, 0.16);
  box-shadow:0 30px 60px rgba(0, 0, 0, 0.35);
}
.ekph__screen{
  display:flex; flex-direction:column; gap:14px; height:100%; overflow:hidden;
  padding:14px 16px 18px; border-radius:36px; background:var(--white); color:var(--ink);
  font-size:13px; line-height:1.3;
}
.ekph__bar{ display:flex; align-items:center; justify-content:space-between; height:20px; flex:none; }
.ekph__bar .mono{ font-size:11px; font-weight:500; }
.ekph__bar i{ width:70px; height:20px; border-radius:99px; background:var(--ink); }
.ekph__img{ display:grid; place-items:center; height:200px; flex:none; border-radius:22px; background:var(--paper); }
.ekph__img svg{ width:120px; height:120px; stroke-width:1.4; }
.ekph__cat{ font-size:11px; color:var(--muted); line-height:14px; }
.ekph__h{ font-size:18px; font-weight:600; letter-spacing:-0.02em; line-height:23px; }
.ekph__price{ display:flex; align-items:baseline; gap:8px; }
.ekph__price b{ font-size:24px; font-weight:600; letter-spacing:-0.02em; line-height:31px; }
.ekph__price small{ font-size:12px; color:var(--muted); }
.ekph__ship{ font-size:12px; color:var(--slate); line-height:16px; }
.ekph__btn{ display:grid; place-items:center; height:46px; flex:none; border-radius:99px; background:var(--signal); color:var(--white); font-size:14px; font-weight:600; }
.ekph__title{ font-size:20px; font-weight:600; letter-spacing:-0.02em; line-height:26px; }
.ekph__item{ display:flex; align-items:center; gap:10px; }
.ekph__thumb{ display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:12px; background:var(--paper); }
.ekph__thumb svg{ width:26px; height:26px; stroke-width:1.3; }
.ekph__iname{ flex:1; display:grid; gap:4px; justify-items:start; }
.ekph__iname > b{ font-size:13px; font-weight:500; }
.ekph__qty{ display:inline-flex; align-items:center; gap:10px; height:24px; padding:0 10px; border-radius:99px; border:1px solid rgba(6, 10, 13, 0.15); font-size:12px; }
.ekph__qty i{ font-style:normal; }
.ekph__qty b{ font-weight:600; }
.ekph__iprice{ font-size:13px; font-weight:600; }
.ekph__free{ display:grid; gap:8px; padding:12px; border-radius:14px; background:rgba(233, 80, 6, 0.07); font-size:12px; font-weight:500; }
.ekph__progress{ display:block; height:6px; border-radius:99px; background:rgba(6, 10, 13, 0.08); overflow:hidden; }
.ekph__progress i{ display:block; width:80%; height:100%; border-radius:99px; background:var(--signal); transform-origin:left; }
.ekph__sub{ font-size:12px; font-weight:500; color:var(--muted); line-height:16px; }
.ekph__sugg{ display:flex; align-items:center; justify-content:space-between; padding:10px; border-radius:14px; border:1px solid rgba(6, 10, 13, 0.1); }
.ekph__sugg > span:first-child{ display:grid; gap:3px; }
.ekph__sugg b{ font-size:13px; font-weight:500; }
.ekph__sugg small{ font-size:12px; color:var(--muted); }
.ekph__add{ display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:99px; background:var(--ink); color:var(--white); font-size:12px; font-weight:600; }
.ekph__row{ display:flex; align-items:center; justify-content:space-between; }
.ekph__row span{ font-size:13px; color:var(--muted); }
.ekph__row b{ font-size:16px; font-weight:600; }
.ekph__row--total b{ font-size:22px; letter-spacing:-0.02em; }
.ekph__search{ display:flex; align-items:center; gap:8px; height:39px; padding:0 12px; border-radius:12px; background:var(--paper); }
.ekph__search svg{ width:16px; height:16px; color:#61707d; stroke-width:1.1; }
.ekph__search span::after{ content:""; display:inline-block; width:1px; height:14px; margin-left:1px; vertical-align:-2px; background:var(--ink); animation:dw-blink 1.05s steps(1) infinite; }
.ekph__opts{ display:grid; gap:6px; }
.ekph__opt{ display:flex; align-items:center; gap:8px; height:40px; padding:0 12px 0 10px; border-radius:12px; border:1px solid rgba(6, 10, 13, 0.1); transition:border-color 300ms var(--ease-out), background-color 300ms var(--ease-out); }
.ekph__opt i{ position:relative; width:18px; height:18px; flex:none; border-radius:50%; border:1.3px solid rgba(6, 10, 13, 0.2); }
.ekph__opt i::after{ content:""; position:absolute; inset:2.5px; border-radius:50%; background:var(--signal); transform:scale(0); transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.ekph__opt b{ flex:1; font-size:12px; font-weight:500; }
.ekph__opt small{ font-size:11px; color:var(--muted); }
.ekph__opt.is-sel{ border-color:var(--signal); background:rgba(233, 80, 6, 0.05); }
.ekph__opt.is-sel i{ border:1.8px solid var(--signal); }
.ekph__opt.is-sel i::after{ transform:scale(1); }
.ekph__opt.is-sel b{ font-weight:600; }
.ekph__field{ display:flex; align-items:center; height:41px; padding:0 12px; flex:none; border-radius:12px; border:1px solid rgba(6, 10, 13, 0.12); color:rgba(6, 10, 13, 0.55); }
.ekph__banks{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ekph__banks span{ display:grid; place-items:center; height:46px; border-radius:12px; border:1px solid rgba(6, 10, 13, 0.12); font-size:12px; font-weight:500; }
.ekph__banks .is-sel{ border:1.5px solid rgba(6, 10, 13, 0.9); }
.ekph__agree{ display:flex; align-items:center; gap:8px; font-size:11px; color:var(--muted); line-height:16px; }
.ekph__agree i{ display:grid; place-items:center; width:16px; height:16px; flex:none; border-radius:4px; background:var(--signal); color:var(--white); }
.ekph__agree svg{ width:12px; height:12px; stroke-width:1.4; }
.ekph__invoice{ display:flex; align-items:center; gap:8px; height:36px; padding:0 12px; flex:none; border-radius:12px; background:var(--paper); color:var(--slate); }
.ekph__invoice svg{ width:16px; height:16px; stroke-width:1.1; }
.ekph__invoice .mono{ font-size:10px; }
html.js:not(.reduced) .ekr__step{ opacity:0; transform:translateY(40px); transition:opacity 700ms var(--ease-out), transform 900ms var(--ease-out); }
html.js:not(.reduced) .ekr__step.is-in{ opacity:1; transform:none; }
html.js:not(.reduced) .ekr__step .ekr__note{ opacity:0; transition:opacity 600ms var(--ease-out) 350ms; }
html.js:not(.reduced) .ekr__step.is-in .ekr__note{ opacity:1; }
html.js:not(.reduced) .ekph__progress i{ transform:scaleX(0.05); transition:transform 1.4s var(--ease-out) 500ms; }
html.js:not(.reduced) .ekr__step.is-in .ekph__progress i{ transform:none; }
html.js:not(.reduced) .ekph--3 .ekph__opt.is-sel{ border-color:rgba(6, 10, 13, 0.1); background:transparent; transition-delay:700ms; }
html.js:not(.reduced) .ekph--3 .ekph__opt.is-sel i::after{ transform:scale(0); transition-delay:700ms; }
html.js:not(.reduced) .ekr__step.is-in .ekph--3 .ekph__opt.is-sel{ border-color:var(--signal); background:rgba(233, 80, 6, 0.05); }
html.js:not(.reduced) .ekr__step.is-in .ekph--3 .ekph__opt.is-sel i::after{ transform:scale(1); }
html.js:not(.reduced) .ekph__agree i{ transform:scale(0); transition:transform 380ms cubic-bezier(0.34, 1.56, 0.64, 1) 600ms; }
html.js:not(.reduced) .ekr__step.is-in .ekph__agree i{ transform:none; }
html.js:not(.reduced) .ekph__invoice{ opacity:0; transform:translateY(10px); transition:opacity 500ms var(--ease-out) 1.5s, transform 500ms var(--ease-out) 1.5s; }
html.js:not(.reduced) .ekr__step.is-in .ekph__invoice{ opacity:1; transform:none; }
.ekph__btn.is-press{ animation:ek-press 600ms var(--ease-out); }
@keyframes ek-press{ 0%{ transform:scale(1); } 30%{ transform:scale(0.95); } 100%{ transform:scale(1); } }
.ekc{ padding-bottom:clamp(56px, 7.8vw, 150px); }
.ekc .sec-head{ margin-bottom:clamp(32px, 9.3vw, 178px); }
.ekc .sec-head__main{ align-items:flex-start; }
.ekc .sec-head .h2{ --hw:12.67em; }
.ekc .sec-head__side{ margin-top:24px; }
.ekc .sec-head__side .btn{ --h:52px; --icon:40px; --pl:22px; gap:14px; padding:6px 6px 6px var(--pl); }
.ekc__body{ display:grid; grid-template-columns:minmax(0, 480px) minmax(0, 940px); justify-content:space-between; gap:40px; align-items:start; }
.ekc__meta{ font-size:13px; color:var(--muted); }
.ekc__lead{ margin-top:30px; font-size:clamp(20px, 0.4vw + 16px, 24px); font-weight:500; line-height:1.4; letter-spacing:-0.01em; }
.ekc__rows{ margin:30px 0 0; }
.ekc__rows > div{ display:grid; gap:6px; padding:18px 0; border-top:1px solid rgba(6, 10, 13, 0.1); }
.ekc__rows dt{ font-size:14px; font-weight:500; color:var(--signal-text); }
.ekc__rows dd{ margin:0; font-size:18px; }
.ekc__story > div:last-child{ margin-top:30px; }
.ekc__more{ --icon:38px; --pl:22px; --h:50px; gap:14px; padding:6px 6px 6px var(--pl); }
.ekc__card{ container-type:inline-size; }
.ekc__card .pf-card__media{ aspect-ratio:940 / 777; border-radius:4.96cqw; }
.ekc__card .pf-card__media::before{ background-size:8.3cqw 8.3cqw; }
.ekc__card .pf-card__browser{ border-radius:2.07cqw; box-shadow:0 4.96cqw 10.3cqw rgba(6, 10, 13, 0.35); }
.ekc__card .pf-card__bar{ height:5cqw; }
.ekc__card .pf-card__bar span{ font-size:2.07cqw; padding:0.62cqw 2.07cqw; }
.ekc__card .pf-card__phone{ padding:0.85cqw; border-radius:4.55cqw; box-shadow:0 4.96cqw 8.26cqw rgba(6, 10, 13, 0.45); }
.ekc__card .pf-card__phone img{ border-radius:3.72cqw; }
.ekc__card .pf-card__platform{ left:4.15cqw; top:4.15cqw; height:7.02cqw; padding:0 2.48cqw; gap:2.07cqw; }
.ekc__card .pf-card__platform svg{ height:3.72cqw; }
.ekc__card .pf-card__platform .tl-woocommerce{ height:2.87cqw; }
.ekc__card .pf-card__info{ display:none; }
.ekc__card .pf-card__cursor{ width:124px; height:124px; margin:-62px 0 0 -62px; font-size:17px; }
@media (max-width: 1440px){
  .eknt{ left:auto; right:calc(-1 * min(52px, var(--gutter) - 8px)); }
}
@media (max-width: 1280px){
  .ekh__inner{ grid-template-columns:minmax(0, 1fr) 400px; }
  .ekco{ padding:24px 22px 24px; }
  .ekco__banks{ gap:6px; }
  .ekco__bank{ padding:0 10px; }
  .ekfc{ left:-206px; }
  .ekb__tile{ padding:28px; }
  .ekpk__card{ padding:30px; }
  .ekpl__card{ padding:30px; }
  .ekr__step{ width:240px; }
  .ekph{ zoom:0.889; }
  .ekr__line{ top:310px; }
  .ekc__body{ grid-template-columns:minmax(0, 400px) minmax(0, 1fr); }
}
@media (max-width: 1200px){
  .ekh__intro{ max-width:calc(100% - 220px); }
}
@media (max-width: 1024px){
  .ekh{ padding:118px 0 40px; }
  .ekh__grid, .ekh__marks{ display:none; }
  .ekh__glow--signal{ left:29%; top:-35%; width:128%; height:23%; }
  .ekh__glow--slate{ left:-55%; top:44%; width:141%; height:23%; }
  .ekh__inner{ grid-template-columns:1fr; }
  .ekh__h1{ margin:12px 0 0; font-size:clamp(44px, 12.8vw, 72px); }
  .ekh__mask > span{ max-width:6.9em; }
  .ekco__product{ flex-wrap:wrap; row-gap:12px; }
  .ekco__pname{ min-width:0; flex:1 1 160px; }
  .ekco__pprice{ flex-basis:100%; }
  .ekh__intro{ max-width:none; margin-top:24px; font-size:18px; }
  .ekh__ctas{ flex-direction:column; align-items:flex-start; margin-top:24px; }
  .ekh__visual{ display:flex; flex-direction:column; align-items:flex-start; min-height:0; margin-top:24px; }
  .ekfc, .eknt{ position:relative; left:auto; right:auto; top:auto; }
  .ekfc{ order:-1; width:245px; margin-bottom:24px; }
  .ekfc__label, .ekfc__note{ font-size:13px; }
  .ekfc__row strong{ font-size:40px; line-height:52px; }
  .ekco{ width:100%; max-width:480px; }
  .eknt{ width:309px; max-width:100%; margin-top:16px; }
  .ekh__facts{ grid-template-columns:1fr 1fr; gap:20px 16px; margin-top:16px; padding-top:18px; }
  .ekh__facts li{ padding-right:0; }
  .ekpl, .ekpk, .ekb, .ekr, .ekc{ padding-top:57px; padding-bottom:64px; }
  .ekpl .h2, .ekpk .h2, .ekb .h2, .ekr .h2, .ekc .h2{ font-size:clamp(30px, 9.2vw, 44px); }
  .ekpl .sec-head, .ekpk .sec-head, .ekb .sec-head, .ekr .sec-head, .ekc .sec-head{ margin-bottom:32px; row-gap:12px; }
  .ekpk .sec-head__main, .ekb .sec-head__main, .ekr .sec-head__main, .ekc .sec-head__main{ gap:24px; }
  .ekpk .sec-head__aside, .ekb .sec-head__aside, .ekr .sec-head__aside{ margin-top:0; max-width:none; }
  .ekc .sec-head__side{ margin-top:0; }
  .ekpl__grid, .ekpk__grid{ grid-template-columns:1fr; }
  .ekpl__card{ padding:36px; }
  .ekpl__head{ justify-content:flex-start; flex-direction:column; align-items:flex-start; }
  .ekpl__name{ font-size:30px; line-height:44px; }
  .ekpl__row{ flex-wrap:wrap; }
  .ekpl__ribbon, .ekpk__ribbon{ flex-direction:column; align-items:flex-start; gap:18px; padding:24px; margin-top:24px; }
  .ekpl__ribbon .ribbon__link, .ekpk__ribbon .ribbon__link{ padding-left:0; width:auto; }
  .ekpk__card{ padding:36px; }
  .ekpk__card .price-card__name{ font-size:28px; }
  .ekpk__card .price-card__price strong{ font-size:36px; }
  .ekpk__note{ margin-top:16px; }
  .ekb__grid{ grid-template-columns:1fr; gap:24px; }
  .ekb__tile{ min-height:0; padding:22px 22px 24px; border-radius:20px; }
  .ekb__icon{ width:40px; height:40px; }
  .ekb__icon svg{ width:18px; height:18px; }
  .ekb__title{ margin-top:26px; font-size:19px; }
  .ekb__text{ margin-top:8px; font-size:14px; }
  .ekr__list{ display:grid; gap:12px; margin-bottom:19px; }
  .ekr__list li{ display:flex; align-items:center; gap:10px; font-size:17px; font-weight:600; color:var(--white); line-height:22px; }
  .ekr__line, .ekr__label{ display:none; }
  .ekr__track{ margin:0 calc(-1 * var(--gutter)); }
  .ekr__steps{ justify-content:flex-start; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 var(--gutter) 6px; scroll-padding:0 var(--gutter); scrollbar-width:none; overscroll-behavior-x:contain; }
  .ekr__steps::-webkit-scrollbar{ display:none; }
  .ekr__step{ width:240px; scroll-snap-align:start; }
  .ekph{ margin-top:0; }
  .ekr__note{ margin-top:14px; }
  .ekc__body{ grid-template-columns:1fr; gap:24px; }
  .ekc__lead{ font-size:20px; }
  .ekc__card .pf-card__cursor{ display:none; }
}