/* Все стили изолированы внутри .ha-partner, чтобы не конфликтовать со стилями сайта */
.ha-partner{
  --ha-bg:var(--color-white,#ffffff); --ha-soft:var(--body-bg,#f2f1f0); --ha-ink:#203b4a; --ha-muted:var(--color-text,#56595b);
  --ha-accent:var(--color-text-bl,#008dd2); --ha-accent-dark:#0772a7; --ha-line:var(--border,#e5e5e5); --ha-dark:#203b4a;
  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,#eaf6ff,var(--ha-bg));padding:48px 0 0px}
.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}
.ha-partner .ha-award-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px}
@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:#d0dee6}
.ha-partner .calc table{width:100%;border-collapse:collapse;font-size:16px}
.ha-partner .calc td{padding:11px 0;border-bottom:1px solid #3b5564}
.ha-partner .calc td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.ha-partner .calc .minus td:last-child{color:#bed0da}
.ha-partner .calc .total td{border:0;padding-top:16px;font-size:20px;font-weight:800}
.ha-partner .calc .total td:last-child{color:#83d6ff}
.ha-partner .calc small{display:block;margin-top:14px;color:#bed0da;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 .ico img{display:block;width:28px;height:28px}
.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:#d0dee6}
.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; }
}