/* Главная для новых посетителей (index.html, пока нет входа) */
[hidden]{display:none!important}
.lp{overflow:hidden}
.lp-in{max-width:1180px;margin:0 auto;padding:0 28px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:72px 0 56px;min-height:560px}
.kick{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--mute)}
.kick i{width:8px;height:8px;border-radius:50%;background:var(--acc2)}
.hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.04;letter-spacing:-1.4px;margin:20px 0 18px}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--acc) 62% 92%,transparent 92%)}
.hero p.lead{font-size:18px;line-height:1.55;color:var(--mute);max-width:520px;margin:0 0 30px}
.hero .row{display:flex;gap:12px;flex-wrap:wrap}
.hero .btn{height:56px;padding:0 30px}
.hero .btn svg{width:22px;height:22px}
.btn.alt{background:var(--panel);box-shadow:none;border:1px solid var(--line2);text-decoration:none}
.btn.alt:hover:not(:disabled){background:var(--card)}
.facts{display:flex;gap:34px;flex-wrap:wrap;margin-top:38px}
.facts div{font-size:13px;color:var(--mute);line-height:1.35}
.facts b{display:block;font:800 22px var(--fh);color:var(--ink);letter-spacing:-.4px;margin-bottom:2px}

.hv{position:relative;height:460px;max-width:460px;width:100%;margin-left:auto}
.hv::before{content:"";position:absolute;inset:6% 0 0 6%;border-radius:50%;background:radial-gradient(circle,var(--accsoft) 0,rgba(246,232,239,0) 68%)}
.hcard{position:absolute;left:50%;top:50%;width:250px;height:330px;margin:-165px 0 0 -125px;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 50px -28px rgba(60,40,55,.45);padding:18px;display:flex;flex-direction:column}
.hcard.b2{transform:translate(78px,12px) rotate(14deg);filter:blur(2.5px);opacity:.7}
.hcard.b1{transform:translate(42px,6px) rotate(7deg);filter:blur(1px);opacity:.9}
.hcard.f{transform:translate(-16px,0) rotate(-4deg)}
.hcard .tag{align-self:flex-end;font:800 11px var(--font);letter-spacing:.4px;color:var(--dim)}
.hcard .pic{flex:1;display:grid;place-items:center;border-radius:16px;background:var(--card);margin:6px 0 12px;overflow:hidden}
.hcard .pic img{width:92%;height:auto;display:block}
.hcard .hn{font-size:12px;color:var(--mute);line-height:1.25}
.hcard .hn b{display:block;font:800 17px var(--fh);color:var(--ink)}
.hcard .hp{margin-top:12px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:11px;background:var(--accsoft);font-weight:700;font-size:13px}
.hcard .hp i{width:8px;height:8px;border-radius:50%;background:var(--acc2)}
.coin{position:absolute;display:grid;place-items:center;border-radius:50%;font:800 30px var(--fh);color:#7a3d62;background:radial-gradient(circle at 32% 28%,#fbe3ef,var(--acc) 55%,var(--acc2));box-shadow:inset 0 0 0 5px rgba(255,255,255,.35),0 18px 24px -14px rgba(160,70,120,.6);animation:bob 5s ease-in-out infinite}
.coin.c1{width:84px;height:84px;left:2%;top:10%}
.coin.c2{width:60px;height:60px;right:8%;top:2%;font-size:24px;animation-delay:-1.6s}
.coin.c3{width:68px;height:68px;right:2%;bottom:12%;font-size:26px;animation-delay:-3.1s}
@keyframes bob{50%{transform:translateY(-12px)}}

.sec{padding:64px 0}
.sec h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.8px;margin-bottom:10px}
.sec .sub2{color:var(--mute);font-size:16px;max-width:560px;margin:0 0 34px}
.lsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.lstep{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow)}
.lstep::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--acc);font:800 18px var(--fh);margin-bottom:18px}
.lstep h3{font-size:20px;margin-bottom:8px}
.lstep p{margin:0;color:var(--mute);line-height:1.55}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feat{background:var(--card);border-radius:var(--r);padding:26px;border:1px solid transparent;transition:background .2s,border-color .2s}
.feat:hover{background:var(--panel);border-color:var(--line2)}
.feat .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--panel);margin-bottom:16px;color:var(--accink)}
.feat .ic svg{width:24px;height:24px}
.feat h3{font-size:18px;margin-bottom:6px}
.feat p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.55}
.faq{max-width:820px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:0 22px}
.faq summary{list-style:none;cursor:pointer;padding:19px 0;font:800 17px var(--fh);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 24px/1 var(--font);color:var(--acc2);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--mute);line-height:1.6}
.cta2{margin:20px 0 70px;border-radius:30px;background:var(--ink);color:#fff;padding:54px 40px;text-align:center;position:relative;overflow:hidden}
.cta2::before,.cta2::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(241,181,215,.35),rgba(241,181,215,0) 70%)}
.cta2::before{width:380px;height:380px;left:-100px;top:-160px}.cta2::after{width:320px;height:320px;right:-80px;bottom:-150px}
.cta2 h2{position:relative;color:#fff;font-size:clamp(26px,3.6vw,40px);margin-bottom:10px}
.cta2 p{position:relative;color:#d9ccd3;margin:0 0 26px}
.cta2 .btn{position:relative;height:56px;padding:0 32px}
.foot2{border-top:1px solid var(--line);background:var(--panel)}
.foot2 .lp-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}
.foot2 .logo{font-size:22px}
.foot2 nav{display:flex;gap:24px;flex-wrap:wrap}
.foot2 nav a{color:var(--mute);text-decoration:none;font-weight:600;font-size:14px}
.foot2 nav a:hover{color:var(--ink)}
.foot2 small{color:var(--dim);font-size:12.5px;flex-basis:100%}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding:40px 0 20px;min-height:0;gap:10px}
  .hv{margin:0 auto;height:400px}
  .lsteps,.feats{grid-template-columns:1fr}
  .sec{padding:40px 0}
}
@media (max-width:520px){
  .lp-in{padding:0 16px}
  .hero .btn{width:100%}
  .facts{gap:22px}
  .cta2{padding:40px 20px;border-radius:24px}
  .hv{transform:scale(.88);transform-origin:top center;height:370px}
}
@media (prefers-reduced-motion:reduce){.coin{animation:none}}