._9YrEfq_toTop{bottom:calc(24px + var(--safe-bottom,0px));z-index:5;opacity:0;transition:opacity .4s ease, translate .6s var(--ease-glide);pointer-events:none;position:fixed;left:50%;translate:-50% 16px}._9YrEfq_toTop[data-shown]{opacity:1;pointer-events:auto;translate:-50%}._9YrEfq_toTop>*{box-shadow:0 12px 30px -12px #0009}
.jOiJoa_main{align-content:start;gap:var(--space-8);max-width:1080px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto;display:grid}.jOiJoa_hero{--text:#fff;--muted:#ffffffad;--bg:#000;--raise:#ffffff1a;--line:#ffffff1f;isolation:isolate;align-items:center;gap:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg);min-height:560px;color:var(--text);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:64px;display:grid;position:relative;overflow:hidden}.jOiJoa_photo{z-index:-1;position:absolute;inset:0}.jOiJoa_photo img{object-fit:cover;object-position:30% 60%;width:100%;height:100%;animation:jOiJoa_settle-in 2.4s var(--ease-glide) both}.jOiJoa_photo:after{content:"";background:linear-gradient(90deg,#0000009e,#00000047 55%,#0000001f),linear-gradient(#0000 60%,#00000059);position:absolute;inset:0}@keyframes jOiJoa_settle-in{0%{opacity:0;transform:scale(1.08)}}.jOiJoa_intro{gap:var(--space-3);max-width:560px;display:grid}.jOiJoa_intro>*{animation:jOiJoa_rise 1s var(--ease-glide) both}.jOiJoa_intro>:nth-child(2){animation-delay:80ms}.jOiJoa_intro>:nth-child(3){animation-delay:.16s}.jOiJoa_intro>:nth-child(4){animation-delay:.24s}@keyframes jOiJoa_rise{0%{opacity:0;transform:translateY(20px)}}.jOiJoa_heroActions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.jOiJoa_scene{width:270px;animation:jOiJoa_rise 1.2s var(--ease-glide) .3s both;justify-self:end}.jOiJoa_player{aspect-ratio:9/15;background:#111;border:1px solid #ffffff24;border-radius:28px;animation:7s ease-in-out infinite alternate jOiJoa_float;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #000c}@keyframes jOiJoa_float{to{transform:translateY(-10px)}}.jOiJoa_canvas{position:absolute;inset:0}.jOiJoa_canvas img{object-fit:cover;width:100%;height:100%;animation:14s ease-in-out infinite alternate jOiJoa_canvas}@keyframes jOiJoa_canvas{0%{transform:scale(1.35)translate(4%,3%)}to{transform:scale(1.5)translate(-5%,-3%)}}.jOiJoa_playerShade{background:linear-gradient(#0000,#0003 45%,#000000d1);position:absolute;inset:0}.jOiJoa_playerInfo{color:#fff;gap:2px;padding:20px;display:grid;position:absolute;bottom:0;left:0;right:0}.jOiJoa_playerMarks{margin:0 0 var(--space-2);color:#ffffff9e;font-size:12px}.jOiJoa_song{margin:0;font-size:18px;font-weight:600}.jOiJoa_artist{color:#ffffffb3;margin:0;font-size:14px}.jOiJoa_progress{height:3px;margin:var(--space-3) 0 var(--space-3);background:#ffffff2e;border-radius:999px;overflow:hidden}.jOiJoa_progress>span{border-radius:inherit;transform-origin:0;background:#fff;height:100%;animation:60s linear infinite jOiJoa_progress;display:block}@keyframes jOiJoa_progress{0%{transform:scaleX(.18)}to{transform:scaleX(1)}}.jOiJoa_controls{color:#fff;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.jOiJoa_liked{color:var(--accent);fill:currentColor}.jOiJoa_rail{z-index:5;opacity:0;visibility:hidden;transition:opacity .5s ease, translate .6s var(--ease-glide), visibility 0s linear .5s;justify-items:end;gap:2px;display:grid;position:fixed;top:50%;right:20px;translate:8px -50%}.jOiJoa_rail[data-shown]{opacity:1;visibility:visible;transition:opacity .5s ease, translate .6s var(--ease-glide);translate:0 -50%}.jOiJoa_rail .jOiJoa_railItem{height:28px;color:var(--muted);justify-content:flex-end;gap:10px;padding:0 4px 0 10px;font-weight:400}.jOiJoa_rail .jOiJoa_railItem:active:not(:disabled){transform:none}.jOiJoa_railLabel{opacity:0;font-size:13px;transition:opacity .3s}.jOiJoa_railLine{width:14px;height:1px;transition:width .4s var(--ease-glide), background-color .3s ease;background:currentColor}.jOiJoa_rail:focus-within .jOiJoa_railLabel{opacity:1}@media (hover:hover){.jOiJoa_rail:hover .jOiJoa_railLabel{opacity:1}}.jOiJoa_railItem[aria-current]{color:var(--text)}.jOiJoa_railItem[aria-current] .jOiJoa_railLine{background:var(--accent);width:28px}:is(.layout-phone .jOiJoa_rail,.layout-tablet .jOiJoa_rail){display:none}.jOiJoa_kicker{color:var(--muted);margin:0;font-size:14px}.jOiJoa_title{letter-spacing:-.02em;margin:0;font-size:56px;font-weight:400;line-height:1.02}.jOiJoa_lead{color:var(--muted);margin:0;font-size:18px;line-height:1.5}.jOiJoa_note{margin:calc(var(--space-7) * -1) 0 0;color:var(--muted);font-size:14px;line-height:1.6}.jOiJoa_switch{margin:calc(var(--space-4) * -1) 0 calc(var(--space-6) * -1);animation:jOiJoa_rise 1s var(--ease-glide) .2s both;justify-content:center;align-self:start;display:flex}.jOiJoa_plans{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.jOiJoa_plan{isolation:isolate;gap:var(--space-2);padding:var(--space-6) var(--space-5) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);animation:jOiJoa_rise 1s var(--ease-glide) both;animation-delay:calc(.24s + var(--order,0) * 90ms);transition:translate .5s var(--ease-glide), box-shadow .5s var(--ease-glide);flex-direction:column;display:flex;position:relative}.jOiJoa_plan:before,.jOiJoa_plan:after{border-radius:inherit;opacity:0;content:"";pointer-events:none;transition:opacity .4s;position:absolute}.jOiJoa_plan:before{z-index:-1;background:radial-gradient(440px circle at var(--x,50%) var(--y,-30%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%);inset:0}.jOiJoa_plan:after{background:radial-gradient(280px circle at var(--x,50%) var(--y,-30%), color-mix(in srgb, var(--accent) 70%, transparent), transparent 62%);padding:1px;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (hover:hover){.jOiJoa_plans:hover .jOiJoa_plan:before,.jOiJoa_plans:hover .jOiJoa_plan:after{opacity:1}.jOiJoa_plan:hover{translate:0 -4px;box-shadow:0 30px 60px -36px #0009}}.jOiJoa_marked{border-top-color:var(--accent);box-shadow:inset 0 1px 0 var(--accent), 0 40px 90px -50px color-mix(in srgb, var(--accent) 55%, transparent)}@media (hover:hover){.jOiJoa_marked:hover{box-shadow:inset 0 1px 0 var(--accent), 0 40px 90px -40px color-mix(in srgb, var(--accent) 65%, transparent)}}.jOiJoa_planHead{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.jOiJoa_name{margin:0;font-size:16px;font-weight:600}.jOiJoa_mark{color:var(--accent-text);font-size:12px}.jOiJoa_priceBlock{margin-top:var(--space-3);gap:2px;display:grid}.jOiJoa_price{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:400;position:relative}.jOiJoa_priceRoll{align-items:baseline;gap:6px;display:inline-flex}.jOiJoa_period{color:var(--muted);letter-spacing:0;font-size:14px}.jOiJoa_year{color:var(--muted);margin:0;font-size:13px}.jOiJoa_for{margin:var(--space-2) 0 0;color:var(--muted);font-size:14px;line-height:1.5}.jOiJoa_perks{gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--line);font-size:14px;line-height:1.45;list-style:none;display:grid}.jOiJoa_perks li{padding-left:16px;position:relative}.jOiJoa_perks li:before{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:2px}.jOiJoa_action{padding-top:var(--space-5);margin-top:auto}.jOiJoa_section{gap:var(--space-4);display:grid}.jOiJoa_heading{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:400}.jOiJoa_sectionLead{max-width:640px;margin:calc(var(--space-2) * -1) 0 var(--space-2);color:var(--muted);font-size:15px;line-height:1.55}.jOiJoa_how{gap:var(--space-6);margin:var(--space-2) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.jOiJoa_how li{align-content:start;gap:var(--space-2);padding-top:var(--space-4);display:grid;position:relative}.jOiJoa_how li:before{background:linear-gradient(90deg, var(--accent), var(--line) 45%);content:"";transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.jOiJoa_how li:before{transition:transform 1.4s var(--ease-glide);transition-delay:calc(.2s + var(--order,0) * 90ms)}.jOiJoa_how li:not([data-shown]):before{transform:scaleX(0)}}.jOiJoa_how h3{margin:0;font-size:16px;font-weight:600}.jOiJoa_how p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.jOiJoa_number{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:13px}.jOiJoa_compare{gap:var(--space-2);display:grid}.jOiJoa_foldAll{justify-self:end}.jOiJoa_tableWrap{overflow-x:auto}.jOiJoa_table{border-collapse:collapse;width:100%;font-size:14px}.jOiJoa_table th,.jOiJoa_table td{padding:12px var(--space-3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.jOiJoa_table thead th{z-index:1;padding-top:var(--space-4);background:var(--bg);font-size:13px;font-weight:600;position:sticky;top:0}.jOiJoa_table thead th:not(:first-child),.jOiJoa_table td{text-align:center;font-variant-numeric:tabular-nums;width:16%}.jOiJoa_table tbody th{font-weight:400}.jOiJoa_row{animation:jOiJoa_settle .45s var(--ease-glide) both;animation-delay:calc(var(--row,0) * 24ms)}@keyframes jOiJoa_settle{0%{opacity:0;transform:translateY(-6px)}}.jOiJoa_row>*{transition:background-color var(--duration-quick) ease}@media (hover:hover){.jOiJoa_row:hover>*{background:color-mix(in srgb, var(--text) 4%, transparent)}}.jOiJoa_areaRow th{padding:0}.jOiJoa_areaButton{justify-content:flex-start;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-3);border-radius:0;font-size:15px;font-weight:600;display:flex}.jOiJoa_areaCount{color:var(--muted);font-size:13px;font-weight:400}.jOiJoa_table .jOiJoa_areaButton:active:not(:disabled){transform:none}.jOiJoa_table tbody[data-open]{background:color-mix(in srgb, var(--text) 3%, transparent)}.jOiJoa_table tbody[data-open]>tr>*{border-bottom-color:color-mix(in srgb, var(--line) 45%, transparent);position:relative}.jOiJoa_table tbody[data-open]>tr:last-child>*{border-bottom-color:var(--line)}.jOiJoa_table tbody[data-open]>tr>:first-child:before{background:color-mix(in srgb, var(--accent) 55%, transparent);content:"";width:2px;position:absolute;top:0;bottom:-1px;left:0}.jOiJoa_table tbody[data-open]>tr:last-child>:first-child:before{bottom:0}.jOiJoa_table tbody[data-open] .jOiJoa_row>th{padding-left:calc(var(--space-3) + 16px)}.jOiJoa_chevron{color:var(--muted);margin-left:auto;transition:transform .3s}.jOiJoa_chevronOpen{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.jOiJoa_chevron{transition:none}}.jOiJoa_label{display:block}.jOiJoa_per{color:var(--muted);font-size:12px;display:block}.jOiJoa_yes{color:var(--accent-text);vertical-align:middle;justify-content:center;display:inline-flex}.jOiJoa_no{color:var(--muted)}.jOiJoa_bots{gap:var(--space-6);margin-bottom:var(--space-4);display:grid}.jOiJoa_botsIntro{align-items:start;gap:var(--space-3) var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading price""lead perks""lead action";display:grid}.jOiJoa_botsIntro>h2{grid-area:heading}.jOiJoa_botsIntro>.jOiJoa_sectionLead{grid-area:lead;margin:0}.jOiJoa_botsIntro>.jOiJoa_priceBlock{grid-area:price}.jOiJoa_botsIntro>.jOiJoa_perks{grid-area:perks}.jOiJoa_botsIntro>:last-child{grid-area:action}.layout-phone .jOiJoa_botsIntro{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""lead""price""perks""action"}.jOiJoa_botsIntro .jOiJoa_priceBlock,.jOiJoa_botsIntro .jOiJoa_perks{margin-top:0}.jOiJoa_botsIntro>:last-child{margin-top:var(--space-2);justify-self:start}.jOiJoa_botsTry{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);margin:0;display:grid}.jOiJoa_tryCaption{color:var(--muted);font-size:13px}.jOiJoa_questions{gap:var(--space-5) var(--space-6);margin:var(--space-2) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jOiJoa_questions>div{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.jOiJoa_questions dt{font-size:15px;font-weight:600}.jOiJoa_questions dd{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.jOiJoa_photo img,.jOiJoa_player,.jOiJoa_canvas img,.jOiJoa_progress>span,.jOiJoa_intro>*,.jOiJoa_scene,.jOiJoa_switch,.jOiJoa_plan,.jOiJoa_row{animation:none}.jOiJoa_plan{transition:none}}.layout-phone .jOiJoa_main{gap:var(--space-7);padding:var(--space-4) var(--space-4) var(--space-7)}.layout-phone .jOiJoa_hero{gap:var(--space-6);min-height:0;padding:var(--space-6) var(--space-5);grid-template-columns:minmax(0,1fr)}.layout-phone .jOiJoa_scene{justify-self:center;width:160px}.layout-phone .jOiJoa_player{border-radius:20px}.layout-phone .jOiJoa_playerInfo{padding:14px}.layout-phone .jOiJoa_song{font-size:15px}.layout-phone .jOiJoa_photo:after{background:linear-gradient(#0000008c,#0000004d 50%,#0009)}.layout-phone .jOiJoa_botsTry{padding:var(--space-4)}.layout-phone .jOiJoa_title{font-size:40px}.layout-phone .jOiJoa_lead{font-size:16px}:is(.layout-phone .jOiJoa_plans,.layout-phone .jOiJoa_how,.layout-phone .jOiJoa_questions,.layout-phone .jOiJoa_bots){grid-template-columns:minmax(0,1fr)}.layout-phone .jOiJoa_note{margin-top:calc(var(--space-6) * -1)}.layout-phone .jOiJoa_table{table-layout:fixed;font-size:13px}:is(.layout-phone .jOiJoa_table th,.layout-phone .jOiJoa_table td){padding:10px 4px}.layout-phone .jOiJoa_table thead th:not(:first-child){width:21%;font-size:12px}.layout-phone .jOiJoa_table td{width:21%;font-size:12px}.layout-phone .jOiJoa_table tbody th{padding-right:var(--space-2)}.layout-phone .jOiJoa_table tbody[data-open] .jOiJoa_row>th{padding-left:14px}
