@keyframes sl-rin{from{opacity:0;transform:translateY(calc(10px*var(--m))) scale(.97)}to{opacity:1;transform:none}}
@keyframes sl-fup{from{opacity:0;transform:translateY(calc(18px*var(--m)))}to{opacity:1;transform:none}}
@keyframes sl-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
[data-dvizhenie="da"] .sl .tel .r{animation:sl-rin .55s var(--ease) both;animation-delay:calc(.7s + var(--i,0)*.7s)}
[data-dvizhenie="da"] .sl .fup{animation:sl-fup .7s var(--ease) both;animation-delay:calc(.05s + var(--d,0)*.09s)}
.sl :focus-visible{outline:calc(2px*var(--m)) solid var(--focus,#8fd0b8);outline-offset:calc(3px*var(--m))}
.sl-top{padding:0}
.sl .ic{width:1.5em;height:1.5em;flex:none;display:block}
:where(.sl) .hg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(calc(28px*var(--m)),4vw,calc(64px*var(--m)));align-items:center}
:where(.sl) .hg .tx{display:flex;flex-direction:column;align-items:flex-start}
:where(.sl) .hg .tx .lead{max-width:44ch}
:where(.sl) .hg .do{margin-top:clamp(calc(20px*var(--m)),2.6vw,calc(34px*var(--m)))}
:where(.sl) .hg .ph{display:flex;justify-content:center;position:relative}
@media (max-width:900px){
  :where(.sl) .hg{grid-template-columns:minmax(0,1fr);gap:0}
  :where(.sl) .hg .tx{display:contents}
  :where(.sl) .hg h1{order:1}:where(.sl) .hg h2.hh{order:1}:where(.sl) .hg .ph{order:2;margin-top:clamp(calc(14px*var(--m)),3vw,calc(22px*var(--m)))}:where(.sl) .hg .do{order:3;margin-top:calc(18px*var(--m))}:where(.sl) .hg .lead{order:4;margin-top:calc(20px*var(--m))}
}
.sl{--focus:#831843;--well:#FBE3F0;--bg:#FDF2F8;--fg:#831843;--pri:#EC4899;--sec:#F9A8D4;--accn:#8B5CF6;--bor:#FBCFE8;--mfg:#475569;--mut:#F1EEF5;
  --acc:#8B5CF6;--acc-hover:#9B71F7;--on-acc:#000000;--ink:#831843;--soft:#475569;color:var(--fg)}
.sl-hero{position:relative;overflow:hidden;padding:clamp(calc(26px*var(--m)),5vw,calc(64px*var(--m))) 0 clamp(calc(40px*var(--m)),6vw,calc(80px*var(--m)));
  background:radial-gradient(calc(820px*var(--m)) calc(520px*var(--m)) at 86% 8%,rgba(249,168,212,.6),transparent 64%),radial-gradient(calc(700px*var(--m)) calc(420px*var(--m)) at 0% 100%,rgba(139,92,246,.18),transparent 62%),var(--bg)}
.sl-pg{position:relative;z-index:1}
.sl-o{position:absolute;border-radius:50%;pointer-events:none}
.sl-o1{width:clamp(calc(120px*var(--m)),16vw,calc(220px*var(--m)));aspect-ratio:1;left:-3%;top:24%;background:radial-gradient(circle at 35% 30%,#fff,#F9A8D4 70%);opacity:.7}
.sl-o2{width:clamp(calc(70px*var(--m)),9vw,calc(130px*var(--m)));aspect-ratio:1;right:8%;bottom:8%;background:radial-gradient(circle at 35% 30%,#fff,#C4B5FD 75%);opacity:.8}
[data-dvizhenie="da"] .sl-o1{animation:sl-f 9s ease-in-out infinite}
[data-dvizhenie="da"] .sl-o2{animation:sl-f 7s ease-in-out -3s infinite reverse}
@keyframes sl-f{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-16px*var(--m)))}}
.sl h1{color:var(--fg);font-size:clamp(1.8rem,1rem + 3.4vw,3.7rem);line-height:1.04}
.sl .lead{color:var(--mfg);margin-top:clamp(calc(14px*var(--m)),2vw,calc(22px*var(--m)))}
.sl .btn{background:var(--accn);color:#000;box-shadow:0 calc(12px*var(--m)) calc(26px*var(--m)) rgba(139,92,246,.32)}
.sl .btn:hover{background:#9B71F7}
.sl-arch{position:relative;display:flex;justify-content:center;padding:clamp(calc(34px*var(--m)),5vw,calc(56px*var(--m))) clamp(calc(24px*var(--m)),4vw,calc(52px*var(--m))) clamp(calc(26px*var(--m)),3.4vw,calc(40px*var(--m)));border-radius:calc(999px*var(--m)) calc(999px*var(--m)) calc(38px*var(--m)) calc(38px*var(--m));
  background:linear-gradient(180deg,#F9A8D4 0%,#FBCFE8 52%,#EDE4FB 100%);box-shadow:inset 0 0 0 calc(6px*var(--m)) rgba(255,255,255,.7),0 calc(34px*var(--m)) calc(64px*var(--m)) calc(-18px*var(--m)) rgba(236,72,153,.35)}
.sl .tel--chat{--acc:#EC4899;--acc-ink:#831843;--acc-soft:#FCE7F3;--wf2:#FBE3F0;--line:#FBCFE8;--ink:#4A1030;--soft:#831843;--mute:#7A4A64;box-shadow:0 0 0 calc(1.5px*var(--m)) #39403d,0 calc(26px*var(--m)) calc(40px*var(--m)) calc(-16px*var(--m)) rgba(131,24,67,.45)}
.sl .tel--chat .r{border-radius:calc(18px*var(--m))}
.sl .tel--chat .r--a{box-shadow:inset 0 0 0 calc(1.5px*var(--m)) #F472B6}
.sl-blk{padding:clamp(calc(34px*var(--m)),5vw,calc(68px*var(--m))) 0 clamp(calc(46px*var(--m)),6vw,calc(88px*var(--m)));background:linear-gradient(180deg,var(--bg),#fff 140%)}
.sl-blk h2{color:var(--fg);text-align:center;font-size:clamp(1.7rem,1rem + 2.4vw,3rem)}
.sl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(calc(14px*var(--m)),2vw,calc(24px*var(--m)));margin-top:clamp(calc(22px*var(--m)),3.4vw,calc(44px*var(--m)))}
.sl-c{background:#fff;border:calc(1px*var(--m)) solid var(--bor);border-radius:calc(30px*var(--m));padding:clamp(calc(18px*var(--m)),2vw,calc(26px*var(--m)));display:flex;flex-direction:column;gap:calc(16px*var(--m));box-shadow:0 calc(16px*var(--m)) calc(34px*var(--m)) calc(-12px*var(--m)) rgba(236,72,153,.2)}
.sl-av{width:calc(72px*var(--m));border-radius:50%;border:calc(3px*var(--m)) solid var(--sec);box-shadow:0 0 0 calc(4px*var(--m)) #FDF2F8}
.sl-c p{font-size:clamp(1.0625rem,.98rem + .35vw,1.25rem);line-height:1.4;color:var(--fg);text-wrap:pretty}
@media (max-width:1000px){.sl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .sl-arch{border-radius:calc(160px*var(--m)) calc(160px*var(--m)) calc(30px*var(--m)) calc(30px*var(--m));padding:calc(30px*var(--m)) calc(20px*var(--m)) calc(22px*var(--m));width:100%}
  .sl .tel--chat{width:min(100%,calc(320px*var(--m)))}
  .sl h1{font-size:clamp(1.7rem,7.6vw,2.4rem)}
}
@media (max-width:520px){.sl-cards{grid-template-columns:minmax(0,1fr)}.sl-c{flex-direction:row;align-items:center;gap:calc(14px*var(--m))}.sl-av{width:calc(60px*var(--m));flex:none}}
.sl-end{position:relative;overflow:hidden;padding:clamp(calc(34px*var(--m)),5vw,calc(64px*var(--m))) 0 clamp(calc(46px*var(--m)),6vw,calc(84px*var(--m)));background:linear-gradient(180deg,#fff,var(--bg));text-align:center}
.sl-end::before{content:'';position:absolute;left:50%;top:-60%;width:min(90vw,calc(720px*var(--m)));aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(249,168,212,.5),transparent);pointer-events:none}
.sl-do{position:relative;margin:0}
.sl-i{display:grid;place-items:center;flex:none;width:calc(72px*var(--m));aspect-ratio:1;border-radius:50%;border:calc(3px*var(--m)) solid var(--sec);box-shadow:0 0 0 calc(4px*var(--m)) #FDF2F8;color:var(--fg);background:#fff}
.sl-i .ic{width:calc(32px*var(--m));height:calc(32px*var(--m));display:block}
@media (max-width:520px){.sl-i{width:calc(60px*var(--m))}}
