:root{--paper:#fcfaf5;--ink:#303c31;--green:#36583b;--olive:#626d44;--muted:#60685e;--sage:#edf1e5;--line:#dbe0d1;--terra:#a06146;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--sans)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--terra);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.14;text-wrap:pretty}h1{font-size:clamp(1.9rem,6.9vw,2.3rem);letter-spacing:-.025em}h2{font-size:clamp(1.8rem,6.7vw,2.3rem);letter-spacing:-.025em;margin-bottom:20px}h3{font-size:1.5rem;margin-bottom:12px}p{color:var(--muted);margin-bottom:16px;text-wrap:pretty}em{color:var(--green);font-weight:400}strong{font-weight:700}.wrap{width:min(1080px,calc(100% - 36px));margin-inline:auto}.narrow{max-width:720px}.centered{text-align:center}.section{padding-block:52px}.soft{background:var(--sage)}.section-heading{max-width:690px;margin:0 auto 28px}.section-heading p:last-child{margin:0}.eyebrow{color:var(--olive);font-size:.78rem;font-weight:700;letter-spacing:.1em;line-height:1.5;margin-bottom:15px}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:17px 18px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-size:.94rem;font-weight:700;text-align:center;line-height:1.35;box-shadow:0 5px 0 #26432912;transition:background .15s;overflow-wrap:anywhere}.button:hover{background:#25432a}.micro{font-size:.78rem;line-height:1.5;margin:12px 0 0}.hero{display:grid;gap:18px;padding-block:26px 38px;text-align:center;max-width:700px}.hero h1{margin-bottom:16px}.intro{line-height:1.5;margin-bottom:16px}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:6px;font-size:.875rem;color:var(--green)}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:12px}.hero-purchase{max-width:460px;width:100%;margin:auto}.price{font-size:3.5rem;line-height:1.1;letter-spacing:-.04em;font-weight:700;color:var(--green)}.price>span{font-size:1.25rem;letter-spacing:0}.price>small{font-size:1rem;font-weight:400;letter-spacing:0}.installments{font-size:1rem;margin:6px 0 17px}.story-image{border-radius:12px;width:100%;margin:24px auto 20px}.thoughts{display:grid;gap:9px;margin:20px 0 30px}.thoughts p{background:#fcfaf5;border:1px solid var(--line);border-radius:12px 12px 12px 2px;padding:10px 14px;margin:0;font-size:1rem;text-align:left}.thoughts p:nth-child(even){margin-left:24px;border-radius:12px 12px 2px 12px}.thoughts p:nth-child(odd){margin-right:24px}.statement{font-family:var(--serif);font-size:1.45rem;line-height:1.4;color:var(--ink);margin:24px 0 0}.statement strong{color:var(--green);font-weight:400}.comparison-grid{display:grid;gap:22px;max-width:900px;margin:auto}.comparison{border-radius:14px;overflow:hidden;border:1px solid #dfd6c9;background:#f3ece2}.comparison.after{background:var(--sage);border-color:var(--line)}.comparison-copy{padding:22px}.comparison h3{font-size:1.5rem}.comparison ul{list-style:none;padding:0;margin:16px 0 0}.comparison li{padding-left:25px;position:relative;margin:9px 0;line-height:1.45}.comparison li:before{content:'–';color:var(--terra);position:absolute;left:0}.comparison.after li:before{content:'✓';color:var(--green)}.comparison-note{max-width:720px;margin:16px auto 0}.care-words{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}.care-words span{font-size:.875rem;font-weight:700;padding:9px 14px;border-bottom:2px solid #87966b;color:var(--green)}.solution,.author-section,.final-section,.lesson-demo,.offer-grid,.faq-grid{display:grid;gap:30px;align-items:center}.solution img,.final-section img{border-radius:12px;width:100%}.steps{display:grid;gap:0}.steps article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.step-number{font-family:var(--serif);font-style:italic;font-size:2.6rem;line-height:1;color:#829369}.steps p{margin:0}.steps h3{margin-bottom:8px}.method-end{margin:24px 0 0;color:var(--green)}.deliverables{display:grid;gap:28px}.material{overflow:hidden;background:var(--paper);border-radius:12px;border:1px solid var(--line)}.material>img{width:100%;aspect-ratio:4/3;object-fit:contain}.material-copy{padding:22px}.material-copy .eyebrow{margin-bottom:8px}.material p:last-child{margin:0}.lesson-demo{max-width:920px;margin:auto}.lesson-screen{max-width:390px;margin:auto;padding:10px;background:#262b24;border:1px solid #62685e;border-radius:18px;box-shadow:0 12px 30px #303c3120}.lesson-screen img{width:100%;border-radius:9px}.curriculum{padding-left:25px;margin:20px 0 26px}.curriculum li{padding-left:5px;margin-bottom:12px;line-height:1.5}.curriculum li::marker{color:var(--olive);font-weight:700}.bonuses{display:grid;gap:32px}.bonus{background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:12px}.bonus .eyebrow{margin-top:22px;margin-bottom:8px}.bonus p:last-child{margin:0}.lesson-thumb{display:block;overflow:hidden;border-radius:8px;background:#f1f0df}.lesson-thumb img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}.value-note{color:var(--green);border-top:1px solid var(--line);padding-top:22px;font-weight:700}.offer-section{background:#344b32}.offer-intro{color:var(--paper);text-align:center}.offer-intro h2{font-size:2.2rem}.offer-intro .eyebrow{color:#d8e2c8}.offer-intro em{color:#e0e9c9}.offer-intro p{color:#e1e5d9}.offer-intro img{border-radius:12px;margin:24px 0 20px}.offer-card{background:var(--paper);padding:25px 20px;border-radius:16px;text-align:center}.official-logo{display:inline-block;position:relative;overflow:hidden;width:210px;max-width:100%;aspect-ratio:1849/604;vertical-align:middle;flex:none}.official-logo img{position:absolute;display:block;width:105.084%;max-width:none;height:auto;left:-2.109%;top:-68.212%;object-fit:contain}.value-list{margin:24px 0;text-align:left}.value-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.94rem;line-height:1.45}.value-list dt{flex:1}.value-list dd{margin:0;white-space:nowrap;color:var(--olive)}.total{font-size:.875rem}.total s{font-size:2rem;color:#7d7161;text-decoration-thickness:2px}.offer-card h3{font-size:1.5rem}.price-label{font-size:.94rem;margin-bottom:12px}.offer-card .price{font-size:4.5rem}.guarantee{display:grid;gap:26px;text-align:center}.guarantee-mark{border:2px solid var(--olive);outline:1px solid #aab69a;outline-offset:7px;border-radius:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px auto 16px;color:var(--green)}.guarantee-mark strong{font:4rem/.95 var(--serif)}.guarantee-mark span{font-size:.78rem;line-height:1.2;letter-spacing:.09em;margin-top:7px}.author-photo{width:100%;max-width:440px;margin:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}.author-role{color:var(--green);font-weight:700}.choices-grid{display:grid;gap:16px;align-items:stretch;margin:28px 0}.choices-grid article{padding:26px 22px;border-radius:12px;text-align:left}.choices-grid article p:last-child{margin:0}.choice-one{background:#f3ece2;border:1px solid #e4d7c8}.choice-two{background:var(--sage);border:1px solid #cad6bd}.or{align-self:center;font-size:.875rem;font-weight:700;color:var(--olive)}.choices>.button{margin-top:24px}.faq-grid{align-items:start}.faq details{border-bottom:1px solid #d0d8c5}.faq summary{list-style:none;padding:20px 28px 20px 0;position:relative;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:17px;font-size:1.5rem;font-weight:400;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:1rem;margin-bottom:22px}.final-section{text-align:center}.final-section img{aspect-ratio:1.25;object-fit:contain}.final-section .price{margin-top:22px}footer{background:#e7ecdf;padding:36px 0 22px}.footer-top{display:grid;gap:20px}.footer-top p{font-size:.875rem;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-links button{padding:8px 0;background:none;border:0;color:var(--ink);font-size:.875rem;min-height:44px;text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid #ccd5c2;margin-top:24px;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--muted)}dialog{width:min(560px,calc(100% - 36px));max-height:85vh;border:1px solid var(--line);padding:38px 26px 26px;background:var(--paper);color:var(--ink);border-radius:14px}dialog::backdrop{background:#152013a8}dialog h2{font-size:1.7rem}dialog p{white-space:pre-line}.close-dialog{position:absolute;right:8px;top:4px;font-size:1.7rem;background:none;border:0;width:44px;height:44px;color:var(--ink)}.sticky-cta[hidden]{display:none}.sticky-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fcfaf5f7;border-top:1px solid #cbd6c0;box-shadow:0 -4px 18px #303c3112}.sticky-cta>div{flex:1;min-width:0}.sticky-cta strong{font-size:.875rem;display:block;line-height:1.35}.sticky-cta span{font-size:.875rem;color:var(--green)}.sticky-cta .button{width:auto;min-height:46px;padding:12px 14px;font-size:.8rem}.has-sticky{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
@media(min-width:760px){h1{font-size:2.85rem}h2{font-size:2.5rem}.section{padding-block:72px}.wrap{width:min(1080px,calc(100% - 64px))}.hero{max-width:1080px;grid-template-columns:1.1fr 1fr;gap:24px 44px;text-align:left;padding-block:50px 60px}.hero-copy{grid-column:1;grid-row:1}.hero-art{grid-column:2;grid-row:1/3;align-self:center}.hero-art img{aspect-ratio:3/2;object-fit:contain}.hero-purchase{grid-column:1;grid-row:2;margin:0}.hero-pills{justify-content:flex-start}.button{width:auto;min-width:280px;max-width:100%}.hero-purchase .button,.offer-card .button{width:100%}.story-image{max-width:560px}.thoughts{max-width:540px;margin:20px auto 30px}.comparison-grid{grid-template-columns:1fr 1fr}.solution,.author-section,.final-section,.lesson-demo{grid-template-columns:1fr 1fr;gap:50px}.steps{grid-template-columns:repeat(3,1fr);gap:30px}.steps article{display:block;border-bottom:0;border-right:1px solid var(--line);padding:0 24px 0 0}.steps article:last-child{border-right:0}.step-number{display:block;margin-bottom:18px}.deliverables{grid-template-columns:1fr 1fr;gap:26px}.bonuses{grid-template-columns:repeat(3,1fr);gap:20px}.bonus h3{font-size:1.35rem}.offer-grid{grid-template-columns:1fr 1fr;gap:50px}.offer-intro{text-align:left}.offer-intro h2{font-size:2.8rem}.offer-card{padding:30px}.guarantee{grid-template-columns:200px 1fr;max-width:940px;text-align:left;gap:45px}.choices-grid{grid-template-columns:1fr 44px 1fr}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:70px}.final-section{text-align:left}.footer-top{grid-template-columns:1fr 1.3fr 1fr;align-items:center}.footer-bottom{justify-content:space-between}.sticky-cta{display:none}.has-sticky{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Full-resolution lesson artwork, displayed uncropped at its natural ratio. */
.lesson-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:1080px;margin:auto}.lesson-gallery figure{margin:0;min-width:0}.lesson-gallery img{width:100%;height:auto;border-radius:10px}.lesson-action{margin-top:28px}.pdf-cover{width:min(100%,360px);height:auto;margin:0 auto 28px;border-radius:12px}@media(min-width:760px){.lesson-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}

/* Keep both comparison panels and their connecting arrow in a single image. */
.comparison-full{max-width:900px;margin:0 auto 22px}.comparison-full img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.pdf-bonus-art{position:relative;container-type:inline-size}.pdf-format-label{position:absolute;left:11.3%;top:17%;width:34.5%;height:12.5%;background:#284c13;color:#fff;display:flex;align-items:center;justify-content:center;font-size:4cqw;font-weight:700;line-height:1;white-space:nowrap;text-align:center;padding:0;border-radius:1cqw}

.nursery-art{position:relative;container-type:inline-size}.nursery-label{position:absolute;left:18%;top:16%;width:22.5%;height:8%;display:flex;align-items:center;justify-content:center;background:#204510;color:#f7f5df;font:700 3.8cqw/1 Arial,Helvetica,sans-serif;white-space:nowrap}

/* Clear reading hierarchy and a consistent purchase action. */
:root{--paper:#fffdf9;--ink:#182e26;--green:#174e35;--olive:#365c43;--muted:#47574e;--sage:#edf5ed;--line:#d7e3d9;--terra:#af354f;--serif:Arial,Helvetica,sans-serif}
h1,h2,h3{font-weight:750;letter-spacing:-.025em;line-height:1.18}em{font-style:normal;font-weight:inherit}h1{font-size:clamp(2rem,7.7vw,2.8rem)}h2{font-size:clamp(1.75rem,6.5vw,2.4rem)}h3{font-size:1.3rem;line-height:1.3}.section{padding-block:40px}.eyebrow,.hero .eyebrow{font-size:.875rem;letter-spacing:.055em}.micro{font-size:.875rem}.hero{gap:20px;padding-top:28px}.hero-pills{font-weight:700;gap:8px 14px}.hero-pills span{padding:5px 10px;background:var(--sage);border-radius:5px}.hero-purchase{max-width:560px}.hero-art{max-width:580px;margin:auto}.button{background:#c02f60;border-color:#c02f60;border-radius:12px;min-height:64px;font-size:1rem;padding:19px 20px;box-shadow:0 5px 0 #8b1d42;letter-spacing:.01em;transition:background .15s,box-shadow .15s}.button:hover{background:#a52350;border-color:#a52350;box-shadow:0 5px 0 #791637}.button:focus-visible{outline:3px solid #174e35;outline-offset:7px}.story-image{max-width:440px}.thoughts p{font-size:1.0625rem}.statement{font-size:1.3rem}.statement strong{font-weight:750}.steps-section{border-block:1px solid var(--line)}.steps h3{font-size:1.4rem}.lesson-gallery figure{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.lesson-gallery img{border-radius:0}.lesson-gallery figcaption{padding:18px 20px}.lesson-gallery figcaption h3{margin-bottom:6px}.lesson-gallery figcaption p{margin:0}.offer-section{background:#153e2d}.offer-card{border:2px solid #bdd5a9;box-shadow:0 14px 32px #071d2420}.offer-card h3{font-size:1.35rem}.offer-card .price{color:#174e35;font-size:4.7rem}.offer-card .button{margin-top:10px}.value-list>div{font-size:1rem}.value{padding-block:48px}.value-note{font-size:1.125rem}.sticky-cta{padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:#fffdf9}.sticky-cta .button{width:100%;font-size:1rem;min-height:58px;padding:16px}.has-sticky{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.footer-bottom{font-size:.875rem}
@media(min-width:760px){.section{padding-block:58px}.hero h1{font-size:2.85rem}.hero{padding-block:48px;gap:28px 40px}.hero-purchase{grid-column:1;grid-row:2}.hero-art{grid-column:2;grid-row:1/3}.button{min-width:320px}.bonuses{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:auto}.sticky-cta{display:none}.has-sticky{padding-bottom:0}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.button{padding-inline:14px;font-size:.9375rem}.offer-card{padding-inline:16px}}

/* SOS Suculentas — sequência visual da revisão */
:root{--hero-bg:#f1f0eb;--section-gray:#f2f1ed;--section-green:#e3f0df;--premium-deep:#123b2b;--premium-mid:#25543c;--premium-gold:#d9c78e}
body{overflow-x:hidden}
.hero.hero-rumination{display:block;width:100%;max-width:none;padding:0;background:var(--hero-bg)}
.hero-rumination-inner{display:flex;flex-direction:column;gap:20px;padding:22px 0 42px;text-align:center}
.hero-rumination-inner .hero-brand{margin:0 auto -2px}
.hero-rumination-inner .rumination-main{width:100%}
.comparison-section{background:var(--section-green)}
.comparison-section .wrap,.lessons-section .wrap,.bonus-section .wrap{position:relative}
.lessons-section{background:var(--section-gray)}
.lesson-showcase{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;max-width:1000px;margin:0 auto}
.device{position:relative}
.tablet-device{padding:14px;border:1px solid #53665b;border-radius:24px;background:#26372f;box-shadow:0 18px 38px #1733262b;transform:rotate(-.6deg)}
.device-top{height:17px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:8px}
.device-top span{width:6px;height:6px;border-radius:50%;background:#87988b}
.device-top i{display:block;width:54px;height:5px;border-radius:999px;background:#87988b}
.device-screen{background:#fbfcf8;border-radius:12px;padding:11px}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lesson-tile{min-width:0;margin:0;overflow:hidden;border:1px solid #dae6d9;border-radius:8px;background:#fff}
.lesson-tile img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.lesson-tile figcaption{display:flex;flex-direction:column;gap:2px;padding:7px 8px 9px;text-align:left}
.lesson-tile strong{color:var(--green);font-size:.78rem;line-height:1.2}
.lesson-tile span{color:var(--muted);font-size:.76rem;line-height:1.2}
.lesson-tile.bonus-tile{border-color:#9fbd82;background:#f5faef}
.phone-device{width:min(210px,72%);justify-self:center;padding:10px;border:1px solid #535a53;border-radius:28px;background:#1e2420;box-shadow:0 18px 38px #1733262b;transform:rotate(2deg)}
.phone-top{height:15px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:7px}
.phone-top span{display:block;width:62px;height:5px;border-radius:999px;background:#747d73}
.phone-top i{display:block;width:6px;height:6px;border-radius:50%;background:#747d73}
.phone-screen{overflow:hidden;border-radius:18px;background:#101310}
.phone-screen img{display:block;width:100%;height:auto}
.lesson-action{margin-top:28px}
.bonus-section{background:var(--section-green)}
.bonus-mockup-grid{display:grid;grid-template-columns:1fr;gap:28px;max-width:940px;margin:0 auto}
.bonus-mockup{display:grid;gap:18px;align-items:center;padding:18px;border:1px solid #cbdcc5;border-radius:18px;background:#f6fbf1;box-shadow:0 12px 28px #1f483117}
.pdf-mockup{position:relative;width:min(100%,460px);margin:auto;padding:12px;border-radius:12px;background:#f8f4e8;box-shadow:0 18px 30px #25463324;transform:rotate(-1.5deg)}
.pdf-mockup-alt{transform:rotate(1.5deg)}
.pdf-sheet{overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 2px 5px #1c2f201c}
.pdf-sheet img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pdf-ribbon{position:absolute;z-index:1;top:3px;left:22px;padding:7px 12px;border-radius:0 0 7px 7px;background:var(--green);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;box-shadow:0 3px 7px #16352530}
.bonus-copy{text-align:center}
.bonus-copy .eyebrow{margin-bottom:8px}
.bonus-copy h3{margin-bottom:8px}
.bonus-copy p:last-child{margin:0}
.premium-comparison{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--premium-deep),var(--premium-mid));color:#fff}
.premium-comparison:before{content:"";position:absolute;inset:18px;border:1px solid #d9c78e55;border-radius:24px;pointer-events:none}
.premium-comparison .wrap{position:relative;z-index:1}
.premium-comparison .premium-eyebrow{color:var(--premium-gold)}
.premium-comparison h2{color:#fff}
.premium-comparison h2 em{color:#e2f0c9}
.premium-lede{color:#dce9dc}
.premium-comparison .value-list{margin:28px auto 0;padding:14px 20px;border:1px solid #d9c78e99;border-radius:16px;background:#fffdf9;box-shadow:0 18px 35px #071d2426;text-align:left}
.premium-comparison .value-list>div{font-size:1.04rem;padding:13px 0;border-bottom-color:#dfe8db}
.premium-comparison .value-list dt{color:var(--ink)}
.premium-comparison .value-list dd{color:var(--green);font-weight:700}
.premium-comparison .total{margin:28px 0 20px;color:#f1e7c5;font-size:1.05rem}
.premium-comparison .total s{font-size:clamp(2.3rem,9vw,3.6rem);color:#fff;text-decoration-color:#d9c78e}
.premium-comparison .comparison-reveal{margin:0 0 12px;color:#fff;font-size:clamp(1.35rem,5vw,2rem);font-weight:700}
.premium-comparison .comparison-reveal strong{color:#fff}
.premium-comparison .comparison-offer{max-width:600px;margin:0 auto 18px;color:#e5efdf;font-size:1.1rem}
.premium-comparison .comparison-price{color:#fff}
.premium-comparison .comparison-price span{color:var(--premium-gold)}
.premium-comparison .comparison-price strong{color:#fff;font-size:clamp(4.1rem,20vw,6.8rem);text-shadow:0 4px 0 #071d2438}

@media(min-width:760px){
  .hero-rumination-inner{gap:28px;padding:48px 0 60px}
  .lesson-showcase{grid-template-columns:minmax(0,1fr) 230px;gap:36px}
  .phone-device{justify-self:center}
  .bonus-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .bonus-mockup{padding:22px}
}

@media(max-width:420px){
  .tablet-device{padding:9px;border-radius:18px}
  .device-screen{padding:7px;border-radius:9px}
  .lesson-grid{gap:6px}
  .lesson-tile figcaption{padding:6px 6px 7px}
  .lesson-tile strong,.lesson-tile span{font-size:.68rem}
  .premium-comparison:before{inset:10px;border-radius:18px}
  .premium-comparison .value-list{padding-inline:13px}
  .premium-comparison .value-list>div{font-size:.93rem;gap:10px}
}

/* Correções solicitadas a partir da referência visual */
:root{--comparison-bg:#d0e6cf}
.hero-rumination-inner{align-items:center}
.hero-rumination-inner>*{width:100%}
.hero-rumination-inner .hero-brand{width:auto}
.comparison-section{background:var(--comparison-bg)}
.comparison-section .comparison-note{color:#47574e}
.lessons-section{background:var(--section-gray)}
.lesson-showcase{grid-template-columns:1fr;gap:28px}
.tablet-device{width:min(100%,980px);margin-inline:auto;padding:20px 20px 22px;border:1px solid #7e8f84;border-radius:38px;background:linear-gradient(145deg,#3a4d43 0%,#1b2a23 52%,#102019 100%);box-shadow:inset 0 0 0 3px #15231d,0 24px 46px #17332635;transform:none}
.tablet-device .device-top{height:18px;margin-bottom:12px}
.tablet-device .device-top span{width:8px;height:8px;background:#a6b2aa;box-shadow:0 0 0 2px #25372e}
.tablet-device .device-top i{width:70px;height:6px;background:#a6b2aa;box-shadow:0 0 0 2px #25372e}
.tablet-device .device-screen{padding:16px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #dbe8dc,0 2px 4px #08150e55}
.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lesson-tile:last-child{grid-column:1/-1;width:50%;justify-self:center}
.phone-device{width:min(290px,75%);margin:0 auto;padding:12px;border-radius:31px;background:linear-gradient(145deg,#2e3832,#111815);box-shadow:inset 0 0 0 3px #1a2620,0 22px 42px #17332635;transform:none}
.phone-device .phone-top{height:16px;margin-bottom:9px}
.phone-device .phone-screen{padding:12px;border-radius:21px;background:#f2e5c5}
.phone-bonus-preview{display:grid;gap:12px;text-align:center}
.bonus-art-clean{position:relative;overflow:hidden;border-radius:10px;background:#f1dfb6;container-type:inline-size}
.bonus-art-clean img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.bonus-art-clean:before{content:"";position:absolute;z-index:1;left:8%;top:11%;width:47%;height:19%;border-radius:5px;background:#f1dfb6}
.bonus-art-clean:after{content:"AULA BÔNUS";position:absolute;z-index:2;left:11%;top:15%;width:39%;height:11%;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#225c3b;color:#fff;font-size:3.25cqw;font-weight:700;line-height:1;letter-spacing:.02em}
.phone-bonus-preview>div:last-child{display:flex;flex-direction:column;gap:2px}
.phone-bonus-preview strong{color:var(--green);font-size:1.02rem}
.phone-bonus-preview span{color:var(--muted);font-size:.82rem}
.bonus-section{background:var(--section-green)}
.pdf-clean-cover{position:relative;container-type:inline-size}
.pdf-clean-cover:before{content:"";position:absolute;z-index:1;left:8%;top:11%;width:48%;height:19%;border-radius:5px;background:#f1dfb6}
.pdf-clean-cover:after{position:absolute;z-index:2;left:11%;top:15%;width:39%;height:11%;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#225c3b;color:#fff;font-size:3.1cqw;font-weight:700;line-height:1;letter-spacing:.02em}
.pdf-bonus-one:after{content:"PDF BÔNUS 1"}
.pdf-bonus-two:after{content:"PDF BÔNUS 2"}
.premium-comparison{background:var(--section-gray);color:var(--ink)}
.premium-comparison:before{border-color:#c8d9c9}
.premium-comparison .premium-eyebrow{color:var(--green)}
.premium-comparison h2{color:var(--ink)}
.premium-comparison h2 em{color:var(--green)}
.premium-lede{color:var(--muted)}
.premium-comparison .value-list{border-color:#d7e3d9;background:#fff;box-shadow:0 12px 28px #25463312}
.premium-comparison .value-list dt{color:var(--ink)}
.premium-comparison .value-list dd{color:var(--green)}
.premium-comparison .total{color:var(--green)}
.premium-comparison .total s{color:#7d7161;text-decoration-color:#af354f}
.premium-comparison .comparison-reveal{color:var(--green)}
.premium-comparison .comparison-reveal strong{color:var(--green)}
.premium-comparison .comparison-offer{color:var(--muted)}
.premium-comparison .comparison-price{color:var(--green)}
.premium-comparison .comparison-price span{color:var(--olive)}
.premium-comparison .comparison-price strong{color:var(--green);text-shadow:none}

@media(min-width:760px){
  .hero-rumination-inner{width:min(1080px,calc(100% - 64px));padding-block:56px 68px}
  .hero-rumination-inner .hero-rumination-heading,.hero-rumination-inner .rumination-main,.hero-rumination-inner .rumination-bridge{margin-inline:auto}
  .lesson-showcase{max-width:1000px}
  .tablet-device{padding:24px 24px 26px;border-radius:44px}
  .tablet-device .device-screen{padding:20px;border-radius:26px}
  .lesson-grid{gap:16px}
  .phone-device{width:320px}
}

@media(max-width:420px){
  .tablet-device{padding:12px 10px 13px;border-radius:24px}
  .tablet-device .device-screen{padding:8px;border-radius:14px}
  .tablet-device .device-top{margin-bottom:8px}
  .lesson-grid{gap:7px}
  .lesson-tile:last-child{width:58%}
  .lesson-tile figcaption{padding:7px 7px 8px}
  .lesson-tile strong,.lesson-tile span{font-size:.68rem}
  .phone-device{width:min(270px,78%)}
}

/* Reference values immediately after the bonus PDFs. */
.value-comparison{max-width:720px}.value-comparison .value-list{margin-top:0;padding:12px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}.value-comparison .value-list>div:last-child{border-bottom:0}.value-comparison .value-list dd{font-weight:700;color:var(--green)}.value-comparison .total{display:flex;flex-direction:column;align-items:center;gap:2px;margin:24px 0 26px;font-size:1rem;font-weight:700;color:var(--muted)}.value-comparison .total s{font-size:2.8rem;line-height:1.12;color:#7d7161}.value-comparison h3{font-size:clamp(1.65rem,6.2vw,2.2rem);margin-bottom:12px}.comparison-offer{max-width:600px;margin:0 auto 18px;font-size:1.125rem}.comparison-price{display:flex;flex-direction:column;align-items:center;margin:0;color:var(--green);font-weight:700;line-height:1}.comparison-price span{font-size:1.15rem;margin-bottom:6px}.comparison-price strong{font-size:clamp(3.8rem,18vw,6rem);letter-spacing:-.055em}

/* First-screen pain and rumination: direct, mobile-first and free of distractions. */
.hero.hero-rumination{display:flex;flex-direction:column;max-width:980px;gap:20px;padding-top:22px;padding-bottom:42px;text-align:center}.hero-brand{display:block;margin:0 auto -2px}.hero-brand .official-logo{width:230px}.hero-rumination-heading{max-width:720px;margin-inline:auto}.hero-rumination-heading .eyebrow{margin-bottom:10px}.hero-rumination-heading h1{margin:0;font-size:clamp(2.35rem,10vw,3.35rem);line-height:1.04}.hero-rumination-heading h1 em{color:#c02f60}.rumination-main{width:100%;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid #d6e1d6;box-shadow:0 16px 36px #18362918}.rumination-main img{width:100%;height:auto}.rumination-bridge{max-width:650px;margin-inline:auto}.rumination-bridge p{font-size:1.05rem;line-height:1.55;margin:0 0 20px}.rumination-bridge strong{color:var(--green)}.rumination-bridge .button{width:100%}
@media(min-width:760px){.hero.hero-rumination{padding-top:48px;padding-bottom:60px;gap:28px}.hero-rumination-heading h1{font-size:4rem}.rumination-main{border-radius:22px}.rumination-bridge p{font-size:1.2rem}.rumination-bridge .button{width:auto}}


/* Ajustes de leitura e mockups */
.hero.hero-rumination{align-items:center;text-align:center;margin-inline:auto}
.hero-rumination-inner{align-items:center;margin-inline:auto;text-align:center}
.hero-rumination-inner .hero-rumination-heading,.hero-rumination-inner .rumination-main,.hero-rumination-inner .rumination-bridge{margin-inline:auto;text-align:center}
.comparison-full{position:relative}
.lesson-showcase{display:flex;flex-direction:column;gap:30px}
.tablet-device{display:flex;flex-direction:column;width:min(100%,980px);margin-inline:auto;padding:16px 16px 10px;border:1px solid #555;border-radius:38px;background:linear-gradient(145deg,#353535 0%,#111 48%,#242424 100%);box-shadow:inset 0 0 0 2px #555,0 24px 46px #10161035;transform:none}
.tablet-device .device-top{height:16px;margin-bottom:10px}
.tablet-device .device-top span{width:7px;height:7px;background:#8f8f8f;box-shadow:0 0 0 2px #252525}
.tablet-device .device-top i{width:56px;height:5px;background:#858585;box-shadow:0 0 0 2px #252525}
.tablet-device .device-screen{padding:11px;border:2px solid #080808;border-radius:18px;background:#111;box-shadow:inset 0 0 0 1px #454545}
.tablet-home-button{display:grid;place-items:center;width:34px;height:34px;margin:9px auto 0;border:1px solid #777;border-radius:50%;background:linear-gradient(145deg,#303030,#101010);box-shadow:inset 0 1px 2px #ffffff22,0 1px 2px #0008}
.tablet-home-button span{width:22px;height:22px;border:1px solid #888;border-radius:50%;background:radial-gradient(circle at 35% 30%,#353535,#131313 70%);box-shadow:inset 0 0 0 2px #242424}
.bonus-device-block{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;width:min(100%,780px);padding:20px;border:1px solid #cbdcc5;border-radius:20px;background:#f6fbf1;box-shadow:0 12px 28px #1f483117}
.bonus-device-copy{text-align:center}
.bonus-device-copy .eyebrow{margin-bottom:8px}
.bonus-device-copy h3{margin:0;color:var(--ink)}
.phone-device{display:flex;flex-direction:column;width:min(250px,78%);aspect-ratio:9/19;border:1px solid #4b4b4b;border-radius:36px;background:linear-gradient(145deg,#272727,#050505 55%,#252525);box-shadow:inset 0 0 0 2px #3e3e3e,0 22px 42px #17332635;transform:none}
.phone-device .phone-top{flex:none;height:20px;margin:8px 0 7px}
.phone-device .phone-top span{width:52px;height:5px;background:#777}
.phone-device .phone-top i{width:6px;height:6px;background:#777}
.phone-device .phone-screen{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;margin:0 9px 10px;padding:12px;border-radius:25px;background:#faf8f1}
.phone-bonus-preview{width:100%;gap:14px}
.phone-bonus-preview strong{font-size:1rem}
.phone-bonus-preview span{font-size:.84rem}
.pdf-mockup{padding:12px}
.pdf-mockup .pdf-ribbon,.bonus-copy .eyebrow{display:none}
.decision-section{background:#edf3e9}
.decision-section .section-heading{margin-bottom:26px}
.decision-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:940px;margin:0 auto}
.decision-card{overflow:hidden;border:1px solid #dbe4d7;border-radius:18px;background:#fff;box-shadow:0 12px 30px #25463312}
.decision-card-copy{padding:23px}
.decision-option{display:inline-block;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:#f1f3ee;color:#586452;font-size:.78rem;font-weight:700;letter-spacing:.07em;line-height:1.2}
.decision-card h3{margin:0 0 10px;font-size:clamp(1.45rem,5vw,1.85rem)}
.decision-card p:last-child{margin:0}
.decision-card-stuck{display:flex;align-items:center;background:#fffdfc;border-color:#e7d8d3}
.decision-card-stuck .decision-option{background:#f8ebe7;color:#9a5346}
.decision-card-method{border-color:#d3e1cc}
.decision-card-method .decision-option{background:#e8f1e2;color:#36583b}
.decision-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.final-section .micro{max-width:420px;margin-inline:auto}
@media(min-width:760px){
  .hero.hero-rumination,.hero-rumination-inner{text-align:center}
  .hero-rumination-inner{width:min(1080px,calc(100% - 64px))}
  .lesson-showcase{grid-template-columns:1fr;gap:36px}
  .tablet-device{padding:18px 18px 11px;border-radius:42px}
  .tablet-device .device-screen{padding:14px;border-radius:22px}
  .bonus-device-block{grid-template-columns:minmax(0,1fr) 250px;gap:34px;padding:28px}
  .bonus-device-copy{text-align:left}
  .phone-device{width:240px}
  .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .decision-card-copy{padding:28px}
  .decision-card-stuck .decision-card-copy{padding-block:52px}
  .decision-photo{height:280px;aspect-ratio:auto}
  .final-section .micro{margin-inline:0}
}
@media(max-width:420px){
  .tablet-device{padding:12px 10px 9px;border-radius:25px}
  .tablet-device .device-screen{padding:8px;border-radius:14px}
  .tablet-home-button{width:30px;height:30px;margin-top:7px}
  .tablet-home-button span{width:20px;height:20px}
  .phone-device{width:min(230px,78%);border-radius:31px}
  .phone-device .phone-screen{border-radius:21px}
  .decision-card-copy{padding:20px}
}

/* Ajuste final da ordem visual, comparação e mockups realistas */
.decision-card-stuck{display:block;align-items:initial}
.decision-card .decision-photo{display:block;width:100%;height:280px;aspect-ratio:4/3;object-fit:cover}
.decision-card-stuck .decision-photo{object-position:center center}
.decision-card-method .decision-photo{object-position:center center}

.tablet-device{position:relative;overflow:visible;padding:22px 22px 14px;border:1px solid #777;border-radius:46px;background:linear-gradient(145deg,#4a4a4a 0%,#171717 36%,#090909 65%,#303030 100%);box-shadow:inset 0 0 0 1px #a4a4a455,inset 0 0 0 4px #151515,0 28px 52px #10161045}
.tablet-device::before{content:"";position:absolute;z-index:0;top:25%;right:-5px;width:4px;height:64px;border-radius:0 4px 4px 0;background:#181818;box-shadow:0 78px 0 #181818}
.tablet-device::after{content:"";position:absolute;z-index:0;inset:3px;border:1px solid #fff2;border-radius:42px;pointer-events:none}
.tablet-device .device-top,.tablet-device .device-screen,.tablet-device .tablet-home-button{position:relative;z-index:1}
.tablet-device .device-top{height:17px;margin-bottom:13px}
.tablet-device .device-top span{width:7px;height:7px;background:#9b9b9b;box-shadow:0 0 0 2px #242424,0 1px 2px #000}
.tablet-device .device-top i{width:58px;height:5px;background:#8b8b8b;box-shadow:0 0 0 2px #242424,0 1px 2px #000}
.tablet-device .device-screen{padding:12px;border:1px solid #050505;border-radius:22px;background:#070707;box-shadow:inset 0 0 0 2px #3f3f3f,inset 0 0 0 4px #0b0b0b,0 2px 5px #0008}
.tablet-home-button{width:38px;height:38px;margin:10px auto 0;border-color:#888;background:linear-gradient(145deg,#444,#101010);box-shadow:inset 0 1px 2px #fff3,0 2px 3px #0009}
.tablet-home-button span{width:24px;height:24px;border-color:#999;background:radial-gradient(circle at 35% 30%,#4b4b4b,#141414 70%);box-shadow:inset 0 0 0 2px #292929}

.bonus-device-block{width:min(100%,780px);padding:0;border:0;background:transparent;box-shadow:none}
.bonus-art-clean{aspect-ratio:4/5;background:#d9bd98}
.bonus-art-clean img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:100% 50%}
.bonus-art-clean::before,.bonus-art-clean::after{display:none}
.phone-device{position:relative;padding:14px;border:1px solid #666;border-radius:38px;background:linear-gradient(145deg,#3d3d3d 0%,#080808 46%,#282828 100%);box-shadow:inset 0 0 0 2px #151515,inset 0 0 0 3px #7773,0 24px 46px #10161045}
.phone-device::before{content:"";position:absolute;z-index:0;top:29%;right:-4px;width:4px;height:54px;border-radius:0 3px 3px 0;background:#151515}
.phone-device .phone-top,.phone-device .phone-screen{position:relative;z-index:1}
.phone-device .phone-top{height:18px;margin:8px 0 8px}
.phone-device .phone-top span{width:50px;height:5px;background:#8c8c8c;box-shadow:0 1px 2px #000}
.phone-device .phone-top i{width:6px;height:6px;background:#999;box-shadow:0 1px 2px #000}
.phone-device .phone-screen{margin:0 8px 10px;padding:10px;border:1px solid #050505;border-radius:25px;background:#faf8f1;box-shadow:inset 0 0 0 1px #ddd5c6,0 1px 3px #0009}

@media(min-width:760px){
  .decision-card .decision-photo{height:280px}
  .tablet-device{padding:24px 24px 15px;border-radius:48px}
  .tablet-device::after{border-radius:44px}
  .tablet-device .device-screen{padding:14px;border-radius:24px}
  .tablet-home-button{width:40px;height:40px}
  .bonus-device-block{grid-template-columns:minmax(0,1fr) 250px;padding:0}
  .phone-device{width:240px}
}

@media(max-width:420px){
  .tablet-device{padding:13px 11px 9px;border-radius:28px}
  .tablet-device::after{border-radius:25px}
  .tablet-device .device-screen{padding:8px;border-radius:15px}
  .tablet-home-button{width:31px;height:31px;margin-top:8px}
  .tablet-home-button span{width:20px;height:20px}
  .phone-device{width:min(230px,78%);border-radius:32px}
  .phone-device .phone-screen{border-radius:22px}
}

.decision-cta{max-width:460px;margin:30px auto 0}
.decision-cta .button{width:100%}

/* Aula bônus de multiplicação em bloco próprio, com celular mais compacto. */
.bonus-multiplication-section{background:var(--section-green)}
.bonus-multiplication-section .bonus-device-block{width:min(100%,780px);margin:0 auto}
.bonus-multiplication-section .bonus-device-copy p:not(.eyebrow){max-width:560px;margin:12px auto 0}
.bonus-multiplication-section .lesson-action{max-width:460px;margin:28px auto 0}
.bonus-multiplication-section .phone-device{width:min(210px,64%)}
@media(min-width:760px){
  .bonus-multiplication-section .bonus-device-block{grid-template-columns:minmax(0,1fr) 220px;gap:34px;padding:24px}
  .bonus-multiplication-section .bonus-device-copy{text-align:left}
  .bonus-multiplication-section .bonus-device-copy p:not(.eyebrow){margin-left:0}
  .bonus-multiplication-section .phone-device{width:210px}
}
@media(max-width:420px){.bonus-multiplication-section .phone-device{width:205px}}

/* FAQ em bloco próprio, com o cinza-claro das demais seções. */
.faq-section{background:var(--section-gray);border-top:1px solid #e1e2dc}

/* Rodapé centralizado para a leitura no celular e no computador. */
footer{text-align:center}
.footer-top{justify-items:center}
.footer-top .brand{display:inline-flex;justify-content:center}
.footer-links{width:100%;justify-content:center}
.footer-bottom{justify-content:center;text-align:center}
.footer-bottom span{width:100%}
@media(min-width:760px){.footer-bottom span{width:auto}}

/* Cinza mais claro para transições suaves entre os blocos. */
:root{--section-gray:#f6f6f2}

/* Texto do cantinho verde logo após o botão das duas opções. */
.final-section.final-copy-only{display:block;max-width:720px;text-align:center}
.final-section.final-copy-only .micro{margin-inline:auto}

/* Pulsação dos botões de ação. */
@keyframes checkout-zoom{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}
@media(prefers-reduced-motion:no-preference){
  .button{animation:checkout-zoom 1.5s ease-in-out infinite;transform-origin:center}
  .button:is(:hover,:focus-visible,:active){animation:none;transform:none}
}

/* Três situações de abertura, com imagens completas e fundos alternados. */
.hero.hero-rumination{max-width:none;padding:0;background:var(--section-gray)}
.hero-rumination-inner,.intro-story-inner{width:min(980px,calc(100% - 36px))}
.hero-rumination-inner{padding-block:24px 40px}
.intro-story-gift{background:var(--section-green)}
.intro-story-collector{background:var(--section-gray)}
.intro-story-inner{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.intro-story-heading{max-width:720px}
.intro-story-heading h2{margin:0;font-size:clamp(1.55rem,5.8vw,2.35rem);line-height:1.25}
.intro-story-heading p{max-width:650px;margin:16px auto 0;font-size:1.0625rem;line-height:1.6}
.intro-story-inner .rumination-main{flex:none}
.intro-story-inner .rumination-bridge{width:100%;margin-top:4px}
@media(min-width:760px){
  .hero-rumination-inner,.intro-story-inner{width:min(980px,calc(100% - 64px))}
  .hero-rumination-inner{padding-block:48px 58px;gap:28px}
  .intro-story-inner{gap:30px}
  .intro-story-heading p{font-size:1.2rem}
}

/* Transição entre a identificação da dor e a apresentação do método. */
.hero-intro-copy{max-width:620px;margin:-2px auto 2px}
.hero-intro-copy p{margin:0;font-size:1.05rem;line-height:1.55;color:var(--muted)}
.method-transition{background:var(--section-green);border-top:1px solid #d6e6d0;border-bottom:1px solid #d6e6d0}
.method-transition .narrow{max-width:760px}
.method-transition h2{margin-bottom:18px}
.method-transition p:not(.eyebrow){font-size:1.05rem;line-height:1.65}
.method-transition .button{margin-top:6px;width:100%;max-width:460px}
@media(min-width:760px){
  .hero-intro-copy p,.method-transition p:not(.eyebrow){font-size:1.18rem}
  .method-transition{padding-block:64px}
  .method-transition .button{width:auto}
}

/* Rosa intenso e texto maior aprovados na prévia. */
.button{background:#e60073;border-color:#e60073;font-size:1.125rem;box-shadow:0 5px 0 #99004d}
.button:hover{background:#cf0067;border-color:#cf0067;box-shadow:0 5px 0 #99004d}

.method-transition .method-name{color:#8656a3}
.method-transition p strong{font-weight:750}

/* Photo mockups supplied by the owner. */
.real-ipad{position:relative;width:min(100%,620px);aspect-ratio:832/1138;margin:auto;overflow:hidden;background:#000;container-type:inline-size}
.real-ipad>.real-device-frame{position:absolute;width:134.8558%;max-width:none;height:auto;left:-17.4279%;top:-11.775%}
.ipad-content{position:absolute;inset:4% 5.5% 4%;border-radius:2.2cqw;background:#080a09;padding:4cqw 3cqw;display:flex;flex-direction:column;gap:3cqw;overflow:hidden}
.ipad-course-title{color:#d5b4ea;text-align:center;font-size:clamp(14px,3cqw,20px);font-weight:700;letter-spacing:.05em;line-height:1.4}
.ipad-course-title span{display:block;color:#adb5ae;font-size:clamp(14px,2.5cqw,16px);font-weight:400;letter-spacing:0;margin-top:1cqw}
.ipad-lessons{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2cqw;flex:1;min-height:0}
.real-ipad .lesson-tile,.real-ipad .lesson-tile:last-child{display:flex;align-items:center;width:100%;margin:0;background:#141916;border:1px solid #303b33;border-radius:1.6cqw;overflow:hidden;min-height:0}
.real-ipad .lesson-tile img{width:44%;height:100%;object-fit:contain;background:#080a09;flex:none}
.real-ipad .lesson-tile figcaption{padding:2cqw;gap:1cqw;min-width:0}
.real-ipad .lesson-tile strong{font-size:clamp(14px,3cqw,20px);color:#d5b4ea;line-height:1.2}
.real-ipad .lesson-tile span{font-size:clamp(14px,2.8cqw,18px);color:#fff;line-height:1.25}
.real-iphone{position:relative;width:min(100%,300px);aspect-ratio:614/1226;margin:auto;overflow:hidden;background:#000;container-type:inline-size}
.real-iphone>.real-device-frame{position:absolute;width:182.736%;max-width:none;height:auto;left:-41.37%;top:-6.85%}
.iphone-content{position:absolute;inset:12% 6% 8%;display:flex;flex-direction:column;justify-content:center;gap:7cqw;padding:3cqw}
.phone-course-name{color:#d5b4ea;font-size:14px;letter-spacing:.06em;font-weight:700;text-align:center;margin:0}
.iphone-bonus-card{overflow:hidden;border:1px solid #303b33;border-radius:12px;background:#141916}
.iphone-bonus-card>img{width:100%;height:auto}
.iphone-bonus-label{padding:18px 12px;text-align:center}
.iphone-bonus-label span{display:block;font-size:14px;color:#d5b4ea;margin-bottom:8px}
.iphone-bonus-label strong{display:block;font-size:20px;line-height:1.3;color:#fff}
@media(min-width:760px){.bonus-multiplication-section .bonus-device-block{grid-template-columns:minmax(0,1fr) 300px}}

/* Keep the black treatment inside the devices only. */
.real-ipad{border-radius:8% / 6%}
.real-iphone{border-radius:18% / 9%}

/* White backgrounds confined to the two screens; preserve the camera cutout. */
.ipad-content{background:#fff}
.real-iphone::before{content:"";position:absolute;inset:1.8% 3.5% 1.5%;border-radius:16% / 8%;background:#fff;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect width='100' height='100' fill='white'/%3E%3Crect x='35' y='1.2' width='30' height='4.4' rx='3' fill='black'/%3E%3C/svg%3E");mask-mode:luminance;mask-size:100% 100%;pointer-events:none}

/* Readable lesson labels at mobile widths. */
.real-ipad .lesson-tile strong{font-size:clamp(16px,3.4cqw,22px)}
.real-ipad .lesson-tile span{font-size:clamp(16px,3.2cqw,21px)}
.real-ipad .lesson-tile figcaption{padding:1.5cqw;gap:1cqw}
.ipad-course-title,.phone-course-name{color:#8656a3}
.ipad-course-title span{color:#60685e}
.iphone-bonus-label span{font-size:16px}
.iphone-bonus-label strong{font-size:24px}

/* White phone screen above the photo, with the original camera visible. */
.real-iphone>.real-device-frame{z-index:0}
.real-iphone::before{z-index:1}
.real-iphone .iphone-content{z-index:2}
.real-ipad .lesson-tile,.real-ipad .lesson-tile:last-child,.iphone-bonus-card{background:var(--section-green);border-color:#cbdcc5}
.real-ipad .lesson-tile img{background:var(--section-green)}
.real-ipad .lesson-tile strong,.iphone-bonus-label span{color:#8656a3}
.real-ipad .lesson-tile span,.iphone-bonus-label strong{color:var(--ink)}

/* Restore the original photographic camera island above the white screen. */
.real-iphone::before{mask-image:none;-webkit-mask-image:none}
.real-iphone::after{content:"";position:absolute;z-index:3;left:36.32%;top:3.10%;width:27.36%;height:4.08%;border-radius:999px;background-color:#000;background-image:url('assets/iphone-real.png');background-size:667.86% 2804%;background-position:50% 9.024%;background-repeat:no-repeat;pointer-events:none}

.iphone-hand-message{position:absolute;z-index:4;top:10%;left:10%;width:80%;margin:0;text-align:center;color:#8656a3;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:.02em}

.iphone-content .phone-course-logo{display:block;width:80%;max-width:210px;margin-inline:auto;align-self:center}

/* Approved draft: gathered learning and care essentials. */
.essentials-section{background:var(--section-gray);text-align:center}
.essentials-section .narrow{max-width:780px}
.essentials-section p:not(.eyebrow){font-size:1.0625rem;line-height:1.65}
.essentials-section h2 em{color:#8656a3;font-style:normal}
.essentials-image{width:100%;height:auto;display:block;margin:26px auto;border-radius:16px}
.essentials-close{margin-bottom:0;color:var(--ink)}
.lessons-section{background:var(--section-green)}
.bonus-multiplication-section{background:var(--section-gray)}