/* Все стили изолированы внутри .ha-partner, чтобы не конфликтовать со стилями сайта */
.ha-partner{
  --ha-bg:#ffffff; --ha-soft:#f5f3ef; --ha-ink:#1d1d1f; --ha-muted:#6b6b70;
  --ha-accent:#e8562a; --ha-accent-dark:#c8431b; --ha-line:#e6e2db; --ha-dark:#17181c;
  font-family:'Manrope',system-ui,-apple-system,sans-serif; color:var(--ha-ink);
  background:var(--ha-bg); line-height:1.55; font-size:17px;
}
.ha-partner *{box-sizing:border-box;margin:0;padding:0}
.ha-partner .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.ha-partner section{padding:72px 0}
.ha-partner h1{font-size:clamp(32px,5vw,54px);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.ha-partner h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.ha-partner h3{font-size:19px;font-weight:700;margin-bottom:8px}
.ha-partner .lead{font-size:clamp(17px,2vw,20px);color:var(--ha-muted);max-width:640px}
.ha-partner .sub{color:var(--ha-muted);max-width:680px;margin-bottom:36px}
.ha-partner .accent{color:var(--ha-accent)}
.ha-partner .btn{display:inline-block;background:var(--ha-accent);color:#fff;font-weight:700;
  padding:17px 30px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:700;transition:.2s}
.ha-partner .btn:hover{background:var(--ha-accent-dark);transform:translateY(-1px)}
.ha-partner .btn-ghost{background:transparent;color:var(--ha-ink);border:1.5px solid var(--ha-line)}
.ha-partner .btn-ghost:hover{background:var(--ha-soft)}

/* HERO */
.ha-partner .hero{background:linear-gradient(180deg,var(--ha-soft),#fff);padding:88px 0 72px}
.ha-partner .ha-awards{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-bottom:22px}
.ha-partner .ha-award{display:inline-block;padding:7px 14px;background:#fff;
  border:1px solid var(--ha-line);border-radius:999px;font-size:14px;line-height:1.5;max-width:100%}
.ha-partner .ha-award strong{font-weight:700}
@media (max-width:520px){
  .ha-partner .ha-awards{gap:8px}
  .ha-partner .ha-award{padding:7px 10px;font-size:12px}
}
.ha-partner .hero .lead{margin:22px 0 32px}
.ha-partner .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.ha-partner .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.ha-partner .stat{background:#fff;border:1px solid var(--ha-line);border-radius:16px;padding:22px}
.ha-partner .stat b{display:block;font-size:30px;font-weight:800;color:var(--ha-accent);line-height:1.1}
.ha-partner .stat span{font-size:14px;color:var(--ha-muted)}

/* WHY 20% */
.ha-partner .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ha-partner .card{border:1px solid var(--ha-line);border-radius:18px;padding:30px;background:#fff}
.ha-partner .card.them{background:var(--ha-soft)}
.ha-partner .card.us{border:2px solid var(--ha-accent)}
.ha-partner .card .tag{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ha-muted);margin-bottom:10px}
.ha-partner .card.us .tag{color:var(--ha-accent)}
.ha-partner .card ul{list-style:none;margin-top:14px}
.ha-partner .card li{padding:7px 0 7px 28px;position:relative}
.ha-partner .card.them li:before{content:"✕";position:absolute;left:0;color:#a3a3a8;font-weight:700}
.ha-partner .card.us li:before{content:"✓";position:absolute;left:0;color:var(--ha-accent);font-weight:800}

/* CALC EXAMPLE */
.ha-partner .calc{background:var(--ha-dark);color:#fff;border-radius:22px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.ha-partner .calc h2{color:#fff}
.ha-partner .calc p{color:#b8b8bf}
.ha-partner .calc table{width:100%;border-collapse:collapse;font-size:16px}
.ha-partner .calc td{padding:11px 0;border-bottom:1px solid #2e2f35}
.ha-partner .calc td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.ha-partner .calc .minus td:last-child{color:#9a9aa2}
.ha-partner .calc .total td{border:0;padding-top:16px;font-size:20px;font-weight:800}
.ha-partner .calc .total td:last-child{color:#ff8a5c}
.ha-partner .calc small{display:block;margin-top:14px;color:#8a8a92;font-size:13px}

/* SERVICES */
.ha-partner .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ha-partner .svc{background:var(--ha-soft);border-radius:18px;padding:26px}
.ha-partner .svc .ico{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:16px}
.ha-partner .svc p{color:var(--ha-muted);font-size:15px}

/* STEPS */
.ha-partner .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.ha-partner .step{border-top:3px solid var(--ha-accent);padding-top:20px}
.ha-partner .step:before{counter-increment:s;content:"0" counter(s);display:block;font-size:14px;font-weight:800;color:var(--ha-accent);margin-bottom:8px}
.ha-partner .step p{color:var(--ha-muted);font-size:15px}

/* TRUST */
.ha-partner .trust{background:var(--ha-soft)}
.ha-partner .trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ha-partner .trust-row .card p{color:var(--ha-muted);font-size:15px}

/* FAQ */
.ha-partner details{border-bottom:1px solid var(--ha-line);padding:20px 0}
.ha-partner summary{font-weight:700;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.ha-partner summary::-webkit-details-marker{display:none}
.ha-partner summary:after{content:"+";color:var(--ha-accent);font-size:24px;line-height:1}
.ha-partner details[open] summary:after{content:"–"}
.ha-partner details p{margin-top:12px;color:var(--ha-muted)}

/* FORM */
.ha-partner .cta{background:var(--ha-dark);color:#fff}
.ha-partner .cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ha-partner .cta h2{color:#fff}
.ha-partner .cta .sub{color:#b8b8bf}
.ha-partner .cta .phone{display:inline-block;margin-top:8px;color:#fff;font-size:24px;font-weight:800;text-decoration:none}
.ha-partner form{background:#fff;border-radius:20px;padding:30px;color:var(--ha-ink);display:grid;gap:14px}
.ha-partner input,.ha-partner select{width:100%;padding:15px 16px;border:1.5px solid var(--ha-line);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:var(--ha-ink)}
.ha-partner input:focus,.ha-partner select:focus{outline:none;border-color:var(--ha-accent)}
.ha-partner form .btn{width:100%;text-align:center}
.ha-partner form small{color:var(--ha-muted);font-size:12px;text-align:center}
.ha-partner form small a{color:inherit}
.ha-partner .ha-form-status{font-size:14px;line-height:1.5}
.ha-partner .ha-form-status[data-state="success"]{color:#25734a}
.ha-partner .ha-form-status[data-state="error"]{color:#b33325}
.ha-partner form .btn:disabled{opacity:.65;cursor:wait;transform:none}

/* MOBILE */
@media (max-width:900px){
  .ha-partner section{padding:52px 0}
  .ha-partner .stats{grid-template-columns:repeat(2,1fr)}
  .ha-partner .compare,.ha-partner .calc,.ha-partner .cta-grid,.ha-partner .grid3,.ha-partner .trust-row{grid-template-columns:1fr}
  .ha-partner .steps{grid-template-columns:repeat(2,1fr)}
  .ha-partner .calc{padding:28px 22px;gap:24px}
}
@media (max-width:520px){
  .ha-partner .steps{grid-template-columns:1fr}
  .ha-partner .hero-actions .btn{width:100%;text-align:center}
}
/* Account for the site's fixed header and global focus reset. */
.ha-partner { padding-top: 50px; }
.ha-partner .ha-section-flush { padding-top: 0; }
.ha-partner #ha-form { scroll-margin-top: 70px; }
.ha-partner a:focus-visible,
.ha-partner button:focus-visible,
.ha-partner summary:focus-visible,
.ha-partner input:focus-visible,
.ha-partner select:focus-visible { outline: 3px solid var(--ha-accent) !important; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .ha-partner .btn { transition: none; }
  .ha-partner .btn:hover { transform: none; }
}