/* Pastel clay: a consistent upper-left light, inset volume and tinted shadows. */
:root{--clay-shadow:8px 12px 24px #997da52b,-5px -5px 16px #fff9,inset 4px 5px 10px #ffffffe0,inset -5px -6px 12px #a77bba20}
.header{background:#fffbf8;border-radius:26px;padding:14px 22px;margin-top:17px;box-shadow:var(--clay-shadow)}
.hero{padding-top:35px}
.hero-art{background:linear-gradient(135deg,#ffe9d7,#f6ccb9);box-shadow:12px 18px 30px #c695812b,inset 7px 8px 17px #fff6eb,inset -9px -10px 20px #cf907826;border:1px solid #ffefdf}
.hero-copy>.eyebrow,.hero-perks i,.pill{box-shadow:3px 4px 8px #9673b526,inset 2px 3px 5px #fff9,inset -2px -3px 5px #9470bd22}
.btn{border:0;background:linear-gradient(135deg,#b88aea,#9260ca);box-shadow:5px 7px 12px #79549e40,inset 3px 4px 7px #e8d6ffaa,inset -3px -4px 7px #66348d35;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:6px 11px 17px #79549e40,inset 3px 4px 7px #ebddff,inset -3px -4px 7px #66348d35}
.btn:active{transform:translateY(1px) scale(.97);box-shadow:2px 3px 5px #79549e30,inset 3px 4px 8px #66348d35}
.btn.secondary{background:linear-gradient(135deg,#fffcf9,#f1e8f5);box-shadow:4px 6px 11px #9b7eb329,inset 3px 4px 7px #fff,inset -3px -4px 7px #b89bcb26}
.stats div{padding-block:22px;border-radius:28px;box-shadow:var(--clay-shadow);background:linear-gradient(135deg,#f2e4ff,#dfcaf1)}
.stats div:nth-child(2){background:linear-gradient(135deg,#ffe7dc,#f4cebf)}
.stats div:nth-child(3){background:linear-gradient(135deg,#edf3dd,#d4e2bd)}
.stats div:nth-child(4){background:linear-gradient(135deg,#fff0ca,#f5dda2)}
.card{border-radius:32px;padding-top:23px;box-shadow:var(--clay-shadow)}
.peach{background:linear-gradient(135deg,#ffe9dd,#f8d6c4)}.lavender{background:linear-gradient(135deg,#f0e2fc,#decaee)}.sage{background:linear-gradient(135deg,#eff5de,#dce6c8)}
.card .clay{filter:drop-shadow(4px 9px 5px #7052742b)}
.product-screen{padding:16px;border-radius:32px;background:linear-gradient(135deg,#efe1f9,#d9c1ec);box-shadow:var(--clay-shadow)}
.mini-hero,.mini-grid>div,.mini-sidebar b,.step{box-shadow:4px 5px 9px #98739924,inset 2px 3px 5px #fff9,inset -3px -3px 5px #95759720}
.mini-hero{background:linear-gradient(135deg,#ffebde,#f6d9c5)}
.benefits li:before{box-shadow:3px 5px 8px #997aa729,inset 2px 3px 5px #fff9,inset -3px -3px 5px #9473ad20}
.soft{background:linear-gradient(130deg,#f0e0fc,#e7d5f3);box-shadow:inset 0 7px 17px #fff8,inset 0 -6px 15px #9875b219}
.price-card{border-radius:34px;background:linear-gradient(135deg,#fffcf9,#f8f0ec);box-shadow:12px 17px 29px #9070ab3b,inset 5px 6px 10px #fff,inset -6px -7px 13px #ae90b31f;border:0}
.steps .features article,.learning,.faq details,.final-cta{border:0;box-shadow:var(--clay-shadow)}
.steps .features article{border-radius:28px;background:linear-gradient(135deg,#ffeadf,#f7dccc)}
.steps .features article:nth-child(2){background:linear-gradient(135deg,#f2e4ff,#e2cff2)}
.steps .features article:nth-child(3){background:linear-gradient(135deg,#edf3df,#dce6c9)}
.faq details{border-radius:21px;padding:17px 21px;margin-bottom:17px}
.final-cta{border-radius:34px;background:linear-gradient(135deg,#f1e3fd,#dfcaf0)}
.launch-status{border-radius:15px;background:#f3e6fb;padding:12px 16px;color:#604778;font-size:13px;box-shadow:inset 2px 3px 4px #fff9}
@media(max-width:760px){.header{padding:13px 15px;margin-top:12px}.hero{padding-top:25px}.hero-art{border-radius:40px}.stats div{padding-block:18px}.faq details{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
