:root{--navy:#082e4d;--navy-soft:#124b6c;--cyan:#00bdd8;--cyan-pale:#dffbfc;--yellow:#ffd515;--yellow-light:#fff098;--orange:#ff8b08;--coral:#ff5068;--cream:#fff3d3;--paper:#fffdf5;--muted:#526476;--white:#fff;--outline:3px solid var(--navy);--hard-shadow:0 7px 0 var(--navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 6%, #00bdd81c 0 100px, transparent 101px), radial-gradient(circle at 88% 27%, #ffd51529 0 150px, transparent 151px), var(--cream);color:var(--navy);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Avenir Next,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,label{font:inherit}main{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:96px;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:13px;font-size:20px;font-weight:900;display:inline-flex}.brand-mark{border:var(--outline);background:var(--cyan);border-radius:15px;place-items:center;width:47px;height:47px;display:grid;overflow:hidden;transform:rotate(-2deg)}.brand-mark img{object-fit:cover;width:100%;height:100%}.header-link,.support-link{border:var(--outline);background:var(--yellow);color:var(--navy);box-shadow:0 5px 0 var(--navy);border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14px;font-weight:900;transition:all .16s;display:inline-flex}.header-link:hover,.support-link:hover,.primary-button:hover{box-shadow:0 3px 0 var(--navy);transform:translateY(2px)}.hero{border:5px solid var(--navy);background:radial-gradient(circle at 78% 18%,#ffffff47 0 7px,#0000 8px),radial-gradient(circle at 84% 13%,#ffffff38 0 15px,#0000 16px),linear-gradient(145deg,#00c5dc,#00aecf);border-radius:42px;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;width:min(1180px,100% - 48px);min-height:600px;margin:16px auto 0;padding:64px 66px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:44px solid var(--yellow);width:270px;height:270px;box-shadow:0 0 0 5px var(--navy);border-radius:50%;position:absolute;bottom:-145px;left:-130px}.hero:after{content:"";background:var(--yellow);width:54px;height:16px;box-shadow:-12px 39px 0 -3px var(--cream), 24px 55px 0 -5px var(--coral), -25px 82px 0 -6px var(--orange);border-radius:999px;position:absolute;top:12%;left:47%;transform:rotate(-18deg)}.hero-copy,.mascot-stage{z-index:1;position:relative}.eyebrow,.guide-eyebrow{border:2px solid var(--navy);background:var(--yellow);width:fit-content;color:var(--navy);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 0 var(--navy);border-radius:999px;align-items:center;padding:7px 12px 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.hero-eyebrow{background:var(--cream)}.hero h1{max-width:620px;color:var(--navy);letter-spacing:-.06em;margin:22px 0;font-size:clamp(45px,5vw,66px);font-weight:900;line-height:1.01}.hero h1>span{border:3px solid var(--navy);background:var(--yellow);border-radius:15px;margin-top:10px;padding:2px 12px 7px;display:inline-block;transform:rotate(-1deg)}.hero-copy>p{z-index:3;color:#082e4d;background:#fff7d8;border:3px solid #082e4d;border-radius:15px;width:fit-content;max-width:520px;margin:22px 0 0;padding:13px 17px;font-size:14px;font-weight:750;line-height:1.55;position:relative}.primary-button{border:var(--outline);background:var(--coral);width:fit-content;color:var(--white);box-shadow:0 6px 0 var(--navy);border-radius:18px;align-items:center;gap:28px;margin-top:31px;padding:15px 17px 15px 21px;font-size:15px;font-weight:900;transition:all .16s;display:flex}.primary-button span{border:2px solid var(--navy);background:var(--yellow);width:29px;height:29px;color:var(--navy);border-radius:9px;place-items:center;display:grid}.mascot-stage{place-items:center;min-height:470px;display:grid}.mascot-frame{aspect-ratio:1;border:7px solid var(--cream);outline:5px solid var(--navy);background:var(--cyan);border-radius:48px;width:min(100%,420px);position:relative;overflow:hidden;transform:rotate(1.5deg)}.mascot-frame:after{content:"";pointer-events:none;border:2px solid #ffffff73;border-radius:33px;position:absolute;inset:13px}.mascot-logo{object-fit:cover;width:100%;height:100%;display:block}.mascot-bubble{border:4px solid var(--navy);background:var(--paper);border-radius:20px;align-items:center;gap:11px;padding:13px 17px 13px 13px;display:flex;position:absolute;bottom:8px;left:-8px;transform:rotate(-2deg)}.mascot-bubble>span{border:2px solid var(--navy);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:grid}.mascot-bubble p{margin:0;font-size:12px;line-height:1.35}.mascot-bubble strong{font-size:15px;display:block}.spark{z-index:2;color:var(--yellow);-webkit-text-stroke:2px var(--navy);place-items:center;font-size:46px;font-weight:900;display:grid;position:absolute}.spark-one{top:-3px;right:-7px;transform:rotate(15deg)}.spark-two{color:var(--coral);font-size:25px;top:57px;left:2px}.quick-steps{z-index:3;border:4px solid var(--navy);background:var(--paper);width:min(1040px,100% - 72px);box-shadow:var(--hard-shadow);border-radius:25px;grid-template-columns:repeat(3,1fr);margin:-35px auto 0;display:grid;position:relative;overflow:hidden}.quick-steps>div{align-items:center;gap:14px;min-height:104px;padding:21px 25px;display:flex}.quick-steps>div:not(:last-child){border-right:3px solid var(--navy)}.quick-steps>div:nth-child(2){background:var(--yellow-light)}.quick-steps>div>span{border:3px solid var(--navy);background:var(--cyan);width:45px;height:45px;box-shadow:0 3px 0 var(--orange);border-radius:15px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.quick-steps p{margin:0}.quick-steps strong,.quick-steps small{display:block}.quick-steps strong{font-size:14px}.quick-steps small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:700}.instructions,.help-section{width:min(1180px,100% - 48px);margin:118px auto 0}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;display:flex}.section-heading h2,.help-section h2{letter-spacing:-.05em;margin:15px 0 0;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1.05}.section-heading>p{border-left:5px solid var(--coral);max-width:390px;color:var(--muted);margin:0 0 3px;padding-left:14px;font-size:14px;font-weight:600;line-height:1.6}.device-switcher{position:relative}.device-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.guide-shell{border:4px solid var(--navy);background:var(--paper);border-radius:32px;overflow:hidden}.device-nav{border-bottom:4px solid var(--navy);background:var(--yellow);grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.device-nav label{min-height:72px;color:var(--navy);cursor:pointer;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:900;transition:all .16s;display:flex}.device-nav label:hover{border-color:var(--navy);background:var(--paper);transform:translateY(-2px)}.device-symbol{border:2px solid var(--navy);background:var(--cream);border-radius:11px;place-items:center;min-width:33px;height:33px;padding:8px;font-size:9px;font-weight:900;display:grid}#ios:checked~.guide-shell label[for=ios],#mac:checked~.guide-shell label[for=mac],#android:checked~.guide-shell label[for=android],#tv:checked~.guide-shell label[for=tv],#windows:checked~.guide-shell label[for=windows]{border-color:var(--navy);background:var(--cyan);transform:translateY(-2px)}.guide-panel{padding:52px 56px 57px;animation:.23s both panel-in;display:none}#ios:checked~.guide-shell .panel-ios,#mac:checked~.guide-shell .panel-mac,#android:checked~.guide-shell .panel-android,#tv:checked~.guide-shell .panel-tv,#windows:checked~.guide-shell .panel-windows{display:block}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guide-intro{border-bottom:3px dashed #082e4d47;justify-content:space-between;align-items:start;gap:30px;padding-bottom:32px;display:flex}.guide-eyebrow{color:var(--coral);box-shadow:none;background:0 0;border:0;padding:0}.guide-intro h3{letter-spacing:-.04em;margin:10px 0;font-size:34px;font-weight:900;line-height:1.12}.guide-intro p{max-width:660px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.time-badge{border:var(--outline);background:var(--yellow);border-radius:999px;flex:none;margin-top:4px;padding:10px 14px;font-size:12px;font-weight:900}.app-hint{border:3px solid var(--navy);background:var(--cyan-pale);border-radius:18px;align-items:center;gap:14px;margin:27px 0 0;padding:16px 18px;display:flex;box-shadow:0 4px #082e4d29}.app-hint>span{border:2px solid var(--navy);background:var(--yellow);border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-family:Georgia,serif;font-weight:900;display:grid}.app-hint p{color:var(--navy-soft);margin:0;font-size:13px;line-height:1.55}.app-hint strong{color:var(--navy);margin-right:7px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0 0;padding:0;list-style:none;display:grid}.steps li{border:3px solid var(--navy);background:var(--paper);min-height:198px;box-shadow:0 5px 0 var(--navy);border-radius:22px;grid-template-columns:48px 1fr;align-content:start;gap:17px;padding:22px;display:grid}.steps li:nth-child(2){background:#fff9dc}.steps li:nth-child(3){background:#edfcfd}.steps li:nth-child(4){background:#fff0e4}.step-number{border:3px solid var(--navy);background:var(--cyan);width:48px;height:48px;box-shadow:0 3px 0 var(--navy);border-radius:15px;place-items:center;font-size:12px;font-weight:900;display:grid}.steps li:nth-child(2) .step-number,.steps li:nth-child(4) .step-number{background:var(--yellow)}.steps h4{letter-spacing:-.02em;margin:2px 0 8px;font-size:17px;font-weight:900}.steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.steps small{border-left:4px solid var(--coral);color:#8d3d4d;margin-top:11px;padding-left:10px;font-size:11px;line-height:1.5;display:inline-block}.success-card{border:4px solid var(--navy);background:var(--yellow);box-shadow:0 6px 0 var(--orange);border-radius:20px;align-items:center;gap:15px;margin-top:29px;padding:18px 21px;display:flex}.success-icon{border:3px solid var(--navy);background:var(--cyan);border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.success-card strong{font-size:15px}.success-card p{color:var(--navy-soft);margin:3px 0 0;font-size:13px;line-height:1.5}.help-section{border:5px solid var(--navy);background:var(--navy);color:var(--cream);border-radius:36px;margin-top:108px;padding:68px;position:relative;overflow:hidden}.help-section:after{content:"";border:35px solid var(--cyan);opacity:.35;border-radius:50%;width:220px;height:220px;position:absolute;top:-95px;right:-95px}.help-section>*{z-index:1;position:relative}.help-section .eyebrow{border-color:var(--cream);background:var(--coral);color:var(--white);box-shadow:0 3px 0 var(--cream)}.help-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:39px;display:grid}.help-grid article{border:3px solid var(--cream);min-height:195px;color:var(--navy);box-shadow:0 6px 0 var(--cream);border-radius:22px;padding:27px}.help-grid article:first-child{background:var(--cyan)}.help-grid article:nth-child(2){background:var(--yellow)}.help-grid article:nth-child(3){background:var(--coral);color:var(--white)}.help-grid article>span{border:2px solid;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.help-grid h3{margin:31px 0 9px;font-size:17px;font-weight:900}.help-grid p{color:inherit;opacity:.82;margin:0;font-size:13px;line-height:1.6}.support-link{border-color:var(--cream);width:fit-content;box-shadow:0 5px 0 var(--cream);margin-top:29px}footer{width:min(1180px,100% - 48px);color:var(--navy-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:39px auto 0;padding:36px 0 47px;font-size:12px;font-weight:700;display:grid}footer p{margin:0}footer>a:last-child{border-bottom:2px solid var(--navy);color:var(--navy);justify-self:end;font-weight:900}@media (width<=980px){.hero{grid-template-columns:1fr;gap:28px;padding:60px}.mascot-stage{min-height:470px}.quick-steps{grid-template-columns:1fr;width:min(88%,760px)}.quick-steps>div{min-height:82px}.quick-steps>div:not(:last-child){border-right:0;border-bottom:3px solid var(--navy)}.device-nav{grid-template-columns:repeat(4,minmax(145px,1fr));overflow-x:auto}.guide-panel{padding:45px}.steps{grid-template-columns:1fr}.steps li{min-height:auto}.help-section{padding:52px}.help-grid{grid-template-columns:1fr}}@media (width<=650px){.site-header,.hero,.instructions,.help-section,footer{width:calc(100% - 24px)}.site-header{height:79px}.brand{font-size:17px}.brand-mark{width:42px;height:42px}.header-link{width:44px;height:44px;padding:0}.header-link span{display:none}.hero{min-height:0;box-shadow:0 8px 0 var(--navy);border-width:4px;border-radius:30px;grid-template-columns:1fr;margin-top:5px;padding:39px 22px 28px}.hero:after{display:none}.hero h1{font-size:clamp(39px,12vw,48px)}.hero h1>span{border-radius:12px;padding:2px 8px 5px}.hero-copy>p{max-width:100%;padding:11px 13px;font-size:13px}.primary-button{justify-content:space-between;width:100%}.mascot-stage{min-height:340px}.mascot-frame{width:min(88%,310px);box-shadow:8px 9px 0 var(--orange);border-width:5px;border-radius:35px;outline-width:4px}.mascot-bubble{border-width:3px;padding:10px 13px 10px 10px;bottom:-3px;left:0}.quick-steps{border-width:3px;grid-template-columns:1fr;width:calc(100% - 42px);margin-top:-16px}.quick-steps>div{min-height:76px;padding:16px 18px}.instructions,.help-section{margin-top:83px}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading h2,.help-section h2{font-size:37px}.guide-shell{box-shadow:0 7px 0 var(--navy);border-width:3px;border-radius:24px}.device-nav{scrollbar-width:none;grid-template-columns:repeat(4,max-content);justify-content:start;padding:9px;overflow-x:auto}.device-nav::-webkit-scrollbar{display:none}.device-nav label{min-height:58px;padding:0 13px}.guide-panel{padding:32px 19px 29px}.guide-intro{display:block}.guide-intro h3{font-size:29px}.time-badge{margin-top:19px;display:inline-block}.app-hint{align-items:flex-start;padding:14px}.app-hint strong{margin-bottom:2px;display:block}.steps{grid-template-columns:1fr;gap:13px}.steps li{border-radius:18px;grid-template-columns:41px 1fr;gap:13px;min-height:auto;padding:17px}.step-number{width:41px;height:41px}.success-card{border-width:3px;align-items:flex-start;padding:16px}.help-section{border-width:4px;border-radius:29px;padding:41px 20px 28px}.help-grid{grid-template-columns:1fr}.help-grid article{min-height:auto;padding:23px}.support-link{width:100%}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.store-links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.store-link{color:#082e4d;background:#ffd91a;border:2px solid #082e4d;border-radius:12px;justify-content:center;align-items:center;padding:9px 13px;font-size:12px;font-weight:900;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 3px #082e4d}.store-link:hover{background:#ffca0a;transform:translateY(1px);box-shadow:0 2px #082e4d}.store-link:active{box-shadow:none;transform:translateY(3px)}.store-link:focus-visible{outline-offset:3px;outline:3px solid #ff526d}.step-shot{margin-top:15px}.step-shot summary{color:#082e4d;cursor:pointer;background:#ffd91a;border:2px solid #082e4d;border-radius:10px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 3px #082e4d}.step-shot[open] summary{margin-bottom:14px}.step-shot img{border:3px solid var(--cyan);border-radius:18px;width:100%;max-width:330px;display:block}.step-shot span{color:#526576;margin-top:9px;font-size:11px;font-weight:700;display:block}.image-open{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.image-open img{width:100%;display:block}.image-modal{background:#fffdf5;border:3px solid #082e4d;border-radius:22px;width:min(900px,100% - 30px);max-height:90vh;padding:15px;overflow:visible;box-shadow:0 8px #082e4d}.image-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#082e4dc7}.image-modal img{object-fit:contain;border-radius:14px;width:100%;max-height:calc(90vh - 30px);display:block}.modal-close{color:#082e4d;cursor:pointer;background:#ffd91a;border:3px solid #082e4d;border-radius:50%;width:38px;height:38px;font-size:25px;font-weight:900;line-height:1;position:absolute;top:-16px;right:-16px}
