:root {
  --navy: #36462d;
  --navy-deep: #283526;
  --navy-soft: #48583a;
  --cream: #fbf6ec;
  --paper: #fffcf6;
  --ink: #2d392a;
  --muted: #666d5e;
  --coral: #d97056;
  --coral-dark: #bd5941;
  --lime: #c7d8a9;
  --orange: #ecaa7b;
  --purple: #687854;
  --line: #4b5f3b30;
  --shadow: 0 20px 55px #46371d17;
}

html { scroll-behavior: smooth; }
body { background: var(--cream); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
.section { scroll-margin-top: 24px; }
:where(a, button, summary, input):focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; }

/* Full-bleed opening, with the girls and their work left visible below the copy. */
.v2-hero { color: #fffaf2; background: #3d281a; }
.v2-hero__scene { position: relative; isolation: isolate; min-height: 800px; overflow: hidden; background: #4b301e; }
.v2-hero__backdrop { display: none; }
.v2-hero__scene::before { position: absolute; z-index: -2; inset: 0 0 0 35%; background: url('./img/hero/kids-original.png') center 46% / cover no-repeat; content: ''; }
.v2-hero__scene::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #302011f2 0%, #372214e6 30%, #3b241780 54%, #3c281832 78%, #3c28180a 100%), linear-gradient(0deg, #31221591, transparent 25%); content: ''; }
.v2-hero__content { width: min(100% - 80px, 1180px); margin: 0 auto; padding: 55px 0 145px; }
.v2-hero__sprig { display: block; width: 64px; height: 62px; margin-bottom: 15px; color: #f0c788; }
.v2-hero__eyebrow { margin: 0 0 15px; color: #f7dfa9; font-size: 13px; font-weight: 800; letter-spacing: .35em; line-height: 1.4; text-transform: uppercase; }
.v2-hero h1 { max-width: 760px; margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(56px, 5.7vw, 82px); font-weight: 500; line-height: 1.02; letter-spacing: -.045em; }
.v2-hero h1 em { color: #f1a084; font-style: normal; }
.v2-hero__benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: min(100%, 675px); margin: 34px 0 0; padding: 0; list-style: none; }
.v2-hero__benefits li { min-width: 0; text-shadow: 0 2px 8px #24170cb3; }
.v2-hero__benefits strong, .v2-hero__benefits li > span:last-child { display: block; }
.v2-hero__benefits strong { margin: 10px 0 4px; font-size: 22px; font-weight: 800; line-height: 1.14; }
.v2-hero__benefits li > span:last-child { font-size: 17px; line-height: 1.35; }
.v2-hero__benefit-icon { display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%; background: #fffaf2; color: #da7359; box-shadow: 0 4px 12px #24170c22; text-shadow: none; }
.v2-hero__benefits li:nth-child(2) .v2-hero__benefit-icon { color: #667e51; }
.v2-hero__benefits li:nth-child(3) .v2-hero__benefit-icon { color: #915c39; }
.v2-hero__benefit-icon svg { width: 35px; height: 35px; }
.v2-hero__cta { position: absolute; left: max(40px, calc((100vw - 1180px) / 2)); bottom: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 70px; padding: 14px 35px; border: 2px solid #f5b397; border-radius: 999px; background: #d97056; color: #fff; box-shadow: 0 12px 35px #2e1d1770; font-size: 24px; font-weight: 800; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.v2-hero__cta:hover { background: var(--coral-dark); transform: translateY(-2px); }
.v2-hero__cta span { font-size: 36px; font-weight: 400; line-height: .8; }

/* Botanical palette and editorial typography throughout the original content. */
.kids-workshops.section, .kids-students.section, .kids-demo.section, .kids-process.section, .kids-buy.section { background: #fbf6ec; color: var(--ink); }
.kids-students.section, .kids-process.section { background: #f4f1e7; }
.kids-reviews.section { background: #e9eddf; color: var(--ink); }
.about.section { background: radial-gradient(circle at 10% 30%, #e7eadc, #f1f1e6 55%, #f7f3e9); color: var(--ink); }
.faq.section { background: #fffcf6; color: var(--ink); }
.kids-start.section { background: #45573a; color: #fffaf2; }
.site-footer { background: #293a2a; color: #fffaf2; }
.kids-workshops.section, .kids-students.section, .kids-reviews.section, .kids-demo.section, .about.section, .kids-process.section, .kids-buy.section, .faq.section, .kids-start.section { font-family: Arial, Helvetica, sans-serif; }
.kids-workshops h2, .kids-students h2, .kids-reviews h2, .kids-demo h2, .about__intro h2, .kids-process h2, .kids-buy h2, .faq h2, .kids-start h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; letter-spacing: -.045em; line-height: 1.08; }
.kids-workshops h2 span, .kids-students h2 span, .kids-reviews h2 span, .kids-demo h2 span, .kids-process h2 span, .kids-buy h2 span, .kids-start h2 span, .faq h2 span { color: var(--coral); }
.kids-workshops__eyebrow, .kids-demo__kicker, .kids-reassurance__eyebrow, .kids-buy__eyebrow, .kids-process__eyebrow, .about .section-kicker { color: #687d54; }
.kids-workshops__eyebrow::before, .kids-demo__kicker::before, .section-kicker::before { background: var(--coral); }
.kids-workshops__intro p, .kids-reviews__intro p, .kids-demo__description, .kids-buy__heading p { color: var(--muted); }
.kids-workshop { border: 1px solid #b6c19a85; border-radius: 22px; background: #fffcf7; box-shadow: 0 14px 38px #4c50331a; }
.kids-workshop__media { background: #e7e9d9; }
.kids-workshop__number, .kids-workshop:nth-child(2) .kids-workshop__number, .kids-workshop:nth-child(3) .kids-workshop__number, .kids-workshop:nth-child(4) .kids-workshop__number, .kids-workshop:nth-child(5) .kids-workshop__number { background: var(--coral); }
.kids-workshop__type { color: #6f835c; }
.kids-workshop h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 600; letter-spacing: -.035em; }
.kids-workshop__body p { color: #5c6658; }
.kids-workshop__footer { border-color: #dce1d0; color: var(--muted); }
.kids-workshop__price strong { color: var(--coral-dark); }
.kids-workshop__dot { background: #d7ddc9; }
.kids-workshop__dot[aria-current='true'], .kids-students__dot[aria-current='true'], .kids-reviews__dot[aria-current='true'] { background: var(--coral); }
.kids-workshop__arrow, .kids-workshop__count { background: #394c35cb; }
.kids-workshop__arrow:hover, .kids-workshop__arrow:focus-visible { background: var(--coral); }
.kids-workshop__buy { background: #536c49; }
.kids-workshop__buy:hover, .kids-workshop__buy:focus-visible { background: #394f35; }
.kids-workshops__cta { border: 1px solid #6d8462; border-radius: 24px; background: #445b3d; }
.kids-workshops__cta h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.kids-workshops__cta p, .kids-workshops__price-comparison span, .kids-workshops__cta .kids-workshops__upgrade-note { color: #e7eddf; }
.kids-workshops__price-comparison > * { border-color: #a7b99b; }
.kids-workshops__price-comparison strong { background: #f1d1b4; color: #3e4f36; }
.kids-workshops__savings { color: #f5d1a7; }
.kids-workshops__cta-button { background: var(--coral); }
.kids-workshops__cta-button:hover { background: var(--coral-dark); }
.kids-students__gallery, .kids-reviews__gallery { border: 1px solid #bec9ae; background: #fffcf7; box-shadow: var(--shadow); }
.kids-students__track, .kids-students__slide, .kids-reviews__track, .kids-reviews__slide img { background: #e9eadf; }
.kids-reviews__track, .kids-reviews__slide img { background: #fffcf7; }
.kids-students__arrow, .kids-reviews__arrow { background: #536b47; }
.kids-students__count, .kids-reviews__count { color: var(--ink); }
.kids-demo__stage { border-color: #536b47; background: #536b47; box-shadow: var(--shadow); }
.about__photo::before { background: #b9c4a1; }
.about__photo span { background: #e9ac88; color: #293a2a; }
.about__intro h2::after, .about__final::before, .about__final::after { color: #b4785d; }
.about__quote { background: #fffbf2; color: var(--ink) !important; border: 1px solid #d5dcc5; font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.about__quote::before { color: #d3a58d; }
.about__copy > p:not(.about__quote), .about__copy strong { color: var(--ink); }
.about__fact { border: 1px solid #d4dcc6; background: #fffdf8; box-shadow: var(--shadow); }
.about__fact svg, .about__fact span { color: #668052; }
.about__final { background: #e1e8d2; }
.about__final p { color: #4b6440; }
.about__final strong { background: #fffcf6; color: var(--ink); font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.kids-process__steps, .kids-process__materials { border: 1px solid #d9decf; background: #fffcf6; }
.kids-process__number, .kids-process__material-icon { background: #e7b291; color: #3b412b; }
.kids-process__materials { background: #e5ead8; }
.kids-process__materials p, .kids-process__materials .kids-process__material-note, .kids-process__parent p { color: #53614d; }
.kids-process__material-list li { background: #fffdf7; color: var(--ink); }
.kids-process__parent { border-color: #c9d4be; }
.kids-process__parent > span { background: #f5d9c7; color: var(--coral-dark); }
.kids-buy__lifetime { background: #e6ebd8; color: #48613c; }
.kids-buy__lifetime::before { background: #a9c28e; color: #233324; }
.kids-buy__form { border: 1px solid #d5dec9; background: #fffcf7; box-shadow: var(--shadow); }
.kids-buy__option { border-color: #dce2d0; background: #fffefa; }
.kids-buy__option:hover { border-color: #7f9a6b; }
.kids-buy__option:has(input:checked) { border-color: #708c5e; background: #f1f4e9; }
.kids-buy__option input { accent-color: #5b784e; }
.kids-buy__option-price strong { color: var(--ink); }
.kids-buy__option--full, .kids-buy__option--full:has(input:checked), .kids-buy__option--full:hover { border-color: #536e48; background: #3d5539; color: #fff; }
.kids-buy__option--full input { accent-color: #f2cbac; }
.kids-buy__option--full > strong, .kids-buy__full-copy b { color: #f9d2b2; }
.kids-buy__full-copy small { color: #e2ebd9; }
.kids-buy__badge { background: #f3c6a6; color: #344630; }
.kids-buy__fields { border-color: #dbe2d0; }
.kids-buy__fields label, .kids-buy__guarantee h3 { color: var(--ink); }
.kids-buy__fields input:not(.kids-buy__trap) { border-color: #bbc9b1; color: var(--ink); }
.kids-buy__fields input:focus-visible { outline-color: var(--coral); border-color: var(--coral); }
.kids-buy__submit, .faq__buy-action a { background: var(--coral); }
.kids-buy__submit:hover, .faq__buy-action a:hover { background: var(--coral-dark); }
.kids-buy__upgrade-note { color: #577246; }
.kids-buy__help { border-color: #dbe2d0; }
.kids-buy__help p, .kids-buy__guarantee p { color: var(--muted); }
.kids-buy__help-links a { border-color: #cbd7bc; background: #f5f5e9; color: var(--ink); }
.kids-buy__help-links a:hover { border-color: #7f9a6b; background: #e8eedc; }
.kids-buy__guarantee { border-color: #c6d4b8; background: #eaf0e1; box-shadow: none; }
.kids-buy__guarantee-icon { border-color: #6d8a5b; color: #456439; }
.kids-buy__guarantee-tags span { background: #fffdf5; color: #435d3a; }
.faq__items { border-color: #d8decf; }
.faq__items details { border-color: #d8decf; }
.faq__items summary { color: var(--ink); }
.faq__items summary::after { color: var(--coral); }
.faq__items p { color: var(--muted); }
.kids-start .kids-reassurance__eyebrow { color: #d8e6bc; }
.kids-start__emotion p, .kids-start__steps p { color: #e5ebdc; }
.kids-start__steps { border-color: #9fb195; background: #52684a; }
.kids-start__steps h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.kids-start__steps li::before { background: #efbf9b; color: #35472f; }
.kids-start__steps a { background: var(--coral); }
.kids-start__steps a:hover { background: var(--coral-dark); }
.kids-footer-socials__title { color: #eac49f; }
.kids-footer-socials__links a { border-color: #d3dec45e; background: #ffffff0b; }
.kids-footer-socials__links a:hover { border-color: #eac49f; }
.kids-footer-socials__link--instagram .kids-footer-socials__icon, .kids-footer-socials__link--facebook .kids-footer-socials__icon, .kids-footer-socials__link--telegram .kids-footer-socials__icon, .kids-footer-socials__link--tiktok .kids-footer-socials__icon { background: #cb886d; }

@media (max-width: 800px) {
  .v2-hero__scene { min-height: max(760px, 198vw); background: #4b301e; }
  .v2-hero__backdrop { position: absolute; z-index: -3; inset: 0; display: block; background: url('./img/hero/kids-original.png') center top / 100% 180% no-repeat; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 20%, transparent 55%); mask-image: linear-gradient(180deg, #000 0%, #000 20%, transparent 55%); }
  .v2-hero__scene::before { inset: 0; background-size: auto 72%; background-position: center bottom; -webkit-mask-image: linear-gradient(180deg, transparent 25%, #000 43%); mask-image: linear-gradient(180deg, transparent 25%, #000 43%); }
  .v2-hero__scene::after { background: linear-gradient(180deg, #28190ddd 0%, #302012ce 28%, #3824168a 42%, #39291a10 58%, #39291a00 79%, #3622167a 100%); }
  .v2-hero__content { width: min(100% - 46px, 640px); padding: 30px 0 110px; }
  .v2-hero h1 { max-width: 650px; font-size: clamp(44px, 7.4vw, 59px); }
  .v2-hero__cta { right: auto; left: 50%; bottom: 34px; width: min(calc(100% - 46px), 640px); transform: translateX(-50%); }
  .v2-hero__cta:hover { transform: translateX(-50%) translateY(-2px); }
}

@media (max-width: 600px) {
  .v2-hero__content { width: calc(100% - 42px); padding: 24px 0 95px; }
  .v2-hero__sprig { width: 47px; height: 43px; margin-bottom: 8px; }
  .v2-hero__eyebrow { margin-bottom: 11px; font-size: clamp(8px, 2.1vw, 11px); letter-spacing: .25em; white-space: nowrap; }
  .v2-hero h1 { max-width: 100%; font-size: clamp(32px, 8.4vw, 49px); line-height: 1.02; letter-spacing: -.052em; }
  .v2-hero__benefits { gap: 9px; width: 100%; margin-top: 19px; }
  .v2-hero__benefit-icon { width: 43px; height: 43px; }
  .v2-hero__benefit-icon svg { width: 24px; height: 24px; }
  .v2-hero__benefits strong { margin: 7px 0 3px; font-size: clamp(12px, 3.3vw, 17px); }
  .v2-hero__benefits li > span:last-child { font-size: clamp(10px, 2.7vw, 14px); line-height: 1.3; }
  .v2-hero__cta { bottom: 28px; width: calc(100% - 50px); min-height: 60px; padding: 9px 15px; font-size: clamp(16px, 4.5vw, 23px); white-space: nowrap; }
  .v2-hero__cta span { font-size: 30px; }
  .kids-workshops h2, .kids-students h2, .kids-reviews h2, .kids-demo h2, .about__intro h2, .kids-process h2, .kids-buy h2, .faq h2, .kids-start h2 { font-size: clamp(34px, 9vw, 45px); }
  .kids-workshop { border-radius: 19px; }
  .kids-workshops__cta { border-radius: 20px; }
  .kids-workshops__cta h3 { font-size: 29px; }
  .kids-workshops__price-comparison > * { min-width: 0; width: 100%; }
  .kids-buy__option--full { border-radius: 15px; }
}

@media (max-width: 370px) {
  .v2-hero h1 { font-size: 30px; }
  .v2-hero__benefits { gap: 6px; }
  .v2-hero__benefits strong { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .v2-hero__cta { transition: none; }
}
