.professionals {
  max-width: 1600px;
  margin: auto;
  padding: 130px clamp(22px, 7vw, 110px);
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 8vw;
  align-items: center;
  border-top: 1px solid var(--line);
}

.professional-copy h2 {
  margin: 28px 0;
  font-size: clamp(42px, 5.4vw, 76px);
  line-height: 1;
  letter-spacing: -.055em;
}

.professional-copy h2 em { color: var(--lime); font-style: normal; }
.professional-copy > p:not(.eyebrow) { max-width: 620px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.professional-copy .secondary { margin-top: 24px; }
.professional-board { border: 1px solid var(--line); background: radial-gradient(circle at 88% 8%, #9dff2724, transparent 34%), linear-gradient(145deg, #111811, #0a0f0a); }
.professional-board article { display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 30px; border-bottom: 1px solid var(--line); }
.professional-board article:last-child { border-bottom: 0; }
.professional-board article > b { color: var(--lime); font-size: 12px; }
.professional-board span { color: var(--lime); font-size: 8px; font-weight: 900; letter-spacing: .2em; }
.professional-board h3 { margin: 9px 0 8px; font-size: 24px; letter-spacing: -.035em; }
.professional-board p { margin: 0; color: var(--muted); line-height: 1.55; }

footer {
  min-height: 230px;
  padding-top: 44px;
  padding-bottom: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
}
footer .brand { justify-content: center; }
footer p,
footer small { margin: 0; text-align: center; }
footer p { color: #aeb7ab; font-size: 12px; letter-spacing: .15em; }
footer small { color: #778075; line-height: 1.5; }
footer .legal-links { display: flex; justify-content: center; gap: 22px; }

@media (max-width: 950px) {
  .professionals { grid-template-columns: 1fr; }
  .professional-copy { text-align: center; }
  .professional-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
}

@media (max-width: 620px) {
  html, body { width: 100%; max-width: 100%; overflow-x: clip; }
  .site-header { width: 100%; max-width: 100%; height: 64px; padding: 0 14px; gap: 12px; }
  .site-header .brand { flex: 0 0 auto; }
  .site-header .brand img { width: 36px; height: 36px; border-radius: 10px; }
  .site-header .header-cta { width: auto; max-width: 205px; min-height: 40px; padding: 0 13px; font-size: 8px; line-height: 1.2; letter-spacing: .1em; white-space: normal; }
  .hero { display: block; width: 100%; overflow: hidden; }
  .product-name { font-size: 14px; font-weight: 900; }
  .hero h1 { font-size: clamp(43px, 13vw, 52px); line-height: .92; letter-spacing: -.065em; }
  .hero-text { font-size: 15px; line-height: 1.6; }
  .hero-actions { max-width: 100%; margin-top: 30px; }
  .primary, .secondary { width: 100%; min-width: 0; }
  .trust-row { margin-top: 30px; }
  .hero-visual { display: none; }
  .glow { width: 250px; height: 250px; top: 90px; }
  .phone { width: 286px; min-height: 500px; padding: 16px; border-radius: 30px; transform: none; box-shadow: 0 28px 70px #000, 0 0 0 5px #111811; }
  .phone-top > b, .phone-top > i { width: 32px; height: 32px; }
  .phone-top > b { font-size: 19px; }
  .phone > p { margin: 24px 0 8px; }
  .phone > h2 { font-size: 21px; }
  .score { width: 158px; height: 158px; margin: 18px auto; }
  .score::before { width: 130px; height: 130px; }
  .score strong { font-size: 52px; }
  .mini-grid { gap: 6px; }
  .mini-grid article { min-height: 67px; padding: 9px; grid-template-columns: 24px 1fr; }
  .mini-grid b { width: 21px; height: 21px; border-width: 2px; }
  .mini-grid strong { font-size: 16px; }
  .phone-nav { height: 47px; margin-top: 11px; padding: 0 17px; }
  .phone-nav b { width: 36px; height: 36px; font-size: 22px; }
  .floating-card { display: none; }
  .manifesto, .steps, .features, .security, .professionals { width: 100%; padding: 76px 18px; }
  .manifesto h2, .steps h2, .feature-intro h2, .security h2, .professional-copy h2, .final-cta h2 { font-size: clamp(38px, 11vw, 44px); }
  .step-grid { margin-top: 45px; }
  .step-grid article { padding: 30px 22px; }
  .feature-grid article { padding: 25px; }
  .professional-copy .secondary { display: flex; }
  .professional-board article { grid-template-columns: 38px 1fr; gap: 10px; padding: 24px 18px; }
  .professional-board h3 { font-size: 21px; }
  .professional-board p { font-size: 14px; }
  .cta-ring { width: 330px; height: 330px; }
  .final-cta { padding-left: 18px; padding-right: 18px; }
  footer { min-height: 260px; padding: 42px 18px; gap: 17px; }
  .legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
}

@media (max-width: 370px) {
  .site-header { padding: 0 10px; gap: 8px; }
  .site-header .brand img { width: 34px; height: 34px; }
  .site-header .header-cta { max-width: 184px; padding: 0 10px; font-size: 7.5px; }
  .hero { padding-left: 14px; padding-right: 14px; padding-bottom: 78px; }
  .phone { width: min(278px, calc(100vw - 40px)); }
}