/* Homepage 36 — Parent First */
.ybag-preview-banner { padding: 10px 20px; color: #fff; background: #6f36a5; font-size: 13px; text-align: center; }
.ybag36 { --soft-blue: color-mix(in srgb, var(--ybag-blue) 8%, var(--paper)); --soft-pink: color-mix(in srgb, var(--ybag-pink) 8%, var(--paper)); --soft-gold: color-mix(in srgb, var(--ybag-gold) 12%, var(--paper)); --soft-green: color-mix(in srgb, var(--ybag-green) 9%, var(--paper)); color: var(--ink); background: var(--paper); }
.ybag36-frame { width: min(calc(100% - 48px), var(--ybag-frame)); margin-inline: auto; }
.ybag36 h1, .ybag36 h2, .ybag36 h3 { text-wrap: balance; }
.ybag36 h2 { margin: 0; color: var(--brand-dark); font-size: clamp(38px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.035em; }
.ybag36-section-heading { max-width: 850px; margin-bottom: 42px; }
.ybag36-section-heading > p:last-child { max-width: 720px; margin-top: 18px; color: var(--muted); font-size: 18px; line-height: 1.72; }
.ybag36-heading-center { margin-inline: auto; text-align: center; }
.ybag36-heading-center > p:last-child { margin-inline: auto; }

.ybag36-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(54px, 7vw, 92px) 0 76px; background: radial-gradient(circle at 9% 12%, color-mix(in srgb, var(--ybag-pink) 10%, transparent), transparent 25%), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--ybag-gold) 15%, transparent), transparent 30%), linear-gradient(180deg, var(--surface), var(--paper)); }
.ybag36-hero::before, .ybag36-hero::after { position: absolute; z-index: -1; border-radius: 50%; content: ''; pointer-events: none; }
.ybag36-hero::before { right: -210px; bottom: -250px; width: 620px; height: 620px; border: 52px solid color-mix(in srgb, var(--ybag-blue) 6%, transparent); }
.ybag36-hero::after { top: 66px; left: max(28px, calc((100vw - var(--ybag-frame)) / 2 - 46px)); width: 10px; height: 10px; background: var(--ybag-gold); box-shadow: 25px 19px 0 var(--ybag-pink), 4px 45px 0 var(--ybag-green); }
.ybag36-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 420px); align-items: center; gap: clamp(52px, 7vw, 104px); }
.ybag36-hero-copy { max-width: 830px; }
.ybag36-hero-copy h1 { max-width: 780px; margin: 0; color: var(--brand-dark); font-size: clamp(40px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.036em; }
.ybag36-hero-copy h1 span { display: block; color: var(--brand); }
.ybag36-lead { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.68; }
.ybag36-lead, .ybag36-assurances { display: none; }
.ybag36-sales-lead { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.68; }
.ybag36-hero-benefits { display: grid; gap: 10px; margin: 27px 0 0; padding: 0; list-style: none; }
.ybag36-hero-benefits li { color: var(--ink); line-height: 1.55; }
.ybag36-hero-benefits li::before { display: inline-grid; width: 22px; height: 22px; margin-right: 9px; place-items: center; border-radius: 50%; color: #fff; background: var(--ybag-green); content: '✓'; font-size: 11px; font-weight: 900; }
.ybag36-hero-offer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; margin: 31px 0 0; }
.ybag36-hero-offer strong { color: var(--brand-dark); font: 900 clamp(52px, 5vw, 72px)/.95 'Changa', Arial, sans-serif; }
.ybag36-hero-offer span { color: #d92046; font: 900 clamp(27px, 2.5vw, 38px)/1 'Changa', Arial, sans-serif; }
.ybag36-hero-offer del { text-decoration-thickness: 3px; text-decoration-color: currentColor; }
.ybag36-hero-offer small { flex-basis: 100%; color: var(--muted); font-size: 14px; font-weight: 800; }
.ybag36-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ybag36-actions .ybag36-purchase-button { gap: 10px; color: #fff; background: #d92046; box-shadow: 0 12px 28px rgba(217,32,70,.24); }
.ybag36-actions .ybag36-purchase-button:hover { color: #fff; background: #bd1638; box-shadow: 0 15px 32px rgba(217,32,70,.32); }
.ybag36-purchase-button svg { width: 22px; height: 22px; fill: currentColor; }
.ybag36-actions .ybag36-store-button { color: #fff; background: #4b9f23; box-shadow: 0 12px 28px rgba(75,159,35,.22); }
.ybag36-actions .ybag36-store-button:hover { color: #fff; background: #39821a; box-shadow: 0 15px 32px rgba(75,159,35,.3); }
.ybag36-assurances { display: flex; flex-wrap: wrap; gap: 9px 24px; margin: 25px 0 0; padding: 0; color: var(--muted); list-style: none; font-size: 13px; font-weight: 800; }
.ybag36-assurances li::before { display: inline-grid; width: 20px; height: 20px; margin-right: 7px; place-items: center; border-radius: 50%; color: #fff; background: var(--ybag-green); content: '✓'; font-size: 11px; }
.ybag36-hero-story { position: relative; display: grid; width: min(100%, 420px); min-width: 0; aspect-ratio: 1 / 1.08; place-items: center; justify-self: center; border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--line)); border-radius: 34px; padding: 22px 22px 42px; background: #fff; box-shadow: 0 24px 64px rgba(20,43,92,.15); transform: rotate(1deg); }
.ybag36-hero-story::before { position: absolute; top: 9px; left: 50%; width: 46px; height: 5px; border-radius: 999px; background: #d7dfef; content: ''; transform: translateX(-50%); }
.ybag36-story-note { display: none; }
.ybag36-story-note strong { color: var(--brand-dark); }
.ybag36-story-note-top { padding: 2px 7px 13px; }
.ybag36-story-note-top span { border-radius: 999px; padding: 6px 9px 4px; color: #fff; background: var(--ybag-pink); font-weight: 900; text-transform: uppercase; }
.ybag36-story-note-bottom { padding: 12px 7px 2px; }
.ybag36 .ybag-carousel { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ybag36 .ybag-carousel-stage { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--panel-alt); }
.ybag36 .ybag-carousel figure { margin: 0; }
.ybag36 .ybag-carousel img { display: block; width: 100%; aspect-ratio: 1.04 / 1; object-fit: cover; }
.ybag36 .ybag-carousel-controls { display: flex; height: 30px; align-items: end; justify-content: center; gap: 7px; }
.ybag36 .ybag-carousel-controls button { width: 8px; height: 8px; border: 0; border-radius: 50%; padding: 0; background: color-mix(in srgb, var(--muted) 32%, transparent); cursor: pointer; }
.ybag36 .ybag-carousel-controls button[aria-pressed='true'] { width: 26px; border-radius: 999px; background: var(--ybag-pink); }
.ybag36-home-screen { width: 100%; height: 100%; border: 1px solid #dfe7f6; border-radius: 24px; background-color: var(--panel-alt); background-image: url('/media/ebooks/your-babys-a-genius/cover/software-box.png'), url('/media/brand/your-babys-a-genius-logo-horizontal.png'); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: inset 0 0 0 1px rgba(255,255,255,.75); }
.ybag36-home-screen-dots { position: absolute; bottom: 16px; left: 50%; display: flex; gap: 7px; transform: translateX(-50%); }
.ybag36-home-screen-dots i { width: 8px; height: 8px; border-radius: 50%; background: color-mix(in srgb, var(--muted) 32%, transparent); }
.ybag36-home-screen-dots i:first-child { width: 26px; border-radius: 999px; background: var(--ybag-pink); }

.ybag36-reassurance { padding: 42px 0; color: #fff; background: #0d2c68; }
.ybag36-reassurance-grid { display: grid; grid-template-columns: minmax(180px, .28fr) minmax(0, 1fr); align-items: center; gap: clamp(34px, 6vw, 82px); }
.ybag36-reassurance .ybag-kicker { margin: 0; color: #8ed1ff; }
.ybag36-reassurance blockquote { margin: 0; color: rgba(255,255,255,.9); font-size: clamp(20px, 2vw, 28px); font-weight: 700; line-height: 1.5; }

.ybag36-stages { padding: 90px 0 96px; }
.ybag36-stage-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 15px; }
.ybag36-stage-grid article { --stage-color: var(--ybag-blue); display: flex; grid-column: span 2; min-width: 0; flex-direction: column; border: 1px solid var(--line); border-top: 5px solid var(--stage-color); border-radius: 20px; padding: 24px 22px 26px; background: var(--panel); box-shadow: 0 12px 30px rgba(20,43,92,.055); }
.ybag36-stage-grid article.stage-baby { --stage-color: var(--ybag-pink); }
.ybag36-stage-grid article.stage-toddler { --stage-color: var(--ybag-gold); }
.ybag36-stage-grid article.stage-preschool { --stage-color: var(--ybag-green); }
.ybag36-stage-grid article.stage-school { --stage-color: var(--ybag-violet); }
.ybag36-stage-grid span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: var(--stage-color); font: 900 11px/1 'Changa', Arial, sans-serif; }
.ybag36-stage-grid article > p { margin: 18px 0 6px; color: var(--stage-color); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ybag36-stage-grid h3 { margin: 0 0 10px; color: var(--brand-dark); font-size: 22px; line-height: 1.2; }
.ybag36-stage-grid small { color: var(--muted); font-size: 14px; line-height: 1.6; }
.ybag36-stage-grid article > a { width: fit-content; margin-top: auto; padding-top: 22px; color: var(--brand-dark); font-size: 13px; font-weight: 900; text-decoration-color: var(--stage-color); text-underline-offset: 4px; }

.ybag36-moments { padding: 90px 0 98px; background: var(--surface); }
.ybag36-moment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ybag36-moment-grid article { --moment-color: var(--ybag-blue); min-width: 0; border: 1px solid var(--line); border-radius: 22px; padding: 29px; background: var(--panel); }
.ybag36-moment-grid article:nth-child(2) { --moment-color: var(--ybag-pink); }
.ybag36-moment-grid article:nth-child(3) { --moment-color: var(--ybag-gold); }
.ybag36-moment-grid article:nth-child(4) { --moment-color: var(--ybag-green); }
.ybag36-moment-grid article:nth-child(5) { --moment-color: var(--ybag-violet); }
.ybag36-moment-grid article:nth-child(6) { --moment-color: var(--ybag-orange); }
.ybag36-moment-grid i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #fff; background: var(--moment-color); font: normal 900 16px/1 'Changa', Arial, sans-serif; }
.ybag36-moment-grid h3 { margin: 20px 0 8px; color: var(--brand-dark); font-size: 24px; }
.ybag36-moment-grid p { margin: 0; color: var(--muted); line-height: 1.68; }
.ybag36-moment-grid strong { display: block; margin-top: 17px; color: var(--moment-color); font-size: 12px; }

.ybag36-guide { position: relative; overflow: hidden; padding: 100px 0; }
.ybag36-guide::before { position: absolute; top: 70px; left: -190px; width: 430px; height: 430px; border: 40px solid color-mix(in srgb, var(--ybag-pink) 6%, transparent); border-radius: 50%; content: ''; pointer-events: none; }
.ybag36-guide-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .7fr); align-items: center; gap: clamp(58px, 8vw, 118px); }
.ybag36-guide-copy { position: relative; z-index: 1; }
.ybag36-guide-copy > p:not(.ybag-kicker) { max-width: 760px; color: var(--muted); font-size: 19px; line-height: 1.72; }
.ybag36-guide-copy ul { display: grid; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; }
.ybag36-guide-copy li { color: var(--ink); line-height: 1.55; }
.ybag36-guide-copy li::before { display: inline-grid; width: 22px; height: 22px; margin-right: 9px; place-items: center; border-radius: 50%; color: #fff; background: var(--ybag-green); content: '✓'; font-size: 11px; font-weight: 900; }
.ybag36-guide-offer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 13px; margin: 29px 0 22px; }
.ybag36-guide-offer strong { color: var(--brand-dark); font: 900 40px/1 'Changa', Arial, sans-serif; }
.ybag36-guide-offer del { color: var(--muted); font-size: 18px; opacity: .75; }
.ybag36-guide-offer span { flex-basis: 100%; color: var(--muted); font-size: 13px; font-weight: 800; }
.ybag36-guide-preview { position: relative; border: 1px solid var(--line); border-radius: 30px; padding: 17px; background: var(--panel); box-shadow: 0 25px 70px rgba(20,43,92,.14); }
.ybag36-guide-preview::after { position: absolute; right: -18px; bottom: 58px; width: 74px; height: 74px; border-radius: 22px; background: var(--ybag-gold); content: ''; transform: rotate(13deg); z-index: -1; }
.ybag36-preview-label, .ybag36-preview-caption { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.ybag36-preview-label { padding: 2px 5px 12px; }
.ybag36-preview-label strong { color: var(--brand-dark); }
.ybag36-guide-art { display: block; width: 100%; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 21px; background-color: var(--panel-alt); background-image: url('/media/site/home/ebook-family-guide-square.png'), url('/media/ebooks/your-babys-a-genius/cover/ebook-cover-square.png'); background-position: center; background-repeat: no-repeat; background-size: cover, contain; }
.ybag36-preview-caption { padding: 13px 5px 2px; color: var(--brand-dark); letter-spacing: 0; text-transform: none; }

.ybag36-inside { padding: 90px 0 96px; background: var(--surface); }
.ybag36-inside-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr); gap: clamp(40px, 7vw, 90px); align-items: start; }
.ybag36-inside-visual { width: 100%; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 28px; background-color: var(--panel); background-image: url('/media/site/products/ebook-sample-spreads-square.png'), url('/media/ebooks/your-babys-a-genius/previews/printable-toolkit-preview.png'); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: var(--ybag-shadow); }
.ybag36-chapter-stack { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.ybag36-chapter-stack article { --chapter-color: var(--ybag-blue); border: 1px solid var(--line); border-radius: 21px; padding: 28px 25px; background: var(--panel); }
.ybag36-chapter-stack article:nth-child(2) { --chapter-color: var(--ybag-pink); }
.ybag36-chapter-stack article:nth-child(3) { --chapter-color: var(--ybag-green); }
.ybag36-chapter-stack article:nth-child(4) { --chapter-color: var(--ybag-violet); }
.ybag36-chapter-stack span { display: inline-flex; border-radius: 999px; padding: 7px 10px 5px; color: #fff; background: var(--chapter-color); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.ybag36-chapter-stack h3 { margin: 20px 0 8px; color: var(--brand-dark); font-size: 23px; }
.ybag36-chapter-stack p { margin: 0; color: var(--muted); line-height: 1.65; }

.ybag36-steps-section { padding: 90px 0; }
.ybag36-steps-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(48px, 7vw, 96px); }
.ybag36-steps-layout .ybag36-section-heading { margin: 0; }
.ybag36-steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.ybag36-steps li { --step-color: var(--ybag-blue); display: grid; grid-template-columns: 56px 1fr; align-items: start; gap: 19px; border: 1px solid var(--line); border-radius: 19px; padding: 22px; background: var(--panel); }
.ybag36-steps li:nth-child(2) { --step-color: var(--ybag-pink); }
.ybag36-steps li:nth-child(3) { --step-color: var(--ybag-green); }
.ybag36-steps span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #fff; background: var(--step-color); font: 900 15px/1 'Changa', Arial, sans-serif; }
.ybag36-steps h3 { margin: 2px 0 6px; color: var(--brand-dark); font-size: 22px; }
.ybag36-steps p { margin: 0; color: var(--muted); line-height: 1.62; }

.ybag36-library { padding: 88px 0; color: #fff; background: linear-gradient(125deg, #0d2459, #123c82); }
.ybag36-library-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(46px, 7vw, 94px); }
.ybag36-library .ybag-kicker { color: #8ed1ff; }
.ybag36-library h2 { color: #fff; }
.ybag36-library-grid > div:first-child > p:last-child { color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.74; }
.ybag36-library-list { display: grid; gap: 11px; }
.ybag36-library-list article { display: grid; grid-template-columns: 42px 1fr; column-gap: 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; padding: 18px; background: rgba(255,255,255,.06); }
.ybag36-library-list span { grid-row: span 2; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: #0d2459; background: #fff; font-size: 11px; font-weight: 900; }
.ybag36-library-list h3 { margin: 1px 0 4px; color: #fff; font-size: 21px; }
.ybag36-library-list p { margin: 0; color: rgba(255,255,255,.72); line-height: 1.55; }

.ybag36-world { padding: 90px 0 96px; }
.ybag36-world-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ybag36-world-grid > a { --world-color: var(--nav-accent, var(--brand)); min-width: 0; border: 1px solid var(--line); border-radius: 22px; padding: 30px; color: var(--ink); background: var(--panel); text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.ybag36-world-grid > a:hover { border-color: color-mix(in srgb, var(--world-color) 48%, var(--line)); box-shadow: 0 16px 36px color-mix(in srgb, var(--world-color) 10%, transparent); transform: translateY(-3px); }
.ybag36-world-grid > a > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #fff; background: var(--world-color); font-weight: 900; }
.ybag36-world-grid h3 { margin: 20px 0 7px; color: var(--brand-dark); font-size: 26px; }
.ybag36-world-grid p { color: var(--muted); line-height: 1.65; }
.ybag36-world-grid strong { color: var(--brand-dark); }

.ybag36-trust { padding: 82px 0; background: var(--soft-gold); }
.ybag36-trust-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: clamp(46px, 7vw, 94px); }
.ybag36-trust-grid > div:last-child > p { margin-top: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.ybag36-trust-links { display: flex; flex-wrap: wrap; gap: 11px 22px; margin-top: 23px; }
.ybag36-trust-links a { color: var(--brand-dark); font-weight: 900; }

.ybag36-faq { padding: 90px 0 96px; color: #fff; background: #0d2c68; }
.ybag36-faq .ybag-kicker { color: #8ed1ff; }
.ybag36-faq h2, .ybag36-faq .ybag-text-link { color: #fff; }
.ybag36-faq-grid { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); gap: clamp(44px, 7vw, 92px); }
.ybag36-faq-list { display: grid; gap: 11px; }
.ybag36-faq-list details { border: 1px solid rgba(255,255,255,.22); border-radius: 17px; padding: 21px 23px; background: rgba(255,255,255,.08); }
.ybag36-faq-list summary { color: #fff; cursor: pointer; font: 800 19px/1.35 'Changa', Arial, sans-serif; }
.ybag36-faq-list p { margin: 13px 0 0; color: rgba(255,255,255,.8); line-height: 1.7; }

.ybag36-final { padding: 78px 0 92px; }
.ybag36-final-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 46px; overflow: hidden; border-radius: var(--ybag-radius-lg); padding: clamp(40px, 6vw, 68px); color: #fff; background: radial-gradient(circle at 96% 18%, rgba(255,190,25,.32), transparent 27%), linear-gradient(125deg, #0c2c6d, #1268c4 68%, #e93078); box-shadow: 0 26px 64px rgba(13,36,89,.2); }
.ybag36-final .ybag-kicker { color: #b9dfff; }
.ybag36-final h2 { max-width: 830px; color: #fff; }
.ybag36-final-card p:last-child { margin-bottom: 0; color: rgba(255,255,255,.82); font-size: 17px; }
.ybag36-final-action { display: flex; min-width: 260px; flex-direction: column; align-items: center; gap: 13px; }
.ybag36-final-action .ybag-button { color: #0d2459; background: #fff; }
.ybag36-final-action > a:last-child { color: #fff; font-size: 13px; font-weight: 800; text-align: center; }

.design-variant-dark-1 .ybag36 { --soft-blue: color-mix(in srgb, var(--ybag-blue) 8%, var(--paper)); --soft-pink: color-mix(in srgb, var(--ybag-pink) 7%, var(--paper)); --soft-gold: color-mix(in srgb, var(--ybag-gold) 7%, var(--paper)); --soft-green: color-mix(in srgb, var(--ybag-green) 7%, var(--paper)); }
.design-variant-dark-1 .ybag36-hero { background: radial-gradient(circle at 92% 18%, rgba(255,190,25,.08), transparent 28%), linear-gradient(150deg, #07152f, var(--paper) 72%); }
.design-variant-dark-1 .ybag36-hero-story, .design-variant-dark-1 .ybag36-stage-grid article, .design-variant-dark-1 .ybag36-moment-grid article, .design-variant-dark-1 .ybag36-guide-preview, .design-variant-dark-1 .ybag36-chapter-stack article, .design-variant-dark-1 .ybag36-steps li, .design-variant-dark-1 .ybag36-world-grid > a, .design-variant-dark-1 .ybag36-faq-list details { box-shadow: inset 0 1px rgba(255,255,255,.035); }

@media (max-width: 1100px) {
  .ybag36-stage-grid article { grid-column: span 5; }
  .ybag36-stage-grid article:last-child { grid-column: 3 / span 6; }
  .ybag36-chapter-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 940px) {
  .ybag36-hero-grid, .ybag36-guide-grid, .ybag36-inside-layout, .ybag36-steps-layout, .ybag36-library-grid, .ybag36-trust-grid, .ybag36-faq-grid, .ybag36-final-card { grid-template-columns: 1fr; }
  .ybag36-hero-story { width: min(420px, 100%); }
  .ybag36-guide-preview { width: min(570px, 100%); }
  .ybag36-reassurance-grid { grid-template-columns: 1fr; gap: 15px; }
  .ybag36-moment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ybag36-final-action { min-width: 0; align-items: flex-start; }
}
@media (max-width: 700px) {
  .ybag36-frame { width: min(calc(100% - 32px), var(--ybag-frame)); }
  .ybag36-hero { padding: 48px 0 56px; }
  .ybag36-hero-copy h1 { font-size: 40px; }
  .ybag36-actions .ybag-button { width: 100%; }
  .ybag36-assurances { display: grid; gap: 10px; }
  .ybag36-story-note-top { align-items: flex-start; flex-direction: column; }
  .ybag36-story-note-bottom { flex-wrap: wrap; }
  .ybag36-stage-grid, .ybag36-moment-grid, .ybag36-chapter-stack, .ybag36-world-grid { grid-template-columns: 1fr; }
  .ybag36-stage-grid article, .ybag36-stage-grid article:last-child { grid-column: auto; }
  .ybag36-guide-copy .ybag-button { width: 100%; }
  .ybag36-preview-caption { flex-direction: column; }
  .ybag36-steps li { grid-template-columns: 48px 1fr; padding: 19px; }
  .ybag36-steps span { width: 44px; height: 44px; }
  .ybag36-final-card { padding: 39px 27px; }
  .ybag36-final-action { align-items: stretch; }
  .ybag36-final-action .ybag-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .ybag36-world-grid > a { transition: none; } }
.ybag36-stages,
.ybag36-moments,
.ybag36-reassurance,
.ybag36-guide,
.ybag36-inside,
.ybag36-steps-section,
.ybag36-library,
.ybag36-world,
.ybag36-trust,
.ybag36-faq,
.ybag36-final { display: none; }
.ybag-footer-homepage::before, .ybag-footer-homepage::after { display: none; }