.seo-proof__panel {
  display: grid;
  grid-template-columns: 1fr 54px 1fr 1.18fr;
  gap: 14px;
  align-items: stretch;
  margin-top: 30px;
  padding: 16px;
  border: 1px solid #ffffff18;
  border-radius: 20px;
  background: linear-gradient(145deg, #111116, #20202a);
  box-shadow: 0 28px 70px #0004;
}

.seo-proof__input,
.seo-proof__result {
  min-width: 0;
  padding: 22px;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  background: #ffffff08;
}

.seo-proof__input span,
.seo-proof__result span {
  display: block;
  margin-bottom: 14px;
  color: #83aaff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.seo-proof__input strong,
.seo-proof__result strong { display: block; font-size: 17px; line-height: 1.35; }
.seo-proof__result { background: radial-gradient(circle at 100% 0, #386fde55, transparent 56%), #17171e; }
.seo-proof__result p { margin: 10px 0 18px; color: #ffffff91; font-size: 14px; line-height: 1.5; }
.seo-proof__result .seo-button { min-height: 40px; padding: 0 16px; }
.seo-proof__flow { display: flex; align-items: center; justify-content: center; gap: 4px; }
.seo-proof__flow i { width: 5px; height: 5px; border-radius: 50%; background: #6f9bfa; box-shadow: 0 0 14px #5d8df0; }
.seo-related__links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }
.seo-related-link { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 17px; border: 1px solid #ffffff14; border-radius: 12px; background: #ffffff07; color: #ffffffc7; font-size: 14px; font-weight: 600; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.seo-related-link span { color: #83aaff; font-size: 20px; }
.seo-related-link:focus-visible { outline: 2px solid #83aaff; outline-offset: 3px; }
.seo-editorial__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:34px;align-items:center}.seo-editorial__copy>p:not(.seo-section__lead){max-width:720px;margin:18px 0 0;color:#ffffffb0;font-size:15px;line-height:1.72}.seo-editorial__media{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #ffffff18;border-radius:20px;background:#111116;box-shadow:0 24px 64px #0005}.seo-editorial__media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.seo-editorial__media figcaption{position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff1f;border-radius:999px;background:#111116d9;color:#ffffff9e;font-size:10px;backdrop-filter:blur(10px)}.seo-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.seo-checklist article{min-height:160px;padding:20px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff07}.seo-checklist span{color:#739cf0;font-size:11px;font-weight:700}.seo-checklist h3{margin:22px 0 8px;font-size:17px}.seo-checklist p{margin:0;color:#ffffff91;font-size:13px;line-height:1.55}.seo-grid--four{grid-template-columns:repeat(4,1fr)}.seo-grid--four .seo-card{min-height:170px;padding:22px}.seo-grid--four .seo-card h3{margin-top:28px}

@media (hover: hover) {
  .seo-related-link:hover { transform: translateY(-3px); border-color: #739cf05c; background: #ffffff0d; }
}

@media (max-width: 820px) {
  .seo-proof__panel { grid-template-columns: 1fr 34px 1fr; }
  .seo-proof__result { grid-column: 1 / -1; }
  .seo-editorial__grid{grid-template-columns:1fr}.seo-checklist,.seo-grid--four{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 620px) {
  .seo-proof__panel { grid-template-columns: 1fr; padding: 12px; }
  .seo-proof__flow { min-height: 24px; transform: rotate(90deg); }
  .seo-proof__input, .seo-proof__result { padding: 18px; }
  .seo-related__links { grid-template-columns: 1fr; }
  .seo-editorial__grid{gap:22px}.seo-editorial__copy>p:not(.seo-section__lead){font-size:14px;line-height:1.65}.seo-checklist,.seo-grid--four{grid-template-columns:1fr}.seo-checklist article{min-height:0}.seo-editorial__media{border-radius:14px}
}