/* Shared visual language from ai-mompreneur-visual-preview.pages.dev. */
:root{--ink:#171717;--muted:#65575f;--blush:#f8edf2;--line:#e8dce3;--accent:#bd315b}
body{background:#4d2d3e;color:#171717}
.skip{position:absolute;top:0;left:12px;transform:translateY(-150%)}.skip:focus{top:0;transform:translateY(10px)}
.topbar{background:#0f0f0f}
.topbar-inner{max-width:1340px;padding:16px 28px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.topbar-promise{display:flex;flex-direction:column;gap:2px;color:#d8d8d8;font-size:13px;line-height:1.45}
.topbar-promise strong{color:#fff;font-weight:600}
.brand{font-size:18px;letter-spacing:-.025em;line-height:1.3;text-align:center}
.help{font-size:12px;color:#d8d8d8;line-height:1.5}
.help span{font-size:11px;letter-spacing:.05em}
.preview-banner{background:#422434;color:#f0e2e9;border-bottom:1px solid #ffffff18}
.preview-dot{background:#ff9bb3}.preview-divider{color:#c9aebd}
.page{max-width:1240px;padding:40px 28px 60px}
.intro{max-width:1000px;margin-bottom:25px;color:#fff}
.intro .audience-badge{display:flex;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 23px;padding:12px 22px;border:1px solid #ff8eaa99;border-radius:14px;background:linear-gradient(120deg,#ff8eaa2b,#ffffff0f);box-shadow:0 6px 20px #1b0c141f,inset 0 1px #ffffff14;color:#fff4f8;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.5}
.audience-badge>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#ff8eaa26;color:#ff9bb6;font-size:23px}
.intro h1{font-size:clamp(28px,3.35vw,44px);font-weight:600;line-height:1.16;letter-spacing:-.5px;margin:0 auto 20px;max-width:900px;text-wrap:balance}
.intro h1 span{color:#ff5c83}
.intro>p:last-child{font-size:17px;line-height:1.5;max-width:810px;color:#e4d6dd}
.reassurance{color:#f2e8ee;font-size:12px;font-weight:500;gap:28px;margin:0 auto 32px}
.reassurance a{color:inherit}
.check-icon{background:#ff5c83;color:#4d2d3e;width:20px;height:20px;font-weight:800}
.checkout-grid{grid-template-columns:minmax(0,1.23fr) minmax(0,.88fr);gap:34px}
.checkout-card{border:2px solid #ff5c83;border-radius:12px;box-shadow:0 12px 32px #00000029}
.card-heading{margin:18px 18px 0;border-radius:6px;background:#ff5c83;color:#4d2d3e;padding:18px 19px}
.card-heading h2{font-size:23px;font-weight:800}
.card-heading p{color:#4d2d3e;font-size:12px}
.card-heading .step-number{background:#ffffffdb;border:0;color:#4d2d3e;width:33px;height:33px;flex-basis:33px;font-size:14px}
.small-heart{color:#4d2d3e}
.form-content{padding:25px 25px 27px}
label{font-size:13px;color:#51454d}
input[type=text],input[type=email]{font-size:14px;min-height:48px;border-radius:6px;border-color:#e1d8de}
.field-hint{font-size:11px}
.section-heading{margin-top:30px;align-items:flex-start}
.section-heading h2{font-size:19px;color:#4d2d3e}
.section-heading p{font-size:12px;line-height:1.5}
.step-number{background:#4d2d3e;color:#ff9bb3;border-radius:9px;width:34px;height:34px;flex-basis:34px;font-size:15px}
.core-line{font-size:13px;padding:15px 0}
.included-check{color:#d62c60}
.bump{border:1px solid #e7cfda;border-top:4px solid #ff5c83;border-radius:10px;background:#fff;box-shadow:0 5px 16px #4d2d3e08}
.bump:has(input:checked){border-color:#ff5c83;background:#fff7fa;box-shadow:0 0 0 1px #ff5c83}
.bump-top{background:#f8edf2;color:#4d2d3e;padding:14px;font-size:12px;gap:10px}
.bump-top strong{font-size:15px;color:#bd315b}
.bump-body{padding:17px;font-size:13px;line-height:1.65;gap:10px}
.bump-kicker{font-size:14px;font-weight:700;color:#4d2d3e}
.bump-detail{font-size:12px}.bump-payment{font-size:10px}
.receipt-label{font-size:10px}.receipt-row{font-size:13px}.receipt-row small{font-size:10px}
.total{font-size:18px}.total>strong:last-child{font-size:32px;color:#bd315b}.one-payment{font-size:11px}
.payment-preview{background:#fbf8fa;padding:16px}
.payment-heading{font-size:13px}.payment-preview p{font-size:10px}.card-placeholder{font-size:12px}
.payment-logos img{width:45px;height:30px;border:1px solid #e5e2e4;border-radius:4px;padding:3px;background:white}
.purchase-button{padding:18px 15px 14px;font-size:22px;border-bottom:4px solid #dc2c60;box-shadow:0 6px 20px #ff5c8333;line-height:1.2}
.purchase-button small{font-size:10px;letter-spacing:.4px;margin-top:5px}
.purchase-button>span:nth-child(2){width:25px;height:25px;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#bd315b}
.checkout-note{font-size:10px;line-height:1.6}
.offer-column{padding:18px 21px 24px;background:#fff;border:2px solid #ff5c83;border-radius:12px;box-shadow:0 12px 32px #00000029;overflow:hidden}
.access-banner{background:#ff5c83;color:#4d2d3e;text-align:center;padding:15px 12px;font-size:20px;font-weight:800;line-height:1.2;border-radius:6px;margin-bottom:20px}
.offer-heading .eyebrow{color:#65575f;font-size:10px;letter-spacing:.06em}
.offer-heading h2{font-size:27px;color:#171717;line-height:1.2;font-weight:700;margin:10px 0}
.offer-heading h2 span{color:#bd315b}
.offer-heading>p:last-child{font-size:12px;color:#51454d}
.product-mockup{mix-blend-mode:normal;margin:8px auto 5px}
.offer-price{flex-direction:column;gap:5px;text-align:center;padding:3px 0 21px;margin-bottom:22px}
.offer-price>span{font-size:13px;max-width:none;font-weight:500}
.offer-price>strong{font-size:38px;color:#bd315b;font-weight:800}
.offer-price small{text-align:center;font-size:12px;margin-top:5px}
.offer-column h3{font-size:18px;color:#4d2d3e;font-weight:700}
.module-list{gap:10px;margin:17px 0 24px}
.module-list li{padding:13px 12px;border:1px solid #ece7e9;border-radius:10px;background:#fff;box-shadow:0 3px 10px #4d2d3e0a;gap:11px}
.module-list li>span{background:#4d2d3e;border:0;color:#ff9bb3;border-radius:10px;width:36px;height:36px;flex-basis:36px;font-size:15px}
.module-list strong{font-size:13px;color:#1f1b1d;line-height:1.35}
.module-list p{font-size:11px;line-height:1.5;color:#70666b}
.also-included{padding:20px 16px;background:#f8edf2;border:1px solid #edd7e0;border-radius:12px}
.also-included h3{font-size:17px}
.also-included li{font-size:12px}.also-included li span{font-size:11px}.also-included>p{font-size:10px;line-height:1.5}
.bonus-box{background:#4d2d3e;border:0;border-radius:13px;padding:23px 19px;color:#eadce3}
.bonus-title>span{color:#ff9bb3}.bonus-title h3{font-size:16px;color:#fff;font-weight:700}
.bonus-box ul{font-size:12px;gap:11px;margin-top:18px}.bonus-box li:before{color:#ff9bb3}
.mom-note{padding:23px 0 0}.mom-note p{font-size:12px}.mom-note>span{color:#bd315b}
.guarantee{background:#fbf8fa;border-radius:12px;padding:27px 24px;grid-template-columns:94px minmax(0,1fr);gap:20px;margin-top:25px}
.guarantee img{width:94px}.guarantee h2{font-size:20px;font-weight:700;color:#171717;line-height:1.3}
.guarantee p:not(.eyebrow){font-size:13px;line-height:1.65}.guarantee .guarantee-small{font-size:12px!important}
.guarantee .eyebrow{font-size:10px;letter-spacing:.05em}
footer{background:#3b202f;border-color:#ffffff1a;color:#d4c3cc;padding:33px 22px}
footer>a{color:#efdae4}.footer-brand{color:#ff9bb3;font-size:15px}footer p{font-size:11px}footer small{font-size:10px}
@media(max-width:1000px){
 .topbar-inner{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;padding:14px 16px}
 .brand{grid-row:1;font-size:18px;text-align:center}
 .topbar-promise{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px;font-size:11px}
 .help{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;justify-self:center;gap:6px;font-size:11px;text-align:center}.help span{font-size:10px}
 .checkout-grid{gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)}
 .page{padding-inline:22px}.form-content{padding:22px 20px}.offer-column{padding:16px 16px 22px}
 .card-heading{margin:16px 16px 0}.purchase-button{font-size:19px}
 .bump-top{grid-template-columns:19px minmax(0,1fr)}.bump-top strong{grid-column:2}
}
@media(max-width:760px){
 .page{padding:27px 16px 36px}.intro .audience-badge{font-size:11px;padding:10px 13px;gap:9px;margin-bottom:21px}
 .intro h1{font-size:32px;max-width:510px;letter-spacing:-.4px;margin-bottom:17px}.intro>p:last-child{font-size:14px;line-height:1.6}
 .reassurance{font-size:10px;gap:10px 17px;margin-bottom:24px}.check-icon{width:17px;height:17px;font-size:10px}
 .checkout-grid{grid-template-columns:1fr;gap:26px;max-width:540px}.card-heading h2{font-size:22px}
 .section-heading h2{font-size:18px}.section-heading p{font-size:12px}
 .bump-top{grid-template-columns:19px minmax(0,1fr) auto;font-size:12px}.bump-top strong{grid-column:auto;font-size:14px}
 input[type=text],input[type=email]{font-size:16px}
 .purchase-button{font-size:20px}.guarantee{grid-template-columns:1fr;text-align:center;padding:25px 22px;gap:15px}.guarantee img{width:106px;margin:auto}.guarantee h2{font-size:22px}.guarantee .eyebrow{font-size:10px}
 .offer-column{padding:18px 20px 25px;border-top:2px solid #ff5c83}.offer-heading h2{font-size:28px}.offer-column h3{font-size:18px}.module-list{gap:11px}.module-list strong{font-size:14px}.module-list p{font-size:12px}.bonus-title h3{font-size:16px}
}
@media(max-width:390px){
 .page{padding-inline:12px}.intro h1{font-size:29px}.brand{font-size:16px}.topbar-promise{font-size:10px}.help{font-size:10px}
 .form-content{padding:19px 16px}.card-heading{margin:13px 13px 0;padding:15px 13px}.card-heading h2{font-size:20px}
 .bump-top{grid-template-columns:18px minmax(0,1fr);gap:8px}.bump-top strong{grid-column:2}.section-heading h2{font-size:16px}.core-line{font-size:11px}
 .purchase-button{font-size:17px}.offer-column{padding-inline:16px}.card-placeholder{font-size:10px}
}