@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');
.greeting{display:grid;grid-template-columns:1fr 300px;gap:45px;align-items:center}.greeting video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#22352f;border-radius:12px}.product-cover{width:100%;height:220px;object-fit:contain;display:block;margin-bottom:16px}@media(max-width:760px){.greeting{grid-template-columns:1fr}.greeting video{max-width:320px;margin:auto}}
:root{--ink:#22352f;--green:#254e40;--cream:#f8f6f0;--gold:#cba568}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Source Sans 3",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3da}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand b{font-size:13px;letter-spacing:1px;color:var(--green);border:1px solid #bdcabf;padding:5px 7px;margin-left:6px;vertical-align:middle}nav{display:flex;gap:30px;font-size:14px}section{max-width:1200px;margin:0 auto;padding:75px 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding-top:85px;padding-bottom:100px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#637267}h1{font-size:clamp(42px,5.2vw,72px);line-height:1.12;letter-spacing:-1.5px;margin:22px 0}h1 em{font-style:normal;color:#66856b}h2{font-size:34px;letter-spacing:-1px;line-height:1.25}h3{font-size:21px;line-height:1.4}.lead{font-size:18px;max-width:550px;color:#52645a}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--green);color:white;border:0;border-radius:7px;padding:15px 23px;font:600 14px "Source Sans 3",Arial;cursor:pointer;margin:10px 0}.button:hover{background:#183e30;text-decoration:none}.small{font-size:12px;color:#6d786f;margin-top:20px}.illustration{background:#e7ecdf;border-radius:50% 50% 12px 12px;height:440px;position:relative;display:flex;align-items:center;justify-content:center}.paper{position:relative;background:#fffefa;padding:32px;width:285px;height:350px;transform:rotate(5deg);box-shadow:0 20px 35px #253c2820;border:1px solid #e3e3d8;border-radius:5px}.paper.back{position:absolute;transform:rotate(-8deg);background:#c6d5bd}.paper span{font-size:8px;letter-spacing:1.6px}.paper h2{font-size:28px;margin:24px 0}.paper p{font-size:13px}.rule{height:1px;background:#dce1d5}.seal{position:absolute;right:-22px;bottom:12px;background:var(--gold);width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;font-size:29px;transform:rotate(-5deg)}.seal small{font-size:9px}.muted{color:#6c766d}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:32px}.card{background:white;border:1px solid #dfe5d9;border-radius:12px;overflow:hidden;max-width:560px}.cover{padding:28px;background:#e8eddf;min-height:230px;position:relative}.cover span{font-size:10px;letter-spacing:2px}.cover h3{font-size:28px;max-width:300px;margin-top:45px}.car{position:absolute;right:25px;top:45px;font-size:80px;color:#99ae89}.cardbody{padding:26px}.tag{font-size:11px;color:#60795d;text-transform:uppercase;letter-spacing:1px}.cardbody p{color:#6a766b;font-size:14px}.cardfoot{display:flex;align-items:center;justify-content:space-between}.cardfoot strong{font-size:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #dfe3da;border-bottom:1px solid #dfe3da}.steps span{font-size:13px;color:#7a8a70}.steps p{font-size:14px;color:#6a766b}.author{display:grid;grid-template-columns:1fr 1fr;gap:70px}.author p{color:#55665b}footer{background:#e9eddf;padding:45px max(32px,calc((100vw - 1136px)/2));font-size:13px}footer p{color:#6b786b}.narrow{max-width:850px;min-height:65vh}.smaller{font-size:44px;letter-spacing:-1.6px}.panel{padding:28px;background:white;border:1px solid #dfe5d9;border-radius:12px;margin:25px 0}.panel li{padding:7px}form{max-width:550px}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}input,select{width:100%;padding:14px;border:1px solid #cbd5c8;border-radius:6px;font:inherit;background:white}input:focus,select:focus{outline:2px solid #66856b}.price{font-size:34px;font-weight:800}.errorlist{color:#9b3131}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:760px){header{padding:20px;gap:15px;align-items:start}.brand{font-size:24px}nav{gap:12px;flex-wrap:wrap;justify-content:end;font-size:11px;max-width:180px}section{padding:45px 22px}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}h1{letter-spacing:-1px}.illustration{height:370px;max-width:420px;width:100%;margin:auto}.paper{width:250px;height:310px;padding:25px}.grid,.steps,.author{grid-template-columns:1fr;gap:24px}.smaller{font-size:35px}h2{font-size:29px}.cardfoot{gap:10px}.cardfoot .button{padding:12px}.panel{padding:20px;overflow-wrap:anywhere}}

.author .author-motto{font-size:21px;line-height:1.5;color:var(--green);border-left:3px solid var(--gold);padding:12px 0 12px 20px;margin:26px 0}

/* Selected brand palette: velvet pink and burgundy */
:root{--ink:#412731;--green:#722f48;--cream:#fcf6f3;--gold:#d2ab72}h1 em{color:#a66379}.illustration{background:#f0dfe4}.paper.back{background:#d9aebd}.cover{background:#f2e4e8}.car{color:#bc8c9e}.tag,.eyebrow{color:#8a5167}.brand b{color:#722f48;border-color:#d8b5c1}footer{background:#efdee4}.button:hover{background:#522237}.paper{border-color:#e9d7d9}.lead,.author p{color:#72545f}.muted,.small,.cardbody p,.steps p{color:#7c6570}header,.steps{border-color:#e6d5dc}.card,.panel{border-color:#e6d5dc}input:focus,select:focus{outline-color:#a66379}

h1,h2,h3{font-weight:600}.brand{font-weight:700}.button{font-weight:600}
.hero-benefit{max-width:560px;font-size:17px;color:#72545f}.primary-buy{font-size:18px;padding:18px 24px;box-shadow:0 8px 22px #722f4820}.text-link{display:inline-block;margin:12px;font-size:15px;text-decoration:underline;text-underline-offset:4px}.catalog-link{display:block;margin-top:12px;font-size:14px}.benefit-grid,.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.benefit-grid article{padding:25px;background:#f2e4e8;border-radius:10px}.benefit-grid span,.doc-example>span{font-size:11px;letter-spacing:1.6px;color:#8a5167}.benefit-grid p{color:#72545f;font-size:16px}.audience{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;margin-top:40px}.audience h2{font-size:29px}.audience li{padding:9px 0}.doc-example{background:#fffdfb;border:1px solid #e6d5dc;padding:25px;border-radius:5px;box-shadow:0 8px 20px #41273108}.doc-example h3{font-size:24px}.doc-example p,.doc-example dl{font-size:15px}.doc-title{font-weight:600}.doc-example mark{background:#e8f0f8;color:#36506a;padding:2px}.doc-example dd{margin:4px 0 14px}.doc-line{height:1px;background:#e6d5dc;margin:24px 0}.doc-example small{color:#7c6570}.purchase-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;background:#f0dfe4;border-radius:12px;margin-top:48px}.purchase-banner h2{margin:12px 0}.banner-price{font-size:38px;display:block}.purchase-banner .button{font-size:18px}.cardfoot{flex-wrap:wrap}.cardfoot .text-link{margin:0}.package-benefits{border-top:1px solid #e6d5dc}@media(max-width:760px){.benefit-grid,.examples-grid,.audience{grid-template-columns:1fr}.purchase-banner{display:block;padding:24px}.primary-buy{font-size:17px}.hero h1{font-size:42px}}

/* Author and video form a single compact editorial section. */
.author-profile{padding:64px 32px 72px;scroll-margin-top:24px}
.profile-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:48px;align-items:center;max-width:960px;margin:auto;padding:36px;background:#fffaf8;border:1px solid #eadce1;border-radius:18px}
.profile-media{scroll-margin-top:35px;min-width:0}.video-frame{background:#412731;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #41273112;aspect-ratio:9/16}
.video-frame video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:9/16;background:#412731}
.video-caption{text-align:center;font-size:12px;color:#8a727b;margin:12px 0 0}.profile-copy h2{font-size:38px;line-height:1.12;letter-spacing:-.7px;margin:10px 0 12px;font-weight:600}.profile-copy .eyebrow{margin-top:0}.profile-role{font-size:18px;color:#722f48;margin:0}.profile-rule{width:48px;height:2px;background:#caa3b0;margin:22px 0}.profile-copy>p:not(.eyebrow):not(.profile-role){font-size:16px;line-height:1.65;color:#72545f}.profile-copy .profile-purpose{color:#412731!important;font-weight:600}.profile-social{display:inline-flex;align-items:center;gap:25px;margin-top:8px;padding:11px 16px;border:1px solid #dfc9d1;border-radius:7px;font-size:14px;color:#722f48}.without-video{grid-template-columns:1fr}.without-video .profile-copy{max-width:650px;margin:auto}
@media(max-width:760px){.author-profile{padding:36px 20px}.profile-layout{grid-template-columns:1fr;padding:24px;gap:28px}.profile-media{max-width:260px;width:100%;margin:auto}.profile-copy h2{font-size:32px}.profile-copy .eyebrow{font-size:10px}}

/* Responsive layout: phones, landscape phones and tablets. */
img,video{max-width:100%}
header,main,section,footer{min-width:0}
.hero>*,.grid>*,.benefit-grid>*,.examples-grid>*,.profile-layout>*,.audience>*{min-width:0}
h1,h2,h3,p,li,a,dd{overflow-wrap:break-word}
.button{max-width:100%;min-height:48px;white-space:normal;text-align:center;justify-content:center;line-height:1.35}
input,select,textarea{min-width:0;max-width:100%;font-size:16px}
.panel{overflow-wrap:anywhere}
nav a{display:inline-flex;align-items:center;min-height:44px}
.hero h1{font-size:clamp(34px,5vw,62px);text-wrap:balance}
@media(min-width:761px) and (max-width:1023px){
 .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;padding-top:48px;padding-bottom:60px}
 .paper{width:220px;height:310px;padding:22px}.paper h2{font-size:25px}.seal{right:-10px;width:86px;height:86px}
 .illustration{height:360px}.examples-grid,.benefit-grid{gap:16px}.doc-example,.benefit-grid article{padding:20px}
 .profile-layout{grid-template-columns:230px minmax(0,1fr);gap:28px;padding:28px}.profile-copy h2{font-size:32px}
 .purchase-banner{padding:28px;gap:20px}.purchase-banner h2{font-size:28px}
}
@media(max-width:760px){
 header{flex-wrap:wrap;gap:8px;padding:16px 20px}.brand{white-space:nowrap;font-size:26px}
 nav{width:100%;max-width:none;justify-content:space-between;gap:8px;font-size:14px}
 section{padding:36px 20px}.hero{gap:24px;padding-top:28px;padding-bottom:36px}
 .hero h1{font-size:clamp(32px,8.6vw,44px);line-height:1.13;margin:16px 0;letter-spacing:-.7px}
 .hero .eyebrow{font-size:10px;letter-spacing:1.1px}.hero .lead{font-size:18px}
 .hero-benefit{font-size:16px;line-height:1.6}.primary-buy{width:100%;padding:16px 18px}
 .hero .text-link{margin:8px 0;min-height:44px;display:inline-flex;align-items:center}.catalog-link{min-height:44px;display:flex;align-items:center;margin-top:0}
 .illustration{height:310px;max-width:360px;overflow:hidden}.paper{width:220px;height:270px;padding:20px}.paper h2{font-size:24px;margin:18px 0}.paper p{margin:9px 0}.seal{width:82px;height:82px;right:-8px;bottom:8px;font-size:26px}.seal small{font-size:8px}
 .card{width:100%;max-width:none}.cover{padding:22px;min-height:210px}.cover h3{font-size:25px;padding-right:28px}.cardbody{padding:22px}
 .cardfoot{display:block}.cardfoot strong{display:block}.cardfoot .button{width:100%;font-size:17px;padding:15px 12px}.cardfoot .text-link{margin:8px 0;line-height:1.5}
 .smaller{font-size:clamp(29px,8vw,38px);letter-spacing:-.7px}.panel{padding:20px}.panel ol{padding-left:22px}.panel li{padding:6px 0}
 .purchase-banner .button{width:100%;font-size:17px}.purchase-banner h2{font-size:28px}.banner-price{font-size:34px}
 .profile-layout{padding:22px;gap:24px}.profile-copy h2{font-size:30px}.profile-social{gap:12px;font-size:14px;max-width:100%;flex-wrap:wrap}
 .profile-media{max-width:240px}.profile-copy>p:not(.eyebrow):not(.profile-role){font-size:16px}
 footer{padding:32px 20px}footer>a[href^="mailto:"]{overflow-wrap:anywhere;font-size:15px}
 form .button{width:100%;font-size:17px}
}
@media(max-width:359px){
 section{padding-left:16px;padding-right:16px}header{padding:14px 16px}
 nav{font-size:13px}.hero h1{font-size:31px}.eyebrow{letter-spacing:1.2px}
 h2{font-size:26px}.audience h2{font-size:25px}.profile-layout{padding:18px}.profile-copy h2{font-size:28px}
 .profile-media{max-width:210px}.cover,.cardbody,.doc-example,.benefit-grid article{padding:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.hero-dash{display:none}.hero-benefit{line-height:1.5;margin:12px 0}.hero .lead{margin:14px 0}}
