/* ============================================================
   Страница «Контакты и реквизиты»
   ============================================================ */
.contact-page{background:#fff}
.crumbs{border-bottom:1px solid var(--line);background:#F7F8F9}
.crumbs .wrap{min-height:46px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.crumbs a:hover{color:var(--blue)}
.crumbs svg{width:12px;height:12px;stroke:#A9ADB2;fill:none;flex:none}

.contact-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff}
.contact-hero::before{content:'';position:absolute;inset:0;
  background:linear-gradient(108deg,transparent 0 59%,rgba(33,130,175,.18) 59% 67%,transparent 67%)}
.contact-hero::after{content:'';position:absolute;right:-110px;top:-190px;width:520px;height:520px;
  border:1px solid rgba(255,255,255,.08);transform:rotate(18deg)}
.contact-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;
  gap:80px;align-items:end;padding-top:72px;padding-bottom:78px}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-family:var(--font-cond);
  font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8EC8E2}
.hero-kicker::before{content:'';width:42px;height:3px;background:var(--blue);flex:none}
.contact-hero h1{max-width:780px;font-family:var(--font-cond);font-size:58px;line-height:.98;font-weight:600;
  letter-spacing:-1.5px;text-transform:uppercase}
.hero-lead{max-width:690px;margin-top:24px;font-size:17px;line-height:1.65;color:#C9CBCF}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-cond);
  font-size:13.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;transition:.18s}
.hero-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;flex:none}
.hero-btn.primary{background:var(--blue);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-right:30px}
.hero-btn.primary:hover{background:var(--blue-dark)}
.hero-btn.secondary{border:1px solid #57595E;color:#fff}
.hero-btn.secondary:hover{border-color:var(--blue);color:#8ED4F4}
.hero-aside{border-left:1px solid #4A4C50;padding:8px 0 8px 28px}
.hero-aside-label{font-family:var(--font-cond);font-size:11px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:#85878C;margin-bottom:8px}
.hero-aside-value{font-family:var(--font-cond);font-size:25px;font-weight:600;line-height:1.25;color:#fff}
.hero-aside-value:hover{color:#8ED4F4}
.hero-aside-note{font-size:13px;line-height:1.55;color:#96989D;margin-top:7px}

.contact-cards{position:relative;z-index:2;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr}
.contact-card{min-height:220px;padding:34px 28px 32px;border-right:1px solid var(--line);position:relative;
  transition:background .18s,transform .18s}
.contact-card:first-child{border-left:1px solid var(--line)}
.contact-card:hover{background:#F4F9FC;transform:translateY(-3px)}
.card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#EAF4F8;
  color:var(--blue);margin-bottom:24px}
.card-icon svg{width:21px;height:21px;stroke:currentColor;fill:none}
.contact-card h2{font-family:var(--font-cond);font-size:15px;font-weight:700;letter-spacing:1.1px;
  text-transform:uppercase;margin-bottom:11px}
.contact-card p,.contact-card address{font-style:normal;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.contact-card a{font-weight:600;color:var(--ink)}
.contact-card a:hover{color:var(--blue)}
.contact-email-list{display:grid;gap:10px}
.contact-email-item{display:grid;gap:2px}
.contact-email-item span{font-size:10.5px;line-height:1.25;font-weight:700;letter-spacing:.45px;
  text-transform:uppercase;color:var(--muted)}
.contact-email-item a{width:max-content;max-width:100%;overflow-wrap:anywhere}
.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--font-cond);
  font-size:12.5px;font-weight:700!important;letter-spacing:.7px;text-transform:uppercase;color:var(--blue)!important}
.card-link svg{width:13px;height:13px;stroke:currentColor;fill:none}

.contact-work{padding:86px 0 92px}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:50px;align-items:end;margin-bottom:38px}
.section-kicker{font-family:var(--font-cond);font-size:11.5px;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.section-title{font-family:var(--font-cond);font-size:42px;line-height:1.08;font-weight:600;letter-spacing:-.5px;text-transform:uppercase}
.section-note{font-size:15px;line-height:1.65;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:stretch}
.departments{border-top:3px solid var(--blue);background:#F4F5F6;padding:10px 32px}
.department{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:24px 0;border-bottom:1px solid #DDE0E3}
.department:last-child{border-bottom:none}
.department h3{font-family:var(--font-cond);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.department p{font-size:14px;line-height:1.6;color:var(--muted)}
.department a{display:inline-block;color:var(--ink);font-weight:600;margin:0 12px 4px 0;overflow-wrap:anywhere}
.department a:hover{color:var(--blue)}

.contact-form{position:relative;background:var(--steel);color:#fff;padding:34px 36px 36px;overflow:hidden}
.contact-form::after{content:'';position:absolute;right:-75px;bottom:-120px;width:250px;height:260px;
  background:rgba(33,130,175,.16);transform:skewX(-16deg)}
.contact-form>*{position:relative;z-index:1}
.contact-form h3{font-family:var(--font-cond);font-size:27px;line-height:1.1;font-weight:600;text-transform:uppercase;margin-bottom:9px}
.contact-form>p{font-size:13.5px;line-height:1.55;color:#C9CBCF;margin-bottom:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#C9CBCF}
.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #686B70;background:#fff;
  color:var(--ink);font:14px var(--font-ui);outline:none;padding:11px 12px;border-radius:0}
.field input,.field select{height:44px}
.field textarea{min-height:92px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#78C0E1;box-shadow:0 0 0 2px rgba(33,130,175,.2)}
.form-submit{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 26px;background:var(--wa);color:#fff;
  font-family:var(--font-cond);font-size:13.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;
  clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);transition:background .15s}
.form-submit:hover{background:#1DB855}
.form-submit svg{width:18px;height:18px;fill:#fff}
.form-status{display:block;margin-top:10px;font-size:12px;color:#B9DCEE;line-height:1.5}
.form-status.err{color:#FFC7C0}

.requisites{padding:80px 0 88px;background:#F4F5F6;border-top:1px solid var(--line)}
.req-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:74px;align-items:start}
.req-intro{position:sticky;top:calc(var(--header-offset,114px) + 30px)}
.req-intro p{margin-top:18px;max-width:390px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.req-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:9px 12px;background:#fff;
  border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink-soft)}
.req-badge svg{width:16px;height:16px;stroke:var(--blue);fill:none;flex:none}
.req-panel{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue)}
.req-row{display:grid;grid-template-columns:210px minmax(0,1fr) 36px;gap:18px;align-items:center;min-height:62px;
  padding:14px 18px;border-bottom:1px solid var(--line)}
.req-row:last-child{border-bottom:none}
.req-label{font-size:12px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;color:var(--muted)}
.req-value{font-size:14px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.req-value strong{font-weight:600}
.account-list{display:grid;gap:7px}
.account{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;font-variant-numeric:tabular-nums}
.account span{font-size:11.5px;font-weight:700;color:var(--blue)}
.copy-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#8B8E93;
  border:1px solid transparent;transition:.15s}
.copy-btn:hover{color:var(--blue);border-color:#C8DCE6;background:#F3F9FC}
.copy-btn svg{width:16px;height:16px;stroke:currentColor;fill:none}
.copy-btn.copied{color:#25843C;border-color:#BFE3C8;background:#F2FBF4}

@media (max-width:1180px){
  .contact-hero .wrap{grid-template-columns:minmax(0,1fr) 310px;gap:44px}
  .contact-hero h1{font-size:50px}
  .contact-grid{grid-template-columns:1fr 1fr}
  .contact-card:nth-child(2){border-right:1px solid var(--line)}
  .contact-card:nth-child(n+3){border-top:1px solid var(--line)}
  .work-grid{grid-template-columns:1fr}
  .req-layout{gap:44px}
}
@media (max-width:900px){
  .contact-hero .wrap{grid-template-columns:1fr;padding-top:56px;padding-bottom:60px;gap:40px}
  .hero-aside{display:none}
  .contact-hero h1{max-width:720px}
  .section-head{grid-template-columns:1fr;gap:16px}
  .req-layout{grid-template-columns:1fr}
  .req-intro{position:static}
}
@media (max-width:720px){
  .crumbs .wrap{min-height:42px}
  .contact-hero h1{font-size:39px;line-height:1.02;letter-spacing:-.7px}
  .hero-lead{font-size:15px;margin-top:19px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-btn{justify-content:center}
  .contact-grid{grid-template-columns:1fr}
  .contact-card,.contact-card:first-child{min-height:0;border:1px solid var(--line);border-bottom:none;padding:26px 24px}
  .contact-card:last-child{border-bottom:1px solid var(--line)}
  .card-icon{margin-bottom:18px}
  .contact-work{padding:62px 0 68px}
  .section-title{font-size:32px}
  .departments{padding:8px 22px}
  .department{grid-template-columns:1fr;gap:8px;padding:20px 0}
  .contact-form{padding:28px 22px 30px}
  .form-row{grid-template-columns:1fr;gap:0}
  .form-submit{width:100%;justify-content:center}
  .requisites{padding:60px 0 68px}
  .req-row{grid-template-columns:minmax(0,1fr) 34px;gap:8px 14px;padding:15px 16px}
  .req-label{grid-column:1/-1}
  .account{grid-template-columns:34px minmax(0,1fr)}
}
@media (max-width:430px){
  .contact-hero .wrap{padding-top:46px;padding-bottom:50px}
  .contact-hero h1{font-size:32px}
  .section-title{font-size:27px}
}