.sp-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.sp-hero p:not(.mono-label){max-width:60ch}.sp-accent{color:#5cd2e6}.sp-figure{margin:0;border:1px solid #436071;background:#0b1825;padding:1rem}.sp-figure svg{display:block;width:100%;height:auto}.sp-figure figcaption{color:#bdcbd6;font-size:.8rem;padding:.75rem;border-top:1px solid #436071}.sp-section-nav{border-bottom:1px solid currentColor}.sp-section-nav .wrap{display:flex;gap:1.8rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}.sp-section-nav a{font-size:.9rem;text-underline-offset:.3em}.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.sp-steps{list-style:none;padding:0;margin:3rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.sp-steps li{border-top:2px solid currentColor;padding-top:1.5rem}.sp-steps h3{margin-top:1rem}.sp-note{border-left:3px solid currentColor;padding-left:1.25rem;font-size:.95rem}.sp-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.sp-status-grid article{border-top:1px solid currentColor;padding-top:1.4rem}.sp-status{font-family:var(--font-mono);font-size:.75rem}.sp-status-grid h3{margin-top:1.2rem}.sp-boundary{border:1px solid currentColor;padding:2rem;max-width:85ch}.sp-faq details{border-top:1px solid currentColor;padding:1.2rem 0}.sp-faq summary{cursor:pointer;font-weight:600;padding-right:1rem}.sp-faq details p{margin-top:1rem}.sp-motto{font-size:1.05rem;max-width:65ch;margin:3rem auto 0;padding-top:2rem;border-top:1px solid currentColor}section[id]{scroll-margin-top:6rem}@media(max-width:1000px){.sp-hero-grid,.sp-split{grid-template-columns:1fr;gap:2rem}.sp-figure{max-width:650px}.sp-status-grid{grid-template-columns:1fr}}@media(max-width:640px){.sp-steps{grid-template-columns:1fr}.sp-section-nav .wrap{gap:1rem}.sp-boundary{padding:1.25rem}}
/* Actual prototype screenshot gallery. Preserve full captures. */
.sp-capture{margin:2.5rem 0 3.5rem;border:1px solid currentColor}.sp-capture>a{display:block;background:#edf3f6}.sp-capture img{display:block;width:100%;height:auto}.sp-capture figcaption{padding:1.5rem 2rem}.sp-capture figcaption p{max-width:90ch}.sp-capture-results{display:grid;grid-template-columns:1fr 1fr;align-items:start}.sp-capture-results img{max-height:620px;object-fit:contain}.sp-capture a:focus-visible{outline:3px solid #00859d;outline-offset:5px}@media(max-width:760px){.sp-capture-results{grid-template-columns:1fr}.sp-capture figcaption{padding:1.25rem}}

.sp-demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b121c;margin:2rem 0}.sp-demo-transcript{max-width:85ch;margin-top:1.5rem}.sp-demo-transcript summary{cursor:pointer;font-weight:600}.sp-demo-transcript h3{margin-top:1.5rem}

.sp-mobile-viewing{display:flex;align-items:center;gap:1.25rem;margin:1.5rem 0}.sp-mobile-viewing .btn{flex-shrink:0;min-height:44px}.sp-mobile-viewing p{max-width:70ch;margin:0}@media(max-width:640px){.sp-mobile-viewing{align-items:flex-start;flex-direction:column}.sp-mobile-viewing .btn{width:100%;justify-content:center}}