.hero .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:44px}
.hero{padding:64px 0 70px}.hero h1{font-size:clamp(2.7rem,4.2vw,4.3rem)}
.matrix-cinema{margin:0;min-width:0;align-self:center;border:1px solid #49779170;border-radius:20px;background:#06121f;overflow:hidden;box-shadow:0 30px 80px #0005,0 0 70px #00b0f00b;scroll-margin-top:110px}
.cinema-heading{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;color:#9ed8f4;font-size:.64rem;letter-spacing:.12em;font-weight:700}
.cinema-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#030a11}
.matrix-cinema figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 20px 10px}
.matrix-cinema figcaption strong{color:#fff;font-size:1rem;line-height:1.4}
.matrix-cinema figcaption p{color:#b0c6d6;font-size:.8rem;margin:7px 0 0}
.cinema-sound{flex-shrink:0;color:#dff7ff;background:#153244;border:1px solid #4d7c94;border-radius:10px;min-height:44px;padding:10px 13px;font:inherit;font-size:.75rem;cursor:pointer}
.cinema-sound:hover{background:#21516b}.cinema-note{padding:0 20px 15px;color:#92aabd;font-size:.68rem;margin:8px 0 0}
.cinema-sound:focus-visible,[data-gif-toggle]:focus-visible{outline:3px solid #52d0ff;outline-offset:3px}
.cinema-discover{background:#f5f8fc}.cinema-discover-grid{display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center}.cinema-discover h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;margin:16px 0}.cinema-discover p{color:#53657b;max-width:540px;margin:0 0 24px}
.cinema-gif{margin:0;border:1px solid #cfdbeb;border-radius:16px;overflow:hidden;background:#071421;max-width:480px;width:100%}.cinema-gif img{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}.cinema-gif figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;color:#b4cee0;font-size:.75rem}.cinema-gif button{font:inherit;color:#def6ff;border:1px solid #50738b;background:#18374a;padding:10px 12px;border-radius:8px;min-height:44px;cursor:pointer}.cinema-dashboard{max-width:850px;margin:32px auto 0}.cinema-dashboard .md-dashboard{width:100%}
@media(max-width:1000px){.hero .hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{max-width:22ch}.matrix-cinema{width:100%;max-width:760px}.cinema-discover-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:600px){.hero{padding:36px 0 44px}.hero .proof-row{margin-top:26px;padding-top:20px;gap:20px}.hero .hero-copy>p{font-size:1rem}.hero h1{font-size:2.65rem}.cinema-heading{padding:13px 14px;letter-spacing:.07em;font-size:.58rem}.matrix-cinema{border-radius:14px}.matrix-cinema figcaption{padding:16px 14px 8px;flex-wrap:wrap;gap:12px}.cinema-note{padding:0 14px 14px}.cinema-discover-grid{grid-template-columns:1fr}.cinema-gif{justify-self:center}}

@media(max-width:600px){.hero .hero-grid{gap:20px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1}.hero-copy>h1{grid-row:2;margin:0;font-size:2.4rem}.matrix-cinema{grid-row:3}.hero .hero-copy>p{grid-row:4;margin-top:0}.hero-actions{grid-row:5;margin-top:0}.hero .proof-row{grid-row:6;margin-top:0}.cinema-heading{font-size:.56rem}}