@font-face{font-family:Poppins;src:url('/Poppins-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/Poppins-SemiBold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('/Poppins-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url('/Poppins-ExtraBold.ttf');font-weight:800;font-display:swap}
:root{--p:#2d1b9a;--s:#7c5cff;--cream:#fff8e6;--yellow:#ffc83d;--coral:#ff6b61;--ink:#0e0b2d;--muted:#6f6985;--border:#ece8f3;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-150%);padding:10px;background:#fff;border-radius:9px}.skip:focus{transform:none}
.header{position:absolute;z-index:30;top:0;width:100%}.nav{width:min(calc(100% - 40px),var(--max));height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.nav>a:first-child img{width:210px}.nav>nav{display:flex;gap:30px;color:var(--p);font-size:14px}.nav>nav a{padding:12px 0;border-bottom:2px solid transparent}.nav>nav a:hover,.nav>nav a:focus{border-color:var(--s)}.nav-cta{min-height:48px;padding:0 22px;display:flex;align-items:center;gap:8px;border-radius:999px;background:var(--p);color:#fff;font-weight:600;box-shadow:0 10px 25px #2d1b9a33;transition:.2s}.nav-cta:hover{transform:translateY(-2px)}.menu-btn,.mobile-menu{display:none}
.hero{position:relative;min-height:780px;padding:138px max(24px,calc((100vw - var(--max))/2)) 65px;display:grid;grid-template-columns:minmax(420px,.87fr) minmax(590px,1.13fr);align-items:center;gap:30px;isolation:isolate}.hero:after{content:"";position:absolute;z-index:-2;top:-210px;right:-250px;width:850px;height:770px;border-radius:50%;background:radial-gradient(circle at 42% 50%,#7c5cff,#2d1b9a 48%,#120b50 73%,transparent 74%)}.hero-copy{position:relative;z-index:5;padding-bottom:35px}.eyebrow{margin:0 0 14px;color:var(--p);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;color:var(--p);font-size:clamp(58px,6vw,88px);font-weight:800;line-height:.93;letter-spacing:-.055em}h1 span{background:linear-gradient(90deg,var(--coral),#d855cf 55%,var(--s));background-clip:text;color:transparent}h1 b{color:var(--yellow);font-size:.55em}.lead{max-width:600px;margin:26px 0;color:#514a7c;font-size:clamp(16px,1.4vw,18px);line-height:1.62}.stores{display:flex;flex-wrap:wrap;gap:12px}.store{height:59px;min-width:188px;padding:8px 16px;display:flex;align-items:center;gap:10px;border-radius:14px;background:var(--ink);color:#fff;opacity:.9}.store i{display:grid;place-items:center;width:29px;height:29px;border:2px solid #fff;border-radius:50%;font-style:normal;font-weight:700}.store .play{color:var(--yellow);border:0;font-size:22px}.store span{display:flex;flex-direction:column}.store small{font-size:8px;text-transform:uppercase}.store strong{font-size:16px}.stores>p{flex-basis:100%;margin:2px;color:var(--muted);font-size:13px}
.hero-art{position:relative;align-self:stretch;min-height:640px}.hand{position:absolute;z-index:8;top:55px;left:0;color:var(--p);font-family:"Segoe Print","Bradley Hand",cursive;font-size:20px;line-height:1.25;transform:rotate(-7deg)}.spark{position:absolute;z-index:9;color:var(--yellow);animation:pulse 2.8s infinite}.s1{top:22px;right:220px;font-size:31px}.s2{top:195px;right:-5px;font-size:20px}.phone{position:absolute;z-index:6;left:112px;top:9px;width:295px;height:600px;padding:9px;border:5px solid #090723;border-radius:50px;background:#090723;box-shadow:-18px 28px 55px #170c4f55;transform:rotate(8deg);animation:float 5s ease-in-out infinite}.phone:before{content:"";position:absolute;z-index:4;top:14px;left:50%;width:90px;height:23px;border-radius:20px;background:#05050e;transform:translateX(-50%)}.screen{height:100%;padding:20px 16px;overflow:hidden;border-radius:37px;background:linear-gradient(#2d1b9a,#7c5cff 27%,#fff8e6 43%)}.status{display:flex;justify-content:space-between;color:#fff;font-size:9px;font-weight:700}.screen>img{width:140px;margin:28px auto 27px}.input{position:relative;padding:20px 13px 15px;border-radius:20px;background:#fff;box-shadow:0 7px 20px #2d1b9a22}.input strong{display:block;color:var(--p);font-size:11px}.input span{display:block;height:73px;margin-top:9px;padding:10px;border-radius:12px;background:#f8f5ff;color:#aaa3c5;font-size:8px}.input i{position:absolute;right:20px;bottom:8px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--s);color:#fff;font-style:normal}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0 16px}.tabs>span{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--s);font-size:22px}.tabs small{color:#403679;font-size:6px}.message{display:flex;align-items:center;gap:9px;padding:12px;border-radius:15px;background:#fff;color:var(--p);font-size:20px}.message small{flex:1;font-size:7px;line-height:1.4}.mascot{position:absolute;z-index:5;right:-105px;bottom:0;width:570px;height:620px;overflow:hidden}.mascot img{position:absolute;z-index:2;right:0;bottom:-38px;width:550px;height:610px;object-fit:contain;object-position:bottom}.moon{position:absolute;z-index:1;right:10px;top:58px;width:220px;height:220px;border-radius:50%;background:var(--yellow);box-shadow:0 0 38px #ffc83d88}.moon:after{content:"";position:absolute;top:-10px;left:-43px;width:225px;height:225px;border-radius:50%;background:var(--p)}blockquote{position:absolute;z-index:5;right:18px;bottom:26px;width:210px;margin:0;color:#fff;font-family:"Segoe Print",cursive;font-size:16px;transform:rotate(-4deg);text-shadow:0 2px 8px #130951}blockquote cite{display:block;margin-top:6px;color:var(--yellow);font-size:12px}.cloud{position:absolute;z-index:7;bottom:-12px;width:260px;height:72px;border-radius:50%;background:var(--cream)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:140px;height:110px;left:35px;top:-44px}.cloud:after{width:100px;height:90px;right:0;top:-28px}.c1{left:0}.c2{right:-60px}
.features{position:relative;z-index:10;width:min(calc(100% - 40px),var(--max));margin:-18px auto 0;padding:34px 0 76px}.features header{text-align:center;margin-bottom:27px}.features h2,.faq h2{margin:0;color:var(--p);font-size:clamp(30px,4vw,46px);line-height:1.1}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article{min-height:205px;padding:27px;border:1px solid var(--border);border-radius:24px;background:#fffdf8;box-shadow:0 12px 34px #2d1b9a0d;transition:.2s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #2d1b9a1a}.feature-grid i{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#eee9ff;color:var(--s);font-size:25px;font-style:normal}.feature-grid article:nth-child(2) i{background:#fff0c8;color:#dd9400}.feature-grid article:nth-child(4) i{background:#ffe2e7;color:#e83b78}.feature-grid h3{margin:18px 0 6px;color:var(--p);font-size:18px}.feature-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
.guide{position:relative;min-height:590px;padding:78px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:270px minmax(400px,1fr) 285px;align-items:center;gap:48px;overflow:hidden;background:linear-gradient(135deg,#2d1b9a,#160d50);color:#fff}.mini-phone{height:420px;padding:50px 20px;border:8px solid #10092e;border-radius:42px;background:linear-gradient(#eae2ff,#fff8e6 45%);transform:rotate(-7deg);text-align:center;box-shadow:0 25px 60px #08032166}.mini-phone>span{position:absolute;top:10px;left:50%;width:75px;height:17px;border-radius:15px;background:#10092e;transform:translateX(-50%)}.mini-phone img{width:78px;margin:18px auto}.mini-phone small{color:var(--p);font-weight:700}.mini-phone div{display:flex;justify-content:center;gap:8px;margin-top:20px}.mini-phone div b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#eee9ff;color:var(--p)}.guide-copy .eyebrow{color:var(--yellow)}.guide-copy h2{margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.12}.guide-copy>p{color:#ded8f6;line-height:1.6}.guide ol{margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none}.guide li{display:flex;gap:10px}.guide li>b{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--ink)}.guide li span{display:flex;flex-direction:column}.guide li strong{font-size:13px}.guide li small{margin-top:4px;color:#c9c1eb;font-size:11px}aside{padding:26px;border-radius:24px;background:var(--cream);color:var(--ink)}aside>b{color:var(--yellow);font-size:25px}aside h3{margin:8px 0;color:var(--p);font-size:19px}aside p{color:var(--muted);font-size:13px;line-height:1.5}aside a{display:flex;justify-content:space-between;padding:13px 15px;border-radius:999px;background:var(--yellow);font-size:13px;font-weight:600}
.faq{width:min(calc(100% - 40px),900px);margin:auto;padding:85px 0}.faq>.eyebrow,.faq>h2{text-align:center}.faq details{margin-top:12px;border:1px solid var(--border);border-radius:18px;background:#fffdf8}.faq summary{min-height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;list-style:none;color:var(--p);font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:-3px 22px 22px;color:var(--muted);line-height:1.6}.faq details[open] summary b{transform:rotate(45deg)}
footer{background:#160d50;color:#fff}footer>div{width:min(calc(100% - 40px),var(--max));min-height:180px;margin:auto;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:45px}footer img{width:200px}footer nav{display:flex;justify-content:center;gap:28px;color:#ded8f6;font-size:13px}footer p{text-align:right;color:#c9c1eb;font-size:12px}footer strong{display:block;margin-top:7px;color:var(--yellow)}
@keyframes float{50%{transform:rotate(8deg) translateY(-10px)}}@keyframes pulse{50%{opacity:.5;transform:scale(.8)}}
@media(max-width:1120px){.nav>nav{gap:16px}.hero{grid-template-columns:.8fr 1.2fr}.hero-art{transform:scale(.9);transform-origin:center right}.feature-grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:220px 1fr}.guide aside{grid-column:2}.guide ol{grid-template-columns:1fr}}
@media(max-width:860px){.nav{height:82px}.nav>a:first-child img{width:165px}.nav>nav,.nav-cta{display:none}.menu-btn{display:flex;width:48px;height:48px;border:1px solid var(--border);border-radius:15px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-btn i{width:20px;height:2px;background:var(--p)}.mobile-menu{position:absolute;top:76px;right:20px;width:min(260px,calc(100% - 40px));padding:10px;display:grid;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 18px 50px #2d1b9a22;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a{padding:12px;color:var(--p);font-weight:600}.hero{padding-top:112px;grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-art{width:min(100%,680px);min-height:620px;margin:auto;transform:none}.hero:after{top:530px;right:-300px}.guide{grid-template-columns:210px 1fr}.guide aside{grid-column:1/-1}footer>div{grid-template-columns:1fr;padding:40px 0;text-align:center;gap:24px}footer img{margin:auto}footer p{text-align:center}}
@media(max-width:620px){.nav{width:calc(100% - 32px)}.nav>a:first-child img{width:150px}.hero{padding:105px 18px 42px}.hero-copy{text-align:center}.eyebrow{font-size:10px}.hero h1{font-size:clamp(43px,14vw,59px)}.lead{font-size:16px}.stores{justify-content:center}.store{width:calc(50% - 6px);min-width:0;padding:8px 10px}.store strong{font-size:13px}.store small{font-size:7px}.hero-art{min-height:515px}.hand{top:8px;left:0;font-size:14px}.phone{left:0;top:55px;width:205px;height:420px;padding:6px;border-width:4px;border-radius:36px}.phone:before{top:9px;width:62px;height:16px}.screen{padding:13px 10px;border-radius:27px}.status{font-size:6px}.screen>img{width:96px;margin:20px auto}.input{padding:12px 8px 8px}.input strong{font-size:8px}.input span{height:50px;font-size:6px}.input i{width:27px;height:27px}.tabs{margin:12px 0 9px}.tabs>span{font-size:14px}.tabs small{font-size:5px}.message{padding:7px}.message small{font-size:5px}.mascot{right:-98px;width:365px;height:490px}.mascot img{width:375px;height:470px}.moon{right:18px;top:58px;width:150px;height:150px}.moon:after{width:155px;height:155px;left:-30px}blockquote{right:5px;bottom:18px;width:145px;font-size:10px}.cloud{transform:scale(.7)}.c1{left:-70px}.c2{right:-100px}.feature-grid{grid-template-columns:1fr}.features{margin-top:0}.feature-grid article{min-height:0;padding:22px}.guide{padding:58px 20px;grid-template-columns:1fr}.mini-phone{width:190px;height:330px}.guide-copy{text-align:center}.guide ol{text-align:left}.faq{padding:65px 0}.faq h2{font-size:31px}footer nav{flex-wrap:wrap;gap:18px}}
@media(max-width:360px){.stores{display:grid;grid-template-columns:1fr}.store{width:100%}.hero-art{min-height:475px}.phone{width:182px;height:385px}.mascot{right:-106px;width:335px;height:445px}.mascot img{width:345px;height:425px}blockquote{display:none}.features,.faq{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html{overflow-x:hidden}.header{background:linear-gradient(90deg,rgba(255,248,230,.96) 0%,rgba(255,248,230,.92) 62%,rgba(255,248,230,.42) 100%);backdrop-filter:blur(8px)}
.hero{overflow:hidden}
@media(max-width:860px){.header{background:rgba(255,248,230,.94)}}

/* Second visual pass: desktop scale and editorial density */
:root{--max:1440px}
.nav{width:min(calc(100% - 48px),var(--max))}
.hero{min-height:840px;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));grid-template-columns:minmax(520px,43fr) minmax(680px,57fr);gap:32px}
.hero:after{top:-230px;right:-210px;width:1010px;height:850px}
.hero-copy{padding-left:8px}
h1{font-size:clamp(64px,6vw,92px);line-height:.95}
.lead{max-width:560px}
.store{width:auto;min-width:0;height:auto;padding:0;border-radius:8px;background:transparent;opacity:1}
.store img{display:block;object-fit:contain}
.store:first-child img{width:182px;height:55px}
.store:nth-child(2) img{width:202px;height:59px}
.hero-art{min-height:700px}
.phone{left:92px;top:-10px;width:350px;height:710px;border-radius:58px}
.phone:before{width:104px;height:27px}.screen{border-radius:43px;padding:23px 18px}.screen>img{width:165px;margin:34px auto 31px}.input{padding:23px 15px 17px}.input strong{font-size:13px}.input span{height:86px;font-size:9px}.tabs{margin:22px 0 19px}.message small{font-size:8px}
.mascot{right:-68px;width:675px;height:710px}.mascot img{width:650px;height:700px;bottom:-35px}.moon{right:14px;top:55px;width:260px;height:260px}.moon:after{width:266px;height:266px;left:-50px}.hand{top:42px;left:-4px;font-size:22px}
.features{width:min(calc(100% - 48px),var(--max));padding:70px 0 100px}.features header{margin-bottom:38px}.features h2{font-size:clamp(38px,4vw,56px)}.feature-grid{gap:20px}.feature-grid article{min-height:220px;padding:34px}.feature-grid i{width:60px;height:60px;border-radius:19px;font-size:29px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:16px}
.guide{min-height:520px;padding-top:92px;padding-bottom:92px;grid-template-columns:330px minmax(480px,1fr) 320px;gap:60px}.mini-phone{width:285px;height:450px}.guide-copy h2{font-size:clamp(38px,3.5vw,52px)}.guide-copy>p{font-size:17px}.guide-copy ol{gap:20px}.guide li strong{font-size:14px}.guide li small{font-size:12px}aside{padding:32px}aside h3{font-size:22px}
.faq{width:min(calc(100% - 48px),1100px);padding:110px 0}.faq h2{font-size:clamp(40px,4vw,54px)}.faq details{margin-top:15px}.faq summary{min-height:76px;padding:0 28px;font-size:17px}.faq details p{margin:-4px 28px 26px}
footer>div{width:min(calc(100% - 48px),var(--max));min-height:220px;padding:54px 0}footer img{width:230px}footer nav{font-size:14px}
@media(min-width:1121px){.hero{min-height:800px;padding-top:112px;padding-bottom:28px}.hero-art{min-height:660px}.phone{top:-2px;width:322px;height:650px}.mascot{height:670px}.mascot img{height:660px}}
@media(min-width:1441px){.hero-copy{padding-left:0}.hero-art{transform:scale(1.03);transform-origin:center}.hero{min-height:840px}}
@media(max-width:1120px){.hero{min-height:780px;grid-template-columns:.8fr 1.2fr}.hero-art{min-height:640px}.phone{left:112px;top:9px;width:295px;height:600px}.mascot{right:-105px;width:570px;height:620px}.mascot img{width:550px;height:610px}.moon{width:220px;height:220px}.moon:after{width:225px;height:225px}.guide{grid-template-columns:220px 1fr}}
@media(max-width:860px){.nav{width:calc(100% - 32px)}.hero{min-height:auto;padding-left:18px;padding-right:18px;grid-template-columns:1fr}.hero-art{min-height:620px}.guide{grid-template-columns:210px 1fr}.features,.faq{width:calc(100% - 40px)}}
@media(max-width:620px){.store:first-child img{width:160px;height:49px}.store:nth-child(2) img{width:178px;height:52px}.hero-art{min-height:515px}.phone{left:0;top:55px;width:205px;height:420px}.mascot{right:-98px;width:365px;height:490px}.mascot img{width:375px;height:470px}.moon{width:150px;height:150px}.moon:after{width:155px;height:155px}.features{padding:58px 0 72px}.features h2{font-size:36px}.feature-grid h3{font-size:20px}.guide{padding-top:68px;padding-bottom:68px}.faq{padding:72px 0}footer>div{padding:52px 0}}
@media(max-width:360px){.store:first-child img{width:168px;height:51px}.store:nth-child(2) img{width:187px;height:54px}.hero-art{min-height:475px}.phone{width:182px;height:385px}.mascot{right:-106px;width:335px;height:445px}.mascot img{width:345px;height:425px}}

/* Approved hero refinement */
.nav>a:first-child img{width:228px}
.hero:after{top:-145px;right:-125px;width:760px;height:660px}
.availability{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border:1px solid #dcd5f2;border-radius:999px;background:var(--p);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 26px #2d1b9a26;transition:.2s}.availability:hover,.availability:focus{transform:translateY(-2px);background:var(--ink)}
@media(min-width:1121px){.phone{left:24px}.mascot{right:-82px}.mascot blockquote{right:72px;bottom:140px;width:205px;padding:10px 12px;border-radius:14px;background:#21136db8;text-align:center}.features{margin-top:-8px;padding-top:48px}}
.feature-grid article{position:relative;overflow:hidden;border-color:#e4def0;background:linear-gradient(145deg,#fffdf8,#fff)}.feature-grid article:after{content:"";position:absolute;right:-34px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:#eee9ff66}.feature-grid article:nth-child(2):after{background:#fff0c888}.feature-grid article:nth-child(4):after{background:#ffe2e788}.feature-grid i,.feature-grid h3,.feature-grid p{position:relative;z-index:1}
@media(max-width:860px){.nav>a:first-child img{width:178px}.hero:after{top:540px;right:-190px;width:590px;height:510px}}
@media(max-width:620px){.availability{min-height:50px;padding:0 19px;font-size:14px}.phone{left:-10px}.mascot{right:-84px}.mascot blockquote{display:none}.features{padding-top:42px}}
@media(max-width:360px){.nav>a:first-child img{width:160px}.availability{font-size:13px}.phone{left:-13px}.mascot{right:-91px}}

/* Final vertical rhythm: preserve the approved hero */
.features{padding-bottom:72px}
.features:after{content:"";position:absolute;left:50%;bottom:26px;width:72px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--yellow),var(--coral),var(--s));transform:translateX(-50%)}
.guide{min-height:560px;padding-top:76px;padding-bottom:76px}
.faq{width:min(calc(100% - 48px),1180px);padding-top:82px;padding-bottom:82px}
.faq details{box-shadow:0 8px 24px #2d1b9a0a}
footer>div{min-height:240px;padding-top:58px;padding-bottom:58px}
footer img{width:250px}
footer nav{gap:34px;font-size:15px}
footer p{font-size:13px;line-height:1.55}
@media(max-width:860px){.features{padding-bottom:64px}.guide{padding-top:68px;padding-bottom:68px}.faq{padding-top:68px;padding-bottom:68px}footer>div{min-height:auto;padding-top:54px;padding-bottom:54px}footer img{width:220px}}
@media(max-width:620px){.features:after{bottom:22px}.faq{width:calc(100% - 32px)}.faq summary{min-height:72px;padding-left:20px;padding-right:20px}.faq details p{margin-left:20px;margin-right:20px}}
