/* Theme B: Futuristic technology. Split screen with a live instrument panel. */
html.t-tech{--radius:4px}
.t-tech .hero-tech{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:6.5rem var(--pad) 3rem}
.t-tech .hero-copy{max-width:36rem}
.t-tech .status{font-family:var(--f-mono);font-size:.8125rem;color:var(--accent);display:flex;width:fit-content;align-items:center;gap:.5rem;margin-bottom:1.5rem}
.t-tech .status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:tech-pulse 1.8s ease-in-out infinite}
.t-tech .title{font-size:clamp(2.8rem,6.4vw,5.6rem);font-weight:700;letter-spacing:-.035em;font-stretch:80%;line-height:.95}
.t-tech .tagline{font-size:clamp(1.2rem,2vw,1.5rem);margin-top:1.1rem;color:var(--accent)}
.t-tech .lede{margin-top:1.1rem;font-size:1.0625rem;color:color-mix(in srgb,var(--text) 80%,var(--bg))}
.t-tech .instrument{position:relative;aspect-ratio:4/3.1;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 70%,transparent);overflow:hidden}
.t-tech .instrument canvas.fx{z-index:0}
.t-tech .btn-primary{color:var(--on-accent)}
@keyframes tech-pulse{50%{opacity:.35}}
@media (max-width:860px){.t-tech .hero-tech{grid-template-columns:1fr;padding-top:5.5rem}.t-tech .instrument{order:-1;aspect-ratio:4/3}}