/* A Arte de Amar de Longe — edição digital */
:root {
  --paper:#f8f5ef; --cream:#f0ebe1; --forest:#183c32; --forest-deep:#112c25;
  --gold:#d6b779; --gold-light:#ead5a6; --ink:#25352e; --muted:#526057; --line:#dfded2;
  --serif:Georgia,"Times New Roman",serif; --sans:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.7 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
button,a,audio,summary { touch-action:manipulation; }
button { font:inherit; }
button,audio { max-width:100%; }
img { max-width:100%; height:auto; display:block; }
button:focus-visible,a:focus-visible,summary:focus-visible,audio:focus-visible { outline:3px solid #ad8640; outline-offset:5px; }
::selection { background:#dfc998; color:var(--forest-deep); }
[hidden] { display:none!important; }
.container { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.skip-link { position:fixed; top:10px; left:10px; z-index:10; background:var(--forest); color:#fff; padding:12px 20px; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:54px; padding:15px 24px; border:1px solid transparent; border-radius:5px; font-size:17px; font-weight:600; line-height:1.4; transition:background .2s,transform .2s; cursor:pointer; }
.button:hover { transform:translateY(-2px); }
.button--dark { background:var(--forest); color:var(--paper); }
.button--dark:hover { background:#255144; }
.button--gold { background:var(--gold); color:var(--forest-deep); }
.button--gold:hover { background:var(--gold-light); }
.button--small { min-height:48px; padding:11px 17px; font-size:15px; gap:16px; }
.button--small .icon { width:17px; height:17px; }
.eyebrow { margin:0 0 19px; font-size:12px; line-height:1.6; font-weight:600; letter-spacing:2.1px; color:#7e6742; }
.little-rule { display:inline-block; width:26px; height:1px; background:currentColor; margin-right:9px; vertical-align:middle; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:var(--serif); font-weight:400; letter-spacing:-1.9px; }
h2 { font-size:clamp(36px,3.9vw,49px); line-height:1.16; margin-bottom:20px; }
h3 { font-weight:500; }
.section-space { padding-block:88px; }
.site-header { border-bottom:1px solid #e6e2d9; }
.navigation { height:92px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:12px; font:21px/1.15 var(--serif); white-space:nowrap; }
.brand small { display:block; font:8px var(--sans); letter-spacing:3.5px; margin-top:6px; }
.brand-mark { display:grid; place-items:center; width:37px; height:46px; border:1px solid #b3a386; border-radius:20px 20px 3px 3px; font:26px Georgia,serif; color:#8e764b; }
.navigation-links { display:flex; gap:30px; margin-left:auto; margin-right:28px; font-size:16px; color:#576158; }
.navigation-links a:hover { color:var(--forest); text-decoration:underline; text-underline-offset:5px; }
.hero { overflow:hidden; background:radial-gradient(ellipse at 89% 46%,#eae8dc 0,transparent 52%); }
.hero-grid { display:grid; grid-template-columns:1.02fr 1fr; gap:42px; align-items:center; min-height:660px; padding-block:42px 46px; }
.hero-copy { position:relative; z-index:1; }
.hero h1 { color:var(--forest); font-size:clamp(55px,5.9vw,77px); line-height:1.04; margin:0 0 26px; letter-spacing:-3px; }
.hero-subtitle { font-size:24px; line-height:1.5; max-width:445px; margin-bottom:18px; font-weight:500; }
.hero-subtitle span { white-space:nowrap; }
.hero-description { max-width:425px; font-size:18px; color:var(--muted); line-height:1.7; margin-bottom:28px; }
.hero-actions { display:flex; align-items:center; gap:21px; flex-wrap:wrap; }
.text-link { display:flex; align-items:center; gap:9px; font-size:16px; font-weight:500; white-space:nowrap; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.play-circle { width:29px; height:29px; border:1px solid #b4bcb1; border-radius:50%; display:grid; place-items:center; }
.play-circle .icon { width:13px; height:13px; fill:var(--forest); stroke-width:0; margin-left:2px; }
.hero-price { margin:22px 0 0; font-size:17px; color:#566359; }
.hero-price strong { font-weight:600; color:var(--forest); }
.hero-price>span { display:block; font-size:15px; color:#737b70; margin-top:4px; }
.hero-visual { position:relative; height:558px; isolation:isolate; }
.visual-orbit { position:absolute; z-index:-1; width:480px; height:480px; border:1px solid #d7d6c8; border-radius:50%; left:19px; top:44px; background:radial-gradient(circle at 55% 55%,#dfdfcf66,transparent 70%); }
.visual-orbit:after { content:""; position:absolute; inset:19px; border-radius:50%; border:1px solid #dddccf80; }
.visual-note { position:absolute; top:16px; right:4px; font:15px/1.6 var(--serif); color:#8c8068; text-align:right; }
.book-mockup { position:absolute; left:53px; top:47px; width:315px; transform:perspective(1200px) rotateY(-13deg) rotateZ(-5deg); filter:drop-shadow(17px 26px 15px #172b2438); transform-style:preserve-3d; }
.book-mockup:before { content:""; position:absolute; top:4px; bottom:0; right:-18px; width:22px; transform:skewY(5deg); background:repeating-linear-gradient(90deg,#dad8cd 0 1px,#f5f2e8 1px 3px); border:2px solid #244438; border-left:0; z-index:-1; }
.book-mockup:after { content:""; position:absolute; inset:0; border-radius:2px; background:linear-gradient(90deg,#0003,#fff1 2%,#0003 3%,transparent 5%,transparent 96%,#0002); pointer-events:none; }
.book-mockup img { width:100%; border-radius:2px 0 0 2px; box-shadow:inset 0 0 5px #0003; }
.phone-mockup { position:absolute; right:7px; bottom:32px; width:168px; height:330px; background:#f8f5ee; border:6px solid #252c29; border-radius:27px; box-shadow:2px 1px 0 2px #6c7068,12px 19px 27px #132e2630; transform:rotate(8deg); text-align:center; padding:10px 12px; color:var(--forest); }
.phone-camera { position:absolute; top:4px; left:50%; width:42px; height:10px; transform:translateX(-50%); background:#252c29; border-radius:0 0 7px 7px; }
.phone-topline { display:flex; justify-content:space-between; line-height:1; font-size:6px; font-weight:600; margin-bottom:20px; }
.phone-eyebrow { font-size:5px; letter-spacing:1.2px; display:block; margin-bottom:10px; }
.phone-mockup img { width:82px; margin:0 auto 12px; box-shadow:0 7px 10px #17362b26; border-radius:1px; }
.phone-mockup strong { font:400 15px/1.13 var(--serif); display:block; }
.phone-mockup small { display:block; font-size:6px; margin-top:6px; color:var(--muted); }
.waveform { display:flex; align-items:center; justify-content:center; gap:3px; height:24px; margin:8px 0 3px; }
.waveform i { width:2px; height:8px; background:#9c926c; border-radius:2px; }
.waveform i:nth-child(3n) { height:19px; }
.waveform i:nth-child(4n) { height:12px; }
.waveform i:nth-child(5n) { height:24px; }
.phone-controls { display:flex; justify-content:center; align-items:center; gap:20px; font-size:13px; }
.phone-play { display:grid; place-items:center; width:24px; height:24px; background:var(--forest); color:#eee6d5; border-radius:50%; font-size:9px; padding-left:2px; }
.audio-label { position:absolute; left:8px; bottom:22px; display:flex; align-items:center; gap:12px; padding:15px 19px; background:#fffcf5; box-shadow:0 5px 25px #2733280c; border:1px solid #e4dfd1; border-radius:5px; transform:rotate(-2deg); font-size:11px; line-height:1.6; }
.audio-label>.icon { width:27px; height:27px; color:#9b8051; }
.audio-label strong { font-weight:500; }
.visual-caption { position:absolute; bottom:-21px; width:100%; text-align:center; margin:0; font-size:8px; letter-spacing:1.8px; color:#7a7e70; }
.visual-caption span { padding:0 8px; }
.trust-bar { background:#eeeee5; border-block:1px solid #e0e2d6; }
.trust-grid { display:flex; justify-content:space-between; gap:22px; padding-block:22px; }
.trust-grid>span { display:flex; align-items:center; gap:12px; font-size:16px; color:#596859; }
.trust-grid .icon { width:21px; height:21px; color:#59705a; }
.section-intro { text-align:center; margin:0 auto 44px; }
.section-intro>p:last-child { font-size:18px; color:var(--muted); line-height:1.8; margin-bottom:0; }
.recognition-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; }
.recognition-grid article { border-top:1px solid var(--line); padding-top:19px; }
.chapter-number { color:#9b8761; font-size:14px; letter-spacing:1px; }
.recognition-grid h3 { font:27px/1.3 var(--serif); letter-spacing:-.3px; margin:14px 0 12px; max-width:320px; }
.recognition-grid p { color:var(--muted); font-size:18px; line-height:1.8; max-width:340px; margin:0; }
.recognition-closing { font-size:17px; text-align:center; margin:34px 0 0; color:#6d756a; }
.recognition-closing strong { font-weight:500; color:var(--forest); }
.audio-section { background:var(--cream); border-block:1px solid #e8e3d9; }
.audio-grid { display:grid; grid-template-columns:.8fr 1fr; gap:88px; align-items:center; max-width:1050px; }
.portrait { position:relative; overflow:hidden; margin:0; aspect-ratio:4/5; border-radius:5px; }
.portrait>img { width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.portrait:after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#13251ae6); }
.portrait figcaption { position:absolute; bottom:29px; left:29px; right:20px; z-index:1; color:#fff9e9; }
.portrait figcaption span { display:block; font-size:11px; letter-spacing:1.6px; color:#e9d3aa; }
.portrait figcaption strong { display:block; font:400 24px var(--serif); margin-top:8px; }
.audio-copy>p:not(.eyebrow):not(.audio-note) { font-size:18px; line-height:1.8; color:var(--muted); margin-bottom:24px; }
.sample-options { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:16px; }
.sample-option { min-height:48px; border:1px solid #d3d3c5; border-radius:4px; padding:10px 13px; color:#556153; background:transparent; font-size:16px; font-weight:500; cursor:pointer; transition:background .2s,color .2s; }
.sample-option:hover { background:#e5e4d9; }
.sample-option.is-active { background:var(--forest); border-color:var(--forest); color:#fffdf5; }
.sample-player { padding:21px 23px 17px; border:1px solid #d4d3c3; background:#f8f5ed; border-radius:5px; }
.sample-heading { display:flex; align-items:center; gap:9px; font-size:12px; letter-spacing:1.4px; color:#8d7852; }
.sample-heading .icon { width:18px; height:18px; }
.sample-meta h3 { font:27px/1.3 var(--serif); letter-spacing:-.4px; margin:14px 0 9px; }
.sample-meta p { font-size:17px; line-height:1.8; color:var(--muted); margin-bottom:16px; min-height:47px; }
audio { display:block; width:100%; height:48px; color-scheme:light; accent-color:var(--forest); border-radius:20px; }
.audio-fallback { font-size:15px; display:block; text-align:right; text-decoration:underline; text-underline-offset:3px; color:#65725f; margin-top:11px; }
.audio-status { font-size:16px; color:#8c4029; margin-top:12px; margin-bottom:0; }
.audio-note { font-size:16px; color:#6e7869; margin:15px 0 0; }
.offer-section { background:var(--paper); }
.offer-layout { display:grid; grid-template-columns:1fr .86fr; align-items:center; gap:100px; max-width:1060px; }
.offer-copy>p:not(.eyebrow) { font-size:18px; color:var(--muted); line-height:1.7; max-width:410px; }
.offer-copy>p strong { font-weight:500; color:var(--ink); }
.included-list { list-style:none; padding:0; margin:29px 0; }
.included-list li { display:flex; gap:15px; align-items:center; margin-bottom:21px; }
.included-icon { width:41px; height:43px; border:1px solid #dcdccb; border-radius:5px; display:grid; place-items:center; color:#7d865f; flex-shrink:0; }
.included-icon .icon { width:20px; height:20px; }
.included-list strong { display:block; font-weight:500; font-size:18px; line-height:1.4; }
.included-list p { font-size:16px; color:var(--muted); margin:4px 0 0; }
.how-to-access { border-top:1px solid var(--line); padding-top:20px; max-width:405px; }
.how-to-access strong { font-weight:500; font-size:17px; }
.how-to-access p { font-size:16px; color:var(--muted); margin:5px 0 0; line-height:1.8; }
.offer-card { background:var(--forest); color:var(--paper); padding:34px; border:1px solid #315245; border-radius:7px; box-shadow:0 16px 35px #15362b0b; }
.offer-product { display:flex; align-items:center; gap:22px; padding-bottom:26px; border-bottom:1px solid #466154; }
.offer-product>img { width:89px; flex-shrink:0; box-shadow:5px 7px 12px #041b1840; transform:rotate(-4deg); }
.offer-product .eyebrow { color:var(--gold); font-size:12px; letter-spacing:1.4px; margin:0 0 8px; }
.offer-product h3 { font:28px/1.13 var(--serif); letter-spacing:-.6px; margin:0 0 10px; }
.offer-product p { font-size:15px; color:#c4ccb9; margin:0; }
.offer-price { text-align:center; padding-block:25px 24px; }
.offer-price>span { font-size:16px; color:#c2cdbf; }
.offer-price p { font:62px/1 var(--serif); letter-spacing:-2px; margin:9px 0 11px; color:#fffbeb; }
.offer-price small { font-size:24px; letter-spacing:-1px; }
.offer-card>.button { width:100%; font-size:17px; padding-inline:16px; gap:20px; }
.secure-note { display:flex; align-items:center; justify-content:center; gap:7px; font-size:15px; color:#bcc9b7; margin:12px 0 24px; }
.secure-note .icon { width:12px; height:12px; }
.guarantee { display:flex; align-items:flex-start; gap:12px; border-top:1px solid #466154; padding-top:21px; }
.guarantee>.icon { width:27px; height:27px; color:var(--gold); margin-top:3px; }
.guarantee strong { font-size:17px; font-weight:500; display:block; }
.guarantee p { font-size:16px; color:#becaba; line-height:1.8; margin:5px 0 0; }
.digital-note { font-size:14px; text-align:center; color:#b7c3ad; margin:19px 0 0; }
.faq-section { background:#f0efe6; border-top:1px solid #e1e1d5; }
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.faq-layout h2 { font-size:43px; }
.faq-contact { font-size:17px; color:var(--muted); margin:26px 0 0; }
.faq-contact a { display:block; margin-top:9px; color:var(--forest); font-size:17px; text-decoration:underline; text-underline-offset:4px; }
.faq-list { border-top:1px solid #cfd4c4; }
.faq-list details { border-bottom:1px solid #cfd4c4; }
.faq-list summary { position:relative; list-style:none; cursor:pointer; font-size:18px; line-height:1.6; padding:21px 30px 21px 0; font-weight:500; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:"+"; position:absolute; right:1px; top:18px; font-size:22px; font-weight:400; color:#798b73; }
.faq-list details[open] summary:after { content:"−"; }
.faq-list details p { font-size:17px; line-height:1.75; color:var(--muted); margin:0 30px 21px 0; }
.site-footer { border-top:1px solid #e3e1d6; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-block:35px; }
.footer-inner .brand { font-size:18px; }
.footer-inner .brand-mark { width:31px; height:39px; font-size:21px; }
.footer-inner .brand small { font-size:11px; letter-spacing:2.8px; }
.footer-inner>p { font:20px var(--serif); margin:0; }
.footer-inner>p>span { display:block; font:15px var(--sans); color:var(--muted); margin-top:6px; }
.footer-inner>a:last-child { font-size:16px; color:var(--muted); }
.sticky-cta { display:none; }
@media(min-width:1440px) { .hero-grid { min-height:700px; } .hero-visual { transform:scale(1.03); } }
@media(max-width:1100px) {
  .container { width:calc(100% - 64px); } .hero-grid { gap:15px; grid-template-columns:1fr 1fr; min-height:620px; }
  .hero h1 { font-size:62px; } .hero-subtitle { font-size:24px; } .hero-description { font-size:18px; }
  .hero-actions { gap:16px; } .hero-actions .button { font-size:17px; padding-inline:18px; gap:14px; } .hero-actions .text-link { font-size:16px; }
  .hero-visual { height:510px; } .book-mockup { width:282px; left:23px; top:44px; }
  .phone-mockup { right:0; bottom:26px; transform:rotate(8deg) scale(.9); transform-origin:right bottom; }
  .visual-orbit { width:410px; height:410px; left:0; top:50px; } .visual-note { font-size:12px; right:0; top:15px; }
  .audio-label { left:0; bottom:18px; font-size:9px; padding:12px 14px; gap:8px; }
  .visual-caption { font-size:7px; letter-spacing:1.4px; } .audio-grid { gap:55px; } .offer-layout { gap:55px; }
  .faq-layout { gap:60px; } .navigation-links { gap:23px; margin-right:5px; } .trust-grid>span { font-size:16px; }
}
@media(max-width:850px) {
  .container { width:calc(100% - 48px); } .navigation { height:78px; gap:18px; } .brand { font-size:19px; }
  .navigation-links { gap:17px; font-size:16px; margin:0; } .navigation>.button { font-size:15px; padding-inline:13px; gap:9px; }
  .hero-grid { grid-template-columns:1.1fr 1fr; gap:0; padding-block:38px; min-height:585px; }
  .hero h1 { font-size:51px; letter-spacing:-2px; } .hero .eyebrow { font-size:12px; letter-spacing:1.6px; }
  .hero-subtitle { font-size:24px; max-width:325px; } .hero-description { font-size:18px; max-width:325px; }
  .hero-actions { gap:14px; align-items:flex-start; flex-direction:column; } .hero-price { font-size:17px; margin-top:20px; }
  .hero-visual { height:438px; } .book-mockup { width:225px; left:14px; top:44px; }
  .phone-mockup { transform:rotate(8deg) scale(.74); bottom:21px; right:0; }
  .visual-orbit { width:320px; height:320px; top:54px; left:1px; } .visual-note { font-size:11px; top:12px; }
  .audio-label { font-size:8px; padding:10px; bottom:25px; gap:7px; } .audio-label>.icon { width:19px; height:19px; }
  .visual-caption { font-size:6px; bottom:-9px; letter-spacing:1.2px; } .section-space { padding-block:66px; }
  .recognition-grid { gap:25px; } .recognition-grid h3 { font-size:25px; } .recognition-grid p { font-size:18px; }
  .audio-grid { gap:33px; grid-template-columns:.83fr 1fr; } .audio-copy h2 { font-size:35px; }
  .audio-copy>p:not(.eyebrow):not(.audio-note) { font-size:18px; } .portrait figcaption { left:20px; bottom:22px; }
  .portrait figcaption strong { font-size:20px; } .portrait figcaption span { font-size:11px; letter-spacing:1px; }
  .sample-option { font-size:16px; padding:8px; } .sample-player { padding:17px; } .sample-meta h3 { font-size:27px; }
  .sample-meta p { font-size:17px; min-height:65px; } .offer-layout { gap:32px; grid-template-columns:1fr 1fr; }
  .offer-card { padding:26px; } .offer-product { gap:17px; } .offer-product>img { width:69px; }
  .offer-product h3 { font-size:24px; } .offer-product .eyebrow { font-size:12px; letter-spacing:1px; }
  .offer-card>.button { font-size:17px; gap:12px; } .offer-copy h2 { font-size:40px; }
  .offer-copy>p:not(.eyebrow) { font-size:18px; } .included-list strong { font-size:18px; } .included-list p { font-size:16px; }
  .included-list li { gap:12px; } .faq-layout { gap:40px; grid-template-columns:.8fr 1.2fr; }
  .faq-layout h2 { font-size:36px; } .faq-list summary { font-size:18px; } .footer-inner { gap:20px; }
  .footer-inner>p { font-size:20px; } .footer-inner>p>span { font-size:14px; }
}
@media(max-width:650px) {
  html { scroll-padding-top:20px; } .container { width:calc(100% - 40px); } .navigation { height:74px; }
  .navigation .brand { font-size:18px; gap:9px; } .brand-mark { width:30px; height:39px; font-size:22px; }
  .brand small { font-size:11px; letter-spacing:2.6px; margin-top:5px; } .navigation-links { display:none; }
  .navigation>.button { min-height:48px; font-size:15px; padding:9px 11px; gap:10px; }
  .navigation>.button>.icon { width:14px; height:14px; }
  .hero { background:radial-gradient(ellipse at 60% 68%,#e5e5d8 0,transparent 54%); }
  .hero-grid { display:flex; flex-direction:column; gap:0; padding-top:33px; padding-bottom:30px; min-height:0; }
  .hero-copy { width:100%; text-align:center; display:contents; }
  .hero-copy>.eyebrow { order:0; font-size:12px; letter-spacing:1.7px; text-align:center; margin-bottom:16px; }
  .hero-copy>.eyebrow .little-rule { width:19px; margin-right:6px; }
  .hero h1 { order:1; font-size:clamp(47px,12.2vw,68px); line-height:1.05; letter-spacing:-2.2px; margin-bottom:17px; text-align:center; width:100%; }
  .hero-subtitle { order:2; font-size:24px; line-height:1.6; max-width:335px; text-align:center; margin-bottom:0; }
  .hero-description { display:none; }
  .hero-visual { order:3; width:330px; max-width:100%; height:358px; margin-top:14px; }
  .visual-note { display:none; } .visual-orbit { width:282px; height:282px; left:20px; top:35px; }
  .book-mockup { width:207px; left:35px; top:18px; }
  .phone-mockup { transform:rotate(8deg) scale(.62); right:2px; bottom:19px; }
  .audio-label { font-size:8px; left:5px; bottom:26px; padding:10px 11px; gap:8px; }
  .visual-caption { font-size:6px; letter-spacing:1.3px; bottom:0; }
  .hero-actions { order:5; align-items:center; gap:16px; width:100%; margin-top:24px; }
  .hero-actions>.button { width:100%; max-width:355px; font-size:17px; gap:25px; min-height:54px; }
  .hero-actions>.text-link { font-size:16px; } .hero-price { order:6; font-size:17px; margin-top:18px; text-align:center; }
  .hero-price>span { font-size:15px; }
  .trust-grid { flex-direction:column; gap:14px; align-items:flex-start; padding-block:22px; width:max-content; max-width:calc(100% - 40px); }
  .trust-grid>span { font-size:16px; gap:12px; } .trust-grid .icon { width:18px; height:18px; }
  .section-space { padding-block:53px; } .eyebrow { font-size:12px; letter-spacing:1.7px; margin-bottom:16px; }
  h2 { font-size:37px; letter-spacing:-1.5px; margin-bottom:17px; }
  .section-intro { margin-bottom:30px; } .section-intro>p:last-child { font-size:18px; }
  .recognition-grid { grid-template-columns:1fr; gap:23px; }
  .recognition-grid article { display:grid; grid-template-columns:28px 1fr; column-gap:10px; padding-top:19px; }
  .chapter-number { grid-row:1/3; padding-top:4px; } .recognition-grid h3 { font-size:26px; max-width:100%; margin:0 0 9px; }
  .recognition-grid p { grid-column:2; font-size:18px; max-width:100%; line-height:1.8; }
  .recognition-closing { font-size:17px; max-width:100%; margin:28px auto 0; line-height:1.7; }
  .audio-grid { display:flex; flex-direction:column; gap:31px; } .portrait { width:100%; height:310px; aspect-ratio:auto; }
  .portrait>img { object-position:50% 29%; } .portrait figcaption { left:24px; bottom:23px; }
  .portrait figcaption strong { font-size:25px; } .portrait figcaption span { font-size:11px; letter-spacing:1.4px; }
  .audio-copy { width:100%; } .audio-copy h2 { font-size:37px; }
  .audio-copy>p:not(.eyebrow):not(.audio-note) { font-size:18px; line-height:1.7; }
  .sample-options { gap:7px; flex-wrap:nowrap; } .sample-option { font-size:16px; padding:11px 8px; flex:1; white-space:nowrap; }
  .sample-player { padding:20px 18px 17px; } .sample-heading { font-size:12px; letter-spacing:1.3px; }
  .sample-meta h3 { font-size:27px; margin-top:13px; } .sample-meta p { font-size:17px; min-height:47px; }
  .audio-fallback { font-size:15px; } .audio-note { font-size:16px; line-height:1.8; margin-top:13px; }
  .offer-layout { grid-template-columns:1fr; gap:32px; } .offer-copy h2 { font-size:40px; }
  .offer-copy>p:not(.eyebrow) { font-size:18px; } .included-list { margin:27px 0; }
  .included-list strong { font-size:18px; } .included-list p { font-size:16px; }
  .included-list li { gap:14px; margin-bottom:21px; } .included-icon { width:39px; height:42px; }
  .how-to-access p { font-size:16px; } .offer-card { padding:27px 24px; }
  .offer-product { gap:23px; padding-bottom:26px; justify-content:center; } .offer-product>img { width:85px; }
  .offer-product .eyebrow { font-size:12px; letter-spacing:1.1px; } .offer-product h3 { font-size:29px; }
  .offer-product p { font-size:15px; } .offer-price { padding-block:25px; } .offer-price p { font-size:65px; }
  .offer-price>span { font-size:16px; } .offer-card>.button { font-size:17px; min-height:56px; gap:19px; }
  .secure-note { font-size:15px; margin-bottom:23px; } .guarantee strong { font-size:17px; }
  .guarantee p { font-size:16px; } .digital-note { font-size:14px; }
  .faq-layout { grid-template-columns:1fr; gap:29px; } .faq-layout h2 { font-size:37px; }
  .faq-contact { margin-top:20px; } .faq-list summary { padding-block:20px; font-size:18px; }
  .faq-list details p { font-size:17px; } .footer-inner { align-items:flex-start; flex-direction:column; gap:21px; padding-block:31px 34px; }
  .footer-inner>p { font-size:20px; } .footer-inner>p>span { font-size:15px; margin-top:6px; } .footer-inner>a:last-child { font-size:16px; }
  .sticky-cta { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:5; justify-content:space-between; align-items:center; gap:10px; padding:12px 18px max(12px,env(safe-area-inset-bottom)); background:#fcfaf4f5; border-top:1px solid #dcded0; box-shadow:0 -5px 30px #1f39280a; backdrop-filter:blur(14px); }
  .sticky-cta>.button { width:100%; font-size:17px; gap:16px; min-height:56px; padding:14px 12px; }
  body:has(.sticky-cta:not([hidden])) { padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
}
@media(max-width:360px) {
  .container { width:calc(100% - 32px); } .hero h1 { font-size:44px; } .hero-subtitle { font-size:24px; }
  .navigation .brand { font-size:16px; } .navigation>.button { font-size:15px; gap:6px; }
  .hero-visual { width:304px; height:348px; } .book-mockup { width:200px; left:27px; }
  .phone-mockup { transform:rotate(8deg) scale(.59); right:11px; bottom:15px; }
  .visual-orbit { width:270px; height:270px; left:9px; } .audio-label { bottom:23px; font-size:7px; }
  .sample-option { font-size:16px; padding:10px 6px; } .offer-card { padding:25px 20px; }
  .offer-product { gap:18px; } .offer-product h3 { font-size:26px; } .offer-product>img { width:78px; }
  .sticky-cta { padding-inline:13px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition:none!important; animation:none!important; } .button:hover { transform:none; } }

/* Leitura confortável: textos principais de 18px e informações de apoio de 14–17px. */
.hero-actions { column-gap:22px; row-gap:16px; }
.hero-subtitle { max-width:490px; }
.hero-description { max-width:465px; }
.eyebrow { letter-spacing:1.5px; }
.sample-heading { letter-spacing:.7px; line-height:1.6; }
.sample-options { flex-wrap:wrap; }
.sample-option { padding:12px 16px; }
.offer-product>div { min-width:0; }
.offer-product .eyebrow { letter-spacing:1px; }
.offer-product h3 { font-size:30px; }
.guarantee { gap:13px; }
.guarantee strong { line-height:1.5; }
.digital-note { line-height:1.6; }
.audio-fallback { padding-block:7px; }
.trust-grid { align-items:center; }
.trust-grid>span { line-height:1.5; }
.footer-inner>p>span { line-height:1.7; }
@media(max-width:1100px) {
  .hero-subtitle { font-size:23px; }
  .trust-grid { gap:20px; }
  .trust-grid>span { font-size:15px; }
}
@media(max-width:850px) {
  .navigation-links { display:none; }
  .hero-subtitle { font-size:22px; }
  .hero-price { line-height:1.6; }
  .trust-grid { align-items:flex-start; }
  .recognition-grid { gap:24px; }
  .audio-grid,.offer-layout { grid-template-columns:1fr; max-width:640px; }
  .portrait { width:100%; max-height:450px; }
  .portrait>img { object-position:50% 28%; }
  .offer-card { width:100%; max-width:500px; margin-inline:auto; }
  .offer-product>img { width:95px; }
  .faq-layout { grid-template-columns:1fr; gap:32px; }
  .footer-inner { flex-wrap:wrap; }
}
@media(max-width:650px) {
  .hero-subtitle { font-size:21px; max-width:380px; }
  .hero-copy>.eyebrow { letter-spacing:1px; }
  .hero-price { font-size:17px; }
  .hero-actions>.button { padding-inline:15px; gap:16px; }
  .trust-grid { align-items:flex-start; width:100%; gap:16px; }
  .trust-grid>span { font-size:16px; }
  .sample-options { flex-wrap:wrap; gap:9px; }
  .sample-option { flex:1 1 135px; white-space:normal; padding:12px; }
  .sample-meta p { min-height:0; }
  .offer-card>.button { gap:14px; padding-inline:12px; }
  .offer-product { gap:20px; }
  .offer-product .eyebrow { font-size:12px; letter-spacing:.7px; }
  .offer-product p { font-size:15px; line-height:1.6; }
  .offer-product h3 { font-size:29px; }
  .portrait figcaption span { font-size:11px; letter-spacing:.8px; line-height:1.6; }
  .footer-inner>p>span { font-size:15px; }
  .sticky-cta>.button { flex-shrink:0; }
}
@media(max-width:360px) {
  .navigation { gap:10px; }
  .navigation .brand { font-size:18px; }
  .navigation .brand-mark { width:25px; flex-shrink:0; }
  .navigation .brand small { font-size:10px; letter-spacing:1.7px; }
  .navigation>.button { font-size:14px; padding-inline:10px; gap:6px; }
  .hero-subtitle { font-size:20px; }
  .hero-actions>.button { font-size:16px; gap:12px; }
  .offer-product { gap:16px; }
  .offer-product>img { width:75px; }
  .offer-product h3 { font-size:26px; }
  .sticky-cta>.button { font-size:16px; }
}