.brand-name{letter-spacing:-.04em}
.services-section{padding:112px 0;background:#f4f7f5;border-top:1px solid var(--line)}
.services-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:end}
.services-intro h2{font-size:49px;line-height:1.03;letter-spacing:-.06em;margin:0}
.services-intro h2 em{color:var(--blue)}
.services-intro>p{max-width:390px;margin:0;color:var(--ink-soft);font-size:16px}
.services-list{margin-top:66px;border-top:1px solid #ccd8d5}
.services-list article{display:grid;grid-template-columns:70px 1fr 30px;gap:26px;align-items:center;padding:25px 0;border-bottom:1px solid #ccd8d5}
.service-index{font:11px "DM Mono";color:var(--blue)}
.services-list h3{font-size:20px;letter-spacing:-.04em;margin:0 0 4px}
.services-list p{font-size:13px;color:var(--muted);margin:0;max-width:560px}
.service-arrow{font-size:22px;color:var(--blue);transition:transform .2s}
.services-list article:hover .service-arrow{transform:translate(4px,-4px)}
.about-section{padding:112px 0;background:#fff}
.about-card{display:grid;grid-template-columns:190px 1fr;gap:74px;background:#17313a;border-radius:19px;padding:59px 64px;color:#fff}
.about-mark{font:600 34px/.82 "DM Mono";letter-spacing:-.12em;color:#7ce0bc;opacity:.9}
.about-mark span{font-size:21px;letter-spacing:.04em}
.about-card h2{font-size:48px;line-height:1.04;letter-spacing:-.06em;margin:0 0 20px}
.about-card h2 em{color:#7ce0bc}
.about-card p{max-width:640px;color:#b5c8c9;font-size:15px;line-height:1.65}
.about-details{display:flex;gap:42px;margin-top:35px;padding-top:24px;border-top:1px solid #345357}
.about-details strong,.about-details span{display:block}
.about-details strong{font-size:13px}.about-details span{font-size:11px;color:#8ea9aa;margin-top:4px}
.footer-contact a{color:#7ce0bc;font-size:13px}
.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.detail-actions form{margin:0}
.button-danger-outline{border:1px solid #f0b4a6;background:#fff8f5;color:#bd5c49}
.button-danger-outline:hover{background:#ffebe5;color:#9d4434}
.settings-panel{margin-bottom:15px}
.password-panel{max-width:930px}
.password-panel .form-section{border-bottom:0}
.inline-actions{padding:0;align-items:end}

@media(max-width:950px){
  .services-intro{grid-template-columns:1fr;gap:25px}
  .about-card{grid-template-columns:100px 1fr;gap:35px;padding:45px}
  .detail-actions{justify-content:flex-start;margin-top:18px}
}
@media(max-width:680px){
  .services-section,.about-section{padding:72px 0}
  .services-intro h2,.about-card h2{font-size:38px}
  .services-list{margin-top:42px}
  .services-list article{grid-template-columns:42px 1fr 20px;gap:12px;padding:20px 0}
  .services-list h3{font-size:17px}
  .services-list p{font-size:12px}
  .about-card{display:block;padding:34px 25px}
  .about-mark{margin-bottom:45px}
  .about-details{display:block}
  .about-details div{margin-top:17px}
  .detail-actions{display:flex}
  .detail-actions .button,.detail-actions form,.detail-actions form .button{width:100%}
}