/* Staimusic music personality test */
.music-test-page{max-width:1480px;margin:0 auto;padding:22px 24px 80px;background:#f3f5f6;color:#111b21;font-family:Arial,Helvetica,sans-serif}
.music-test-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:650px;overflow:hidden;border-radius:22px;background:#111c22;color:#fff;box-shadow:0 24px 60px rgba(12,24,31,.16)}
.music-test-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(38px,6vw,90px)}
.music-test-kicker,.music-test-heading>span{color:#ffb42b;font:900 12px/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.music-test-hero h1{max-width:780px;margin:18px 0 24px;color:#fff!important;font:900 clamp(48px,6vw,88px)/.92 Arial,sans-serif;letter-spacing:-.065em;text-wrap:balance}
.music-test-hero__copy>p{max-width:690px;margin:0;color:#d7dfe3;font:20px/1.55 Georgia,"Times New Roman",serif}
.music-test-start{display:inline-flex;align-items:center;justify-content:space-between;width:min(290px,100%);margin-top:34px;padding:18px 20px;border-radius:8px;background:#ef4d43;color:#fff;font:900 13px/1 Arial,sans-serif;letter-spacing:.06em;text-decoration:none;transition:transform .2s,background .2s}
.music-test-start:hover{transform:translateY(-2px);background:#ff5a4f}.music-test-start span{font-size:19px}
.music-test-facts{display:flex;gap:28px;margin-top:48px;padding-top:24px;border-top:1px solid #415058}
.music-test-facts span{display:flex;flex-direction:column;gap:5px;color:#aeb9bf;font:800 9px/1.2 Arial,sans-serif;letter-spacing:.1em}.music-test-facts b{color:#fff;font-size:22px;letter-spacing:-.04em}
.music-test-visual{position:relative;display:grid;place-items:center;min-height:650px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#26373f 0 22%,#18272e 44%,#0c161b 75%)}
.music-test-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.03) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.03) 40px)}
.music-test-vinyl{position:relative;z-index:2;display:grid;place-items:center;width:min(58vw,410px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#090d0f 0 3px,#1c2326 4px 7px);box-shadow:0 26px 60px rgba(0,0,0,.55);animation:staiSpin 22s linear infinite}
.music-test-vinyl:before{content:"";position:absolute;width:39%;aspect-ratio:1;border-radius:50%;background:#ef4d43;box-shadow:inset 0 0 0 10px rgba(255,255,255,.08)}
.music-test-vinyl i{position:absolute;z-index:1;width:17%;aspect-ratio:1;border:7px solid #ffb42b;border-radius:50%;background:#101a20}
.music-test-vinyl b{position:relative;z-index:2;color:#fff;font:900 12px/.85 Arial,sans-serif;letter-spacing:-.05em;text-align:center}
.music-test-wave{position:absolute;z-index:3;right:5%;bottom:14%;left:5%;display:flex;align-items:center;justify-content:center;gap:5px;height:90px}
.music-test-wave i{width:5px;height:calc(16px + (var(--n) % 7) * 8px);border-radius:5px;background:linear-gradient(#ffb42b,#ef4d43);animation:staiPulse 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--n) * -55ms)}
.music-test-visual>span{position:absolute;z-index:3;right:25px;top:25px;color:#92a1a9;font:800 9px Arial,sans-serif;letter-spacing:.18em;writing-mode:vertical-rl}
@keyframes staiSpin{to{transform:rotate(360deg)}}@keyframes staiPulse{to{height:18px;opacity:.45}}
.music-test-experience{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(520px,1.3fr);gap:60px;padding:100px clamp(8px,5vw,72px)}
.music-test-heading{align-self:start;float:none!important;width:auto!important}.music-test-heading h2{max-width:630px;margin:10px 0 18px;font:900 clamp(42px,5.5vw,76px)/.94 Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}.music-test-heading p{max-width:560px;margin:0;color:#637079;font:18px/1.55 Georgia,serif}
.music-test-panel{overflow:hidden;border:1px solid #d6dde0;border-radius:18px;background:#fff;box-shadow:0 22px 54px rgba(19,33,41,.09)}
.music-test-progress{padding:25px 30px 19px;background:#111c22;color:#fff}.music-test-progress>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;font:800 11px Arial,sans-serif;letter-spacing:.1em}.music-test-progress__percent{color:#ffb42b}.music-test-progress>i{display:block;height:5px;overflow:hidden;border-radius:6px;background:#33434b}.music-test-progress b{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,#ef4d43,#ffb42b);transition:width .35s ease}
.music-test-question{min-width:0;margin:0;padding:42px 36px 32px;border:0}.music-test-question[hidden]{display:none}.music-test-question.is-active{animation:staiQuestion .28s ease both}@keyframes staiQuestion{from{opacity:0;transform:translateX(18px)}}
.music-test-question legend{display:block;width:100%;padding:0}.music-test-question legend span{display:block;margin-bottom:12px;color:#ef4d43;font:900 11px Arial,sans-serif;letter-spacing:.14em}.music-test-question legend strong{display:block;min-height:116px;font:800 clamp(27px,3vw,40px)/1.08 Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.music-test-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.music-test-choices label{cursor:pointer}.music-test-choices input{position:absolute;opacity:0;pointer-events:none}
.music-test-choice{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;gap:12px;min-height:82px;padding:14px 18px;border:2px solid #dce2e5;border-radius:12px;background:#f8f9f9;transition:border .2s,background .2s,transform .2s}
.music-test-choice i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7ecee;color:#52616a;font:900 12px Arial,sans-serif;font-style:normal}.music-test-choice b{font:900 15px Arial,sans-serif;letter-spacing:.06em}.music-test-choice em{opacity:0;color:#fff;font:900 18px Arial,sans-serif;font-style:normal}
.music-test-choices label:hover .music-test-choice{transform:translateY(-2px);border-color:#ffb42b}.music-test-choices label.is-selected .music-test-choice,.music-test-choices input:checked+.music-test-choice{border-color:#ef4d43;background:#ef4d43;color:#fff}.music-test-choices input:checked+.music-test-choice i{background:#fff;color:#ef4d43}.music-test-choices input:checked+.music-test-choice em{opacity:1}
.music-test-choices input:focus-visible+.music-test-choice{outline:3px solid #ffb42b;outline-offset:3px}
.music-test-actions{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid #e1e6e8}.music-test-actions button{min-height:48px;padding:0 22px;border-radius:7px;font:900 11px Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.music-test-back{border:1px solid #b9c3c8;background:#fff;color:#53616a}.music-test-next,.music-test-submit{margin-left:auto;border:0;background:#111c22;color:#fff}.music-test-submit{background:#ef4d43}.music-test-actions button:disabled{opacity:.35;cursor:not-allowed}
.music-test-channels{margin:0 -24px;padding:88px max(24px,calc((100vw - 1380px)/2));background:#111c22;color:#fff}.music-test-heading--light h2{color:#fff}.music-test-heading--light p{color:#abb7bd}
.music-test-channel-grid{display:grid;clear:both;width:100%!important;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:16px;margin-top:38px}.music-test-channel{position:relative;min-height:340px;overflow:hidden;border-radius:14px;background:#26363e;color:#fff;text-decoration:none}.music-test-channel.is-featured{grid-column:span 2;grid-row:span 2;min-height:696px}.music-test-channel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.music-test-channel:before{content:"";position:absolute;z-index:1;inset:20% 0 0;background:linear-gradient(transparent,rgba(5,11,14,.94))}.music-test-channel:hover img{transform:scale(1.035)}
.music-test-channel>span{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffb42b;color:#111;font:900 11px Arial,sans-serif}.music-test-channel>div{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:24px}.music-test-channel small{color:#ffb42b;font:900 9px Arial,sans-serif;letter-spacing:.13em}.music-test-channel h3{margin:7px 0 8px;font:900 25px/1 Arial,sans-serif;letter-spacing:-.035em}.music-test-channel.is-featured h3{font-size:45px}.music-test-channel p{display:-webkit-box;overflow:hidden;margin:0 0 15px;color:#d2dbdf;font:14px/1.4 Georgia,serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.music-test-channel b{font:900 10px Arial,sans-serif;letter-spacing:.1em}
.music-test-story{display:grid;grid-template-columns:190px minmax(0,840px);gap:55px;max-width:1120px;margin:0 auto;padding:90px 20px}.music-test-story__label{padding-top:8px;border-top:3px solid #ef4d43;color:#ef4d43;font:900 10px Arial,sans-serif;letter-spacing:.13em}.music-test-story__content .BlogBox{margin:0;padding:0;border:0;background:transparent}.music-test-story__content .BlogTitle h2{margin:0 0 12px;font:900 clamp(34px,4vw,55px)/1 Arial,sans-serif;letter-spacing:-.045em}.music-test-story__content .BlogAuthor{margin-bottom:28px;color:#6d7a81;font:800 11px Arial,sans-serif;text-transform:uppercase}.music-test-story__content .BlogAuthor a{color:#ef4d43}.music-test-story__content .BlogText{color:#263138;font:18px/1.75 Georgia,serif}.music-test-story__content .BlogText>div{text-align:justify!important}
@media(max-width:1050px){.music-test-hero{grid-template-columns:1fr}.music-test-visual{min-height:480px}.music-test-experience{grid-template-columns:1fr;gap:36px}.music-test-channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.music-test-page{padding:10px 10px 54px}.music-test-hero{min-height:0;border-radius:14px}.music-test-hero__copy{padding:42px 22px}.music-test-hero h1{font-size:clamp(48px,15vw,70px)}.music-test-hero__copy>p{font-size:18px}.music-test-facts{gap:12px}.music-test-facts span{flex:1}.music-test-visual{min-height:360px}.music-test-vinyl{width:260px}.music-test-experience{padding:68px 5px}.music-test-heading h2{font-size:45px}.music-test-panel{border-radius:13px}.music-test-progress{padding:20px}.music-test-question{padding:30px 20px 22px}.music-test-question legend strong{min-height:0;font-size:29px}.music-test-choices{grid-template-columns:1fr;margin-top:25px}.music-test-choice{min-height:68px}.music-test-actions{margin-top:25px}.music-test-actions button{padding:0 14px}.music-test-channels{margin:0 -10px;padding:68px 15px}.music-test-channel-grid{grid-template-columns:1fr}.music-test-channel,.music-test-channel.is-featured{grid-column:auto;grid-row:auto;min-height:390px}.music-test-channel.is-featured h3{font-size:34px}.music-test-story{grid-template-columns:1fr;gap:24px;padding:65px 8px}.music-test-story__content .BlogText>div{text-align:left!important}}
@media(prefers-reduced-motion:reduce){.music-test-vinyl,.music-test-wave i{animation:none}.music-test-question.is-active{animation:none}*{scroll-behavior:auto!important}}