/* Home-only content composition. The approved first screen is styled by components.css. */
.home-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,88px)}
.home-intro__copy p{max-width:70ch;color:var(--text-muted)}
.home-intro__aside{display:grid;gap:14px}
.home-intro__aside .card p{margin:8px 0 0;color:var(--text-muted)}
.feature-section__heading{text-align:center;max-width:720px;margin:0 auto 54px}
.feature-section__heading p{color:var(--text-muted)}
.feature-section__heading .btn{margin-top:6px}
.feature-panel__copy h3{margin:0 0 14px;font-size:clamp(24px,2.6vw,32px);line-height:1.25}
.feature-panel__copy p{margin-bottom:12px;color:var(--text-muted)}
.feature-panel__copy p:last-child{margin-bottom:0}
.feature-panel__copy a,.route-after a,.faq-item a{color:var(--accent-dark);text-underline-offset:3px}
.feature-panel__cards .card{max-width:440px}
.feature-panel__cards .card:nth-child(even){margin-left:min(8%,32px)}
.feature-panel__cards strong{display:block;margin-bottom:8px;color:var(--accent-dark)}
.feature-panel__cards p{margin:0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head .sec-heading{margin:12px 0 0}
.section-link{display:inline-flex;align-items:center;min-height:44px;flex:none;color:var(--accent-dark);font-weight:700;text-underline-offset:4px}
.section-lead{max-width:80ch;color:var(--text-muted);margin-bottom:28px}
.route-section,.pricing-section,.faq-section{border-top:1px solid var(--border)}
.route-note{margin-top:22px;max-width:780px}
.route-note .card{padding:20px}
.route-note h3{margin:0 0 8px}
.route-note p{margin:0;color:var(--text-muted)}
.route-after{max-width:78ch;color:var(--text-muted)}
.server-status{position:relative;display:block;max-width:100%;overflow:hidden;margin-top:24px;margin-bottom:24px;border-radius:var(--r-xl);background:var(--bg-panel-2);padding:18px}
.server-status:empty{display:none}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-soft)}
.server-status .srv-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--success);animation:server-pulse 2.8s ease-in-out infinite}
.server-status .srv-flag{flex:none;max-width:28px}
.server-status .srv-name{min-width:0;font-weight:700}
.server-status .srv-type{flex:none;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-panel-2);color:var(--accent-dark);font-size:12px}
.server-status .srv-ms,.server-status .srv-bw{font:600 12px var(--font-mono);white-space:nowrap;color:var(--text-muted)}
@keyframes server-pulse{50%{opacity:.45;transform:scale(.8)}}
.client-section .platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.platform-card h3{margin:0}
.platform-card p{flex:1;margin:0;color:var(--text-muted);font-size:14px}
.platform-card .btn{max-width:100%;padding-inline:12px}
.pricing-section .panel{margin-top:26px}
.pricing-section .plan-card__details{margin:0}
.pack-note{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:26px 30px;border-radius:var(--r-xl);background:var(--bg-panel-2)}
.pack-note h3{margin:0 0 8px;font-size:22px}
.pack-note p{margin:0;max-width:74ch;color:var(--text-muted)}
.faq-section__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:26px;align-items:start}
.faq-section__aside h3{margin:0 0 12px}
.faq-section__aside p{color:var(--text-muted)}
.faq-section__aside p:last-child{margin-bottom:0}
.reading-section{border-top:1px solid var(--border)}
.reading-section .article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.reading-section .article-card a{margin-top:auto;min-height:36px;color:var(--accent-dark);font-weight:700;text-underline-offset:4px}
@media(min-width:769px){
  .feature-panel:nth-child(4n) .feature-panel__copy{order:2}
  .feature-panel:nth-child(4n) .feature-panel__cards{order:1}
}
@media(max-width:1150px){
  .client-section .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .reading-section .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .home-intro,.faq-section__grid{grid-template-columns:1fr}
  .feature-panel__cards .card{max-width:none}
  .feature-panel__cards .card:nth-child(even){margin-left:0}
  .client-section .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{align-items:start}
  .pack-note{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .section-head{display:block}
  .section-head .section-link{margin-top:8px}
  .client-section .platform-grid,.reading-section .article-grid{grid-template-columns:1fr}
  .server-status{padding:12px}
  .server-status .srv-row{flex-wrap:wrap}
  .pack-note{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .server-status .srv-dot{animation:none}
}