html{background:#343434}body.subscription-page{margin:0;min-height:100svh;background:#343434;color:#f7f3ec;font-family:Jost,sans-serif;display:grid;place-items:center;padding:32px 24px;box-sizing:border-box}.subscription-page main{width:100%;max-width:760px}.platform{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 24px;color:inherit;text-decoration:none;border-top:1px solid #ffffff26;font-size:clamp(24px,4vw,40px);font-weight:400;letter-spacing:.02em;transition:background .2s,color .2s}.platform:last-child{border-bottom:1px solid #ffffff26}.arrow{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#fff;color:#2c1c16;font:28px Arial,sans-serif}.platform:hover{background:#4a0a0f}.platform:focus-visible{outline:3px solid #e7b7a6;outline-offset:5px}@media(max-width:480px){.platform{padding:28px 12px}.arrow{width:44px;height:44px;font-size:23px}}@media(prefers-reduced-motion:reduce){.platform{transition:none}}

.subscription-page .subscription-intro{padding:0 24px 32px}
.subscription-intro h1{margin:0 0 20px;font-size:clamp(30px,5vw,48px);line-height:1.15;font-weight:500;letter-spacing:-.02em}
.subscription-intro p{margin:0;max-width:620px;font-size:clamp(18px,2.5vw,22px);line-height:1.5}
.subscription-intro .choose-platform{margin-top:18px;color:#d1ccc6;font-size:16px}
.platform-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.platform-description{font-size:16px;line-height:1.45;letter-spacing:0;color:#d1ccc6}
@media(max-width:480px){body.subscription-page{padding:40px 20px}.subscription-page .subscription-intro{padding:0 12px 28px}.platform{gap:16px}.platform-description{font-size:16px}}