/*
Theme Name: Protocolo de Ester
Theme URI: https://protocolo-de-ester.dgspereira2019.chatgpt.site/
Author: Douglas Pereira
Description: Tema WordPress responsivo para a página de vendas do Protocolo de Ester.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: protocolo-de-ester-theme
License: GNU General Public License v2 or later
*/

:root{--wine:#32121c;--wine2:#481d29;--gold:#dbbb7e;--cream:#f6f1e8;--ink:#34282b;--muted:#6d6260;--line:#ded5c6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(2.1rem,3.7vw,3.6rem);line-height:1.14;letter-spacing:-.035em}h3{line-height:1.24}em{font-weight:400;color:#895b40}p+p{margin-top:18px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:0.75rem;font-weight:600;letter-spacing:.17em;line-height:1.6;color:#8a6541;margin-bottom:22px}.centered{text-align:center}.section-heading{max-width:720px;margin-bottom:52px}.section-heading.centered{margin-left:auto;margin-right:auto}.section-heading>p:last-child{margin-top:24px;color:var(--muted);max-width:590px}.section-heading.centered>p:last-child{margin-left:auto;margin-right:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:60px;padding:19px 28px;background:var(--gold);color:#311a1c;font-size:0.83rem;font-weight:700;letter-spacing:.055em;border:1px solid var(--gold);border-radius:3px;transition:background .2s,transform .2s;box-shadow:0 5px 18px #13030915;line-height:1.5}.button:hover{background:#ead0a1;transform:translateY(-2px)}.button span{font-size:1.35rem;line-height:1}.micro{font-size:0.78rem!important;line-height:1.6;margin-top:14px!important;color:inherit;opacity:.76}.header{height:94px;background:var(--wine);color:var(--cream);padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:0.77rem;letter-spacing:.12em;line-height:1.3}.brand b{display:block;font-size:1.26rem;font-weight:400;letter-spacing:.14em}.brand svg{width:39px;height:39px;fill:none;stroke:var(--gold);stroke-width:1.3}.header nav{display:flex;gap:30px;font-size:0.85rem;color:#e7d6cc}.header nav a:hover{color:var(--gold)}.header-cta{border:1px solid #d8b77d65;padding:9px 17px;font-size:0.8rem;color:var(--gold);border-radius:3px}.header-cta span{margin-left:16px}.hero{background:var(--wine);color:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;padding-top:65px;padding-bottom:65px}.hero .eyebrow{color:var(--gold);font-size:0.75rem;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:20px;height:1px;background:var(--gold)}h1{font-size:clamp(2.4rem,3.5vw,3.35rem);line-height:1.11;letter-spacing:-.035em;max-width:640px}.hero em,.story em,.cycle em,.offer em{color:var(--gold)}.hero-description{color:#decdc9;font-size:0.95rem;line-height:1.8;margin:25px 0 28px;max-width:540px}.hero-art{min-width:0;text-align:center}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px;box-shadow:0 30px 65px #12060a44}.art-label{font-size:0.75rem;color:var(--gold);letter-spacing:.19em;margin-bottom:26px}.art-caption{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px}.art-caption>span{font-family:var(--serif);font-size:2.75rem;line-height:1}.art-caption small{font-family:var(--sans);font-size:0.75rem;letter-spacing:.12em}.art-caption i{height:37px;width:1px;background:#d8b77d55}.art-caption p{text-align:left;font-family:var(--serif);font-size:1.2rem;line-height:1.45;color:#dfcfc4}.image-note{font-size:0.75rem;color:#c8b1a9;margin-top:24px}.hero-bottom{border-top:1px solid #ffffff17;display:flex;justify-content:center;gap:80px;padding:23px 24px;color:#c8b1a9;font-size:0.75rem;letter-spacing:.14em}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.pain-grid>div{border-top:1px solid #c5b39d;padding:24px 0}.pain-grid span{font-family:var(--serif);font-size:0.85rem;color:#916946}.pain-grid h3{font-size:1.4rem;margin:16px 0 14px}.pain-grid p{font-size:0.92rem;color:var(--muted)}.section-close{border-top:1px solid var(--line);padding-top:25px;font-family:var(--serif);font-size:1.15rem;text-align:center}.section-close strong{font-weight:400;color:#713e3f}.story{background:#ece4d7}.story-grid{display:grid;grid-template-columns: .87fr 1fr;gap:80px;align-items:center}.story figure{position:relative}.story img{width:100%;max-height:590px;object-fit:cover;border-radius:180px 180px 4px 4px}.story figcaption{font-size:0.75rem;text-align:center;color:var(--muted);margin-top:14px}.story h2{margin-bottom:26px}.story em{color:#794832}.story p:not(.eyebrow){color:#5e5150;font-size:0.95rem}.story blockquote{font-family:var(--serif);font-size:1.7rem;line-height:1.35;color:#653443;border-left:2px solid #ab8050;margin:28px 0;padding-left:24px}.text-link{display:inline-block;margin-top:25px;font-size:0.78rem;color:#734839;border-bottom:1px solid #b59c81}.cycle{background:var(--wine);color:var(--cream)}.cycle .eyebrow{color:var(--gold)}.cycle .section-heading>p:last-child{color:#cdb8b4}.cycle-grid{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;position:relative}.cycle-grid:before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:#dbbb7e55}.cycle-grid li{position:relative;padding:0 18px;text-align:center}.step-number{position:relative;display:flex;margin:0 auto 29px;border:1px solid #dbbb7e75;background:var(--wine);width:57px;height:57px;border-radius:50%;align-items:center;justify-content:center;color:var(--gold);font-family:var(--serif);font-size:1.3rem}.cycle h3{font-family:var(--sans);font-size:0.8rem;letter-spacing:.07em;color:var(--gold);margin-bottom:16px}.cycle li p{font-size:0.86rem;color:#dbc8c2}.cycle-note{text-align:center;color:#c9b1aa;font-size:0.8rem;margin-top:42px}.days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.day-card{border:1px solid var(--line);padding:30px;background:#fcf9f3;border-radius:4px}.day-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.day-top span{font-size:0.75rem;letter-spacing:.14em;color:#795f55}.day-top b{font-family:var(--serif);font-size:3rem;line-height:1;font-weight:400;color:#9b7650}.day-card .eyebrow{font-size:0.75rem;margin-bottom:14px}.day-card h3{font-size:1.6rem;margin-bottom:19px}.day-card>p:not(.eyebrow){font-size:0.92rem;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;font-size:0.8rem;color:#795346;line-height:1.8}.continuity{display:flex;gap:24px;background:#eae1d3;padding:30px 36px;margin:28px 0 40px;border-radius:4px}.continuity-mark{font-size:2rem;color:#956c42}.continuity h3{font-size:1.5rem;margin-bottom:10px}.continuity p{font-size:0.92rem;color:#665753}.continuity .small{font-size:0.78rem;margin-top:12px}.inside{background:#ede6da}.preview-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.preview-menu{display:flex;flex-direction:column}.preview-tab{border:0;border-bottom:1px solid #d4c7b5;padding:24px 14px;background:transparent;text-align:left;display:flex;gap:17px;align-items:center;color:#5d4b46;font-size:0.93rem}.preview-tab>span:first-child{font-family:var(--serif);font-size:0.8rem;color:#886340}.preview-tab>span:last-child{margin-left:auto}.preview-tab.active{background:var(--wine);color:var(--cream);border-radius:3px}.preview-tab.active>span{color:var(--gold)}.preview-disclaimer{font-size:0.78rem;color:#75675f;margin:23px 13px 0}.paper{background:#fffdf8;padding:37px 40px;box-shadow:0 17px 36px #5b3d2820;border:1px solid #dfd5c5;min-height:570px;transform:rotate(1deg)}.paper-brand{font-size:0.75rem;letter-spacing:.08em;color:#825a42;border-bottom:1px solid var(--line);padding-bottom:17px;display:flex;justify-content:space-between;gap:15px}.paper-brand span{font-size:0.75rem}.paper h3{font-size:1.8rem;margin-top:28px;color:var(--wine)}.paper>p{font-size:0.87rem;color:var(--muted);margin-top:12px}.writing-field{margin-top:24px}.writing-field b{font-size:0.79rem;font-weight:400;color:#543e3c}.ruled{height:44px;background:repeating-linear-gradient(transparent,transparent 21px,#e4dbce 21px,#e4dbce 22px)}.paper-foot{display:flex;justify-content:space-between;gap:12px;font-size:0.75rem;letter-spacing:.08em;color:#92745a;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.paper-foot span{font-family:var(--serif);letter-spacing:.2em}.paper-plan{font-size:0.8rem}.paper-plan p{margin:13px 0;border-bottom:1px solid var(--line);padding-bottom:10px}.included{border-top:1px solid #cbbbA5;border-bottom:1px solid #cbbba5;margin-top:58px}.included summary{padding:24px 0}.included ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 30px;padding:0 0 26px 20px;font-size:0.85rem;color:#66554f}.bonuses{background:#fffdf8}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bonus-grid article{border:1px solid var(--line);padding:30px;background:linear-gradient(140deg,#f7f1e6,#fffdf8);border-radius:4px}.bonus-label{display:flex;justify-content:space-between;gap:8px;font-size:0.75rem;letter-spacing:.1em;color:#715146}.bonus-label span{color:#89735b}.bonus-numeral{display:block;font-family:var(--serif);font-size:4.8rem;color:#81593b;line-height:1;margin:36px 0 28px}.bonus-numeral small{font-family:var(--sans);font-size:0.75rem;letter-spacing:.13em}.bonus-grid h3{font-size:1.5rem;margin-bottom:17px}.bonus-grid p{font-size:0.9rem;color:var(--muted)}.status{display:inline-block;border-top:1px solid var(--line);width:100%;margin-top:26px;padding-top:17px;font-size:0.75rem;color:#795d49}.benefits{background:#eae0d2}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.benefits-grid>div>p:last-child{color:#665752;margin-top:25px}.benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}.benefits li{display:flex;align-items:center;gap:16px;border-bottom:1px solid #cebeab;padding-bottom:13px;font-size:0.95rem}.benefits li:before,.offer-list li:before{content:'✓';color:#885f35;font-size:1rem}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.faq-grid>div>p:last-child{color:var(--muted);margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:0.96rem;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:1.3rem;font-weight:400;color:#926941;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 25px 24px 0;font-size:0.92rem;color:var(--muted)}.offer{background:var(--wine);color:var(--cream)}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.offer .eyebrow{color:var(--gold)}.offer-heading>p:not(.eyebrow){color:#d5c0bb;margin-top:30px}.offer-quote{font-family:var(--serif);font-size:1.45rem;line-height:1.5;border-left:1px solid var(--gold);padding-left:22px}.offer-card{background:#faf6ee;color:var(--ink);padding:38px;border:1px solid #e7c68d;border-radius:5px;box-shadow:0 20px 60px #0e030640}.offer-card .eyebrow{color:#82562f;font-size:0.75rem;margin-bottom:12px}.offer-card h3{font-size:2.3rem}.offer-card-top>p:last-child{font-size:0.86rem;color:var(--muted);margin-top:10px}.offer-list{list-style:none;padding:24px 0 0;margin:0;display:grid;gap:10px;font-size:0.83rem}.offer-list li{display:flex;gap:12px}.offer-bonuses{display:grid;gap:7px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:0.77rem;color:#706055}.offer-bonuses b{font-size:0.78rem;color:#714d35;margin-bottom:5px}.offer-bonuses span:before{content:'+ ';color:#92623b}.price{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.price>span{font-size:0.75rem;letter-spacing:.15em;color:#786251}.price strong{display:block;font-family:var(--serif);font-size:2.7rem;font-weight:400;color:var(--wine);line-height:1.2;margin:7px 0}.price p{font-size:0.8rem;line-height:1.65;color:var(--muted)}.offer-card .button{width:100%;margin-top:25px;padding-left:12px;padding-right:12px;font-size:0.78rem;gap:15px}.offer-card .micro{text-align:center;color:#76665d}.final-cta .button{margin-top:34px}.final-cta>.wrap>p:last-child{font-size:0.91rem;color:var(--muted);margin-top:22px}footer{border-top:1px solid var(--line);padding:35px 0;background:#eee6db}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner p,.footer-inner>a:last-child{font-size:0.75rem;color:#74655a}.footer-inner .brand{color:var(--wine)}.skip{position:absolute;left:16px;top:-100px;background:white;color:var(--wine);padding:14px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #b78548;outline-offset:5px}.mobile-cta{display:none}dialog{border:1px solid #bc965e;border-radius:6px;padding:45px;max-width:510px;width:calc(100% - 32px);color:var(--ink);background:var(--cream);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#16090cbb;backdrop-filter:blur(4px)}dialog h2{font-size:2.4rem;margin-bottom:23px}dialog>p:not(.eyebrow){font-size:0.94rem;color:var(--muted)}dialog .button{margin-top:26px;width:100%}.dialog-close{position:absolute;right:13px;top:8px;border:0;background:transparent;color:var(--wine);font-size:1.8rem;min-width:44px;min-height:44px}
@media(min-width:1500px){.hero-grid{padding-top:90px;padding-bottom:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:25px}.header nav{gap:18px}.hero-bottom{gap:30px;font-size:0.75rem}.hero .eyebrow{font-size:0.75rem}.story-grid{gap:45px}.offer-grid{gap:45px}.pain-grid{gap:20px}.preview-layout{gap:30px}.paper{padding:30px}.cycle-grid li{padding:0 10px}.cycle h3{font-size:0.75rem}.bonus-grid article,.day-card{padding:24px}.benefits-grid,.faq-grid{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:18px}.wrap{width:calc(100% - 40px)}.section{padding:65px 0}.header{height:78px;padding:0 20px}.header nav{display:none}.brand{font-size:0.75rem;gap:9px}.brand b{font-size:1rem}.brand svg{width:31px}.header-cta{font-size:0.75rem;padding:10px}.header-cta span{margin-left:5px}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:38px}.hero .eyebrow{font-size:0.75rem;letter-spacing:.1em;margin-bottom:20px}h1{font-size:clamp(2.12rem,7.35vw,3.1rem);line-height:1.12;letter-spacing:-.035em}.hero-description{font-size:0.95rem;margin-top:22px;margin-bottom:25px;line-height:1.7}.hero-copy>.button{width:100%;font-size:0.78rem;padding:18px 12px;gap:16px}.hero-copy .micro{text-align:center}.hero-art{max-width:550px;margin:0 auto;width:100%}.art-label{font-size:0.75rem;margin-bottom:16px}.art-caption{margin-top:22px;gap:23px}.art-caption>span{font-size:2.2rem}.art-caption p{font-size:1.07rem}.image-note{font-size:0.75rem}.hero-bottom{padding:16px 20px;gap:15px;flex-wrap:wrap;font-size:0.75rem}.hero-bottom span:last-child{display:none}.eyebrow{font-size:0.75rem;margin-bottom:18px}.section-heading{margin-bottom:35px}h2{font-size:2.2rem}.section-heading>p:last-child{font-size:0.95rem;margin-top:20px}.pain-grid{grid-template-columns:1fr 1fr;gap:5px 24px}.pain-grid h3{font-size:1.3rem}.pain-grid p{font-size:0.87rem}.section-close{font-size:1.1rem;line-height:1.6}.story-grid{grid-template-columns:1fr;gap:34px}.story figure{max-width:480px;margin:auto;width:100%}.story img{max-height:430px;object-position:center 40%;border-radius:150px 150px 4px 4px}.story blockquote{font-size:1.5rem}.cycle-grid{display:block;max-width:480px;margin:auto}.cycle-grid:before{left:24px;top:25px;bottom:65px;right:auto;width:1px;height:auto}.cycle-grid li{display:grid;grid-template-columns:49px 1fr;text-align:left;gap:0 23px;padding:0 0 30px}.step-number{grid-row:span 2;width:49px;height:49px;margin:0;font-size:1.1rem}.cycle h3{font-size:0.8rem;margin:3px 0 9px}.cycle li p{font-size:0.91rem}.cycle-note{margin-top:3px}.days-grid,.bonus-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:0}.day-card{padding:27px}.day-top b{font-size:2.6rem}.day-top{padding-bottom:15px;margin-bottom:21px}.card-bottom{margin-top:23px}.continuity{padding:24px 22px;gap:16px}.continuity-mark{font-size:1.5rem}.continuity h3{font-size:1.35rem}.days .button,.final-cta .button{width:100%;font-size:0.75rem;gap:14px;padding-left:12px;padding-right:12px}.preview-layout{grid-template-columns:1fr;gap:26px}.preview-tab{padding:17px 15px;font-size:0.9rem;min-height:55px}.preview-disclaimer{font-size:0.77rem}.paper{transform:none;padding:26px 22px;min-height:550px}.paper h3{font-size:1.6rem}.paper-brand{font-size:0.75rem}.paper-brand span{font-size:0.75rem}.paper-foot{font-size:0.75rem}.included{margin-top:32px}.included ul{grid-template-columns:1fr;font-size:0.87rem}.bonus-grid article{padding:27px}.bonus-numeral{margin:25px 0;font-size:4rem}.bonus-grid h3{font-size:1.55rem}.benefits-grid,.faq-grid,.offer-grid{grid-template-columns:1fr;gap:36px}.benefits li{font-size:0.93rem}.faq-list summary{font-size:0.94rem;gap:20px;min-height:66px}.offer-card{padding:28px 23px}.offer-card h3{font-size:2.1rem}.offer-heading h2{font-size:2.15rem}.offer-quote{font-size:1.25rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:22px}footer{padding:32px 0 110px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#32121cf5;backdrop-filter:blur(8px);padding:11px 16px calc(11px + env(safe-area-inset-bottom));z-index:10;border-top:1px solid #cba46655;transform:translateY(120%);transition:transform .25s}.mobile-cta.visible{transform:translateY(0)}.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:19px;min-height:48px;background:var(--gold);color:var(--wine);font-size:0.76rem;font-weight:700;letter-spacing:.02em;border-radius:3px}dialog{padding:34px 25px}dialog h2{font-size:2rem}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header{padding:0 16px}.header-cta{max-width:143px}.pain-grid{grid-template-columns:1fr;gap:0}.hero .eyebrow{font-size:0.75rem}.offer-card .button{font-size:0.75rem}.paper-brand{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Final readability pass: body copy at least 16px; working labels at least 14px. */
.hero-description,.section-heading>p:last-child,.pain-grid p,.story p:not(.eyebrow),.cycle li p,.day-card>p:not(.eyebrow),.continuity p:not(.small),.bonus-grid p,.benefits-grid>div>p:last-child,.benefits li,.faq-list details p,.faq-grid>div>p:last-child,.offer-heading>p:not(.eyebrow),dialog>p:not(.eyebrow){font-size:1rem}.preview-tab,.offer-list,.included ul,.writing-field b,.paper>p,.paper-plan,.card-bottom,.offer-bonuses,summary{font-size:.875rem}.eyebrow{letter-spacing:.12em}.hero .eyebrow{flex-wrap:wrap}.hero-bottom{flex-wrap:wrap}.paper-brand{flex-wrap:wrap}.paper-foot{line-height:1.7}.hero-art .art-label{line-height:1.7}.header-cta{min-height:44px;display:flex;align-items:center}.header-cta span{flex-shrink:0}.paper{transform:none}.price p,.offer-card-top>p:last-child{font-size:.875rem}@media(max-width:760px){.header-cta{max-width:158px;line-height:1.4}.hero .eyebrow{font-size:.75rem}.bonus-label{flex-wrap:wrap}.hero-bottom{font-size:.75rem}.hero-bottom span:last-child{display:none}}

/* Depth and motion: keep the complete artwork in its natural proportions. */
img{height:auto}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 84% 34%,#63303b 0,transparent 48%),linear-gradient(115deg,#251018,#3b1621 65%,#281019)}
.hero:before{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 30%,#dbbb7e12 47%,transparent 65%);transform:translateX(-18%);animation:gold-arrival 4.8s ease-out both}
.hero-grid{grid-template-columns:1.08fr 1fr;gap:48px;padding-top:64px;padding-bottom:60px}
.hero-copy,.hero-art{min-width:0}
.hero-copy>.eyebrow{animation:copy-arrival .7s .05s both}
.hero-copy>h1{animation:copy-arrival .85s .12s both}
.hero-description{animation:copy-arrival .85s .24s both}
.hero-copy>.button,.hero-copy>.micro{animation:copy-arrival .85s .36s both}
.hero-art{perspective:1400px;padding:20px 0}
.mockup-perspective{perspective:1400px;padding:12px 8px 18px;isolation:isolate}
.mockup-entrance{transform-style:preserve-3d;animation:mockup-arrival 1.4s cubic-bezier(.18,.7,.18,1) both}
.mockup-float{transform-style:preserve-3d;animation:mockup-settle 4.8s ease-in-out both}
.mockup-tilt{position:relative;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out;box-shadow:0 35px 60px -28px #080204e0,0 10px 25px #12070c65;border:1px solid #b88e5c55;border-radius:14px;background:#241017}
.hero-art .mockup-tilt img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:13px;box-shadow:none;display:block}
.mockup-tilt:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:13px;background:linear-gradient(118deg,transparent 22%,#fff0cc20 44%,transparent 66%);opacity:0;animation:surface-light 4.8s ease-out both}
.hero-art .art-label{color:#e0c297;margin-bottom:12px}
.hero-art .art-caption{margin-top:18px}
.hero-art .image-note{color:#d1bbb1;line-height:1.6}
.button{position:relative;box-shadow:0 5px 0 #926b3f,0 12px 27px #10060822;border-radius:5px;transform:translateY(0);transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #926b3f,0 19px 33px #10060828}
.button:active{transform:translateY(3px);box-shadow:0 2px 0 #926b3f,0 5px 12px #10060822}
.day-card,.bonus-grid article,.offer-card{box-shadow:0 14px 26px -21px #3e1c1d65;transition:box-shadow .3s,transform .3s}
.day-card:hover,.bonus-grid article:hover{box-shadow:0 24px 35px -22px #3e1c1d77}
.story img{height:auto;max-height:none;object-fit:contain;aspect-ratio:1122/1402}
.story figure{transform:perspective(1200px) rotateY(3deg);transform-origin:center;box-shadow:0 24px 40px -30px #35171b77}
.story figcaption{background:#ece4d7;padding:7px 0;margin-top:0}
.paper{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);box-shadow:8px 17px 0 -10px #c6b79f,15px 28px 45px -15px #5b3d2833;transition:transform .45s ease-out}
.paper:hover,.paper:focus-within{transform:perspective(1400px) rotateY(0) rotateX(0)}
.motion-ready .reveal-item{opacity:0;transform:perspective(1200px) translate3d(0,32px,0) rotateX(4deg);transform-origin:center top;transition:opacity .72s ease,transform .9s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.is-visible,.motion-ready .reveal-item:focus-within{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateX(0)}
.motion-ready .reveal-item.reveal-paper.is-visible{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.price strong{font-size:3.4rem;color:#3c1723;letter-spacing:-.04em}
@keyframes copy-arrival{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes mockup-arrival{from{opacity:.15;transform:perspective(1400px) rotateY(-12deg) rotateX(7deg) translate3d(0,26px,-45px)}to{opacity:1;transform:perspective(1400px) rotateY(0) rotateX(0) translate3d(0,0,0)}}
@keyframes mockup-settle{0%,100%{transform:translateY(0) rotateZ(0)}35%{transform:translateY(-10px) rotateZ(-.6deg)}70%{transform:translateY(3px) rotateZ(.2deg)}}
@keyframes surface-light{0%{opacity:0;transform:translateX(-8%)}30%{opacity:.75}100%{opacity:0;transform:translateX(8%)}}
@keyframes gold-arrival{0%{opacity:.2;transform:translateX(-18%)}60%{opacity:1}100%{opacity:.6;transform:translateX(15%)}}
@media(min-width:1100px){.hero-art{width:calc(100% + 12px);margin-left:-6px}.hero-copy h1{font-size:clamp(2.5rem,3.5vw,3.35rem)}}
@media(max-width:1050px) and (min-width:761px){.hero-grid{gap:28px}.hero-copy h1{font-size:2.45rem}.hero-art .art-label{font-size:.75rem;letter-spacing:.08em}.hero-art .art-caption{gap:15px}.hero-art .art-caption p{font-size:1rem}.hero-art .art-caption>span{font-size:2.2rem}}
@media(max-width:760px){
 .header{height:72px}.hero-grid{display:flex;flex-direction:column;gap:0;padding-top:27px;padding-bottom:32px}
 .hero-copy{display:contents}.hero-copy>.eyebrow{order:1;width:100%;font-size:.75rem;letter-spacing:.065em;margin:0 0 15px;gap:8px;flex-wrap:nowrap;line-height:1.5}.hero-copy>.eyebrow span{flex-shrink:0;width:15px}
 .hero-copy>h1{order:2;width:100%;font-size:clamp(1.95rem,7.6vw,2.7rem);line-height:1.13;letter-spacing:-.028em;margin:0}
 .hero-copy>.button{order:3;margin-top:25px;width:100%;min-height:56px;padding:15px 11px;font-size:.76rem;gap:14px}
 .hero-copy>.micro{order:4;margin-top:14px!important;margin-bottom:0;font-size:.75rem!important;text-align:center}
 .hero-art{order:5;width:100%;max-width:550px;padding:0;margin:27px auto 0;perspective:900px}.hero-art .art-label{display:none}
 .mockup-perspective{padding:4px 7px 12px;perspective:900px}.hero-art .mockup-tilt img{height:auto;object-fit:contain;aspect-ratio:3/2}
 .hero-art .art-caption{display:none}.hero-art .image-note{font-size:.75rem;margin-top:8px;text-align:center;max-width:360px;margin-left:auto;margin-right:auto}
 .hero-description{order:6;width:100%;font-size:1rem;line-height:1.7;margin:27px 0 0;padding-top:22px;border-top:1px solid #d8b57833;color:#e0ceca}
 .hero-bottom{gap:9px 18px;padding:17px 20px;letter-spacing:.08em;font-size:.75rem}
 .hero-bottom span:nth-child(2){display:none}
 .story img{width:100%;height:auto;max-height:none;aspect-ratio:1122/1402;object-fit:contain}.story figure{transform:none;max-width:390px}
 .paper{transform:none;min-height:0}.motion-ready .reveal-item.reveal-paper.is-visible{transform:none}
 .motion-ready .reveal-item{transform:perspective(900px) translate3d(0,24px,0) rotateX(3deg)}
 .price strong{font-size:3.3rem}.offer-card .button{min-height:58px}
}
@media(max-width:370px){.hero-copy>.eyebrow{font-size:.75rem;letter-spacing:0}.hero-copy>h1{font-size:1.86rem}.header-cta{font-size:.75rem}.hero-copy>.button{font-size:.73rem;gap:10px}}
@media(prefers-reduced-motion:reduce){
 .hero:before,.hero-copy>*,.mockup-entrance,.mockup-float,.mockup-tilt:after{animation:none!important}
 .mockup-tilt,.story figure,.paper,.motion-ready .reveal-item,.motion-ready .reveal-item.is-visible,.motion-ready .reveal-item.reveal-paper.is-visible{transform:none!important;opacity:1!important;transition:none!important}
 .button:hover,.button:active{transform:none}.hero:before{opacity:.5}
}

/* Keep content visible while scroll effects run: no invisible blocks on mobile. */
.motion-ready .reveal-item,.motion-ready .reveal-item.is-visible{opacity:1;transform:none;transition:none}
.motion-ready .reveal-item.reveal-paper.is-visible{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
/* Automatic CTA movement runs briefly each time a button enters the viewport. */
.button.cta-attention,.hero-copy>.button.cta-attention,.mobile-cta a.cta-attention{animation:cta-breathe 2.2s ease-in-out 2;transform-origin:center;will-change:auto}
.button,.mobile-cta a{isolation:isolate}
.button:after,.mobile-cta a:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 25%,#fff5d961 49%,transparent 73%);background-size:300% 100%;background-position:150% 0;opacity:0}
.button.cta-attention:after,.mobile-cta a.cta-attention:after{animation:cta-light 4.4s ease-in-out 1}
.button.cta-attention>span,.mobile-cta a.cta-attention>span{animation:cta-arrow 2.2s ease-in-out 2}
.mobile-cta a{position:relative}
.button.cta-attention:active,.button.cta-attention:focus-visible,.mobile-cta a.cta-attention:active,.mobile-cta a.cta-attention:focus-visible{animation:none;transform:none}
@keyframes cta-breathe{0%,100%{transform:translateY(0) scale(1)}28%{transform:translateY(-2px) scale(1.014)}48%{transform:translateY(0) scale(1)}65%{transform:translateY(-1px) scale(1.008)}82%{transform:translateY(0) scale(1)}}
@keyframes cta-light{0%,10%{opacity:0;background-position:150% 0}25%{opacity:.7}48%{opacity:0;background-position:-50% 0}100%{opacity:0;background-position:-50% 0}}
@keyframes cta-arrow{0%,100%{transform:translate(0,0)}28%{transform:translate(3px,-2px)}48%{transform:translate(0,0)}65%{transform:translate(2px,-1px)}82%{transform:translate(0,0)}}
@media(max-width:760px){
 .wrap{width:calc(100% - 32px)}
 .section{padding:40px 0}
 .section-heading{margin-bottom:24px}
 .eyebrow{margin-bottom:12px}
 .section-heading>p:last-child{margin-top:16px}
 .section-heading h2{line-height:1.15}
 .header{gap:12px;padding:0 16px}
 .hero-grid{padding-top:20px;padding-bottom:24px}
 .hero-copy>.eyebrow{margin-bottom:12px}
 .hero-copy>.button{margin-top:20px}
 .hero-copy>.micro{margin-top:11px!important}
 .hero-art{margin-top:18px}
 .mockup-perspective{padding:4px 6px 8px}
 .hero-art .image-note{margin-top:5px}
 .hero-description{margin-top:18px;padding-top:16px}
 .hero-bottom{padding:12px 16px}
 .pain-grid{gap:0 18px}
 .pain-grid>div{padding:18px 0}
 .pain-grid h3{margin:10px 0}
 .section-close{padding-top:18px}
 .story-grid,.benefits-grid,.faq-grid,.offer-grid{gap:24px}
 .story h2{margin-bottom:18px}
 .story blockquote{margin:20px 0;padding-left:18px}
 .story p+p{margin-top:14px}
 .text-link{margin-top:18px}
 .cycle-grid li{padding-bottom:22px;column-gap:18px}
 .cycle-grid li:last-child{padding-bottom:0}
 .cycle-note{margin-top:20px}
 .days-grid,.bonus-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding:0;width:100%;min-width:0}
 .day-card,.bonus-grid article{padding:22px}
 .day-top{padding-bottom:12px;margin-bottom:18px}
 .day-card h3{margin-bottom:14px}
 .card-bottom{margin-top:18px;padding-top:14px}
 .continuity{padding:20px 18px;margin:20px 0 25px;gap:12px}
 .preview-layout{gap:20px}
 .preview-tab{padding:14px 12px;min-height:50px}
 .preview-disclaimer{margin:16px 0 0}
 .paper{min-height:0;padding:24px 20px}
 .paper h3{margin-top:20px}
 .writing-field{margin-top:18px}
 .paper-foot{margin-top:20px;padding-top:14px}
 .included{margin-top:24px}
 .included summary{padding:18px 0}
 .bonus-numeral{margin:20px 0;font-size:3.6rem}
 .bonus-grid h3{margin-bottom:13px}
 .status{margin-top:18px;padding-top:13px}
 .benefits-grid>div>p:last-child,.faq-grid>div>p:last-child{margin-top:16px}
 .benefits ul{gap:12px}
 .benefits li{padding-bottom:11px}
 .faq-list summary{padding:17px 0;min-height:58px}
 .faq-list details p{padding:0 8px 18px 0}
 .offer-heading>p:not(.eyebrow){margin-top:20px}
 .offer-card{padding:24px 20px}
 .offer-list{padding-top:18px}
 .offer-bonuses{margin-top:19px;padding-top:16px}
 .price{margin-top:20px;padding-top:17px}
 .offer-card .button{margin-top:21px}
 .final-cta .button{margin-top:24px}
 .final-cta>.wrap>p:last-child{margin-top:18px}
 .footer-inner{gap:18px}
 footer{padding:26px 0 calc(96px + env(safe-area-inset-bottom))}
 .motion-ready .reveal-item,.motion-ready .reveal-item.is-visible,.motion-ready .reveal-item.reveal-paper.is-visible{opacity:1;transform:none;transition:none}
 .hero-copy,.hero-art,.day-card,.bonus-grid article,.offer-card,.paper,.preview-menu,.faq-list,.story-grid>div,.benefits-grid>div{min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .button.cta-attention,.hero-copy>.button.cta-attention,.mobile-cta a.cta-attention,.button.cta-attention:after,.mobile-cta a.cta-attention:after,.button.cta-attention>span,.mobile-cta a.cta-attention>span{animation:none!important;transform:none!important}
}

/* Previews reproduced from the supplied 40-page PDF. */
.real-preview-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px}
.real-preview-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.real-preview-controls .preview-tab{font-size:.875rem;min-height:60px;padding:13px 12px;border:1px solid #c9b9a3;border-radius:4px;line-height:1.45;gap:9px}
.real-preview-controls .preview-tab>span:first-child{margin:0;flex-shrink:0}
.real-preview-controls .preview-tab.active{border-color:var(--wine)}
.preview-explanation{padding:26px 0 0}
.preview-explanation .eyebrow{margin-bottom:10px}
.preview-explanation h3{font-size:1.8rem;margin-bottom:16px;color:var(--wine)}
.preview-explanation>p:not(.eyebrow){font-size:1rem;color:#665752;line-height:1.7}
.preview-explanation .preview-use{border-left:2px solid #a97b46;padding-left:16px;margin-top:20px}
.real-page-preview{width:100%;max-width:460px;margin:0 auto;min-width:0}
.real-page-preview>a{display:block;background:#fff;box-shadow:0 14px 35px #4b2c1926;border:1px solid #cbbfae;border-radius:2px}
.real-page-preview img{display:block;width:100%;height:auto;aspect-ratio:1026/1450;object-fit:contain;border-radius:2px}
.real-page-preview figcaption{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;font-size:.75rem;color:#685644;margin-top:13px;line-height:1.6}
.real-page-preview figcaption a{color:#6d362c;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){
 .real-preview-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .real-preview-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .real-preview-controls .preview-tab{padding:11px 9px;min-height:58px;gap:7px;font-size:.8125rem}
 .preview-explanation{padding-top:21px}
 .preview-explanation h3{font-size:1.55rem;margin-bottom:12px}
 .preview-explanation .preview-use{margin-top:15px;padding-left:13px}
 .real-page-preview{max-width:400px}
 .real-page-preview figcaption{margin-top:8px}
}