.capability-summary {
  display: flex;
  align-items: baseline;
  gap: 18px;
  border-top: 1px solid var(--line);
  padding: 20px 0 28px;
  color: var(--muted);
}

.capability-summary strong {
  color: var(--red);
  font-size: 30px;
  letter-spacing: -1px;
}

.capability-summary span { font-size: 14px; }
.feature-grid-wide .feature-index { font-size: 12px; line-height: 1.5; }
.feature-grid-wide .feature p, .feature-grid-wide .feature li { font-size: 16px; }
.feature-grid-wide .feature-note { font-size: 14px; line-height: 1.5; }
.difference-grid p { line-height: 1.6; }
.feature-grid-wide .feature { min-height: 470px; }

.feature-index {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.status {
  padding: 4px 7px;
  border: 1px solid #45464b;
  border-radius: 20px;
  font-size: 8px;
  font-style: normal;
  letter-spacing: .7px;
  white-space: nowrap;
}

.status.ready { color: #a6d9b7; border-color: #355743; }
.status.beta { color: #ffd092; border-color: #665033; }
.status.planned { color: #b9c7ff; border-color: #3d4665; }
.status.custom { color: #e3b6ff; border-color: #584064; }

.difference-section {
  padding: 88px 0;
  background: #f0f0f2;
  color: #17181b;
}

.difference-head .eyebrow { color: #6f7078; }
.difference-head p { color: #686a72; }

.difference-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #cfd0d5;
  border-left: 1px solid #cfd0d5;
}

.difference-grid article {
  min-height: 235px;
  padding: 28px 27px 32px;
  border-right: 1px solid #cfd0d5;
  border-bottom: 1px solid #cfd0d5;
}

.difference-grid article > span {
  color: var(--red);
  font-size: 11px;
  font-weight: bold;
}

.difference-grid h3 {
  margin: 22px 0 12px;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.4px;
}

.difference-grid p {
  margin: 0;
  color: #666870;
  font-size: 14px;
}

.difference-claim {
  display: grid;
  grid-template-columns: .7fr 1.2fr 1fr;
  align-items: center;
  gap: 35px;
  margin-top: 30px;
  padding: 34px 38px;
  border-radius: 12px;
  background: #17181b;
  color: #fff;
}

.difference-claim > span {
  color: #92949b;
  font-size: 11px;
  letter-spacing: 1.4px;
}

.difference-claim strong { font-size: 25px; line-height: 1.25; }
.difference-claim p { margin: 0; color: #a9aab0; font-size: 13px; }

.logic-section { padding-bottom: 42px; }
.logic-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 14px;
}
.logic-flow article {
  min-height: 180px;
  padding: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.logic-flow article span { color: var(--red); font-size: 11px; letter-spacing: 1px; }
.logic-flow article b { display: block; margin-top: 28px; font-size: 18px; line-height: 1.3; }
.logic-flow article p { margin: 10px 0 0; color: var(--muted); font-size: 14px; }
.logic-flow > em { align-self: center; color: var(--red); font-size: 23px; font-style: normal; }

.replace-section { padding-top: 70px; }
.replace-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.replace-grid > div { padding: 38px; }
.replace-grid > div > span { font-size: 11px; letter-spacing: 1.4px; color: var(--muted); }
.replace-grid ul { margin: 26px 0 0; padding: 0; list-style: none; color: #c8c9ce; }
.replace-grid li { padding: 10px 0 10px 24px; border-bottom: 1px solid var(--line); position: relative; }
.replace-grid li::before { content: '×'; position: absolute; left: 0; color: #74767d; }
.replace-result { background: var(--red); display: flex; flex-direction: column; justify-content: center; }
.replace-result > span { color: #ffd1cb !important; }
.replace-result strong { max-width: 430px; margin-top: 35px; font-size: 35px; line-height: 1.15; letter-spacing: -1px; }
.replace-result p { max-width: 470px; margin: 22px 0 0; color: #ffe1dd; font-size: 16px; }

@media (max-width: 1000px) {
  .feature-grid-wide { grid-template-columns: repeat(2, 1fr); }
  .difference-grid { grid-template-columns: repeat(2, 1fr); }
  .difference-claim { grid-template-columns: 1fr 1.3fr; }
  .difference-claim p { grid-column: 1 / -1; }
  .logic-flow { grid-template-columns: 1fr 1fr; }
  .logic-flow > em { display: none; }
}

@media (max-width: 760px) {
  .capability-summary { align-items: flex-start; flex-direction: column; gap: 2px; }
  .feature-grid-wide { grid-template-columns: 1fr; }
  .feature-grid-wide .feature { min-height: 0; }
  .difference-section { padding: 58px 0; }
  .difference-grid { grid-template-columns: 1fr; }
  .difference-grid article { min-height: 0; }
  .difference-claim { grid-template-columns: 1fr; gap: 18px; padding: 27px; }
  .difference-claim p { grid-column: auto; }
  .logic-flow { grid-template-columns: 1fr; }
  .logic-flow article { min-height: 0; }
  .logic-flow article b { margin-top: 16px; }
  .replace-grid { grid-template-columns: 1fr; }
  .replace-grid > div { padding: 27px; }
  .replace-result strong { font-size: 28px; }
}

.header-actions{display:flex;align-items:center;gap:12px}.header-actions .demo-button{background:transparent;border:1px solid var(--line)}#features .section-top>p{max-width:480px;font-size:16px}.capability-summary{flex-wrap:wrap}.header nav{gap:22px}.hero .eyebrow{line-height:1.6}.header-actions{flex-shrink:0}@media(max-width:1000px) and (min-width:761px){.header nav{gap:12px;font-size:12px}.header-actions{gap:7px}.header-actions .button{padding:12px;font-size:12px;gap:8px}}@media(max-width:760px){.header-actions{gap:8px}.header-actions .demo-button{padding:11px 8px}.header-actions .demo-button span{display:none}.header{gap:12px}.capability-summary strong{font-size:26px;line-height:1.25}}