/* Readable content, persistent navigation and the revised product visuals. */
:root { --muted: #625e6b; }
body { font-size: 20px; }
html { scroll-padding-top: 110px; }
:where(a, button, input, textarea, summary):focus-visible {
  outline: 3px solid var(--pink-light);
  outline-offset: 5px;
}
.site-header {
  position: fixed;
  background: #0a0a0ced;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 #ffffff24;
  z-index: 80;
}
.nav { height: 88px; grid-template-columns: auto 1fr auto; gap: 36px; }
.nav nav { justify-content: center; gap: 24px; font-size: 18px; color: #ffffffc9; }
.button, .text-link { font-size: 18px; }
.button { min-height: 56px; }
.button span { font-size: 22px; }
.hero { padding-top: 170px; }
.lead { font-size: 20px; color: #ffffffb8; }
.hero-actions { flex-wrap: wrap; gap: 24px; }
.problem-intro { top: 120px; }
.section-heading>p, .problem-intro p, .problem-list .problem-card p,
.feature-copy>p, .scenario-card p, .case-heading>p, .metric p,
.anatomy-list p, .steps p, .infrastructure-head p, .deployment-grid p,
.specs p, .faq-list details p, .contact-copy>p { font-size: 20px; line-height: 1.6; }
.pipeline { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pipeline>div { min-width: 0; padding: 24px 18px; min-height: 190px; }
.pipeline b { font-size: 20px; overflow-wrap: anywhere; }
.pipeline small { font-size: 16px; line-height: 1.4; }
.ui-header, .analysis-flow small, .flow-processing, .flow-status,
.flow-output dt, .flow-output dd { font-size: 16px; line-height: 1.45; }
.flow-message p { font-size: 20px; }
.flow-output dl>div { grid-template-columns: 110px minmax(0, 1fr); }
.feature-copy h3 { margin-top: 0; }
.feature-copy li { font-size: 20px; }
.feature-copy li>span { font-size: 20px; }
.scenario-card { grid-template-rows: 64px 108px 1fr; min-height: 400px; }
.scenario-card h3 { font-size: 28px; }
.metric { min-height: 300px; padding: 30px; }
.metric>span { font-size: 16px; color: #ffffffad; }
.metric strong { margin: 30px 0 20px; min-height: 110px; }
.metric p { min-height: 64px; }
.metric p, .case-heading>p { color: #ffffffad; }
.signal-badge, .detail-head, .detail-title small, .detail-chart>span,
.detail-footer small, .detail-footer button { font-size: 16px; }
.detail-chart>span { color: #ffffffad; }
.detail-footer small { color: #ffffffad; }
.detail-footer b { font-size: 20px; }
.detail-footer { grid-template-columns: 1fr 1fr; }
.detail-footer button { grid-column: 1/-1; min-height: 48px; }
.anatomy-list b { font-size: 24px; }
.steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.steps article { min-height: 280px; padding-bottom: 28px; border-bottom: 1px solid #c8c5cd; }
.steps h3 { font-size: 28px; margin-top: 44px; }
.steps p { max-width: 100%; }
.deployment-grid article>span, .specs b { font-size: 20px; }
.infrastructure-section .specs>div { grid-template-columns: 48px minmax(0,1fr); gap: 16px; }
.specs p { grid-column: 2; }
.why-list p { font-size: 22px; }
.faq-list summary { font-size: 22px; }

.signal-preview {
  min-width: 0;
  padding: 34px;
  background: radial-gradient(circle at 78% 60%,#f5377724,transparent 35%),
    radial-gradient(circle at 30% 70%,#661fff27,transparent 46%),#0f0e14;
}
.preview-copy h2 { font-size: clamp(32px,3vw,44px); line-height: 1.05; }
.preview-copy p { margin-top: 14px; font-size: 20px; color: var(--pink-light); }
.preview-chart { height: 260px; margin-top: 36px; }
.chart-marker { font-size: 16px; padding: 8px 12px; }
.preview-chart .chart-bars i { transform-origin: bottom; animation: signalBars 3s ease-in-out infinite alternate; }
.preview-chart .chart-bars i:nth-child(2n) { animation-delay: -.4s; }
.preview-chart .chart-bars i:nth-child(3n) { animation-delay: -.8s; }
@keyframes signalBars { to { transform: scaleY(.82); opacity: .95; } }

.case-heading { margin-top: 0; }
.case-result { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; margin-top: 80px; padding-top: 60px; border-top: 1px solid #ffffff2b; }
.case-result-intro h3 { font-size: clamp(36px,4vw,52px); }
.case-result-intro p { margin-top: 24px; color: #ffffffad; font-size: 20px; line-height: 1.6; }
.case-result-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #ffffff2b; }
.case-result-grid article { min-width: 0; min-height: 230px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; }
.case-result-grid article+article { border-left: 1px solid #ffffff2b; }
.case-result-grid strong { color: var(--purple-light); font-size: 80px; font-weight: 500; line-height: .95; letter-spacing: -.07em; }
.case-result-grid span { color: #ffffffc9; font-size: 20px; line-height: 1.4; }

.contact-grid { grid-template-columns: 1.05fr .95fr; gap: 80px; }
.contact-form label>span { font-family: inherit; font-size: 18px; line-height: 1.4; text-transform: none; color: #ffffffbf; }
.contact-form label>span em { font-size: 16px; color: #ffffffa8; }
.contact-form input, .contact-form textarea { font-size: 20px; line-height: 1.5; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #ffffff91; }
.consent-field { grid-template-columns: 24px 1fr; }
.consent-field input { width: 22px!important; height: 22px; margin-top: 2px; }
.consent-field>span { font-size: 16px!important; line-height: 1.5!important; }
.contact-copy>a.telegram-button { display: inline-flex; align-items: center; gap: 14px; margin-top: 34px; padding: 18px 22px; border: 1px solid var(--purple-light); background: #661fff33; color: #fff; font-size: 20px; line-height: 1.4; transition: background .2s; }
.telegram-button:hover { background: var(--purple); }
.form-trust { color: #ffffffa8; font-size: 16px; line-height: 1.5; }
.footer-grid { grid-template-columns: 1.1fr .7fr 1fr 1fr; gap: 32px; }
.footer-brand p, .footer-column, .footer-column strong, .footer-bottom { font-size: 16px; }
.footer-column a { color: #ffffffb8; overflow-wrap: anywhere; }
.footer-brand p, .footer-bottom { color: #ffffffa8; }

@media(max-width:1050px) {
  .nav { grid-template-columns: 1fr auto; }
  .nav nav { display: none; }
  .hero-grid, .case-result, .contact-grid { grid-template-columns: 1fr; }
  .signal-preview { width: 100%; max-width: 660px; }
  .pipeline { grid-template-columns: 1fr; }
  .pipeline>div { grid-template-columns: 50px minmax(0,1fr) auto; min-height: 100px; padding: 20px; }
  .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media(max-width:680px) {
  .nav { height: 76px; gap: 16px; }
  .brand img { width: 116px; }
  .nav>.button { min-height: 46px; padding-inline: 10px; font-size: 16px; gap: 8px; }
  .nav>.button:before { content: none; }
  .nav>.button span { margin-left: 0; }
  .hero { padding-top: 124px; }
  .hero h1 { font-size: clamp(40px,11.5vw,58px); }
  .hero-thesis { font-size: 26px; }
  .signal-preview { margin-inline: 0; padding: 24px 20px; }
  .preview-chart { height: 220px; }
  .preview-copy h2 { font-size: 34px; }
  .scenario-card { grid-template-rows: 60px 92px 1fr; min-height: 360px; }
  .steps { grid-template-columns: 1fr; }
  .pipeline>div { grid-template-columns: 42px minmax(0,1fr); gap: 12px; }
  .pipeline small { grid-column: 2; }
  .flow-output dl>div { grid-template-columns: 1fr; gap: 6px; }
  .case-result { gap: 36px; margin-top: 56px; padding-top: 40px; }
  .case-result-grid { grid-template-columns: 1fr; }
  .case-result-grid article { min-height: 200px; }
  .case-result-grid article+article { border-left: 0; border-top: 1px solid #ffffff2b; }
  .case-heading h2 { font-size: clamp(34px,9vw,46px); overflow-wrap: anywhere; }
  .contact-copy h2 { font-size: 42px; }
  .contact-form { padding: 24px 20px; }
  .contact-form label>span em { float: none; margin-left: 8px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
}
@media(prefers-reduced-motion:reduce) {
  .preview-chart .chart-bars i { animation: none; }
}