/* MakeYourDay printable-inspired presentation. Content and checkout logic live unchanged. */
:root{--paper:#fff9ef;--ink:#172554;--purple:#174da4;--muted:#4e5b76;--line:#d9dfeb;--gold:#ffd866;--coral:#f06d79;--sky:#55c7d9;--brand-gradient:linear-gradient(180deg,#168ae2,#0756b5);--warm-gradient:linear-gradient(180deg,#ffe88a,#ffc745)}
body{background:var(--paper)}
h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:700;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(46px,4.7vw,70px);line-height:1.12;letter-spacing:-2.5px}h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2}h3{letter-spacing:-.8px}
h1 em{color:#0878c7;font-weight:700;text-decoration:none;position:relative;display:inline-block;text-shadow:0 3px 0 #fff,0 5px 0 #b8e4ee}
h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:9px;background:#ffd455;border-radius:70% 20% 70% 20%;transform:rotate(-2deg)}
.wrap{max-width:1280px;width:calc(100% - 80px)}
.header{margin-top:18px;padding:12px 22px;background:#fffdf8;border:2px solid #fff;border-radius:26px;box-shadow:0 5px 0 #e9dec8,0 14px 35px #1725540b;gap:18px}
.header .brand{font-size:25px}.brand-accent{color:#e77713}.brand img{width:74px;height:74px;object-fit:contain}.brand small{font-size:12px}.header nav{gap:25px;font-size:15px}.header .button{font-size:14px;padding:12px 18px}.header nav a:after{background:#ffc745;border-radius:4px;height:4px}
.button{border:2px solid #0756b5;border-radius:18px;background:var(--brand-gradient);box-shadow:0 5px 0 #063d85,inset 0 2px 0 #ffffff70;min-height:56px;transition:transform .2s,box-shadow .2s}
.button:hover,.button:focus-visible{background:linear-gradient(180deg,#2599ef,#0756b5);box-shadow:0 8px 0 #063d85,inset 0 2px 0 #ffffff70;transform:translateY(-3px)}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #063d85}
.eyebrow{color:#236198;font-size:13px;letter-spacing:1.5px}.hero{grid-template-columns:1fr 1.05fr;gap:28px;padding-block:70px 95px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{max-width:410px}.sun-dot{color:#e99a0b;font-size:31px}.intro{font-size:17px;line-height:1.9;max-width:510px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:15px}.hero-notes{gap:10px;margin-top:25px;max-width:520px}.hero-notes span{font-size:12px;font-weight:600;padding:7px 10px;background:#fff;border:1px solid #e6dbc7;border-radius:12px;box-shadow:0 3px 0 #eadfce}.hero .micro{font-size:13px}
.hero-art{height:560px;border-radius:48% 48% 36% 40%;background:#dff4f7;box-shadow:inset 0 0 0 12px #ffffff70,0 18px 0 #c6e9ec50;isolation:isolate}.hero-art:before{inset:20px;border:2px dashed #82c9cf;transform:rotate(-7deg)}
.hero-mascot{position:absolute;width:440px;height:440px;object-fit:contain;top:-35px;left:0;z-index:2;filter:drop-shadow(0 18px 12px #23588416);animation:brand-float 9s ease-in-out infinite}
.book-back{left:35px;top:340px;width:240px;height:190px;transform:rotate(-7deg);padding:18px 20px;border:5px solid white;border-left:10px solid #efb538;border-radius:10px 22px 22px 10px;background:#fff0ba;color:var(--ink);box-shadow:3px 6px 0 #e3c47d,0 16px 25px #1725541f;text-align:left;z-index:3}.book-back img{display:none}.book-back>span{font-size:15px;margin:0;color:#8f5700;font-weight:700}.book-back strong{font-size:25px;font-weight:700;margin:6px 0;line-height:1.25}.book-back small{font-size:10px;font-weight:600}.book-back>div{position:absolute;right:12px;top:12px;font-size:27px;color:#c77700}
.hero-page{width:208px;top:265px;right:0;z-index:4;transform:rotate(9deg);border:7px solid #fff;border-radius:5px;box-shadow:3px 5px 0 #d4dbe2,7px 9px 0 white,0 20px 35px #17255430}.hero-page img{animation:none}.round-note{left:auto;right:-8px;bottom:auto;top:145px;width:127px;height:127px;font-size:14px;background:#ffd866;transform:rotate(10deg);z-index:5;box-shadow:0 6px 0 #d4a52c30}.art-caption{bottom:-54px;right:0;font-size:12px;max-width:280px}.star.one{top:0;right:15px;color:#ffbd29;font-size:54px;text-shadow:0 3px 0 #dc901a}.star.two{bottom:20px;right:240px;color:#ef799c}.swirl,.sparkle.three,.dot.four{display:none}
.ribbon{background:#172f65;border-block:4px solid #fff;color:#fffaf0;box-shadow:0 5px 0 #dee8ea;gap:32px;padding:19px 24px;transform:rotate(-1deg);margin:0 0 15px;font-size:15px}.ribbon i{color:#ffd866}
.section{padding-block:88px}.section-heading .eyebrow{display:inline-block;padding:7px 16px;border-radius:30px;background:#fff0be;margin-bottom:16px}.section-heading>p:last-child{font-size:17px}.section-heading{margin-bottom:40px}
.pack-grid{gap:25px;padding-top:28px}.pack{--accent:#ffc64d;--edge:#d79b23;padding:24px;border:3px solid var(--accent)!important;border-top:3px solid var(--accent)!important;border-radius:28px;box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 40%,white),0 18px 35px #1725540c;background:#fffdf7!important;overflow:visible;margin-top:10px}
.pack.family{--accent:#e787bd;--edge:#b64886;scale:1;translate:0 0;box-shadow:0 8px 0 #f5c8e2,0 18px 35px #1725540c}.pack.complete{--accent:#789ee8;--edge:#3e65b0}.pack:hover,.pack.family:hover,.pack:focus-within,.pack.family:focus-within{translate:0 -6px;box-shadow:0 12px 0 color-mix(in srgb,var(--accent) 40%,white),0 22px 35px #17255415}
.pack-art{margin:-24px -24px 22px;border-radius:24px 24px 16px 16px;overflow:hidden;border-bottom:4px solid var(--accent);background:#fff1cf}.pack-art img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff7e8}.pack-top{gap:8px}.pack-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:2px solid white;background:var(--accent);color:#172554!important;font-size:29px;box-shadow:0 4px 0 var(--edge),inset 0 2px 2px #fff9;line-height:1}.tag{font-size:12px;font-weight:600;padding:6px 10px;background:#fff0c7}.family .tag{background:#fce6f2}.complete .tag{background:#e4edff}.pack h3{font-size:29px;min-height:73px;margin:23px 0 10px;line-height:1.25}.pack>p{font-size:15px}.offer-price{color:#172554;font-size:54px}.saving{border:1px solid #eac254;background:#fff0ba;font-size:13px}.pack .format{font-size:13px}.pack ul{font-size:15px}.pack li{padding-left:33px}.pack .purchase-trust{font-size:12px}.pack .button{font-size:14px;border-radius:16px}.starter .button{background:var(--warm-gradient);border-color:#e8aa25;box-shadow:0 5px 0 #bc8011}.family .button{background:linear-gradient(#de589a,#b82773);border-color:#ae2169;box-shadow:0 5px 0 #82164c}.complete .button{background:var(--brand-gradient)}.premium-badge{top:-20px;font-size:11px;border-radius:12px;min-height:33px;padding:7px 15px;animation:none}.popular-badge{background:#ffdd68;color:#172554;border:2px solid white}.value-badge{background:#2354a5;border:2px solid white}
.comparison{background:#fffdf8;border:2px solid #d9e3e9;border-radius:25px;padding:5px 25px 20px;box-shadow:0 6px 0 #e8e5d9;margin-top:55px}.comparison>summary{font-weight:700;font-size:25px}.comparison>summary span{background:#e7f5f7;border-radius:12px;padding:8px 14px;font-size:14px}.comparison caption{font-size:13px}thead{background:#e5f4f6}th,td{border-color:#dfe9ec}tbody tr:hover{background:#fff5d9}
.how{background:#e6f5ed;border:0;border-radius:70px 70px 0 0;position:relative}.how:after{content:'';position:absolute;bottom:-20px;left:0;right:0;height:40px;background:#e6f5ed;clip-path:ellipse(55% 50% at 50% 0)}.how .section-heading{max-width:820px;margin-inline:auto}.steps{gap:20px;counter-reset:step}.steps article{background:#fffdf8;border:2px solid #fff;border-radius:26px;padding:28px 23px 20px;box-shadow:0 7px 0 #c7e1d3;position:relative}.steps article>span{font-family:var(--font);font-weight:700;width:58px;height:58px;border:3px solid #fff;box-shadow:0 5px 0 #ce9b3a;margin-bottom:24px}.steps article:nth-child(2)>span{background:#9fdfed;box-shadow:0 5px 0 #63a6be}.steps article:nth-child(3)>span{background:#ffb582;box-shadow:0 5px 0 #d88a50}.steps article:nth-child(4)>span{background:#c5aff4;box-shadow:0 5px 0 #9475ce}.steps h3{font-size:21px}.steps p{font-size:15px;line-height:1.8}
.peek-section{padding-top:110px}.showcase-disclosure{border:2px solid #ddd5ec;border-left:6px solid #b9a2e2;background:#f5f0fc;border-radius:18px;font-size:14px}.showcase-feature{grid-template-columns:1.2fr 1fr;padding:30px;background:#fff0c3;border:3px solid #f4d680;border-radius:35px;box-shadow:0 8px 0 #f1e0b1}.showcase-feature>.showcase-image{transform:rotate(-3deg);border:8px solid white;border-radius:16px;box-shadow:5px 7px 0 #ffffffa8,0 16px 24px #6f491426}.showcase-feature-copy{padding:20px 10px 20px 45px}.showcase-feature-copy h3{font-size:35px}.showcase-tag{background:#fff;border:1px solid #dfc88b;color:#6a4b13;font-size:12px}.showcase-gallery{gap:30px;align-items:stretch}.showcase-card{--tile:#a8dcd2;border:2px solid var(--tile);border-radius:27px;background:#f2faf5!important;box-shadow:0 6px 0 color-mix(in srgb,var(--tile) 45%,white);padding:20px}.showcase-card:nth-child(4n+2){--tile:#cbb8ed;background:#f7f2ff!important}.showcase-card:nth-child(4n+3){--tile:#a4d4ed;background:#eff8ff!important}.showcase-card:nth-child(4n+4){--tile:#efc18b;background:#fff7e9!important}.showcase-card .showcase-image{border:6px solid #fff;border-radius:12px;box-shadow:0 8px 15px #17255413;transform:rotate(-1.5deg)}.showcase-card:nth-child(even) .showcase-image{transform:rotate(1.5deg)}.showcase-card h3{font-size:25px;line-height:1.3}.showcase-card p{font-size:15px}.showcase-wide{grid-template-columns:1fr 1fr}.showcase-wide h3{font-size:28px}.showcase-open{color:#174da4}.showcase-seasonal{background:#fff0de!important}.showcase-seasonal .showcase-card-copy{padding:25px 40px}.showcase-scope{font-size:14px}.actual-pages{padding:40px 30px 0;background:#edf5fd;border:2px solid #c8dff3;border-radius:30px}.actual-pages>h3{font-size:30px}.preview-sheet{border:2px solid white;box-shadow:0 6px 0 #bdcfe14d;border-radius:20px}.lavender{background:#e5dafa}.peach{background:#ffe4c8}.mint{background:#d1eddf}.preview-sheet img{animation:none}.preview-grid figure:nth-child(2){padding-top:30px}.preview-sheet span{font-size:14px}.actual-pages figcaption p{font-size:14px}.peek-cta{border:3px solid #efd384;background:#fff1be;box-shadow:0 7px 0 #eddca8;border-radius:30px;padding:40px}.peek-cta h3{font-size:33px}
.faq{border-top:0;gap:60px}.faq>div>img{width:220px;height:220px;margin:25px auto 0;transform:rotate(-4deg)}.faq-list details,.faq-list details:first-child{padding:20px 22px;margin-bottom:14px;border:2px solid #d4e3f0;border-radius:19px;background:#fffdf8;box-shadow:0 4px 0 #e0e8ee}.faq-list details:nth-child(3n+2){border-color:#e3d6f1;box-shadow:0 4px 0 #ede5f5}.faq-list details:nth-child(3n){border-color:#ebddb3;box-shadow:0 4px 0 #f1e8cd}.faq-list summary{font-size:16px;gap:15px}.faq-list summary:after{background:#ddebff;border:2px solid white;border-radius:9px;box-shadow:0 3px 0 #a9c3e5;color:#174da4;width:30px;height:30px;flex-basis:30px;line-height:25px;font-size:24px}.faq-list details p{font-size:15px;margin-right:0}.faq-list details[open]{background:#f4f9ff}
.closing{background:#203d79;border:5px solid #e4ecfa;border-radius:40px;padding:62px 40px;box-shadow:0 10px 0 #c4d4e9}.closing h2{color:#fffaf0;font-size:42px;max-width:800px}.closing .closing-copy{color:#e4ecfa}.closing .button{border-radius:18px}.closing .family-choice{outline-color:#ffd866}.closing>span,.closing:after{color:#ffd866}.footer{max-width:none;width:100%;margin-top:70px;padding:48px max(40px,calc((100% - 1200px)/2)) 0;background:#142752;color:#fffaf0;border-top:7px solid #ffd866}.footer .brand{color:#fff;font-size:28px}.footer .brand img{width:90px;height:90px}.footer-main>p{color:#dce6fa}.footer-bottom{color:#dce6fa;border-color:#ffffff25}.footer-links{color:#fff}.footer a:focus-visible{outline-color:#ffd866}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(0)}}
@media(max-width:1200px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:center;padding:5px 0}.hero-art{height:520px}.hero-mascot{width:390px;height:390px;top:-15px}.hero-page{width:185px;top:255px}.book-back{left:15px;top:320px;width:210px}.book-back strong{font-size:23px}.round-note{right:-5px;width:110px;height:110px;font-size:12px}.pack{padding:20px}.pack-art{margin:-20px -20px 20px}.pack h3{font-size:26px}.pack .button{font-size:13px}.steps{gap:15px}.steps article{padding:25px 18px}.steps h3{font-size:19px}.hero-notes span{font-size:12px}}
@media(max-width:1000px) and (min-width:801px){.hero{gap:15px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:48px}.hero-mascot{width:330px;height:330px;top:5px}.hero-page{width:155px;top:280px}.book-back{width:185px;left:0}.book-back strong{font-size:22px}.round-note{top:180px}.pack-grid{gap:15px}.pack{padding:17px}.pack-art{margin:-17px -17px 20px}.pack h3{font-size:25px;min-height:94px}.saving{font-size:11px;padding:6px}.pack ul{font-size:14px}.tag{font-size:11px}.showcase-feature-copy h3{font-size:29px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{margin-top:12px;padding:12px 16px;border-radius:22px}.header .brand{font-size:23px}.header .brand img{width:65px;height:65px}.header nav{gap:26px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:90px;gap:45px}.hero-copy{max-width:600px;margin:auto}.hero h1{font-size:58px}.hero-art{width:100%;max-width:540px;height:550px;margin:auto}.hero-mascot{width:430px;height:430px;top:-20px}.hero-page{width:200px;top:270px;right:10px}.book-back{top:340px;left:20px;width:230px}.book-back strong{font-size:25px}.round-note{top:140px;right:0;width:125px;height:125px;font-size:14px}.ribbon{flex-wrap:wrap;gap:10px 22px;font-size:13px}.ribbon i:nth-of-type(2){display:none}.section{padding-block:65px}.pack-grid{max-width:570px;margin-inline:auto;gap:40px}.pack{padding:27px}.pack-art{margin:-27px -27px 22px}.pack.family{order:-1}.pack h3{font-size:32px;min-height:0}.pack ul{font-size:16px}.pack .button{font-size:16px}.pack .purchase-trust{font-size:13px}.pack>p{font-size:16px}.tag{font-size:13px}.steps{grid-template-columns:repeat(2,1fr)}.steps h3{font-size:22px}.showcase-feature{grid-template-columns:1fr;padding:24px}.showcase-feature>.showcase-image{max-width:500px;margin:auto;transform:rotate(-2deg)}.showcase-feature-copy{padding:30px 8px 8px}.showcase-wide{display:block}.showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.showcase-card h3,.showcase-wide h3{font-size:24px}.showcase-card p{font-size:15px}.showcase-seasonal .showcase-card-copy{padding:22px 8px 8px}.actual-pages{padding:28px 18px 0}.actual-pages .preview-grid{gap:15px}.preview-grid figure:nth-child(2){padding-top:0}.faq{grid-template-columns:1fr;gap:20px}.faq>div>img{display:none}.faq h2 br{display:none}.closing h2{font-size:35px}.closing{padding:45px 25px}.footer{width:100%;padding-inline:25px;margin-top:55px}}
@media(max-width:540px){.wrap{width:calc(100% - 32px)}.header{justify-content:space-between;gap:10px}.header .brand{font-size:21px;gap:7px}.header .brand img{width:62px;height:62px}.brand small{font-size:10px;max-width:none}.header .small{width:100%;max-width:none;order:3;min-height:44px;padding:10px;font-size:14px}.header nav{order:2;gap:25px;font-size:14px;flex-wrap:wrap;padding:8px 0}.hero{padding-top:32px;gap:40px}.hero h1{font-size:46px;letter-spacing:-2px}.hero .eyebrow{font-size:11px;letter-spacing:1px}.sun-dot{font-size:25px}.hero .intro{font-size:16px}.hero-actions{gap:23px;margin-top:25px}.hero-actions .button{width:100%}.hero-actions .text-link{margin:auto}.hero .micro{text-align:center;font-size:12px}.hero-notes{justify-content:center;gap:7px}.hero-notes span{font-size:11px;padding:6px 8px}.hero-art{height:440px;max-width:370px}.hero-mascot{width:315px;height:315px;top:-10px;left:-4px}.hero-page{width:154px;top:235px;right:6px;border-width:5px}.book-back{top:285px;left:5px;width:180px;height:157px;padding:13px;border-left-width:7px}.book-back>span{font-size:12px}.book-back strong{font-size:21px;margin:6px 0}.book-back small{font-size:8px}.book-back>div{font-size:20px;right:8px;top:8px}.round-note{top:130px;right:0;width:100px;height:100px;font-size:11px;border-width:4px}.round-note span{font-size:19px}.star.one{font-size:40px;right:2px}.star.two{font-size:32px;right:155px;bottom:0}.art-caption{font-size:11px;max-width:245px;bottom:-48px}.ribbon{gap:10px 12px;font-size:11px;padding:15px}.ribbon i{font-size:15px}.section-heading .eyebrow{font-size:11px;letter-spacing:.7px}.section-heading>p:last-child{font-size:16px}.section-heading h2{font-size:32px}.pack{padding:23px}.pack-art{margin:-23px -23px 22px}.pack h3{font-size:30px}.pack .format{font-size:13px}.comparison{padding:5px 15px 15px}.comparison>summary{font-size:22px}.comparison>summary span{font-size:13px}.how{border-radius:38px 38px 0 0}.steps{gap:18px;grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:58px 1fr;column-gap:20px;padding:23px}.steps article>span{grid-row:1/3;margin:0}.steps h3{font-size:22px;margin:0 0 9px}.steps p{font-size:15px;margin:0}.showcase-gallery{grid-template-columns:1fr}.showcase-card{padding:18px}.showcase-card h3,.showcase-wide h3{font-size:26px}.showcase-card p{font-size:16px}.showcase-feature-copy h3{font-size:30px}.showcase-disclosure{font-size:14px}.showcase-tag{font-size:14px}.showcase-feature{padding:20px;border-radius:26px}.showcase-feature-copy{padding:30px 0 5px}.showcase-feature-copy .eyebrow{font-size:12px}.actual-pages>h3{font-size:27px}.actual-pages .preview-grid{grid-template-columns:1fr}.preview-grid figcaption{padding:22px 2px}.actual-pages .preview-sheet{padding:25px}.peek-cta{padding:30px 20px}.peek-cta h3{font-size:28px}.faq-list details,.faq-list details:first-child{padding:18px}.faq-list summary{font-size:16px}.faq-list details p{font-size:16px}.closing{padding:40px 20px;border-radius:30px}.closing h2{font-size:31px}.closing .eyebrow{font-size:11px;max-width:260px}.closing .closing-copy{font-size:16px}.footer{width:100%;padding:35px 22px 0}.footer-bottom{font-size:12px}.footer .brand{font-size:25px}}
@media(max-width:360px){.hero h1{font-size:41px}.hero-art{height:410px}.hero-mascot{width:280px;height:280px}.hero-page{width:140px;top:220px}.book-back{top:265px;width:165px;height:150px}.book-back strong{font-size:19px}.round-note{width:88px;height:88px;font-size:10px}.hero-notes span{font-size:10px}.header nav{gap:18px}.header .brand{font-size:20px}.brand small{font-size:9px}.pack{padding:20px}.pack-art{margin:-20px -20px 20px}.steps article{padding:20px;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-mascot{transform:none}.pack:hover,.pack.family:hover{translate:none}}
.ribbon{transform:none;border-radius:50% 50% 0 0 / 10px 10px 0 0}
#previews .eyebrow,#previews .showcase-tag{font-size:14px}.pack .purchase-trust,.pack .format,.tag,.premium-badge{font-size:14px}.pack ul,.pack>p,.showcase-card p,.steps p{font-size:16px}.pack .checkout{font-size:15px}