@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#07364b;background:#fff;margin:0;font-family:DM Sans,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{flex-direction:column;max-width:1600px;min-height:100svh;margin:auto;padding:32px 6vw 24px;display:flex}header,footer{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:36px;font-weight:800}.logo span{color:#00a5d9}.logo i{margin-left:5px;font-size:29px;font-style:normal}.coming{letter-spacing:1.8px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.coming b{background:#00a5d9;border-radius:50%;width:7px;height:7px}main{flex:1;grid-template-columns:1.12fr 1fr;align-items:center;gap:6vw;padding:42px 0 50px;display:grid}.eyebrow{letter-spacing:1.9px;margin:0 0 23px;font-size:11px;font-weight:700}h1{letter-spacing:-4.5px;margin:0 0 24px;font-family:Manrope,sans-serif;font-size:clamp(48px,5.5vw,86px);font-weight:800;line-height:1.03}h1 em{color:#007da7;font-style:normal;position:relative}h1 em:after{content:"";background:#ffeb00;border-radius:50%;height:7px;position:absolute;bottom:-9px;left:0;right:0;transform:rotate(-3deg)}.intro{margin:30px 0 16px;font-size:23px;font-weight:500;line-height:1.4}.description{color:#5b6470;max-width:490px;margin:0 0 27px;font-size:15px;line-height:1.75}.description strong{color:#07364b;font-weight:600}.cta{color:#07364b;background:#ffeb00;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:26px;min-width:218px;padding:17px 23px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 5px #d9eef5}.cta:hover{background:#fff47a;transform:translateY(-2px)}.cta span{font-size:23px;line-height:1}.micro{color:#6b737d;margin:15px 0 0;font-size:12px}.art{aspect-ratio:.88;isolation:isolate;background:linear-gradient(155deg,#ecfbff,#b6ecff);border-radius:150px 150px 16px 16px;max-height:580px;position:relative;overflow:hidden;box-shadow:0 16px 55px #00a5d912}.art-grid{background-image:linear-gradient(#fff4 1px,#0000 1px),linear-gradient(90deg,#fff4 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.sun{aspect-ratio:1;color:#07364b;background:#ffeb00;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:63%;display:flex;position:absolute;top:13%;left:19%;transform:rotate(-9deg)}.sun span{text-align:center;letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:clamp(20px,2.7vw,40px);font-weight:800;line-height:1.04}.sun b{margin-top:8px;font-size:85px;line-height:.9}.orbit{z-index:-1;border:1px solid #07364b40;border-radius:50%;width:78%;height:54%;position:absolute;top:12%;left:10%;transform:rotate(-22deg)}.hill{border-radius:50% 50% 0 0;width:150%;height:60%;position:absolute;bottom:-19%}.hill-one{background:#00a5d9;left:-65%;transform:rotate(24deg)}.hill-two{background:#087fa8;right:-65%;transform:rotate(-25deg)}.path{clip-path:polygon(40% 0,52% 0,100% 100%,0 100%);background:#fff;width:37%;height:51%;position:absolute;bottom:-18%;left:38%;transform:rotate(-10deg)}.sticker{background:#fff;border:1px solid #07364b18;border-radius:3px;padding:18px 22px;font-size:16px;line-height:1.4;position:absolute;bottom:23%;right:7%;transform:rotate(8deg);box-shadow:4px 4px #07364b30}.spark{color:#007da7;font-size:57px;position:absolute;top:5%;right:8%;transform:rotate(10deg)}.art-label{color:#fff;letter-spacing:2px;font-size:9px;font-weight:700;position:absolute;bottom:23px;left:24px}footer{color:#67717d;border-top:1px solid #07364b1c;padding-top:21px;font-size:11px}footer a{color:#07364b}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#07364b80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:480px;padding:40px;position:relative;box-shadow:0 20px 80px #07364b40}.close{color:#07364b;background:0 0;border:0;font-size:30px;position:absolute;top:10px;right:15px}h2{letter-spacing:-1.8px;margin:0 0 18px;font-family:Manrope,sans-serif;font-size:36px;line-height:1.12}.modal p{line-height:1.6}.modal label{margin:20px 0 8px;font-size:13px;font-weight:600;display:block}input{width:100%;font:inherit;color:#07364b;background:#fff;border:1px solid #adb6c0;border-radius:6px;padding:15px}.modal .cta{width:100%;margin-top:14px}.consent{color:#66717f;font-size:11px}.cta:disabled{opacity:.7}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #00a5d9}@media (min-width:1600px){main{gap:90px}}@media (max-width:800px){.shell{padding:23px 6vw}header .logo{font-size:30px}.coming{letter-spacing:1px;font-size:8px}main{grid-template-columns:1fr;gap:30px;padding:45px 0}.copy{max-width:550px}h1{letter-spacing:-3px;font-size:clamp(48px,10vw,70px)}.intro{font-size:20px}.description{font-size:14px}.art{display:none}footer{align-items:flex-start;gap:20px;font-size:10px}.modal{padding:32px 25px}}@media (max-height:760px) and (min-width:801px){main{padding:28px 0}h1{font-size:64px}.art{max-height:470px}.intro{font-size:21px}.description{font-size:14px}.eyebrow{margin-bottom:16px}}.eyebrow{color:#00779c}.logo i{color:#007da7}.cta{box-shadow:0 5px #07364b16}.sun{box-shadow:0 0 0 14px #ffeb0025}.art-label{background:#07364b;border-radius:3px;padding:6px 9px}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-color:#007da7}.modal{border-top:7px solid #ffeb00}main{grid-template-columns:1.16fr 1fr;gap:3.5vw}.hero-actions{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.hero-actions .cta{gap:12px;min-width:190px;padding:16px 18px;font-size:14px}.hero-actions .book-link{color:#07364b;background:#eaf9fe;border:1px solid #00a5d950;min-width:0;font-size:12px}.book-link:hover{background:#d6f3fc}.chapter-art{justify-self:end;width:100%;max-width:560px;padding-bottom:8px;position:relative}.photo-card{aspect-ratio:1.6;background:#eaf9fe;border-radius:32px 32px 10px 10px;position:relative;overflow:hidden;box-shadow:0 14px 45px #07364b10}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-caption{color:#07364b;background:#fff;border-radius:5px;padding:9px 13px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.book-feature{grid-template-columns:42% 1fr;align-items:center;gap:24px;margin-top:-28px;padding:0 18px;display:grid;position:relative}.book-cover{transition:transform .2s;display:block;position:relative;transform:rotate(-5deg);box-shadow:9px 14px #00a5d91a,0 15px 30px #07364b26}.book-cover:hover{transform:rotate(-2deg)translateY(-3px)}.book-cover img{width:100%;height:auto;display:block}.book-note{padding-top:35px}.book-note .eyebrow{letter-spacing:1.5px;margin-bottom:12px;font-size:9px}.book-note h2{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(21px,2.1vw,31px);line-height:1.15}.book-note>p:not(.eyebrow){color:#5b6470;margin:0;font-size:13px;line-height:1.6}.book-note strong{color:#07364b}.chapter-arrow{background:#ffeb00;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;margin-top:16px;font-size:29px;display:inline-flex}@media (min-width:1400px){.hero-actions{flex-wrap:nowrap}.hero-actions .book-link{font-size:12px}}@media (max-width:1100px) and (min-width:801px){.hero-actions .cta{font-size:13px}.book-feature{gap:16px;padding:0 10px}.book-note>p:not(.eyebrow){font-size:12px}.chapter-arrow{margin-top:10px}}@media (max-width:800px){main{grid-template-columns:1fr;gap:38px}.chapter-art{justify-self:center;max-width:500px}.hero-actions .cta{flex:1;justify-content:center}.hero-actions .book-link{font-size:12px}.book-note h2{font-size:27px}.book-feature{gap:24px}.book-note>p:not(.eyebrow){font-size:13px}}@media (max-width:420px){.hero-actions{flex-direction:column}.hero-actions .cta{width:100%}.book-feature{grid-template-columns:43% 1fr;gap:16px;padding:0 8px}.book-note h2{font-size:23px}.book-note .eyebrow{font-size:8px}.book-note>p:not(.eyebrow){font-size:12px}.photo-caption{font-size:10px;top:12px;right:12px}.chapter-arrow{width:34px;height:34px;margin-top:10px;font-size:24px}}.start-book{white-space:nowrap;gap:12px;min-width:0;max-width:100%;margin-top:16px;padding:14px 16px;font-size:13px}@media (max-width:420px){.start-book{gap:8px;padding:12px 10px;font-size:12px}.start-book span{font-size:18px}}@media (min-width:801px){.copy>.eyebrow{font-size:16.5px}.copy>.micro{font-size:18px}.book-note .eyebrow{font-size:13.5px}}.description>p{margin:0}.description>p+p{margin-top:16px}
