/* Playra public website layer — uses PlayraDesignKit v1.1 design tokens. */
:root{--playra-soft-shadow:0 21px 42px rgba(51,41,123,.16)}
body{background:#fffaff}
.site-head{background:rgba(240,248,255,.87);border-bottom:1px solid #e0efff}
.head-inner{min-height:83px}
.head-links{gap:23px}
.head-links .head-legal{color:#4b5485}
.head-links .head-legal:hover{color:#e8338d}
.nav-primary,.btn-main{background:linear-gradient(180deg,#ff65bb 0%,#ff258b 90%);color:#fff!important;border-color:#ffcced;box-shadow:0 8px 21px #d72c836b;text-shadow:0 1px 3px #99146285}
.nav-primary:hover,.btn-main:hover{background:linear-gradient(180deg,#ff80c6,#ed1e7e)}
.hero-back{background:radial-gradient(ellipse 670px 440px at 1% 12%,#ffdeee 0,transparent 76%),radial-gradient(ellipse 600px 390px at 97% 5%,#bde9ff 0,transparent 78%),linear-gradient(170deg,#daf3ff 0%,#f6e8ff 40%,#fff9e7 83%,#fbfaff)}
.hero{padding-block:75px 110px}
.hero h1{font-size:clamp(45px,5.6vw,77px);letter-spacing:-.058em}
.hero .eyebrow{color:#ee398e}
.hero-art{border:8px solid white;border-radius:43px;box-shadow:0 32px 45px #5033a65b}
.art-orbit{background:linear-gradient(135deg,#ffa9db,#98dcff 59%,#ffe28e);filter:blur(15px)}
.promise{margin-top:-42px}
.promise-item{box-shadow:0 10px 26px #50429920;border:1px solid #e6e6ff}
.promise-item strong{color:#242c86}
.catalog{padding-top:98px}
.catalog .section-top h2{color:#192c9b}
.app-card{border:3px solid #fff;border-radius:26px;background:linear-gradient(180deg,#fff9fe,#fff);box-shadow:0 12px 23px #463b971d;padding:11px;overflow:hidden}
.app-card:hover{box-shadow:0 17px 36px #45379e38;transform:translateY(-4px)}
.app-visual{min-height:210px;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#fff,transparent 48%),var(--app-soft);border:2px solid #ffffffc4}
.app-visual::before{content:"";z-index:-1;position:absolute;inset:-24px;background-image:var(--card-art);background-repeat:no-repeat;background-position:center;background-size:cover;filter:blur(13px) saturate(1.45);opacity:.82;border-radius:24px;transform:scale(1.12)}
.app-visual::after{content:"✦";z-index:0;right:23px;top:10px;color:#fff0a0;text-shadow:0 2px 8px #f8b038}
.app-icon{width:142px;height:142px;border-radius:31px;border:5px solid white;box-shadow:0 16px 24px #20166d66}
.app-card:nth-child(3n+2) .app-icon{transform:rotate(4deg)}
.app-content{padding:19px 9px 8px}
.app-content h3{color:#213399}
.app-kicker{letter-spacing:.12em;font-size:11px}
.status{font-size:10px;color:#4d368c}
.filter[aria-pressed="true"]{background:linear-gradient(130deg,#6557ea,#8e55f0)}
.why-back{background:radial-gradient(ellipse 600px 400px at 5% 100%,#cbebff 0,transparent 80%),radial-gradient(ellipse 620px 440px at 95% 10%,#ffd8ef 0,transparent 75%),#f4efff}
.why-image{background:linear-gradient(145deg,#b7e7ff,#f4c8ff)}
.why-list article{box-shadow:0 8px 19px #463b9716}
.why-list b{color:#293a9c}
.legal-invite{padding:24px 0 80px}
.legal-invite-intro{text-align:center;margin:0 auto 29px}
.legal-invite-intro h2{font-size:clamp(30px,3.8vw,47px);color:#203498;margin:7px 0}
.legal-invite-intro p{font-size:14px;color:#6a6786;margin:0 auto;max-width:500px}
.legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.legal-card{position:relative;overflow:hidden;border:3px solid white;border-radius:30px;min-height:234px;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:17px;padding:24px 25px;box-shadow:0 16px 29px #5f4b9330}
.legal-card.privacy{background:radial-gradient(circle at 30% 20%,#ffffffd9,transparent 53%),linear-gradient(126deg,#d9ebff,#f4e6ff 72%,#fff)}
.legal-card.support{background:radial-gradient(circle at 25% 10%,#fff8d8,transparent 63%),linear-gradient(125deg,#ffe9b5,#ffe7f0 70%,#fcf3ff)}
.legal-card .legal-art{display:grid;place-items:center;width:98px;height:98px;font-size:62px;border-radius:27px;background:#ffffffb8;box-shadow:0 9px 21px #6960b333}
.legal-card h3{font-size:22px;color:#1b329a;margin:0 0 7px}
.legal-card p{font-size:13px;color:#494c79;margin:0 0 12px}
.legal-card a:not(.email-link){display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:linear-gradient(180deg,#9565f5,#6035d2);color:white;border-radius:99px;padding:10px 18px;font-size:12px;font-weight:900;box-shadow:0 6px 15px #6739c352}
.legal-card .email-link{display:block;color:#1d4faf;font-weight:900;font-size:13px;margin:0 0 10px;overflow-wrap:anywhere}
.footer-links{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.footer-links a{text-decoration:none;color:#30417d;font-size:12px;font-weight:900}
.footer-links a:hover{text-decoration:underline;color:#f13993}
.footer-note{font-size:11px;color:#75718e;margin-top:9px;display:block}
.site-foot .foot-inner{align-items:flex-start}
.site-foot{background:#f9f7ff}

/* Inner pages for Apple privacy, support and marketing website requirements */
.brand-legal{background:linear-gradient(160deg,#e7f6ff 0%,#fff9fc 28%,#faf6ff 82%);color:#192651}
.legal-wrap{width:min(990px,calc(100% - 38px));margin-inline:auto}
.legal-page-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid #e9e7f7}
.legal-page-head .legal-head-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-page-head img,.legal-page-foot img{display:block;width:143px;height:51px;object-fit:contain}
.legal-page-head nav{display:flex;align-items:center;gap:19px;flex-wrap:wrap;font-size:13px;font-weight:900}
.legal-page-head nav a{text-decoration:none;color:#273b8e}
.legal-page-head nav a:last-child{border-radius:16px;padding:10px 14px;background:linear-gradient(160deg,#ff6aba,#ed3189);color:white}
.legal-page-head nav a:hover{text-decoration:underline}
.legal-hero{text-align:center;padding:70px 0 35px;background:radial-gradient(ellipse 510px 310px at 20% 0%,#ffdef2 0,transparent 92%),radial-gradient(ellipse 460px 280px at 91% 26%,#d7edff 0,transparent 83%)}
.legal-hero h1{font-size:clamp(38px,6.5vw,60px);line-height:1.15;max-width:900px;margin:15px auto}
.legal-hero p{font-size:16px;color:#646d8a;max-width:690px;margin:0 auto;line-height:1.7}
.legal-hero .eyebrow{color:#9a54d8}
.legal-shell{background:#fff;border:1px solid #efeaf9;box-shadow:0 14px 52px #4b3b9619;border-radius:29px;padding:clamp(23px,5vw,53px);margin:10px auto 75px}
.legal-shell h2{font-size:24px;color:#263891;margin:27px 0 11px;letter-spacing:-.02em}
.legal-shell h2:first-child{margin-top:0}
.legal-shell h3{font-size:17px;color:#403692;margin:22px 0 9px;letter-spacing:0}
.legal-shell p,.legal-shell li{font-size:14px;color:#495373;line-height:1.85}
.legal-shell ul{padding-left:23px;margin:7px 0 20px}
.legal-shell a{color:#5145c2}
.legal-shell a:hover{text-decoration:none}
.legal-summary{display:flex;align-items:center;gap:17px;padding:18px 20px;background:#f3f0ff;border-radius:19px;margin-bottom:23px}
.legal-summary .symbol{font-size:42px;flex:none}
.legal-summary p{margin:0;font-size:13px;color:#494276}
.legal-dateline{font-size:12px;color:#7e7891;margin:12px 0 20px}
.legal-contact{padding:23px;border-radius:20px;background:linear-gradient(135deg,#ecf8ff,#fce9f6);margin-top:30px}
.legal-contact p{margin-bottom:5px}
.legal-contact strong{font-size:18px}
.legal-cta{display:inline-flex;justify-content:center;align-items:center;min-height:51px;border-radius:17px;padding:12px 20px;font-size:14px;font-weight:950;background:linear-gradient(180deg,#a46ef2,#7046d5);color:#fff!important;text-decoration:none;box-shadow:0 7px 19px #7454c041;margin:10px 10px 0 0}
.legal-cta.secondary{background:#fff;color:#664eb9!important;border:2px solid #c7b5f5;box-shadow:none}
.faq-item{border-bottom:1px solid #e9e7f4;padding:14px 0}
.faq-item summary{cursor:pointer;color:#272d80;font-size:15px;font-weight:900;min-height:37px}
.faq-item p{margin-bottom:6px}
.legal-page-foot{background:#fff;border-top:1px solid #e8e6f6;padding:24px 0}
.legal-page-foot .legal-foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.legal-page-foot nav{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}
.legal-page-foot nav a{color:#52477c;font-weight:800;text-decoration:none}
.legal-page-foot nav a:hover{text-decoration:underline}
.legal-page-foot small{font-size:11px;color:#777a96}
@media(max-width:860px){.head-links{gap:13px}.head-links .head-legal{display:none}.legal-cards{gap:13px}.legal-card{padding:19px;gap:10px}}
@media(max-width:700px){.hero{padding-block:47px 75px}.promise{margin-top:-15px}.catalog{padding-top:72px}.app-visual{min-height:179px}.legal-invite{padding-bottom:50px}.legal-cards{grid-template-columns:1fr}.legal-card{min-height:195px;grid-template-columns:85px 1fr}.legal-card .legal-art{width:80px;height:80px;font-size:47px}.footer-links{justify-content:flex-start}.legal-page-head .legal-head-inner{min-height:74px}.legal-page-head nav{gap:12px;font-size:11px}.legal-page-head nav a:nth-child(2){display:none}.legal-page-head img{width:118px}.legal-hero{padding-top:44px}.legal-shell{margin-bottom:49px}.legal-summary{padding:12px}.legal-summary .symbol{font-size:30px}.legal-shell h2{font-size:21px}.legal-shell h3{font-size:16px}}
@media(max-width:400px){.legal-page-head nav a:nth-child(3){display:none}.legal-page-head nav a:last-child{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Legal pages have no homepage inline reset; they use these shared base rules. */
body.brand-legal{margin:0;min-width:320px;font:16px/1.65 var(--playra-font);color:#192651;-webkit-font-smoothing:antialiased}
body.brand-legal *,body.brand-legal *::before,body.brand-legal *::after{box-sizing:border-box}
body.brand-legal img{max-width:100%}
body.brand-legal :focus-visible{outline:3px solid var(--playra-focus);outline-offset:4px}
body.brand-legal .skip{position:absolute;left:15px;top:-95px;z-index:100;padding:12px 16px;border-radius:12px;background:#fff;color:#20318d}
body.brand-legal .skip:focus{top:12px}
body.brand-legal a{overflow-wrap:anywhere}
body.brand-legal .legal-wrap{max-width:990px}
body.brand-legal .legal-shell{display:block}
body.brand-legal .legal-page-head nav a{text-wrap:nowrap}
body.brand-legal .legal-page-head nav a:focus-visible,body.brand-legal .legal-page-foot a:focus-visible{outline:3px solid var(--playra-focus)}