/*
Theme Name: Reset 7D
Theme URI: https://reset-7d.mr-coffee07.chatgpt.site
Author: Reset 7D
Description: Tema exclusivo, leve e responsivo para a landing page Reset 7D.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: reset-7d
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --ink: #10211c;
  --muted: #63716b;
  --paper: #f6f6f3;
  --white: #ffffff;
  --sage: #91b96b;
  --leaf: #5c985a;
  --forest: #306c5f;
  --line: rgba(48, 108, 95, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { width: 1.1em; height: 1.1em; }

.topbar {
  position: absolute; z-index: 20; top: 0; left: 50%; transform: translateX(-50%);
  width: min(1180px, calc(100% - 48px)); height: 88px; display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid rgba(16, 33, 28, .11);
}
.brand { display: flex; align-items: center; gap: 10px; font-size: 14px; letter-spacing: .16em; font-weight: 800; }
.brand b { color: var(--forest); }
.brand-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50% 50% 50% 15%; background: var(--forest); color: white; font-family: Georgia, serif; font-size: 18px; }
.nav-links { display: flex; gap: 34px; font-size: 13px; color: #42524c; }
.nav-links a { transition: color .2s; }
.nav-links a:hover { color: var(--forest); }
.nav-cta { display: flex; align-items: center; gap: 9px; padding: 12px 17px; border: 1px solid rgba(48,108,95,.28); border-radius: 999px; font-size: 12px; font-weight: 700; transition: .25s ease; }
.nav-cta:hover { color: white; border-color: var(--forest); background: var(--forest); transform: translateY(-1px); }

.hero { min-height: 820px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr); align-items: center; gap: 48px; padding: 150px max(24px, calc((100% - 1180px)/2)) 100px; }
.grid-background { position: absolute; inset: 0; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, black, rgba(0,0,0,.8) 58%, transparent 90%); opacity: .65; }
.hero-glow { position: absolute; width: 690px; height: 690px; right: -150px; top: 45px; border-radius: 50%; background: radial-gradient(circle, rgba(145,185,107,.34), rgba(145,185,107,.08) 48%, transparent 70%); filter: blur(10px); }
.hero-content, .hero-visual { position: relative; z-index: 2; }
.hero-content { padding-top: 18px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(48,108,95,.22); border-radius: 99px; background: rgba(255,255,255,.66); backdrop-filter: blur(8px); color: var(--forest); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--leaf); box-shadow: 0 0 0 0 rgba(92,152,90,.5); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 7px rgba(92,152,90,0); } 100% { box-shadow: 0 0 0 0 rgba(92,152,90,0); } }
.hero h1 { max-width: 750px; margin: 25px 0 24px; font: 400 clamp(48px, 5.4vw, 78px)/.99 Georgia, 'Times New Roman', serif; letter-spacing: -.05em; }
.hero h1 span { color: var(--forest); font-style: italic; }
.hero-description { max-width: 630px; margin: 0; color: #4f5f59; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 27px; margin-top: 34px; }
.primary-button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 0 23px; border-radius: 10px; background: var(--forest); color: white; font-size: 14px; font-weight: 800; box-shadow: 0 12px 28px rgba(48,108,95,.24); transition: transform .2s, box-shadow .2s, background .2s; }
.primary-button::after { content: ''; position: absolute; inset: auto auto -40px -30px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255,255,255,.16); transition: transform .35s; }
.primary-button:hover { background: #24594f; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(48,108,95,.3); }
.primary-button:hover::after { transform: scale(4); }
.primary-button > * { position: relative; z-index: 1; }
.text-button { font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(16,33,28,.25); padding-bottom: 4px; }
.text-button span { margin-left: 5px; color: var(--forest); }
.trust-row { display: flex; align-items: center; gap: 14px; margin-top: 35px; }
.source-stack { display: flex; }
.source-stack span { width: 31px; height: 31px; margin-left: -7px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--paper); background: white; color: var(--forest); font: 700 11px Georgia, serif; box-shadow: 0 3px 10px rgba(16,33,28,.08); }
.source-stack span:first-child { margin-left: 0; background: var(--forest); color: white; }
.trust-row p { margin: 0; color: #728079; font-size: 11px; line-height: 1.55; }
.trust-row strong { color: var(--ink); font-size: 12px; }

.hero-visual { min-height: 560px; display: grid; place-items: center; }
.book-stage { width: min(520px, 100%); height: 560px; position: relative; display: grid; place-items: center; perspective: 1100px; }
.orbit { position: absolute; border: 1px solid rgba(48,108,95,.2); border-radius: 50%; }
.orbit-one { width: 455px; height: 455px; animation: spin 22s linear infinite; }
.orbit-two { width: 335px; height: 335px; border-style: dashed; animation: spin 14s linear infinite reverse; }
.orbit::before { content: ''; position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 22px var(--sage); }
@keyframes spin { to { transform: rotate(360deg); } }
.book { position: relative; width: 270px; height: 390px; transform: rotateY(-13deg) rotateZ(3deg); transform-style: preserve-3d; filter: drop-shadow(24px 30px 28px rgba(23,55,44,.24)); animation: bookFloat 5s ease-in-out infinite; }
@keyframes bookFloat { 50% { transform: rotateY(-9deg) rotateZ(1deg) translateY(-12px); } }
.book-cover { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 27px 25px 24px; overflow: hidden; background: linear-gradient(145deg, #f9faf5 0%, #edf4e7 53%, #e4f0dc 100%); border: 1px solid rgba(48,108,95,.16); border-radius: 3px 12px 12px 3px; }
.book-cover::before { content: ''; position: absolute; right: -80px; top: -50px; width: 230px; height: 230px; border: 42px solid rgba(145,185,107,.14); border-radius: 50%; }
.book-spine { position: absolute; width: 20px; top: 4px; bottom: 4px; left: -15px; transform: rotateY(75deg); transform-origin: right; background: #d8e6d0; border-radius: 3px 0 0 3px; }
.cover-topline { position: relative; text-transform: uppercase; letter-spacing: .14em; font-size: 7px; font-weight: 800; color: var(--forest); }
.cover-mark { position: absolute; top: 63px; right: 25px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(48,108,95,.35); border-radius: 50%; color: var(--forest); font: italic 17px Georgia, serif; }
.cover-title { position: relative; margin-top: 73px; font: 400 53px/.78 Georgia, serif; letter-spacing: -.07em; color: var(--ink); }
.cover-title em { color: var(--forest); font-weight: 400; }
.book-cover p { position: relative; max-width: 160px; margin: 22px 0 0; color: #65746d; font: italic 12px/1.5 Georgia, serif; }
.cover-bottom { position: relative; display: flex; gap: 7px; flex-wrap: wrap; margin-top: auto; }
.cover-bottom span { padding: 6px 8px; border: 1px solid rgba(48,108,95,.22); border-radius: 99px; color: var(--forest); font-size: 6px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.book-shadow { position: absolute; bottom: 68px; width: 290px; height: 32px; border-radius: 50%; background: rgba(25,57,47,.17); filter: blur(16px); }
.floating-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid rgba(48,108,95,.16); border-radius: 12px; background: rgba(255,255,255,.76); backdrop-filter: blur(12px); box-shadow: 0 13px 30px rgba(30,71,57,.1); animation: noteFloat 4s ease-in-out infinite; }
.floating-note span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--forest); color: white; font: 21px Georgia, serif; }
.floating-note small { color: #52625c; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.note-one { top: 85px; right: 0; }
.note-two { left: 2px; bottom: 95px; animation-delay: -2s; }
@keyframes noteFloat { 50% { transform: translateY(-8px); } }
.scroll-cue { position: absolute; z-index: 2; left: max(24px, calc((100% - 1180px)/2)); bottom: 25px; display: flex; align-items: center; gap: 10px; color: #78867f; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.scroll-cue span { display: block; width: 34px; height: 1px; background: var(--forest); }

.source-strip { padding: 30px 0 32px; overflow: hidden; border-top: 1px solid rgba(16,33,28,.08); border-bottom: 1px solid rgba(16,33,28,.08); background: #fff; }
.source-strip > p { margin: 0 0 23px; text-align: center; color: #87938e; font-size: 9px; text-transform: uppercase; letter-spacing: .18em; }
.marquee { overflow: hidden; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); }
.marquee-track { display: flex; width: max-content; animation: marquee 32s linear infinite; }
.marquee-track span { display: inline-flex; align-items: center; gap: 35px; margin-right: 35px; white-space: nowrap; color: #55635e; font: 600 14px Georgia, serif; }
.marquee-track i { color: var(--sage); font-style: normal; font-size: 8px; }
@keyframes marquee { to { transform: translateX(-50%); } }

.science-intro { display: block; padding: 118px max(24px, calc((100% - 1180px)/2)); background: var(--paper); text-align: center; }
.science-intro > div { max-width: 920px; margin: 0 auto; }
.section-index { display: block; margin-bottom: 22px; color: var(--forest); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.science-intro h2 { margin: 0; font: 400 clamp(37px, 4.3vw, 57px)/1.07 Georgia, serif; letter-spacing: -.04em; }
.science-intro h2 em { color: var(--forest); font-weight: 400; }
.science-intro > p { max-width: 650px; margin: 25px auto 0; color: #5c6b65; font-size: 15px; line-height: 1.75; }
.mini-pill { display: none; }

.science-board { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 270px 270px; gap: 16px; padding: 0 max(24px, calc((100% - 1180px)/2)) 120px; }
.science-board article { position: relative; overflow: hidden; border: 1px solid rgba(48,108,95,.14); border-radius: 22px; }
.board-main { grid-row: 1 / 3; padding: 42px; background: #eaf2e5; }
.board-main::after { content: ''; position: absolute; right: -150px; bottom: -170px; width: 450px; height: 450px; border: 58px solid rgba(145,185,107,.16); border-radius: 50%; }
.card-kicker { color: var(--forest); font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.board-main h3 { position: relative; z-index: 1; max-width: 515px; margin: 17px 0 14px; font: 400 clamp(31px,3.3vw,44px)/1.08 Georgia, serif; letter-spacing: -.035em; }
.board-main > p { max-width: 470px; margin: 0; color: #5c6c65; font-size: 14px; line-height: 1.68; }
.article-stack { position: absolute; z-index: 2; left: 42px; right: 42px; bottom: 38px; height: 185px; }
.paper-card { position: absolute; left: 50%; width: min(460px, 86%); border: 1px solid rgba(48,108,95,.13); border-radius: 13px; background: rgba(255,255,255,.88); box-shadow: 0 14px 34px rgba(32,75,61,.1); transform: translateX(-50%); }
.paper-back, .paper-middle { height: 104px; padding: 16px 21px; color: #7b8883; font: 700 10px Georgia, serif; }
.paper-back i, .paper-middle i { display: block; width: 70%; height: 5px; margin-top: 14px; background: #e5eae5; box-shadow: 0 12px #e5eae5, 0 24px #e5eae5; }
.paper-back { top: 0; transform: translateX(-50%) rotate(-6deg); opacity: .55; }
.paper-middle { top: 14px; transform: translateX(-50%) rotate(5deg); opacity: .72; }
.paper-front { top: 55px; min-height: 104px; display: flex; align-items: center; gap: 14px; padding: 20px; }
.paper-logo { display: grid; place-items: center; flex: 0 0 45px; height: 45px; border-radius: 12px; background: var(--forest); color: white; font: italic 21px Georgia, serif; }
.paper-front strong { display: block; font: 700 15px Georgia, serif; }.paper-front small { display: block; margin-top: 6px; color: #81908a; font-size: 9px; }
.paper-status { margin-left: auto; padding: 7px 9px; border-radius: 99px; background: #e4f1de; color: var(--forest); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.board-card { padding: 34px 37px; background: white; }
.board-number { display: flex; flex-direction: column; justify-content: center; }
.big-number { color: var(--forest); font: 400 72px/.9 Georgia, serif; letter-spacing: -.07em; }.big-number sup { font-size: 28px; color: var(--sage); }
.board-number p { max-width: 280px; color: #66756f; font-size: 13px; line-height: 1.6; }
.number-lines { position: absolute; right: 36px; bottom: 37px; display: flex; align-items: flex-end; gap: 6px; height: 42px; }
.number-lines i { display: block; width: 5px; border-radius: 5px; background: var(--sage); }.number-lines i:nth-child(1){height:28%}.number-lines i:nth-child(2){height:48%}.number-lines i:nth-child(3){height:68%}.number-lines i:nth-child(4){height:85%}.number-lines i:nth-child(5){height:100%;background:var(--forest)}
.board-reading { background: #f9faf7; }
.board-reading h3 { margin: 12px 0 19px; font: 400 26px/1.12 Georgia, serif; }
.day-line { display: flex; gap: 6px; }
.day-line span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(48,108,95,.15); border-radius: 50%; color: #78867f; font-size: 9px; }
.day-line .active { background: var(--forest); color: white; }
.board-reading p { margin: 16px 0 0; color: #6d7974; font-size: 11px; line-height: 1.55; }

.transformation { padding: 120px max(24px, calc((100% - 1180px)/2)); background: white; }
.section-heading h2, .faq-heading h2, .offer-copy h2, .triad-intro h2, .culture-card h2 { margin: 0; font: 400 clamp(39px,4.6vw,60px)/1.04 Georgia, serif; letter-spacing: -.045em; }.section-heading h2 em, .faq-heading h2 em, .offer-copy h2 em, .triad-intro h2 em, .culture-card h2 em { color: var(--forest); font-weight: 400; }
.centered-heading { max-width: 800px; margin: 0 auto 56px; text-align: center; }.centered-heading p { max-width: 590px; margin: 23px auto 0; color: #65736d; font-size: 15px; line-height: 1.7; }
.compare-grid { display: grid; grid-template-columns: 1fr 56px 1fr; align-items: stretch; }
.compare-card { position: relative; overflow: hidden; min-height: 455px; padding: 38px; border: 1px solid rgba(16,33,28,.1); border-radius: 22px; }
.before-card { background: #f5f4f1; color: #4b5652; }.after-card { background: linear-gradient(145deg,#326f61,#23574d); color: white; box-shadow: 0 25px 55px rgba(48,108,95,.22); }
.compare-label { font-size: 9px; font-weight: 900; letter-spacing: .16em; opacity: .65; }
.compare-card h3 { max-width: 460px; margin: 23px 0 30px; font: italic 400 28px/1.3 Georgia, serif; letter-spacing: -.02em; }
.compare-card ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; font-size: 13px; }
.compare-card li { display: flex; align-items: center; gap: 12px; }.compare-card li > span, .compare-card li > svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: rgba(0,0,0,.05); color: #87918d; }.after-card li > svg { background: rgba(255,255,255,.13); color: #cde9bf; }
.compare-arrow { display: grid; place-items: center; position: relative; z-index: 2; }.compare-arrow svg { width: 42px; height: 42px; padding: 12px; margin: 0 -20px; border-radius: 50%; background: white; border: 1px solid rgba(48,108,95,.15); color: var(--forest); box-shadow: 0 8px 22px rgba(16,33,28,.12); }
.mood-line { position: absolute; left: 38px; bottom: 38px; display: flex; gap: 6px; }.mood-line i { display: block; width: 34px; height: 4px; border-radius: 4px; background: #dddeda; }.mood-line i:first-child { background: #adb5b1; }
.progress-ring { position: absolute; right: -46px; bottom: -63px; display: grid; place-items: center; width: 190px; height: 190px; border: 35px solid rgba(255,255,255,.08); border-top-color: var(--sage); border-radius: 50%; transform: rotate(25deg); }.progress-ring span { transform: rotate(-25deg); font: 30px Georgia, serif; }

.why-section { padding: 120px max(24px, calc((100% - 1180px)/2)); }
.split-heading { max-width: 860px; margin: 0 auto 58px; text-align: center; }.split-heading > p { max-width: 640px; margin: 25px auto 0; color: #65736d; font-size: 14px; line-height: 1.7; }
.benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.benefit-card { position: relative; overflow: hidden; min-height: 250px; padding: 31px; border: 1px solid rgba(48,108,95,.13); border-radius: 18px; background: rgba(255,255,255,.74); transition: transform .25s, box-shadow .25s; }.benefit-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(30,66,54,.09); }
.benefit-card small { position: absolute; right: 25px; top: 25px; color: #98a39e; font: 11px Georgia, serif; }.benefit-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(48,108,95,.16); border-radius: 12px; color: var(--forest); font: 700 14px Georgia, serif; background: #f3f7ef; }
.benefit-card h3 { margin: 43px 0 12px; font: 400 22px Georgia, serif; }.benefit-card p { margin: 0; color: #66756f; font-size: 12px; line-height: 1.65; }
.featured-benefit { background: #eaf2e5; }.speed-meter { display:flex;gap:5px;position:absolute;right:27px;bottom:28px;align-items:end}.speed-meter i{display:block;width:4px;border-radius:3px;background:var(--leaf)}.speed-meter i:nth-child(1){height:8px}.speed-meter i:nth-child(2){height:13px}.speed-meter i:nth-child(3){height:18px}.speed-meter i:nth-child(4){height:25px}.speed-meter i:nth-child(5){height:33px}
.dark-benefit { background: var(--forest); color: white; }.dark-benefit .benefit-icon { color: white; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); }.dark-benefit p,.dark-benefit small { color: rgba(255,255,255,.68); }
.stats-row { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 55px; border-top: 1px solid rgba(16,33,28,.11); border-bottom: 1px solid rgba(16,33,28,.11); }.stats-row div { padding: 28px 20px; text-align: center; border-right: 1px solid rgba(16,33,28,.11); }.stats-row div:last-child { border: 0; }.stats-row strong { display: block; color: var(--forest); font: 400 37px Georgia, serif; }.stats-row strong sup { font-size: 15px; }.stats-row span { display: block; margin-top: 6px; color: #707d77; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }

.triad-section { padding: 120px max(24px, calc((100% - 1180px)/2)); background: var(--ink); color: white; }
.light-index { color: #a9d58a; }.triad-intro { max-width: 800px; margin: 0 auto; text-align: center; }.triad-intro h2 em, .offer-copy h2 em { color: #a9d58a; }.triad-intro > p { max-width: 620px; margin: 25px auto 0; color: #a8b4af; font-size: 15px; line-height: 1.7; }
.triad-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 55px; }.triad-card { position: relative; min-height: 470px; padding: 33px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.045); transition: .25s; }.triad-card:hover,.active-triad { background: #f1f5ed; color: var(--ink); transform: translateY(-5px); }.active-triad { box-shadow: 0 24px 45px rgba(0,0,0,.25); }
.triad-number { color: #82908a; font: 11px Georgia, serif; }.triad-icon { display: grid; place-items: center; width: 60px; height: 60px; margin-top: 45px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); color: #a9d58a; font: 28px Georgia, serif; }.active-triad .triad-icon,.triad-card:hover .triad-icon { border-color: rgba(48,108,95,.25); color: var(--forest); background: white; }
.triad-card h3 { margin: 27px 0 12px; font: 400 31px Georgia, serif; }.triad-card > p { min-height: 66px; margin: 0; color: #9eaaa5; font-size: 12px; line-height: 1.65; }.active-triad > p,.triad-card:hover > p { color: #63716b; }
.triad-card ul { display: grid; gap: 11px; margin: 27px 0 0; padding: 24px 0 0; border-top: 1px solid rgba(255,255,255,.1); list-style: none; color: #bdc6c2; font-size: 11px; }.active-triad ul,.triad-card:hover ul { border-color: rgba(48,108,95,.12); color: #52615b; }.triad-card li { display: flex; gap: 9px; align-items:center; }.triad-card li svg { color: #a9d58a; width: 15px; }.active-triad li svg,.triad-card:hover li svg { color: var(--forest); }

.culture-section { padding: 115px max(24px, calc((100% - 1180px)/2)); background: #e8f0e3; }.culture-card { position: relative; overflow: hidden; padding: 75px 8%; border-radius: 26px; background: #fbfcf9; border: 1px solid rgba(48,108,95,.12); }.culture-card h2 { max-width: 720px; margin-top: 19px; }.culture-card > p { max-width: 690px; margin: 26px 0 0; color: #61706a; font-size: 14px; line-height: 1.75; }.quote-mark { position: absolute; right: 6%; top: -55px; color: rgba(145,185,107,.2); font: 240px Georgia,serif; }.culture-tags { display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.culture-tags span{padding:9px 13px;border:1px solid rgba(48,108,95,.16);border-radius:99px;color:var(--forest);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}

.offer-section { display: flex; flex-direction: column; align-items: center; gap: 55px; padding: 120px max(24px, calc((100% - 1180px)/2)); background: linear-gradient(135deg,#10231d,#1d463b); color: white; }.offer-copy { width: 100%; max-width: 820px; text-align: center; }.offer-copy > p { max-width: 660px; margin: 27px auto; color: #aebbb6; font-size: 15px; line-height: 1.75; }.offer-quote { display:flex;align-items:center;justify-content:center;gap:17px;margin-top:40px;text-align:left}.offer-quote > span{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(169,213,138,.3);border-radius:50%;color:#a9d58a;font:31px Georgia,serif}.offer-quote p{margin:0;color:#9daca6;font-size:11px;line-height:1.6}.offer-quote strong{color:white;font-size:13px}
.pricing-card { position: relative; overflow: hidden; width: min(100%, 560px); padding: 38px; border: 1px solid rgba(48,108,95,.1); border-radius: 26px; background: #fafbf8; color: var(--ink); box-shadow: 0 32px 65px rgba(0,0,0,.3); }.pricing-card::before{content:'';position:absolute;left:50%;top:-120px;width:340px;height:210px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,rgba(145,185,107,.16),transparent 70%);pointer-events:none}.price-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(16,33,28,.1);font-size:9px;font-weight:900;letter-spacing:.14em}.price-top>span{color:#53625c}.price-top b{padding:7px 10px;border-radius:99px;background:#e2f0dc;color:var(--forest);font-size:8px}.price-before{position:relative;margin:27px 0 0;color:#75817c;font-size:11px;text-align:center}.price-anchor{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 4px;color:#75817c;font-size:12px}.price-anchor s{color:#89938f;text-decoration-color:#d16c5d;text-decoration-thickness:1.5px}.discount-bubble{position:relative;z-index:1;display:grid;place-items:center;min-width:64px;min-height:35px;padding:0 12px;border:1px solid rgba(48,108,95,.18);border-radius:13px 13px 13px 4px;background:#dfeeda;color:var(--forest);font-size:13px;font-weight:900;letter-spacing:.04em;box-shadow:0 9px 18px rgba(48,108,95,.15);animation:discountFloat 2.8s ease-in-out infinite}.discount-bubble::after{content:'';position:absolute;z-index:-1;left:9px;bottom:-4px;width:10px;height:10px;rotate:45deg;background:#dfeeda;border-right:1px solid rgba(48,108,95,.18);border-bottom:1px solid rgba(48,108,95,.18)}.price{position:relative;display:flex;align-items:center;justify-content:center;margin:5px 0 28px}.price>span{align-self:flex-start;margin:17px 7px 0 0;color:var(--forest);font:19px Georgia,serif}.price>strong{font:400 96px/.82 Georgia,serif;letter-spacing:-.075em}.price>div{display:flex;flex-direction:column;align-self:center}.price>div b{font:400 30px Georgia,serif}.price>div small{margin-top:6px;color:#8a9691;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.price-features{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 27px;border:1px solid rgba(48,108,95,.11);border-radius:14px;background:#f2f6ef}.price-features span{min-width:0;padding:15px 9px;text-align:center;border-right:1px solid rgba(48,108,95,.1)}.price-features span:last-child{border:0}.price-features b{display:block;color:var(--forest);font:400 20px/1 Georgia,serif}.price-features small{display:block;margin-top:7px;color:#738079;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.included-title{margin:0 0 15px;text-align:center;color:#66736e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.pricing-card ul{display:grid;gap:13px;width:max-content;max-width:100%;margin:0 auto 28px;padding:0;list-style:none;color:#53615c;font-size:12px}.pricing-card li{display:flex;align-items:center;gap:11px}.pricing-card li svg{flex:0 0 22px;width:22px;height:22px;padding:4px;border-radius:50%;background:#e4f1de;color:var(--forest)}.checkout-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:59px;border-radius:11px;background:var(--forest);color:white;font-size:13px;font-weight:900;box-shadow:0 12px 25px rgba(48,108,95,.25);transition:.2s}.checkout-button:hover{transform:translateY(-2px);background:#255b50}.secure-row{display:flex;justify-content:center;gap:22px;margin:15px 0 22px;color:#87938e;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.guarantee-box{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid rgba(48,108,95,.08);border-radius:13px;background:#edf4e9}.guarantee-box>strong{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid rgba(48,108,95,.2);border-radius:50%;color:var(--forest);font:25px Georgia,serif}.guarantee-box b{font-size:9px;letter-spacing:.1em}.guarantee-box p{margin:6px 0 0;color:#6d7974;font-size:9px;line-height:1.5}

.faq-section { padding:120px max(24px, calc((100% - 1180px)/2));background:white}.faq-heading{max-width:800px;margin:0 auto 55px;text-align:center}.faq-heading p{max-width:520px;margin:24px auto 0;color:#687670;font-size:14px;line-height:1.7}.faq-list{max-width:900px;margin:0 auto;border-top:1px solid rgba(16,33,28,.12)}.faq-list details{border-bottom:1px solid rgba(16,33,28,.12)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4px;cursor:pointer;list-style:none;font:400 19px Georgia,serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid rgba(48,108,95,.2);color:var(--forest);transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--forest);color:white}.faq-list details p{max-width:760px;margin:-7px 45px 25px 4px;color:#687670;font-size:12px;line-height:1.7}

.final-cta{position:relative;overflow:hidden;padding:105px 24px;text-align:center;background:#dfeeda}.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(48,108,95,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(48,108,95,.09) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,black,transparent 70%)}.final-cta>span,.final-cta>h2,.final-cta>a{position:relative}.final-cta>span{color:var(--forest);font-size:9px;font-weight:900;letter-spacing:.15em}.final-cta h2{margin:19px 0 30px;font:400 clamp(44px,5vw,67px)/1 Georgia,serif;letter-spacing:-.05em}.final-cta h2 em{color:var(--forest)}.light-button{margin:0 auto;width:max-content}.final-cta .primary-button{display:inline-flex}
footer{display:grid;grid-template-columns:.55fr 1fr .55fr;gap:45px;align-items:start;padding:55px max(24px,calc((100% - 1180px)/2));background:#0d1c17;color:white}.footer-brand{justify-self:start}.footer-brand b{color:#a9d58a}footer>p{margin:0;color:#89958f;font-size:10px;line-height:1.65;text-align:center}footer>div{display:flex;justify-content:flex-end;gap:20px;color:#aeb8b3;font-size:10px}footer>small{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.09);color:#64716b;font-size:8px;text-align:center;letter-spacing:.08em}.mobile-sticky{display:none}

.reveal-one, .reveal-two, .reveal-three, .reveal-four { opacity: 0; animation: reveal .7s ease forwards; }
.reveal-one { animation-delay: .05s; }.reveal-two { animation-delay: .15s; }.reveal-three { animation-delay: .28s; }.reveal-four { animation-delay: .42s; }
@keyframes reveal { from { opacity: 0; transform: translateY(18px); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } }

/* Lightweight motion system: opacity and transforms stay on the compositor. */
@keyframes riseIn {
  from { opacity: 0; translate: 0 28px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes barBreathe {
  0%, 100% { scale: 1 1; opacity: .72; }
  50% { scale: 1 1.14; opacity: 1; }
}
@keyframes quoteFloat {
  50% { translate: 0 -8px; rotate: -2deg; }
}
@keyframes buttonShine {
  0%, 72%, 100% { translate: -180% 0; }
  88% { translate: 420% 0; }
}
@keyframes discountFloat {
  0%, 100% { translate: 0 0; rotate: -2deg; }
  50% { translate: 0 -6px; rotate: 1deg; }
}

.motion-ready .motion-item {
  opacity: 0;
  translate: 0 28px;
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1) var(--motion-delay, 0ms),
    translate .72s cubic-bezier(.2,.7,.2,1) var(--motion-delay, 0ms),
    scale .8s cubic-bezier(.2,.7,.2,1) var(--motion-delay, 0ms),
    background-size .85s cubic-bezier(.2,.7,.2,1) var(--motion-delay, 0ms),
    transform .25s ease,
    box-shadow .25s ease;
}
.motion-ready .motion-item.motion-from-left { translate: -32px 0; }
.motion-ready .motion-item.motion-from-right { translate: 32px 0; }
.motion-ready .motion-item.motion-scale { translate: 0; scale: .96; }
.motion-ready .motion-item.is-revealed {
  opacity: 1;
  translate: 0 0;
  scale: 1;
}
.motion-ready .motion-underline {
  background-image: linear-gradient(rgba(145,185,107,.5), rgba(145,185,107,.5));
  background-repeat: no-repeat;
  background-position: 0 96%;
  background-size: 0 2px;
}
.motion-ready .motion-underline.is-revealed { background-size: 100% 2px; }

.benefit-icon,
.triad-icon,
.compare-card li > svg,
.compare-card li > span {
  transition: translate .25s ease, rotate .25s ease, scale .25s ease;
}
.benefit-card:hover .benefit-icon,
.triad-card:hover .triad-icon {
  translate: 0 -3px;
  rotate: -4deg;
  scale: 1.05;
}
.compare-card:hover li > svg,
.compare-card:hover li > span { scale: 1.08; }
.compare-card li:nth-child(2) > svg,
.compare-card li:nth-child(2) > span { transition-delay: 40ms; }
.compare-card li:nth-child(3) > svg,
.compare-card li:nth-child(3) > span { transition-delay: 80ms; }
.compare-card li:nth-child(4) > svg,
.compare-card li:nth-child(4) > span { transition-delay: 120ms; }

.number-lines i,
.speed-meter i { transform-origin: bottom; animation: barBreathe 2.6s ease-in-out infinite; }
.number-lines i:nth-child(2), .speed-meter i:nth-child(2) { animation-delay: -.25s; }
.number-lines i:nth-child(3), .speed-meter i:nth-child(3) { animation-delay: -.5s; }
.number-lines i:nth-child(4), .speed-meter i:nth-child(4) { animation-delay: -.75s; }
.number-lines i:nth-child(5), .speed-meter i:nth-child(5) { animation-delay: -1s; }
.quote-mark { animation: quoteFloat 5s ease-in-out infinite; }

.checkout-button,
.light-button { position: relative; overflow: hidden; }
.checkout-button::after,
.light-button::after {
  content: '';
  position: absolute;
  inset: -35% auto -35% -18%;
  width: 14%;
  rotate: 13deg;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation: buttonShine 4.8s ease-in-out infinite;
  pointer-events: none;
}
.faq-list summary { transition: color .2s ease, padding-left .2s ease; }
.faq-list summary:hover { color: var(--forest); padding-left: 9px; }
.faq-list details p { animation: riseIn .28s ease-out both; }

@media (max-width: 900px) {
  .nav-links { display: none; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 140px; text-align: center; }
  .hero-content { display: flex; flex-direction: column; align-items: center; }
  .hero h1 { max-width: 700px; }
  .hero-visual { min-height: 500px; }
  .grid-background { mask-image: linear-gradient(black, transparent 95%); }
  .scroll-cue { display: none; }
  .science-intro { grid-template-columns: 1fr; }
  .science-board { grid-template-columns: 1fr; grid-template-rows: auto; }.board-main{grid-row:auto;min-height:570px}.board-card{min-height:250px}
  .compare-grid{grid-template-columns:1fr;gap:14px}.compare-arrow{height:0}.compare-arrow svg{transform:rotate(90deg)}
  .split-heading{grid-template-columns:1fr;gap:25px}.benefit-grid{grid-template-columns:repeat(2,1fr)}
  .triad-cards{grid-template-columns:1fr}.triad-card{min-height:400px}.triad-card>p{min-height:auto}
  .offer-section{grid-template-columns:1fr}.offer-copy{max-width:750px}.pricing-card{width:100%;max-width:540px;margin:0 auto}
  .faq-section{grid-template-columns:1fr;gap:55px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-self:center}footer>div{justify-content:center}footer>small{grid-column:auto}
}
@media (max-width: 600px) {
  .topbar { width: calc(100% - 32px); height: 72px; }
  .nav-cta { padding: 10px 13px; }
  .nav-cta svg { display: none; }
  .hero { padding: 120px 18px 65px; gap: 24px; }
  .hero h1 { font-size: clamp(43px, 13vw, 60px); }
  .hero h1 br { display: none; }
  .hero-description { font-size: 16px; line-height: 1.62; }
  .hero-actions { flex-direction: column; gap: 18px; width: 100%; }
  .primary-button { width: 100%; max-width: 340px; }
  .hero-visual { min-height: 430px; }
  .book-stage { height: 430px; transform: scale(.82); margin: -40px 0; }
  .note-one { right: -14px; }.note-two { left: -14px; }
  .trust-row { text-align: left; }
  .source-strip { padding-top: 25px; }
  .science-intro { padding-top: 82px; padding-bottom: 82px; }
  .science-board{padding:0 16px 80px}.board-main{padding:27px;min-height:540px}.board-main h3{font-size:33px}.article-stack{left:20px;right:20px}.paper-front{padding:14px}.paper-status{display:none}.board-card{padding:28px}
  .transformation,.why-section,.triad-section,.culture-section,.offer-section,.faq-section{padding:82px 18px}.centered-heading{text-align:left}.compare-card{min-height:440px;padding:28px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:220px}.stats-row{grid-template-columns:repeat(2,1fr)}.stats-row div:nth-child(2){border-right:0}.stats-row div:nth-child(-n+2){border-bottom:1px solid rgba(16,33,28,.11)}
  .triad-card{padding:28px}.culture-card{padding:55px 25px}.offer-section{gap:55px}.pricing-card{padding:27px 20px}.price>strong{font-size:78px}.price>span{margin-top:13px}.price>div b{font-size:25px}.price-features small{font-size:6px}.secure-row{gap:12px}.faq-list summary{font-size:17px}.final-cta{padding:82px 18px}footer{padding-bottom:100px}
  .mobile-sticky{position:fixed;z-index:50;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-radius:12px;background:var(--forest);color:white;box-shadow:0 15px 35px rgba(16,33,28,.35)}.mobile-sticky span{font:italic 17px Georgia,serif}.mobile-sticky strong{font-size:10px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    translate: none !important;
    scale: 1 !important;
    rotate: 0deg !important;
    opacity: 1 !important;
  }
}

/* WordPress-specific compatibility */
body.reset7d-body { min-height: 100vh; }
body.reset7d-body > main { overflow: clip; }
body.admin-bar .topbar { top: 32px; }
.wp-fallback { min-height: 100vh; padding: 72px 24px; background: var(--paper); }
.wp-fallback__inner { width: min(860px, 100%); margin: 0 auto; }
.wp-fallback article { margin-top: 70px; }
.wp-fallback h1 { font: 400 clamp(40px, 6vw, 68px)/1.05 Georgia, serif; letter-spacing: -.04em; }
.wp-fallback p { color: var(--muted); line-height: 1.75; }
@media screen and (max-width: 782px) { body.admin-bar .topbar { top: 46px; } }