:root{--ink:#151126;--muted:#5f5871;--purple:#6c43e6;--yellow:#ffd84f;--line:rgba(72,49,126,.14)}
*{box-sizing:border-box}
html{font-size:10px;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 5% 18%,rgba(119,70,230,.11),transparent 28rem),radial-gradient(circle at 94% 20%,rgba(255,216,79,.2),transparent 32rem),linear-gradient(180deg,#fff 0%,#fbf9ff 72%,#fffdf4 100%);color:var(--ink);font-family:var(--font-sb-sans)}
a{color:inherit}
.site-header{display:grid;grid-template-columns:20rem 1fr 23rem;align-items:center;width:min(152rem,94vw);height:10.4rem;margin:0 auto}
.brand img{display:block;width:19rem;height:7.2rem;object-fit:contain}
.nav{justify-self:center;display:grid;grid-template-columns:repeat(3,1fr);width:min(48vw,58rem)}
.nav a{position:relative;padding:1.2rem;text-align:center;text-decoration:none!important;text-decoration-line:none!important;font-size:2.4rem;font-weight:500;border:1px solid transparent;border-radius:999px;background:transparent;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.nav a:hover,.nav a:focus-visible{color:#351c71;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(222,204,255,.78));border-color:rgba(111,65,216,.38);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(91,48,184,.18),0 .9rem 2.4rem rgba(62,36,111,.22),0 .2rem .6rem rgba(82,47,154,.12);backdrop-filter:blur(2rem) saturate(165%);-webkit-backdrop-filter:blur(2rem) saturate(165%);text-decoration:none!important;text-decoration-line:none!important;transform:translateY(-.2rem)}
.nav a:active{transform:translateY(0) scale(.98)}
.download{justify-self:end;padding:1.6rem 2.2rem;border-radius:3rem;background:#17111f;color:white;text-decoration:none;font-size:1.5rem;font-weight:700;box-shadow:0 0 0 .25rem #8050f0,0 0 2rem rgba(118,68,226,.28)}
.hero{width:min(144rem,calc(100% - 3.2rem));margin:1.6rem auto 5rem;padding:7rem 6rem;border-radius:3.2rem;background:linear-gradient(130deg,rgba(235,226,255,.88),rgba(255,255,255,.84) 52%,rgba(255,233,125,.58));box-shadow:0 2.5rem 6rem rgba(69,43,123,.12),inset 0 1px rgba(255,255,255,.9)}
.eyebrow{margin:0 0 1.8rem;color:#6035d3;font-size:1.5rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hero h1{max-width:100rem;margin:0;font-size:clamp(5.2rem,7vw,10rem);font-weight:500;line-height:.96;letter-spacing:-.055em}
.hero p{max-width:88rem;margin:2.4rem 0 0;color:#50485f;font-size:clamp(2rem,2vw,2.8rem);line-height:1.45}
.layout{display:grid;grid-template-columns:27rem minmax(0,88rem);gap:5rem;width:min(124rem,calc(100% - 4.8rem));margin:0 auto 10rem}
.toc{position:sticky;top:2rem;align-self:start;padding:2.5rem;border-radius:2.4rem;background:rgba(255,255,255,.72);border:1px solid var(--line);box-shadow:0 1.6rem 4rem rgba(50,31,94,.09);backdrop-filter:blur(2rem)}
.toc strong{display:block;margin-bottom:1.4rem;font-size:1.6rem}.toc a{display:block;padding:.8rem 0;color:#5a5368;text-decoration:none;font-size:1.5rem;line-height:1.35}.toc a:hover{color:var(--purple)}
.document{padding:5rem 5.5rem;border-radius:3.2rem;background:rgba(255,255,255,.8);border:1px solid var(--line);box-shadow:0 2.2rem 5rem rgba(50,31,94,.1);backdrop-filter:blur(2rem)}
.document h2{margin:5rem 0 1.5rem;font-size:3.4rem;font-weight:600;line-height:1.08;letter-spacing:-.035em}.document h2:first-child{margin-top:0}
.document h3{margin:3rem 0 1rem;font-size:2.2rem}.document p,.document li{color:var(--muted);font-size:1.8rem;line-height:1.68}.document p{margin:0 0 1.8rem}.document ul{margin:0 0 2rem;padding-left:2.2rem}.document li+li{margin-top:.8rem}.document strong{color:var(--ink)}
.notice{margin:2.6rem 0;padding:2.2rem 2.4rem;border-radius:2rem;background:linear-gradient(120deg,rgba(109,67,230,.1),rgba(255,216,79,.2));border-left:.5rem solid var(--purple)}
.updated{display:inline-block;margin-bottom:2rem;padding:.8rem 1.2rem;border-radius:2rem;background:#eee8ff;color:#5731c2;font-size:1.4rem;font-weight:700}
.footer{width:min(144rem,calc(100% - 3.2rem));margin:0 auto 1.6rem;padding:5rem;border-radius:3.2rem;background:linear-gradient(120deg,#f4efff,#fff 52%,#fff0a5);box-shadow:0 2rem 5rem rgba(63,42,111,.11)}
.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4rem}.footer img{width:25rem;height:auto}.footer h2{margin:0 0 1.2rem;font-size:2rem}.footer p,.footer a{color:#574f68;font-size:1.6rem;line-height:1.6}.footer a{display:block;margin:.6rem 0;text-decoration:none}.footer a:hover{color:var(--purple)}.copyright{margin:3rem 0 0!important;font-size:1.3rem!important}
@media(max-width:900px){.site-header{grid-template-columns:17rem 1fr;height:8.8rem}.brand img{width:16rem}.download{display:none}.nav{justify-self:end;width:min(58vw,44rem)}.nav a{font-size:1.8rem}.layout{grid-template-columns:1fr}.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){html{font-size:9px}.site-header{grid-template-columns:1fr;height:auto;padding:1rem 0}.brand{justify-self:center}.nav{justify-self:center;width:100%}.hero{padding:5rem 2.5rem}.layout{width:calc(100% - 3.2rem);gap:2rem}.document{padding:3.2rem 2.5rem}.footer{padding:3.2rem}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* The same vector App Store badge used in the Home footer. */
.footer .footer-store-slot { margin-top: 2.4rem; }
.footer .footer-store-slot a { display: inline-flex; margin: 0; }
.footer .footer-store-slot svg { display: block; width: 135px; height: 45px; }
@media (min-width: 768px) { .footer .footer-store-slot svg { width: 150px; height: 50px; } }
@media (min-width: 1000px) { .footer .footer-store-slot svg { width: 120px; height: 40px; } }
@media (min-width: 1280px) { .footer .footer-store-slot svg { width: 150px; height: 50px; } }