/* PresuElectro: дополнения к вёрстке Nexa (кабинет, формы, видео, поддержка) */
body{overflow-x:hidden}
.devbar{background:linear-gradient(90deg,#ffb34724,#8b5cf624);border-bottom:1px solid #ffb34755;font-size:12.5px;color:var(--text)}
.devbar .container{display:flex;gap:10px;align-items:center;padding:9px 0;flex-wrap:wrap;line-height:1.5}
.devbar a{color:var(--link);text-decoration:underline}
.heart{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 14px;border-radius:24px;border:1px solid #ff5d8c80;background:#ff5d8c1c;color:#ff8fb1;font-weight:600;font-size:11px;cursor:pointer;transition:.2s}
.heart:hover{background:#ff5d8c33;transform:translateY(-2px)}
.heart i{font-style:normal;animation:beat 1.6s infinite}
@keyframes beat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}}
.fheart{position:fixed;right:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff5d8c,#8b5cf6);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 28px #ff5d8c80}
.fheart:hover{transform:scale(1.08)}
@media(max-width:1100px){.heart .hh{display:none}.heart{padding:8px 11px}}
@media(max-width:720px){.header-tour{display:none}}

/* общие блоки */
.section-heading p.sub{font-size:13px;color:var(--muted);margin-top:8px;max-width:560px;line-height:1.7}
.grad{background:linear-gradient(95deg,#16e8f0 10%,#619bff 55%,#a56aff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
[data-theme=light] .grad{background:linear-gradient(95deg,#0794b9,#3970e4 60%,#9350d6);background-clip:text;-webkit-background-clip:text}
.panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(130deg,var(--panel),var(--bg-alt));box-shadow:inset 0 0 20px #1574d50e,var(--glow)}
.hero-eyebrow{font-size:10px}
.hero-content>p{font-size:15px;max-width:460px}
.hero-buttons .button{font-size:13px}
.services-grid.g3{grid-template-columns:repeat(3,1fr)}
.services-grid.g4{grid-template-columns:repeat(4,1fr)}
.services-grid.g3 .service-card,.services-grid.g4 .service-card{min-height:200px;text-align:left;align-items:flex-start;padding:24px 22px}
.services-grid.g3 .service-card h3,.services-grid.g4 .service-card h3{font-size:15px}
.services-grid.g3 .service-card p,.services-grid.g4 .service-card p{font-size:12px}
.services-grid.g4 .service-card{text-align:center;align-items:center;min-height:170px}
.service-card:last-child{grid-column:auto!important}
@media(max-width:950px){.services-grid.g3,.services-grid.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.services-grid.g3,.services-grid.g4{grid-template-columns:1fr}}
.property-body p{font-size:11.5px;color:var(--muted);line-height:1.7;margin-top:8px}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#087ef1,#9444ff);color:#fff;font-size:12px;font-weight:700;margin-bottom:9px;box-shadow:0 0 14px #6d4dff80}
.property-photo .sale-badge{left:13px}
.about-copy ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px}
.about-copy li{display:flex;gap:9px;font-size:12px;color:var(--muted);line-height:1.6}
.about-copy li::before{content:"✓";color:#4ade80;font-weight:900}
.feature h3{font-size:14px}.feature p{font-size:12px}

/* видео */
.video-box{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#000;box-shadow:var(--glow)}
.video-box video,.video-box iframe{width:100%;height:100%;border:0;display:block;background:#000}
.vph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;background:linear-gradient(135deg,#0f1e50e6,#3c1e78bf),repeating-linear-gradient(0deg,transparent 0 38px,#6e8cff14 38px 39px)}
.play{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#087ef1,#9444ff);display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 0 0 10px #8b5cf633,0 0 40px #6366f1b3;cursor:pointer;border:0;color:#fff;font-size:30px;padding-left:6px}
.vph small{color:#b6c4e8;display:block;max-width:420px;margin:6px auto 0;font-size:12px}
.vph b{color:#fff}
.vlist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.vlist div{padding:14px;font-size:12px;color:var(--muted)}.vlist b{display:block;color:var(--link);margin-bottom:2px;font-size:13px}
@media(max-width:760px){.vlist{grid-template-columns:1fr}}

/* формы */
.lbl{display:block;font-size:11.5px;color:var(--muted);margin:11px 0 5px}
.req::after{content:" *";color:#ff8fb1}
.fld,.panel input[type=text],.panel input[type=email],.panel input[type=password],.panel input[type=tel],.panel select,.panel textarea,.modal input[type=text],.modal input[type=email],.modal input[type=password],.modal input[type=tel]{width:100%;min-height:44px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input);color:var(--text);font-size:14px;font-family:inherit;outline:none}
.panel textarea{min-height:120px;resize:vertical}
.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #42dcf526}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.two{grid-template-columns:1fr}}
.hint{font-size:11.5px;color:var(--muted);margin-top:10px;line-height:1.6}
.button.sm{min-height:36px;padding:8px 14px;font-size:12px}
.button.block{width:100%}
.button[disabled]{opacity:.6;cursor:wait}
.soc .off{opacity:.45;cursor:not-allowed}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px;align-items:center}
.sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11.5px;margin:12px 0}.sep::before,.sep::after{content:"";flex:1;height:1px;background:var(--soft-border)}
.cab{display:grid;grid-template-columns:1fr 1.15fr;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--glow)}
.cab .l{padding:34px;background:linear-gradient(135deg,#3b82f633,#8b5cf63d)}
.cab .l h2{margin:10px 0 14px}.cab .l p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:10px}
.cab .r{padding:30px}
.tabs{display:flex;gap:6px;background:var(--input);padding:4px;border-radius:24px;margin-bottom:16px;border:1px solid var(--soft-border)}
.tabs button{flex:1;padding:9px;border-radius:20px;background:none;color:var(--muted);font-weight:600;font-size:12px}
.tabs button.on{background:linear-gradient(110deg,#9444ff -10%,#5f43f2 42%,#087ef1 95%);color:#fff}
.who{display:none;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#4ade8018;border:1px solid #4ade8055;margin-bottom:14px}
.who .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#27edff,#a34bff);display:grid;place-items:center;color:#04112b;font-weight:800;font-size:19px;flex:none}
.badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;background:#8b5cf64d;color:var(--text)}
details.dd summary{cursor:pointer;color:var(--muted);font-size:12px}
.faq details{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:16px 20px;margin-bottom:10px;cursor:pointer}
.faq summary{font-weight:600;list-style:none;display:flex;justify-content:space-between;font-size:14px}
.faq summary::after{content:"＋";color:var(--cyan)}.faq details[open] summary::after{content:"－"}
.faq details p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.8}
.shots{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.shots div{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.shots img{width:100%;height:100%;object-fit:cover}.shots button{position:absolute;top:2px;right:2px;border-radius:50%;width:20px;height:20px;background:#000b;color:#fff;line-height:1}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.pay div{padding:18px}.pay b{display:block;margin-bottom:5px;font-size:14px}.pay span{color:var(--muted);font-size:12.5px;line-height:1.7}
.donate{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;padding:30px}
.addr{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:12px;border:1px dashed #ff5d8c99;background:#ff5d8c12;font-family:Consolas,monospace;font-size:13px;word-break:break-all}
.addr .button{flex:none}
.qrbox{display:grid;place-items:center;padding:14px;background:#fff;border-radius:16px;width:230px;margin:0 auto}.qrbox img,.qrbox canvas{width:200px;height:200px;image-rendering:pixelated}
@media(max-width:860px){.cab,.donate{grid-template-columns:1fr}.pay{grid-template-columns:1fr}.cab .l,.cab .r{padding:24px}}
.ok{color:#4ade80}.bad{color:#ff8a8a}
.modal.don{width:520px}
.cta-band{border:1px solid var(--border);border-radius:16px;padding:38px 24px;text-align:center;background:linear-gradient(135deg,#3b82f633,#8b5cf63d)}
.cta-band h2{font-size:clamp(24px,3.4vw,34px)}.cta-band p{color:var(--muted);max-width:520px;margin:12px auto 22px;font-size:13px}
.cta-band .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.in{opacity:1;transform:none}
.footer-links a{display:block}
@media(max-width:720px){.hero-content>p{font-size:14px}.hero-buttons{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-cta{grid-column:1/-1;grid-row:auto}.devbar .container{font-size:11.5px}}
:root{--ok:#4ade80}

/* Иллюстрации приложения в «Результат» и «Как это работает» */
#result .about-photo,
#how .property-photo {
  background: #050d20;
}
#result .about-photo img,
#how .property-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#how .property-photo {
  height: auto;
  aspect-ratio: 8 / 5;
}
#how .property-photo::after {
  content: none;
}
#result .about-photo .photo-label {
  display: none;
}
#how .property-card:hover .property-photo > img {
  transform: none;
}
@media (max-width: 720px) {
  #result .about-photo {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}