@font-face{font-family:Jakarta;src:url('assets/regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('assets/bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Jakarta;src:url('assets/extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#06374a;--teal:#008ca1;--muted:#62777e;--bg:#f8faf7;--line:#dfe9e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Jakarta,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.wrap{max-width:1160px;width:calc(100% - 96px);margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand img{object-fit:contain;width:140px;height:56px}.header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.nav-cta{padding:14px 20px;border:1px solid #bacdce;border-radius:100px}.nav-cta span{margin-left:16px}.hero{min-height:635px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding-bottom:50px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:var(--teal);border-radius:50%}h1{font-size:clamp(44px,5.2vw,68px);line-height:1.12;letter-spacing:-3.7px;margin:23px 0}h1 span{color:var(--teal)}.intro{font-size:16px;line-height:1.8;max-width:380px;color:var(--muted);margin:0 0 24px}.stores{display:flex;align-items:center;gap:10px;width:max-content;scroll-margin-top:120px}.store{background:none;padding:0;border:0;border-radius:8px;display:grid;place-items:center}.apple img{width:156px;height:52px}.google{margin:-10px -10px -10px 0}.google img{width:184px;height:auto}.availability{color:var(--muted);font-size:11px;margin:13px 0 0}.hero-art{position:relative;isolation:isolate}.teacher{width:100%;position:relative;z-index:1;animation:enter .8s ease both}.orbit{position:absolute;width:94%;height:94%;border:1px solid #c9e3df;border-radius:50%;inset:3%;z-index:-1}.float-label{position:absolute;z-index:2;background:#fff;border:1px solid #e7eeeb;box-shadow:0 12px 40px #08394b0a;border-radius:14px;padding:14px 17px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:800;animation:drift 6s ease-in-out infinite}.float-label small{display:block;margin-top:5px;font-size:10px;color:var(--muted);font-weight:400}.label-optic{top:16%;left:-2%}.label-classic{right:-3%;bottom:18%;animation-delay:-3s}.mini-grid,.mini-lines{font-size:27px;color:var(--teal);width:32px;text-align:center}.art-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;letter-spacing:.4px;color:var(--muted)}.how{border-top:1px solid var(--line);padding-top:48px;padding-bottom:52px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:32px;letter-spacing:-1.2px;margin:14px 0 0}.section-head>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.step{border-radius:22px;background:#fff;border:1px solid #e6ece8;padding:8px 20px 25px}.scene{height:210px;display:flex;justify-content:center}.scene img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.step:hover .scene img{transform:translateY(-4px)}.step-copy{display:flex;gap:14px;align-items:start}.number{color:var(--teal);font-size:12px;padding-top:4px;font-weight:800}.step h3{font-size:16px;margin:0 0 8px;letter-spacing:-.3px}.step p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.batch{position:relative;background:#e6f3f1;border-radius:26px;display:grid;grid-template-columns:.85fr 1fr .65fr;align-items:center;min-height:310px;padding:20px 40px;overflow:hidden}.batch-art img{width:280px;height:280px}.batch-copy h2{font-size:34px;letter-spacing:-1.4px;line-height:1.2;margin:12px 0}.batch-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#47656d}.text-link{font-size:12px;font-weight:800;display:inline-flex;gap:30px;align-items:center;margin:8px 0 14px;border-bottom:1px solid #89babc;padding-bottom:6px}.paper-tag{background:#fff;border-radius:16px;padding:22px 18px;transform:rotate(5deg);box-shadow:0 12px 24px #153e4710}.paper-tag>span{font-size:10px;color:var(--muted)}.paper-tag strong{display:block;font-size:12px;margin-top:8px}.tag-pages{display:flex;align-items:center;margin-top:22px}.tag-pages i{font-style:normal;font-size:13px;background:#eff8f7;border:1px solid #c7e0dc;border-radius:5px;width:40px;height:50px;display:grid;place-items:center;margin-right:8px}.tag-pages b{margin-left:auto;background:var(--teal);color:white;padding:5px 9px;border-radius:50%;font-size:12px}.footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand img{width:105px;height:44px}.footer p,.footer>span{font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:24px;padding:36px;max-width:410px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #00233133}dialog::backdrop{background:#052f4970;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:20px 0 12px}dialog p{font-size:14px;color:var(--muted);line-height:1.8}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px;color:var(--ink)}.dialog-ok{background:var(--ink);color:white;border:0;border-radius:10px;padding:12px 24px;margin-top:10px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #008ca1;outline-offset:5px}@keyframes drift{50%{transform:translateY(-7px)}}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:680px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}h1{font-size:48px;letter-spacing:-2.5px}.hero{min-height:560px}.label-classic{right:-1%;padding:12px}.label-optic{left:-5%;padding:12px}.steps{gap:12px}.step{padding:4px 14px 22px}.scene{height:185px}.step h3{font-size:14px}.step-copy{gap:9px}.batch{grid-template-columns:.9fr 1.1fr;padding:20px}.paper-tag{display:none}.batch-copy h2{font-size:30px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand img{width:112px;height:46px}.header nav{gap:0;font-size:11px}.header nav>a:first-child{display:none}.nav-cta{padding:11px 14px}.nav-cta span{margin-left:8px}.hero{display:flex;flex-direction:column;gap:22px;min-height:0;padding-top:24px;padding-bottom:36px}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(41px,11.6vw,60px);line-height:1.12;letter-spacing:-2.7px;margin:21px 0}h1 span br{display:none}.intro{font-size:14px;line-height:1.8;max-width:340px;margin-bottom:22px}.stores{gap:6px}.apple img{width:138px;height:46px}.google img{width:164px}.availability{font-size:10px;margin-top:12px}.hero-art{width:100%;max-width:390px;margin-top:12px;padding-bottom:14px}.label-optic{left:0;top:13%;font-size:11px}.label-classic{right:-3px;bottom:15%;font-size:11px}.float-label small{font-size:9px}.art-caption{font-size:10px;bottom:0}.how{padding-top:28px;padding-bottom:30px}.section-head{display:block}.section-head h2{font-size:27px;letter-spacing:-1px}.section-head>p{margin-top:14px;font-size:12px}.section-head>p br{display:none}.steps{display:flex;flex-direction:column;margin-top:22px;gap:12px}.step{display:flex;align-items:center;padding:8px 14px 8px 2px;border-radius:18px;min-height:145px}.scene{width:40%;height:140px;flex-shrink:0}.step-copy{gap:9px}.step h3{font-size:14px}.step p{font-size:11px;max-width:165px}.number{font-size:10px}.batch{grid-template-columns:1fr;gap:0;padding:22px 24px 26px;text-align:center}.batch-art{order:2;display:flex;justify-content:center}.batch-art img{height:200px;width:200px;margin:5px 0 -20px}.batch-copy .eyebrow{justify-content:center}.batch-copy h2{font-size:30px}.batch-copy h2 br{display:none}.batch-copy>p:not(.eyebrow){font-size:12px}.footer{padding-block:24px;min-height:120px;flex-wrap:wrap;gap:10px}.footer p{order:3;width:100%;margin:0}.footer>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.apple img{width:197px;height:52px}@media(max-width:620px){.apple img{width:151px;height:40px}.google img{width:156px}}

.teacher{height:auto}h1{letter-spacing:-2px}@media(max-width:620px){h1{letter-spacing:-1.6px}.hero-art{aspect-ratio:1 / 1}.orbit{height:auto;aspect-ratio:1 / 1}.stores{max-width:100%;flex-wrap:wrap}}

@media(max-width:620px){.hero-art{margin-top:30px}.label-optic{top:-20px}}