.tape-page{--record:#ff3434}
.tape-hero{max-width:1600px;margin:auto;padding:64px clamp(22px,4vw,72px) 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.tape-identity{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.04em}
.tape-identity img{display:block;width:48px;height:48px}
.tape-intro h1{font-size:clamp(52px,6.2vw,92px);line-height:.94;letter-spacing:-.09em;margin:28px 0}
.tape-intro h1>span{color:var(--record)}
.tape-intro>p{max-width:470px;font:20px/1.5 system-ui,sans-serif;color:#b8b8b3;margin:0 0 32px}
.tape-availability{display:flex;flex-direction:column;gap:12px}
.tape-availability strong{font-size:12px;letter-spacing:.035em}
.tape-availability>span{color:#9b9b97;font:14px/1.4 system-ui,sans-serif}
.tape-explore{display:inline-flex;align-items:center;gap:35px;margin-top:38px;padding-bottom:8px;border-bottom:1px solid #787878;font-size:11px;font-weight:800;text-decoration:none}
.tape-explore:hover{color:var(--record);border-color:var(--record)}
.tape-preview{margin:0;justify-self:center;width:min(100%,278px)}
.tape-preview>img{display:block;width:100%;height:auto;border:1px solid #343434;border-radius:22px}
.tape-preview figcaption{margin-top:16px;text-align:center;font-size:9px;letter-spacing:.09em;color:#9b9b97}
.tape-features{background:var(--white);color:var(--black);padding:54px clamp(22px,4vw,72px) 66px;scroll-margin-top:24px}
.tape-features>h2{margin:0 0 30px}
.tape-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:1456px;margin:auto}
.tape-feature-grid article{border-top:2px solid #050505;padding-top:20px}
.tape-number{font-size:11px;font-weight:800;color:#686864}
.tape-feature-grid h3{font-size:clamp(18px,1.9vw,26px);letter-spacing:-.055em;line-height:1.1;margin:20px 0 14px}
.tape-feature-grid p{max-width:380px;font:17px/1.5 system-ui,sans-serif;margin:0}
.tape-page footer{border-top:1px solid #b8b8b3}
@media(max-width:1050px){.tape-hero{gap:32px;grid-template-columns:1.25fr .75fr}.tape-intro h1{font-size:clamp(46px,6.2vw,65px)}.tape-preview{width:min(100%,260px)}.tape-feature-grid{gap:24px}}
@media(max-width:700px){.tape-hero{grid-template-columns:1fr;padding-top:40px;gap:46px}.tape-intro h1{font-size:clamp(40px,10.5vw,68px)}.tape-intro>p{font-size:18px;max-width:470px}.tape-explore{margin-top:26px}.tape-preview{width:260px;max-width:100%}.tape-feature-grid{grid-template-columns:1fr;gap:32px}.tape-feature-grid h3{font-size:24px;margin-top:14px}.tape-features{padding-top:42px;padding-bottom:46px}}