.hero-product-first{grid-template-columns:.88fr 1.12fr;gap:clamp(44px,6vw,78px);min-height:790px;padding-block:74px;position:relative}.hero-product-first .hero-copy{position:relative;z-index:2}.hero-product-first h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.6rem,5.2vw,4.8rem);line-height:.98;letter-spacing:-.045em;max-width:620px;margin:.24em 0 .34em}.hero-product-first h1 span{display:block}.hero-product-first h1 em{display:block;color:#20cfff;font-style:normal}.hero-product-first .lede{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.62;color:#d6c6b3;max-width:560px}.hero-product-first .actions{align-items:center;gap:22px}.hero-product-first .button.primary{border-radius:14px}.app-store-status{color:#bcae9c;font-size:.9rem}.hero-listening-visual{position:relative;min-height:610px}.hero-listening-visual>img{position:absolute;inset:35px 0 50px 45px;width:calc(100% - 45px);height:525px;object-fit:cover;object-position:58% center;border-radius:34px;filter:saturate(.84) contrast(1.05);box-shadow:0 50px 100px #000a}.hero-listening-visual:after{content:"";position:absolute;inset:35px 0 50px 45px;border-radius:34px;background:linear-gradient(90deg,#0d070522,transparent 48%,#071a364d);pointer-events:none}.hero-play{position:absolute;z-index:4;right:-10px;top:12px;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#ff784f;color:#fff;text-decoration:none;font-size:1.45rem;box-shadow:0 15px 35px #ff784f55}.listening-card{position:absolute;z-index:3;left:-22px;bottom:18px;width:min(410px,72%);padding:22px 24px;border:1px solid #20cfff55;border-radius:26px;background:#09172bee;box-shadow:0 30px 70px #000a,0 0 50px #1769ff24;backdrop-filter:blur(12px)}.listening-meta{display:flex;justify-content:space-between;color:#9feefa;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.listening-result{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:22px;margin-top:17px}.listening-result>strong{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;font-size:2rem;background:radial-gradient(circle at 35% 28%,#20cfff,#1769ff 62%,#0b3b8e);box-shadow:0 0 38px #20cfff68}.listening-result i{display:block;height:48px;background:repeating-linear-gradient(90deg,#70e1d1 0 3px,transparent 3px 10px);mask:linear-gradient(180deg,transparent 4%,#000 35% 65%,transparent 96%);opacity:.82}.listening-result p{margin:2px 0 0;color:#fff8eb}.listening-result b{color:#70e1d1}.hero-demo-caption{position:absolute;right:6px;bottom:0;max-width:190px;color:#cbbdaa;font-size:.76rem;line-height:1.35;text-align:right}.hero-product-first:before{content:"";position:absolute;right:-15vw;top:8%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,#1769ff24,transparent 66%);pointer-events:none}
@media(max-width:900px){.hero-product-first{grid-template-columns:1fr;min-height:auto;padding-block:58px}.hero-listening-visual{min-height:500px}.hero-listening-visual>img,.hero-listening-visual:after{inset:0 0 70px;width:100%;height:430px}.listening-card{left:18px;bottom:18px}.hero-play{right:12px;top:-16px}}
@media(max-width:560px){.hero-product-first{padding-block:42px}.hero-product-first h1{font-size:clamp(2.9rem,13.2vw,3.35rem);line-height:.98;max-width:360px}.hero-product-first .lede{font-size:1rem}.hero-product-first .actions{display:grid;grid-template-columns:1fr auto;gap:16px}.hero-product-first .actions .button{width:auto}.app-store-status{max-width:112px;line-height:1.3}.hero-listening-visual{min-height:350px;margin-top:28px}.hero-listening-visual>img,.hero-listening-visual:after{height:282px;bottom:60px;border-radius:24px}.hero-play{width:56px;height:56px;font-size:1.15rem}.listening-card{left:12px;bottom:-4px;width:calc(100% - 24px);padding:16px;border-radius:20px}.listening-result{grid-template-columns:62px 1fr;gap:14px}.listening-result>strong{width:62px;height:62px;font-size:1.45rem}.listening-result i{height:38px}.listening-result p{font-size:.86rem}.hero-demo-caption{display:none}}
@media(prefers-reduced-motion:reduce){.hero-play{transition:none}}