/* AI Jumpstart 2026 hub and product pages. Additive: loads after offer.css, canvas.css and ai-pages-refinement.css; only touches the new classes below. */
.hub-hero .hero-inner{padding:3rem 0 2.5rem}
.hub-offers{padding-block:1rem 3.5rem}
.hub-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:stretch}
.hub-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d5dddf;box-shadow:0 8px 22px #132b4e14}
.hub-card.featured{border:2px solid #1c4078}
.hub-card-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.hub-card-art.wide{aspect-ratio:2.35/1;object-fit:cover}
.hub-card-body{display:flex;flex-direction:column;flex:1;padding:1.75rem 2rem 2rem}
.hub-card h3{font:500 2rem/1.15 Playfair,Georgia,serif;color:#1c4078;margin:0 0 .35rem}
.hub-card .plan-sub{font:600 1rem/1.4 Lato,Arial,sans-serif;color:#3f4a49;margin:0 0 1rem}
.hub-card .outcome{margin:0 0 1rem}
.hub-price{font:600 2rem/1.2 Montserrat,Arial,sans-serif;color:#1c4078;margin:.25rem 0 1rem}
.hub-price span{display:block;font:400 1rem/1.5 Lato,Arial,sans-serif;color:#3f4a49}
.hub-card .features{margin:0 0 1.5rem}
.hub-card .button{margin-top:auto;width:100%}
.hub-choose{margin:0 0 1rem;font-size:1rem;color:#3f4a49}

.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:center;padding:2.5rem 0 3rem}
.product-copy h1{font:500 clamp(2.4rem,4.4vw,3.75rem)/1.12 Playfair,Georgia,serif;color:#1c4078;margin:0}
.product-copy .plan-sub{font:600 1.125rem/1.4 Montserrat,Arial,sans-serif;color:#24656b;margin:.5rem 0 1rem}
.product-copy .lead{margin:0 0 1.5rem;max-width:34ch;font-size:1.25rem}
.product-art{display:block;width:100%;height:auto;border:1px solid #d5dddf;box-shadow:0 8px 22px #132b4e14}
.product-price{margin:0 0 1rem}
.product-price .amount{font:600 2.5rem/1.1 Montserrat,Arial,sans-serif;color:#1c4078;font-variant-numeric:tabular-nums}
.product-price .unit{display:block;font:400 1rem/1.5 Lato,Arial,sans-serif;color:#3f4a49;margin-top:.25rem}
.product-price .note{font-size:1rem;margin-top:.25rem}

.coupon{border:1px solid #d5dddf;background:#fff;padding:.25rem 1rem;margin:0 0 1.25rem}
.coupon summary{min-height:3rem;align-items:center}
.coupon form{display:flex;gap:.75rem;align-items:stretch;flex-wrap:wrap;padding:.25rem 0 .5rem}
.coupon label{flex-basis:100%;font:600 1rem/1.4 Montserrat,Arial,sans-serif;color:#1c4078}
.coupon input{flex:1 1 12rem;min-height:3rem;padding:.5rem .75rem;border:1px solid #8aa0b6;border-radius:2px;font:400 1.125rem/1.4 Lato,Arial,sans-serif;color:#3f4a49;background:#fff;text-transform:uppercase}
.coupon input::placeholder{text-transform:none;color:#5b6a69}
.coupon .button{min-height:3rem;flex:0 0 auto;justify-content:center}
.coupon-status{flex-basis:100%;min-height:1.6em;margin:.25rem 0 0;font-size:1rem;color:#3f4a49}
.coupon-hint{font-size:1rem;margin:.25rem 0 0;color:#3f4a49}
.product-buy{width:100%;justify-content:space-between}

.replay-block{padding:3rem 0}
.replay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:center}
.replay-grid h2{margin:0 0 1rem}
.replay-link{position:relative;display:block;border:1px solid #d5dddf;box-shadow:0 8px 22px #132b4e14;line-height:0}
.replay-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.replay-link .play{position:absolute;inset:0;display:grid;place-items:center;background:#132b4e33}
.replay-link .play span{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:#fff;box-shadow:0 4px 14px #132b4e55}
.replay-link .play svg{width:2rem;height:2rem;margin-left:.25rem;fill:#1c4078;stroke:none}
.replay-link:hover .play span{background:#f7f4ee}
.replay-link:focus-visible{outline:3px solid #1c4078;outline-offset:4px}

.product-section{padding:3.5rem 0;background:#fff}
.back-link{font:600 1rem/1.4 Montserrat,Arial,sans-serif;text-decoration:none}
.sibling{text-align:center;padding:0 0 3rem}

@media(max-width:860px){
 .hub-cards,.product-hero,.replay-grid{grid-template-columns:minmax(0,1fr)}
 .hub-card-body{padding:1.5rem}
 .product-hero{gap:1.75rem;padding:2rem 0}
 .product-copy .lead{max-width:none}
 .replay-grid{gap:1.5rem}
}
@media(prefers-reduced-motion:no-preference){.replay-link .play span{transition:background .2s ease-out}}

/* Backgrounds: white pages with the soft blue-grey band, no beige (Polly's note; matches the white and boxed-card look of her personal site). */
body.offer-hub,body.offer-product{background:#fff}
.offers-band{background:#e6edf2;padding:3.5rem 0 1rem}
.offers-band .hub-offers{padding:0 0 2.5rem}
.offer-hub .comparison{padding-top:3.5rem}
.offer-product .product-section{background:#e6edf2}
.offer-product .steps{background:#fff}
.offer-product .faq{background:transparent}
.replay-band{background:#e6edf2;padding:3rem 0}
.replay-band .replay-block{padding:0}

/* The action sits in one boxed card, like the access box on the Jesse Lane reference and Polly's own card style. */
.buy-box{background:#fff;border:1px solid #d5dddf;box-shadow:0 8px 22px #132b4e14;padding:1.75rem}
.buy-box .product-price{margin-top:0}
.buy-box .coupon{margin-bottom:1.25rem}
@media(max-width:860px){.buy-box{padding:1.25rem}}

.product-copy .audience-line{margin:0 0 .75rem;font-size:1.125rem;color:#3f4a49}
.buy-facts{font-size:1rem;margin:0 0 1rem;color:#3f4a49}
.offer-product .faq{padding-top:3.5rem}
.replay-link .play{place-items:end end;padding:1rem}
.replay-link .play span{width:3.5rem;height:3.5rem}
.replay-link .play svg{width:1.5rem;height:1.5rem}
.offer-hub .table-badge{color:#fff;font-size:1rem}