*{box-sizing:border-box}body{margin:0;background:#F8F4ED;color:#4e423a;font:16px/1.65 'DM Sans',sans-serif}main{max-width:720px;margin:auto;padding:0 26px 42px}.logoHeader{padding:32px 0 24px;text-align:center}.logoHeader img{width:min(100%,370px);border-radius:16px;display:block;margin:auto}h1,h2,.footerBrand{font-family:'Fraunces',Georgia,serif;color:#21583E;line-height:1.13}h1{font-size:clamp(2.3rem,6vw,3.75rem);margin:10px 0 22px;max-width:650px}h2{font-size:1.4rem;margin:0}p{margin:0 0 18px}.eyebrow{font-size:.875rem;color:#A8323F;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.intro>p:not(.eyebrow){font-size:1.1rem}.start{display:block;text-align:center;background:#21583E;color:white;text-decoration:none;font-weight:700;padding:14px 20px;border-radius:99px;margin-top:25px}.start:hover{background:#173f2d}.confetti{color:#A8323F;letter-spacing:7px;text-align:left;margin:30px 0 24px}.sneak{text-align:center;padding-bottom:32px}.phone{width:min(100%,290px);margin:0 auto 24px;border:4px solid #332820;border-radius:40px;padding:18px 11px 12px;background:#FFFDF8;box-shadow:0 14px 25px #3328200d}.speaker{width:48px;height:7px;border:2px solid #332820;border-radius:99px;margin:0 auto 14px}.screens{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:3px solid #332820;border-radius:4px;text-align:left;min-height:360px}.screens::-webkit-scrollbar{display:none}.screens article{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;padding:18px 14px;background:#F8F4ED;font-size:.9rem}.screens h2{font-family:'Lora',serif;font-size:1.2rem;color:#3c2e26;margin:0 0 20px}.miniLabel{font-size:.875rem;color:#9A4521;letter-spacing:.08em;font-weight:700;text-transform:uppercase;line-height:1.4}.previewRows p{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #e7d8c5;padding:12px 0;margin:0;font-weight:600}.previewRows span{font-size:.875rem;background:#E6EFE8;color:#21583E;padding:3px 7px;border-radius:99px}.progress{height:6px;background:#e7d8c5;border-radius:99px;margin:16px 0 8px}.progress b{display:block;width:75%;height:100%;background:#21583E;border-radius:99px}.screens small{font-size:.875rem}.previewArt{display:block;width:100px;height:110px;object-fit:contain;margin:0 auto 20px}.giftArt{font-size:70px;text-align:center}.exampleButton{display:inline-block;background:#21583E;color:white;border-radius:99px;padding:8px 14px;font-weight:700}.homeCircle{width:28px;height:28px;border:3px solid #332820;border-radius:50%;display:grid;place-items:center;margin:12px auto 0;line-height:1}.dots{display:flex;justify-content:center;gap:9px}.dots button{border:0;width:10px;height:10px;padding:0;border-radius:50%;background:#d8cbbb;cursor:pointer}.dots button[aria-pressed=true]{background:#2F6B4F}.dots button:focus-visible{outline:2px solid #A8323F;outline-offset:4px}.swipe{font-size:.875rem;margin-top:12px}.deviceNote{border:1px solid #e7d8c5;border-radius:99px;background:#FFFDF8;color:#21583E;font-size:1rem;padding:12px 20px;margin:24px auto 0;max-width:430px}.about{background:#FFFDF8;border:2px dashed #d4a342;border-radius:22px;padding:24px;margin-top:14px}.aboutTitle{display:flex;gap:14px;align-items:center;margin-bottom:18px}.aboutTitle .eyebrow{margin:0 0 5px}.initial{width:48px;height:48px;border-radius:50%;background:#f2d9dd;color:#A8323F;font:700 1.5rem 'Fraunces';display:grid;place-items:center;flex-shrink:0}.about p:last-child{margin-bottom:0}footer{text-align:center;background:#173f2d;color:#dfd8c8;padding:35px 24px 38px;font-size:.875rem}footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}footer a{color:#fff4df}footer .footerBrand{color:#FFFDF8;font-size:1.5rem}.support{display:inline-block;margin:20px 0}footer>p:not(.footerBrand){max-width:360px;margin:0 auto 15px}footer small{font-size:.875rem}@media(min-width:800px){main{padding-top:10px}.logoHeader img{width:340px}.sneak{margin-top:35px}.about{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.previewDrawing{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 18px}

.previewGifts p{flex-wrap:wrap;gap:8px}.previewGifts .giftName{background:none;color:inherit;padding:0;font-size:inherit;flex:1 1 90px}.previewBuy{font:700 .75rem/1.3 'DM Sans',sans-serif;color:#21583E;background:#E6EFE8;border:1px solid #b9cdbf;border-radius:12px;padding:9px 10px;min-height:36px;cursor:pointer;flex-shrink:0}.previewBuy[aria-pressed=true]{background:#21583E;color:#FFFDF8}.previewBuy:focus-visible{outline:2px solid #A8323F;outline-offset:3px}

.exampleButton{border:0;font:700 .875rem/1.4 'DM Sans',sans-serif;min-height:40px;cursor:pointer}.previewClaim{font:700 .875rem/1.3 'DM Sans',sans-serif;border:1px solid #b9cdbf;background:#E6EFE8;color:#21583E;border-radius:12px;padding:8px;min-height:40px;cursor:pointer;flex-shrink:0}.previewClaim[aria-pressed=true]{background:#21583E;color:#FFFDF8}.exampleButton:focus-visible,.previewClaim:focus-visible,.homeCircle:focus-visible{outline:2px solid #A8323F;outline-offset:3px}.previewFeedback{font-size:.875rem;line-height:1.5;margin:12px 0}.previewFeedback:empty{display:none}.previewLinkBox{margin:12px 0;padding:12px;border:1px solid #d8cbbb;border-radius:12px;background:#FFFDF8}.previewLinkBox[hidden]{display:none}.previewLinkBox label,.previewLinkBox small{display:block;font-size:.875rem;line-height:1.5}.previewLinkBox input{display:block;width:100%;min-width:0;margin:8px 0;padding:8px;border:1px solid #d8cbbb;border-radius:6px;font:inherit}.previewLinkBox small{margin-top:8px}.homeCircle{background:#FFFDF8;font:inherit;padding:0;cursor:pointer;width:36px;height:36px}

@media(hover:hover) and (pointer:fine){.screens{cursor:grab}.screens.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}}.screens img{-webkit-user-drag:none}