/* Shared product-site additions: video education and PWA handoff. */
.video-promo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,6vw,82px);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.video-copy h2{font-size:45px}.video-copy>p:not(.eyebrow){max-width:520px;margin:20px 0;color:var(--muted);line-height:1.8}.video-side{display:grid;gap:14px;min-width:0}.video-promo video{display:block;width:100%;border:1px solid #314b51;background:#10191e}
.pwa-qr,.guide-pwa{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;padding:10px 14px;border:1px solid #355149;background:#0d1818}.pwa-qr img,.guide-pwa img{display:block;width:62px;height:62px;image-rendering:pixelated;background:#fff}.pwa-qr span,.guide-pwa span{display:grid;gap:3px}.pwa-qr b,.guide-pwa b{color:var(--mint);font-size:13px}.pwa-qr small,.guide-pwa small{color:var(--muted);font-size:11px}
.guide-pwa{margin-top:16px}.guide-pwa img{width:72px;height:72px}
@media(max-width:900px){.video-promo{grid-template-columns:1fr;gap:38px;max-width:680px}}
@media(max-width:560px){.video-copy h2{font-size:33px}.pwa-qr,.guide-pwa{width:100%}}

/* PWA installation handoff on the public homepage. */
.install-band{width:100%;display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(38px,6vw,82px);align-items:start;padding:72px max(var(--gutter),calc((100vw - var(--max))/2));border-bottom:1px solid var(--app-line);background:var(--app-panel)}
.install-intro{max-width:500px}.install-intro h2{margin:0;color:var(--app-text);font-size:clamp(29px,3.1vw,43px);line-height:1.15}.install-intro>p:last-child{margin:18px 0 0;color:var(--app-muted);font-size:13px;line-height:1.8}
.install-guide{min-width:0;padding:24px;border:1px solid var(--app-line);background:var(--app-bg);box-shadow:0 1px 0 var(--app-highlight) inset}
.install-guide-head{display:grid;gap:7px}.install-platform{width:max-content;color:var(--app-accent);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.install-guide-head strong{color:var(--app-text);font-size:20px;line-height:1.35}.install-guide-head p{margin:0;color:var(--app-muted);font-size:12px;line-height:1.65}
.install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:20px 0;padding:1px;background:var(--app-line);list-style:none;counter-reset:install-step}.install-steps:empty{display:none}.install-steps li{counter-increment:install-step;min-width:0;padding:13px 12px;background:var(--app-panel);color:var(--app-muted);font-size:11px;line-height:1.55}.install-steps li::before{content:"0" counter(install-step);display:block;margin-bottom:7px;color:var(--app-accent);font:700 10px/1 ui-monospace,monospace}
.install-actions{display:flex;flex-wrap:wrap;gap:10px}.install-actions .button{width:auto}.install-status{min-height:18px;margin:10px 0 0;color:var(--app-faint);font-size:11px}.install-status:empty{min-height:0;margin-top:0}.install-status.is-success{color:var(--app-accent)}.install-status.is-error{color:var(--app-coral)}
.install-guide.is-attention{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent-soft)}
@media(max-width:900px){.install-band{grid-template-columns:1fr;gap:28px;padding-top:58px;padding-bottom:58px}.install-intro{max-width:680px}}
@media(max-width:560px){.install-band{padding:46px var(--gutter)}.install-intro h2{font-size:30px}.install-guide{padding:18px}.install-guide-head strong{font-size:18px}.install-steps{grid-template-columns:1fr}.install-actions{display:grid}.install-actions .button{width:100%}}

/* Public product message: explain the core loop before listing secondary capabilities. */
.proof-strip { background: #0d171b; }
.proof-strip b { color: var(--mint); }
.proof-strip span { max-width: 18ch; }
.feature-grid article { border-color: #2c4449; background: #101b20; }
.feature-grid article:hover { border-color: var(--mint); background: #12231f; }
@media(min-width:901px){
  .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(min-width:701px) and (max-width:900px){
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:700px){
  .proof-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
  .proof-strip div { min-height: 88px; padding: 15px 12px; }
}