/* Yuna: fewer words, a cinematic stage and direct account access. */
:root{--yuna-purple:#a248ff;--yuna-light:#ddd0ff}
body{background:#08080d;color:#fbf9ff}
.brand .beta{display:none}
.simple-header{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#08080de0,#08080d00);border:0}
.simple-header .nav-inner{height:104px;gap:24px}
.simple-header .brand img{width:104px;height:auto}
.simple-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.simple-nav>a{font-size:14px}
.simple-nav .sign-in-link{padding:11px 23px;min-height:42px;border-radius:7px;font-weight:700;color:#fff}
.btn-primary{background:#9335ea;color:#fff;border-color:#9335ea;box-shadow:none}
.btn-primary:hover{background:#9c43ef;border-color:#9c43ef;color:#fff;transform:translateY(-1px)}
.simple-support{color:#dad4e1}
.simple-footer{padding:42px 0 30px;border-top:1px solid #ffffff16;background:#09080e}
.simple-footer .simple-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}
.simple-footer .brand img{width:73px;height:auto}
.simple-footer p{font-size:13px;color:#8e879c}
.simple-footer nav{display:flex;flex-wrap:wrap;gap:15px 30px}
.simple-footer nav a{font-size:13px;color:#b8b0c6}
.simple-footer nav a:hover{color:#fff}
.simple-footer .footer-small{margin:25px 0 0;font-size:11px}
.simple-hero{position:relative;min-height:760px;height:91svh;max-height:1080px;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.simple-hero picture{position:absolute;inset:0;z-index:-3}
.simple-hero picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% 60%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08080de8 0%,#08080d9e 40%,#08080d24 74%),linear-gradient(0deg,#08080d 0%,transparent 25%,#08080d33 78%)}
.simple-hero-content{padding-top:100px;padding-bottom:100px}
.simple-eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;color:#cdb5ed;margin:0 0 25px;text-transform:uppercase}
.simple-hero h1{font-size:clamp(62px,7vw,104px);font-weight:800;letter-spacing:-.065em;line-height:1.02;margin:0;max-width:760px;text-wrap:balance}
.simple-tagline{font-size:clamp(18px,1.65vw,24px);color:#e4dfe9;line-height:1.45;margin:28px 0 34px;max-width:500px}
.simple-main-cta{display:inline-flex;gap:40px;font-size:18px;font-weight:700;padding:18px 27px;border-radius:8px;min-height:60px}
.simple-main-cta span{font-size:25px;line-height:1}
.simple-source-note{font-size:12px;line-height:1.6;color:#bbb2c8;margin:19px 0 0}
.hero-arc{position:absolute;bottom:-36px;height:70px;left:-5%;width:110%;border-top:2px solid #b06bff;border-radius:50% 50% 0 0;box-shadow:0 -12px 60px #9c44ff2e;background:#08080d;pointer-events:none}
.simple-section{padding:80px 0}
.simple-section-heading{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-bottom:40px}
.simple-section h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.045em;font-weight:750;margin:0}
.simple-section-heading .simple-eyebrow{padding-top:10px}
.simple-devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.235fr);gap:40px;align-items:center;max-width:1060px;margin:0 auto}
.simple-devices figure{margin:0;background:#1c1923;box-shadow:0 25px 80px #0008;border:1px solid #51445e}
.simple-devices img{display:block;width:100%;height:auto}
.simple-tv{border-radius:17px;padding:7px;overflow:hidden}
.simple-tv img{border-radius:10px}
.simple-phone{border-radius:26px;padding:6px;overflow:hidden}
.simple-phone img{border-radius:20px}
.simple-capture-note{font-size:11px;color:#898093;text-align:center;margin:24px 0 0}
.simple-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:65px}
.simple-benefits article{position:relative;background:linear-gradient(135deg,#211a33,#15111f 70%,#25152d);border:1px solid #ffffff0b;border-radius:18px;padding:28px;min-height:188px;overflow:hidden}
.simple-benefits article>span{display:block;color:#b99ac9;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:26px}
.simple-benefits h3{font-size:22px;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px}
.simple-benefits p{font-size:15px;color:#bdb4cb;line-height:1.6;margin:0;max-width:240px}
.simple-faq{padding-top:25px;padding-bottom:80px}
.simple-faq h2{margin-bottom:35px}
.simple-faq .faq-list{display:grid;gap:9px;margin:0}
.simple-faq details{background:#211c2a;border:0;border-radius:3px}
.simple-faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;padding:25px 28px;font-size:20px;font-weight:500}
.simple-faq summary::-webkit-details-marker{display:none}
.simple-faq summary>span{font-size:31px;font-weight:300;line-height:1;transition:transform .2s}
.simple-faq details[open] summary>span{transform:rotate(45deg)}
.simple-faq details[open] summary{border-bottom:1px solid #08080d}
.simple-faq details p{padding:21px 28px;margin:0;color:#e1dbe7;font-size:16px;line-height:1.65}
.simple-faq details p a{text-decoration:underline;text-underline-offset:4px}
.simple-faq summary:after{display:none}
.simple-final-cta{text-align:center;margin-top:45px}
.simple-final-cta p{font-size:16px;color:#bfb6ce;margin-bottom:20px}
.simple-final-cta .btn{border-radius:7px;gap:25px;padding:15px 25px}
.account-route{isolation:isolate;background:#08080d url('/assets/retro-moon-seamless.webp') 68% top/auto 1050px no-repeat}
.account-route:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#08080d65,#08080dc9 60%,#08080d);z-index:-1}
.account-route .simple-header{position:relative;background:linear-gradient(#08080dcc,transparent)}
.account-route .account-page{position:relative;padding-top:15px;min-height:calc(100svh - 210px)}
.account-route .account-page>.wrap{width:min(100% - 36px,520px)}
.account-route .account-page .page-intro{margin:0 0 25px;padding:0;text-align:center}
.account-route .account-page .page-intro .eyebrow{display:none}
.account-route .account-page .page-intro h1{font-size:35px;letter-spacing:-.045em;line-height:1.1;margin:0 0 15px}
.account-route .account-page .page-intro>p{font-size:15px;line-height:1.5;margin:0;color:#c2b7ce}
.account-route .account-layout{display:block}
.account-route .account-card{background:#0d0a14ed;border:1px solid #ffffff14;border-radius:14px;padding:35px 36px;margin-bottom:18px;box-shadow:0 15px 70px #0004}
.account-route .account-login-heading{font-size:23px;line-height:1.2;margin-bottom:8px}
.account-route .account-card .fine{color:#9991a7;font-size:12px;line-height:1.6}
.account-route .account-card label{font-size:13px;font-weight:500;color:#e2dbe9}
.account-route .account-card input:not([type=checkbox]){min-height:55px;background:#292330b3;border-color:#8b7d9661;border-radius:6px;color:#fff;font:inherit;padding:13px 15px}
.account-route .account-card .btn-primary{width:100%;justify-content:center;min-height:50px;border-radius:6px;font-weight:700;font-size:16px;margin-top:7px;color:#fff}
.account-route .account-card .btn-primary:disabled{background:#755582}
.account-route .account-card>a{font-size:13px;text-align:center;color:#d0c6dd}
.account-route .account-explainer{padding:4px 20px 30px;color:#b4a8c4;font-size:12px;line-height:1.7;text-align:center}
.account-route .account-explainer h2{font-size:16px}
.account-route .account-explainer p{font-size:12px;line-height:1.7}
.account-route .account-explainer a{color:#bfaed1}
.account-route #account-status{padding:0 12px;font-size:14px}
.account-route .account-danger{border-color:#f6a7bb38}
.account-route .simple-footer{background:#08080dcc}
.subpage:not(.account-page){padding-top:145px}
@media(min-width:1700px){.simple-hero picture img{object-position:100% 65%}.simple-hero-content{padding-top:80px}}
@media(max-width:850px){.simple-hero{height:85svh;min-height:690px}.simple-hero h1{font-size:72px}.simple-devices{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,.27fr)}.simple-benefits article{padding:22px}.simple-benefits h3{font-size:20px}.simple-section-heading{display:block}.simple-section-heading .simple-eyebrow{padding:0;margin-bottom:20px}}
@media(max-width:600px){.simple-header .nav-inner{height:82px}.simple-header .brand img{width:83px}.simple-nav{gap:16px}.simple-nav .simple-support{display:none}.simple-nav .sign-in-link{padding:10px 19px;font-size:13px}.simple-hero{height:88svh;min-height:660px;max-height:850px;align-items:flex-end}.simple-hero picture img{object-position:50% 56%}.hero-shade{background:linear-gradient(0deg,#08080df5 0%,#08080d80 48%,#08080d40 72%,#08080d77)}.simple-hero-content{padding-top:260px;padding-bottom:75px;text-align:center}.simple-hero h1{font-size:clamp(48px,12vw,66px);line-height:1.03;letter-spacing:-.055em}.simple-eyebrow{font-size:9px;margin-bottom:19px}.simple-tagline{font-size:17px;max-width:300px;margin:22px auto 25px}.simple-main-cta{font-size:16px;padding:15px 24px;min-height:53px;gap:30px}.simple-source-note{font-size:10px;margin-top:16px}.simple-section{padding:55px 0}.simple-section h2{font-size:35px}.simple-section-heading{margin-bottom:30px}.simple-devices{gap:17px;grid-template-columns:minmax(0,1fr) minmax(0,.28fr)}.simple-tv{padding:3px;border-radius:10px}.simple-tv img{border-radius:7px}.simple-phone{padding:3px;border-radius:12px}.simple-phone img{border-radius:9px}.simple-capture-note{font-size:9px;margin-top:17px}.simple-benefits{grid-template-columns:1fr;gap:11px;margin-top:35px}.simple-benefits article{min-height:0;padding:22px 24px}.simple-benefits article>span{margin-bottom:15px;font-size:10px}.simple-benefits h3{font-size:22px}.simple-benefits p{font-size:14px;max-width:none}.simple-faq{padding-top:10px;padding-bottom:55px}.simple-faq h2{font-size:30px;margin-bottom:25px}.simple-faq summary{padding:21px 20px;font-size:17px}.simple-faq details p{font-size:15px;padding:19px 20px}.simple-footer .simple-footer-top{align-items:start;gap:20px}.simple-footer .simple-footer-top p{font-size:11px}.simple-footer nav{gap:15px 22px}.simple-footer nav a{font-size:12px}.account-route .account-page>.wrap{width:min(100% - 28px,480px)}.account-route .account-card{padding:28px 24px}.account-route .account-page .page-intro h1{font-size:31px}.account-route .account-page .page-intro>p{font-size:13px}.account-route .simple-header{margin-bottom:20px}.subpage:not(.account-page){padding-top:115px}}
@media(prefers-reduced-motion:reduce){.simple-faq summary>span{transition:none}.btn-primary:hover{transform:none}}

.table-scroll{overflow-x:auto;margin:24px 0}.article table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.article th,.article td{padding:14px 16px;border-bottom:1px solid #ffffff25;vertical-align:top}.article th{color:#eee0ff;background:#c78cff10}.article td{min-width:160px}.account-check{display:flex!important;align-items:flex-start;gap:12px;line-height:1.6}.account-check input{flex:0 0 auto;width:20px;height:20px;margin-top:3px;accent-color:#ad66ff}.account-check a{text-decoration:underline;text-underline-offset:3px}#account-signup .fine{font-size:13px}.help-search{width:100%;max-width:640px;padding:14px 18px;background:#1d1726;color:#fff;border:1px solid #85728e;border-radius:8px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:28px 0}.help-card{display:block;padding:25px;background:#17121f;border:1px solid #ffffff20;border-radius:14px}.help-card h2{font-size:21px}.help-card p{font-size:15px}.support-form select{min-height:48px;background:#241b30;color:#fff;border:1px solid #85728e;border-radius:6px;padding:12px}.article code{overflow-wrap:anywhere}#support-message{width:100%;padding:14px;background:#21182a;color:#fff;border:1px solid #85728e;border-radius:8px}

/* Actual app captures retain their original UI and proportions. */
.actual-devices{align-items:center;gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,.23fr)}
.actual-devices figure{border:0;padding:0;background:none;box-shadow:none;overflow:visible}
.actual-devices .simple-tv img{border:6px solid #302939;border-radius:15px;box-shadow:0 24px 75px #0008}
.actual-devices .simple-phone img{border:5px solid #302939;border-radius:25px;box-shadow:0 24px 65px #0008}
.actual-devices figcaption{font-size:12px;color:#c5b9d0;letter-spacing:.05em;text-align:center;margin-top:16px}
.simple-capture-note{font-size:12px;line-height:1.7;color:#b3a7c0;max-width:680px;margin:28px auto 0}
@media(max-width:700px){.actual-devices{grid-template-columns:minmax(0,1fr);gap:35px}.actual-devices .simple-phone{width:62%;max-width:250px;justify-self:center}.actual-devices .simple-tv img{border-width:4px;border-radius:11px}.simple-capture-note{font-size:11px;max-width:330px}}