:root{--green:#063d2b;--green2:#0a5139;--cream:#f8f5ec;--paper:#fffdf8;--gold:#d8ad4d;--ink:#17251e;--muted:#68736b;--line:#e8e4d9;--serif:Georgia,"Times New Roman",serif;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(255,253,248,.94);border-bottom:1px solid #ece8dd;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--green);color:#f4d88e;display:grid;place-items:center;font:700 21px var(--serif);border:1px solid #c7a64c}.brand strong,.brand small{display:block}.brand strong{font:800 15px var(--display);letter-spacing:.02em}.brand small{font-size:11px;color:var(--muted);margin-top:1px}.top-cta{font-size:13px;font-weight:700;border:1px solid #d8dfd6;border-radius:99px;padding:10px 17px}.top-cta span{margin-left:8px;color:#a17c20}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:72px;padding-bottom:78px;min-height:650px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:#9b792b;display:flex;align-items:center;gap:10px}.eyebrow-line{width:28px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(38px,4.5vw,61px);font-weight:700;margin:22px 0 20px;max-width:660px}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:#9a792e;letter-spacing:-.04em}.hero-lead{font-size:16px;line-height:1.8;color:#5d685f;max-width:550px;margin-bottom:26px}.recommender{display:flex;align-items:center;gap:15px;padding:15px 0 22px;margin-bottom:4px}.portrait{width:76px;height:76px;object-fit:cover;object-position:center 32%;border-radius:50%;border:3px solid white;outline:1px solid #d8c99d;box-shadow:0 6px 18px #173c2a14}.recommender strong{font-family:var(--display);font-size:15px;display:block}.recommender span{font-size:12px;color:#8c6e29;font-weight:700;display:block}.recommender p{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:350px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 22px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #092f1d22}.button-primary{background:var(--green);color:white}.button-primary span,.button-light span,.button-gold span{font-size:18px}.micro-note{font-size:11px;color:#7b847c;margin-top:13px}.check{color:#4c855f;margin-right:5px}.hero-art{position:relative;min-height:520px;display:grid;place-items:center}.art-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#f2e8c9 0,#f8f3e4 52%,#fffdf800 72%);right:0;top:60px}.cover-frame{position:relative;width:min(360px,80%);transform:rotate(1.5deg);filter:drop-shadow(0 28px 25px #1a2c211f);z-index:1}.cover-frame img{width:100%;display:block;border-radius:2px;box-shadow:0 0 0 1px #e6ddc7}.floating-note{position:absolute;right:-3px;bottom:95px;z-index:1;display:flex;align-items:center;gap:11px;background:#fffdf8;padding:15px 18px;box-shadow:0 10px 35px #243d2817;border:1px solid #eee8d8;border-radius:4px}.note-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f5edda;color:#9c7726;font-size:19px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;color:var(--muted);margin-top:2px}.art-caption{position:absolute;bottom:20px;left:8%;font-size:9px;line-height:1.8;letter-spacing:.2em;color:#718176;font-weight:700}.trust-strip{background:var(--green);color:#fffdf5;display:grid;grid-template-columns:repeat(3,1fr);padding:25px max(24px,calc((100vw - 1080px)/2));gap:25px}.trust-strip>div{display:flex;gap:16px;align-items:center;border-right:1px solid #ffffff2b;padding:5px 18px}.trust-strip>div:last-child{border:0}.trust-strip span{font:italic 25px var(--serif);color:#d9b75e}.trust-strip p{font-size:12px;line-height:1.6;margin:0;color:#dce4dc}.trust-strip strong{color:white;font-size:13px}.problems{padding-top:105px;padding-bottom:110px}.section-heading{max-width:700px}.section-heading h2,.solution-copy h2,.final-cta h2{font-size:clamp(32px,3.5vw,47px);margin:18px 0}.section-heading p{color:var(--muted);font-size:14px;max-width:610px;line-height:1.85}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.problem-card{position:relative;background:#faf8f1;border:1px solid #eee9dc;padding:28px 26px 30px;min-height:230px}.card-number{position:absolute;top:20px;right:21px;font-size:10px;letter-spacing:.15em;color:#a4a99f}.line-icon{font-size:30px;color:#a98632;margin-bottom:18px}.problem-card h3{font:700 17px var(--display);letter-spacing:-.03em;margin-bottom:10px}.problem-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.solution{background:var(--green);color:#fffdf7;position:relative;overflow:hidden}.solution:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff13;border-radius:50%;right:-180px;top:-190px;box-shadow:0 0 0 45px #ffffff05,0 0 0 95px #ffffff04}.solution-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:95px;align-items:center;padding-top:95px;padding-bottom:100px;position:relative}.solution-image{position:relative;max-width:310px;margin:auto}.solution-image img{width:100%;display:block;box-shadow:0 20px 50px #001a1090;transform:rotate(-2deg)}.solution-stamp{position:absolute;bottom:-23px;right:-35px;background:#d7b253;color:var(--green);font-size:9px;letter-spacing:.1em;line-height:1.5;padding:15px 20px;transform:rotate(4deg);text-align:center}.solution-stamp strong{font-size:14px}.eyebrow.light{color:#d9b85d}.solution-copy h2{color:#fffdf7}.solution-copy h2 em,.final-cta h2 em{color:#e4c879}.solution-intro{font-size:14px;line-height:1.9;color:#d8e2da;max-width:600px}.solution-intro strong{color:#fff}.benefit-list{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:19px}.benefit-list li{display:flex;gap:13px;align-items:flex-start}.benefit-list li>span{width:25px;height:25px;border:1px solid #d8b75b;color:#e8cc7d;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0}.benefit-list strong,.benefit-list small{display:block}.benefit-list strong{font-size:13px}.benefit-list small{font-size:11px;color:#bdcec2;margin-top:3px}.button-light{background:#fffdf5;color:var(--green)}.workflow{padding-top:100px;padding-bottom:105px}.centered{text-align:center;margin-inline:auto}.centered .eyebrow{justify-content:center}.centered>p{margin-inline:auto}.steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:42px}.steps>div{display:flex;flex-direction:column;gap:5px;min-width:100px}.steps span{font-size:10px;color:#9d7c2c;letter-spacing:.14em}.steps strong{font:700 13px var(--display)}.steps small{font-size:10px;color:var(--muted)}.steps>b{font-weight:400;color:#b7a26a;margin-top:-18px}.final-cta{background:#f3efe2;border-top:1px solid #e8e1cd;border-bottom:1px solid #e8e1cd}.final-cta-inner{padding-top:70px;padding-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font-size:clamp(30px,3vw,42px);margin-bottom:13px}.final-cta p{font-size:13px;max-width:600px;color:#657066;margin-bottom:0;line-height:1.8}.cta-action{min-width:265px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.button-gold{background:#d7b04f;color:#173c2b;gap:16px}.cta-action small{font-size:10px;color:#7a8177}.faq{padding-top:95px;padding-bottom:105px}.faq-list{max-width:800px;margin:35px auto 0;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 4px}summary{list-style:none;cursor:pointer;padding:21px 30px 21px 0;font:700 14px var(--display);position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:23px;font-weight:400;color:#9c792d}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:12px;line-height:1.85;max-width:700px;padding:0 25px 17px 0;margin:0}.footer{background:#052f22;color:#fffdf6}.footer-inner{padding-top:35px;padding-bottom:20px}.footer-brand .brand-mark{background:#0b4934}.footer-brand strong{color:white}.footer-brand small{color:#b6c6b9}.footer-inner>p{font-size:11px;color:#b7c9bc;margin:20px 0 28px}.footer-bottom{border-top:1px solid #ffffff22;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b7c9bc}.footer-bottom a{color:#e4c879}
@media(max-width:800px){.section-wrap{width:min(100% - 36px,620px)}.topbar{height:72px;padding:0 18px}.hero{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:50px}.hero-copy{order:1}.hero-art{order:0;min-height:410px}.cover-frame{width:min(270px,68%)}.art-glow{width:300px;height:300px;top:25px;right:calc(50% - 150px)}.floating-note{right:2%;bottom:58px}.art-caption{bottom:2px;left:3%}h1{font-size:clamp(37px,9vw,54px)}.hero-lead{font-size:14px}.trust-strip{padding:18px;gap:10px}.trust-strip>div{padding:5px 7px;gap:9px}.trust-strip span{font-size:19px}.trust-strip p{font-size:10px}.trust-strip strong{font-size:11px}.problems{padding-top:72px;padding-bottom:75px}.problem-grid{grid-template-columns:1fr;gap:12px}.problem-card{min-height:0;padding:22px}.solution-layout{grid-template-columns:1fr;gap:55px;padding-top:70px;padding-bottom:75px}.solution-image{max-width:245px}.solution-copy h2{font-size:36px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.steps>b{display:none}.steps>div{border-left:1px solid #d9c99d;padding-left:13px}.final-cta-inner{display:block;padding-top:55px;padding-bottom:55px}.cta-action{margin-top:25px;min-width:0}.faq{padding-top:70px;padding-bottom:75px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:420px){.top-cta{padding:8px 12px;font-size:11px}.brand small{font-size:10px}.brand-mark{width:37px;height:37px}.hero-art{min-height:370px}.floating-note{padding:10px 12px;right:-2px}.floating-note strong{font-size:10px}.floating-note small{font-size:9px}.recommender{align-items:flex-start}.portrait{width:65px;height:65px}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid #ffffff24;padding:9px 5px}.trust-strip>div:last-child{border:0}.trust-strip p br{display:none}.button{width:100%;justify-content:space-between}.final-cta h2{font-size:32px}}

/* Personal photo-led hero and mid-page profile */
.hero-art-personal{min-height:590px;display:block;padding:0 18px 20px 0}
.hero-photo-wrap{position:absolute;inset:4px 22px 34px 0;overflow:hidden;border-radius:180px 180px 8px 8px;background:#d8d5c9;box-shadow:0 24px 55px #0b2c1d24}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 23%;display:block}
.hero-photo-shade{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent 0%,#032c20d9 100%)}
.hero-photo-caption{position:absolute;left:28px;right:24px;bottom:28px;color:#fffdf5;display:flex;flex-direction:column;align-items:flex-start}
.photo-label{font-size:9px;letter-spacing:.18em;color:#e6cb7c;font-weight:700;margin-bottom:8px}
.hero-photo-caption strong{font:700 29px var(--display);letter-spacing:-.04em}
.hero-photo-caption small{font-size:12px;color:#e1e8df;margin-top:3px}
.hero-book-card{position:absolute;right:-5px;bottom:5px;width:185px;background:#fffdf7;padding:10px;box-shadow:0 16px 40px #122e201f;border:1px solid #eee7d6;display:flex;align-items:center;gap:11px;transform:rotate(2deg)}
.hero-book-card img{width:62px;height:86px;object-fit:cover;object-position:top}
.hero-book-card strong,.hero-book-card small{display:block}
.hero-book-card strong{font:800 11px var(--display);line-height:1.35}
.hero-book-card small{font-size:9px;color:var(--muted);line-height:1.4;margin-top:4px}
.hero-photo-decor{position:absolute;left:-14px;top:42px;background:#f1e6c9;color:#234331;padding:13px 17px;font-size:9px;letter-spacing:.15em;line-height:1.8;box-shadow:0 7px 20px #1b392012;transform:rotate(-4deg)}
.hero-photo-decor span{font-size:8px;color:#977527}
.hendri-note{background:#f7f4eb;border-top:1px solid #ece6d6;border-bottom:1px solid #ece6d6}
.hendri-note-layout{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:78px;align-items:center}
.hendri-note-photo{position:relative;max-width:360px;margin:auto}
.hendri-note-photo:before{content:"";position:absolute;left:-16px;top:16px;right:16px;bottom:-16px;border:1px solid #c6a755}
.hendri-note-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;position:relative;z-index:1;box-shadow:0 15px 40px #173b2617}
.photo-corner{position:absolute;z-index:2;bottom:14px;left:-8px;background:var(--green);color:#f2d78e;padding:10px 15px;font-size:9px;font-weight:700;letter-spacing:.18em}
.hendri-note-copy h2{font:700 clamp(30px,3.4vw,44px)/1.17 var(--display);letter-spacing:-.045em;margin:18px 0}
.hendri-note-copy h2 em{font:400 1em/1.1 var(--serif);color:#9a792e}
.hendri-note-copy>p{font-size:14px;color:#5f6b61;line-height:1.9;max-width:620px}
.signature{display:flex;align-items:center;gap:12px;margin-top:27px}
.signature-line{width:35px;height:1px;background:#b28d37}
.signature strong,.signature small{display:block}
.signature strong{font:700 13px var(--display)}
.signature small{font-size:11px;color:var(--muted);margin-top:2px}
@media(max-width:800px){.hero-art-personal{min-height:480px;max-width:520px;width:100%;margin:0 auto}.hero-photo-wrap{inset:0 24px 27px 0;border-radius:145px 145px 6px 6px}.hero-photo-caption{left:22px;bottom:22px}.hero-photo-caption strong{font-size:25px}.hero-book-card{width:160px;right:-2px;bottom:0;padding:8px;gap:8px}.hero-book-card img{width:53px;height:75px}.hero-photo-decor{left:-2px;top:24px}.hendri-note-layout{grid-template-columns:1fr;gap:42px;padding-top:65px;padding-bottom:70px}.hendri-note-photo{max-width:290px;width:80%}.hendri-note-copy{max-width:600px;margin:auto}}
@media(max-width:420px){.hero-art-personal{min-height:400px;padding-right:12px}.hero-photo-wrap{inset:0 17px 25px 0;border-radius:120px 120px 5px 5px}.hero-book-card{width:142px}.hero-book-card img{width:44px;height:64px}.hero-photo-caption strong{font-size:22px}.hero-photo-caption small{font-size:10px}.hero-photo-decor{font-size:8px;padding:10px 12px}}


/* V3 accessibility pass: larger typography and more comfortable reading */
body{font-size:17px;line-height:1.75}
.brand strong{font-size:17px}
.brand small{font-size:13px}
.top-cta{font-size:15px;padding:12px 19px}
.eyebrow{font-size:12px;letter-spacing:.15em}
h1{font-size:clamp(43px,5vw,66px);line-height:1.13}
h2{line-height:1.18}
.hero-lead{font-size:18px;line-height:1.85}
.recommender strong{font-size:17px}
.recommender span{font-size:14px}
.recommender p{font-size:14px;line-height:1.7}
.button{font-size:15px;padding:17px 24px}
.micro-note{font-size:13px}
.hero-photo-caption strong{font-size:34px}
.hero-photo-caption small{font-size:15px}
.photo-label{font-size:11px}
.hero-book-card strong{font-size:13px}
.hero-book-card small{font-size:11px}
.hero-photo-decor{font-size:11px}
.hero-photo-decor span{font-size:10px}
.trust-strip p{font-size:14px;line-height:1.7}
.trust-strip strong{font-size:15px}
.section-heading p{font-size:16px;line-height:1.9}
.problem-card h3{font-size:20px}
.problem-card p{font-size:15px;line-height:1.85}
.solution-intro{font-size:16px;line-height:1.9}
.benefit-list strong{font-size:16px}
.benefit-list small{font-size:14px;line-height:1.7}
.steps strong{font-size:15px}
.steps small{font-size:13px}
.steps span{font-size:12px}
.final-cta p{font-size:15px;line-height:1.9}
.cta-action small{font-size:12px}
summary{font-size:16px;line-height:1.6;padding-top:23px;padding-bottom:23px}
details p{font-size:15px;line-height:1.9}
.footer-inner>p{font-size:13px}
.footer-bottom{font-size:12px}
.signature strong{font-size:15px}
.signature small{font-size:13px}
.hendri-note-copy>p{font-size:16px;line-height:1.9}

@media(max-width:800px){
 body{font-size:16px}
 h1{font-size:clamp(39px,8.5vw,54px)}
 .hero-lead{font-size:17px}
 .eyebrow{font-size:11px}
 .trust-strip p{font-size:13px}
 .trust-strip strong{font-size:14px}
 .section-heading p{font-size:15px}
 .problem-card h3{font-size:19px}
 .problem-card p{font-size:15px}
 .solution-intro{font-size:15px}
 .benefit-list strong{font-size:15px}
 .benefit-list small{font-size:13px}
 .final-cta p{font-size:15px}
 summary{font-size:15px}
 details p{font-size:14px}
 .footer-bottom{font-size:11px}
}
@media(max-width:420px){
 .brand strong{font-size:15px}
 .brand small{font-size:11px}
 .hero-lead{font-size:16px}
 .recommender p{font-size:13px}
 .micro-note{font-size:12px}
 .button{font-size:14px}
 .trust-strip p{font-size:13px}
 .problem-card p{font-size:14px}
 .solution-intro{font-size:14px}
 .benefit-list small{font-size:13px}
 .steps strong{font-size:14px}
 .steps small{font-size:12px}
 .final-cta p{font-size:14px}
 summary{font-size:14px}
 details p{font-size:14px}
}