*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#243c30;background:#fffdf9;font-family:Arial,sans-serif;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;line-height:1.13;font-weight:500;letter-spacing:-1.5px}h1{font-size:clamp(42px,5vw,70px);margin-bottom:24px}h2{font-size:clamp(32px,4vw,48px)}h3{line-height:1.3}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5%;border-bottom:1px solid #dde6da;background:#fffdf9}nav .brand{font-size:14px;font-weight:bold;letter-spacing:1px}nav a{text-decoration:none;font-size:14px}.navlinks{display:flex;gap:28px}.wrap{max-width:1160px;margin:auto;padding:85px 30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero{padding-top:62px;padding-bottom:68px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold;color:#287b40;margin-bottom:18px}.lead{font-size:18px;color:#597060}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:#237b3c;color:white;font-weight:bold;padding:17px 26px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:15px}.btn:hover{background:#17562a}.small{font-size:13px;color:#607367}.hero-photo{width:100%;aspect-ratio:1/1.06;object-fit:cover;border-radius:140px 140px 20px 20px;background:#dbe8d7}.photo-wrap{position:relative}.photo-label{position:absolute;bottom:24px;left:-25px;padding:18px 24px;background:#fff;border:1px solid #e4e9dd;border-radius:12px;box-shadow:0 10px 30px #294a3210;max-width:230px;line-height:1.4}.photo-label strong{display:block;color:#287b40}.facts{border-top:1px solid #dce4d7;border-bottom:1px solid #dce4d7;display:flex;justify-content:center;gap:70px;padding:22px;font-size:14px;background:#f1f5ed}.pink{background:#fae5e7}.green{background:#174f35;color:#fffdf6}.muted{background:#f0f4ec}.center{text-align:center}.intro{max-width:720px;margin:0 auto 42px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.item{padding:30px;border:1px solid #dce3d7;border-radius:14px;background:#fff}.item .number{font:italic 34px Georgia;color:#67976c;margin-bottom:18px}.pink .item{background:#fff9f8;border-color:#f0cdd1}.check{padding:0;list-style:none}.check li{position:relative;padding:9px 0 9px 28px}.check li:before{content:'✓';position:absolute;left:0;color:#298748;font-weight:bold}.green .check li:before{color:#c5e4a2}.books{display:flex;justify-content:center;align-items:center;gap:0;min-height:365px}.book{width:215px;min-height:310px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px 22px;color:#fff;border-radius:3px 10px 10px 3px;box-shadow:12px 18px 35px #08281930,inset 7px 0 0 #ffffff22;transform:rotate(-7deg);background:#297642}.book.second{background:#f0cbd0;color:#244331;transform:rotate(8deg);margin-left:-22px;margin-top:45px}.book small{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.book strong{font:30px/1.1 Georgia}.book .mark{font:70px Georgia;opacity:.7}.note{border-left:3px solid #6c975a;padding:15px 20px;background:#edf2e6;font-size:14px}.green .note{background:#ffffff10;border-color:#bed69e}.modules{display:grid;grid-template-columns:1fr 1fr;gap:20px}.module{border-top:1px solid #d9e3d3;padding:25px 0}.module b{color:#3b8550;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid #a7bf9b;padding-top:20px}.step span{font-size:12px;letter-spacing:1px;color:#aacbb0}.step h3{margin-top:14px}.green p{color:#dfebdf}.recipe{border-radius:16px;background:#f9ebdf;padding:36px}.ingredients{display:flex;flex-wrap:wrap;gap:10px}.ingredients span{padding:7px 14px;background:white;border-radius:30px;font-size:13px}.quotes{border:1px dashed #acb99f;border-radius:12px;padding:30px;max-width:750px;margin:auto;color:#65775e}.offers{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:930px;margin:40px auto 0;align-items:start}.offer{border:1px solid #d6dfce;padding:36px;border-radius:16px;background:#fff}.offer.premium{border:2px solid #277d42;position:relative;box-shadow:0 14px 40px #31583712}.ribbon{background:#277d42;color:white;padding:8px 20px;font-size:12px;letter-spacing:1px;position:absolute;top:-21px;left:24px;border-radius:6px}.price{font:36px Georgia;margin:15px 0}.offer .btn{width:100%;margin-top:16px}.badge{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#4d7d42}.offer hr{border:0;border-top:1px solid #e1e6db;margin:24px 0}.guarantee{max-width:750px;margin:30px auto 0;text-align:center;font-size:14px}.faq{max-width:850px;margin:auto}details{padding:23px 0;border-bottom:1px solid #d9e2d3}summary{font-weight:bold;cursor:pointer}details p{margin:16px 0 0;color:#5b7060}footer{background:#123c2a;color:#d5e3d3;padding:40px 6%;font-size:12px}footer .brand{font-size:16px;margin-bottom:16px}.footer-inner{max-width:1100px;margin:auto}.final{background:#fae5e7}.sticky{display:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b78b35;outline-offset:5px}dialog{border:0;border-radius:15px;max-width:450px;padding:30px;color:#243c30}dialog::backdrop{background:#123c2a88}@media(max-width:760px){.wrap{padding:58px 22px}.grid,.offers,.modules{grid-template-columns:1fr;gap:34px}.three{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.navlinks a:not(.btn){display:none}nav{padding:15px 20px}.navlinks .btn{font-size:12px;padding:9px 14px}.brand{max-width:150px}.facts{gap:14px;flex-wrap:wrap;font-size:12px;padding:20px 12px}.photo-wrap{max-width:480px;margin:auto}.photo-label{left:10px;bottom:15px;padding:12px 18px;font-size:13px}.hero-photo{aspect-ratio:1.1}.book{width:180px;min-height:280px}.book strong{font-size:26px}.offers{gap:45px}.offer{padding:28px}.sticky{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdf9ed;border-top:1px solid #dce3d7;padding:12px 18px;align-items:center;justify-content:space-between;gap:10px;z-index:3;font-size:12px}.sticky .btn{padding:11px 18px}footer{padding-bottom:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-covers{display:flex;justify-content:center;align-items:center;gap:18px;min-width:0}.product-covers img{display:block;width:calc(50% - 9px);max-width:245px;height:auto;box-shadow:0 12px 30px #173d2520;border:1px solid #e1e6da;border-radius:4px;background:white}@media(max-width:760px){.product-covers{gap:12px}.product-covers img{width:calc(50% - 6px)}}
.brand-logo{display:block;width:230px;height:auto;max-height:78px;object-fit:contain}nav .brand{display:block;flex-shrink:0}footer .brand{display:inline-flex;background:#fffdf9;padding:12px 18px;border-radius:8px}footer .brand-logo{width:210px;max-height:72px}@media(max-width:760px){nav .brand{max-width:none}.brand-logo{width:155px;max-height:58px}nav{gap:12px}.navlinks{gap:0}}
.premium-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:24px 0 28px}.premium-products figure{margin:0;min-width:0}.premium-products img{width:100%;height:auto;aspect-ratio:0.68;object-fit:contain;display:block;background:#fff;border:1px solid #e0e7dc;border-radius:5px;box-shadow:0 5px 15px #173d2510}.premium-products figcaption{font-size:12px;line-height:1.4;font-weight:bold;text-align:center;margin-top:9px;color:#35533e}
/* Mobile and tablet layout */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
.grid>*,.offers>*,.modules>*,.three>*,.timeline>*{min-width:0}
.btn{white-space:normal;text-align:center;line-height:1.4;min-height:48px;touch-action:manipulation}
summary{min-height:44px;line-height:1.5}
dialog{width:min(450px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}
@media(min-width:761px) and (max-width:1000px){
 nav{padding:18px 24px;gap:18px}.navlinks{gap:18px}.brand-logo{width:190px}
 .wrap{padding:64px 28px}.grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .facts{gap:24px;flex-wrap:wrap}.offers{gap:22px}.offer{padding:28px}
 .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .three{gap:16px}.item{padding:24px}.photo-label{left:12px;bottom:12px;max-width:210px}
 .ribbon{position:static;display:inline-block;margin-bottom:20px;padding:8px 12px;font-size:11px}
}
@media(max-width:760px){
 html{scroll-padding-top:24px}
 body{font-size:16px;line-height:1.65}
 nav{padding:12px 18px;gap:12px;min-height:76px}
 nav .brand{min-width:0;max-width:calc(100% - 132px);flex:0 1 155px}
 nav .brand-logo{width:100%;height:auto;max-height:55px}
 .navlinks{flex:0 0 auto}.navlinks .btn{font-size:12px;padding:10px 12px;min-height:44px}
 .wrap{padding:48px 20px}
 .hero{padding-top:34px;padding-bottom:38px;gap:28px}
 h1{font-size:clamp(35px,9.5vw,50px);letter-spacing:-1.1px;line-height:1.1;margin-bottom:20px}
 h2{font-size:clamp(29px,8vw,39px);letter-spacing:-.8px;line-height:1.17}
 h3{overflow-wrap:break-word}.lead{font-size:17px;line-height:1.65}
 .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:14px}
 .hero .btn,.final .btn{width:100%;padding:16px 18px;font-size:15px;gap:10px}
 .hero .small{font-size:12px;line-height:1.6}
 .grid,.offers,.modules,.three{grid-template-columns:minmax(0,1fr)}
 .photo-wrap{width:100%;max-width:450px;margin:0 auto}
 .hero-photo{height:auto;aspect-ratio:auto;border-radius:80px 80px 16px 16px;display:block}
 .photo-label{position:static;max-width:none;margin:12px 0 0;box-shadow:none;padding:14px 18px;font-size:14px}
 .facts{display:grid;grid-template-columns:minmax(0,1fr);text-align:center;gap:9px;padding:20px;font-size:13px}
 .intro{margin-bottom:28px}.three{gap:16px}.item{padding:24px}.item p{margin-bottom:0}.item .number{margin-bottom:12px}
 .module{padding:20px 0}.modules{gap:0}
 .timeline{grid-template-columns:minmax(0,1fr);gap:26px}
 .step{padding-top:16px}.step h3{margin:10px 0}.step p{margin-bottom:0}
 .note{padding:14px 15px;font-size:14px;overflow-wrap:anywhere}
 .recipe{padding:26px 22px}.ingredients{gap:8px}
 .offers{margin-top:30px;gap:26px}.offer{padding:26px 22px}
 .ribbon{position:static;display:inline-block;max-width:100%;margin:0 0 20px;padding:9px 12px;font-size:10px;letter-spacing:.7px;line-height:1.5}
 .badge{font-size:11px;letter-spacing:.8px}.price{font-size:40px;line-height:1.2;margin:16px 0}
 .offer .btn{padding:15px 12px;min-height:52px;font-size:15px;gap:8px}
 .premium-products{gap:18px 12px;margin:22px 0}.premium-products figcaption{font-size:12px}
 .guarantee{margin-top:26px;padding:0 4px}.guarantee strong{font-size:17px}
 details{padding:18px 0}summary{padding-right:8px;font-size:16px}details p{font-size:15px;overflow-wrap:anywhere}
 footer{padding:32px 20px calc(116px + env(safe-area-inset-bottom,0px));font-size:13px}
 footer .brand{max-width:100%;padding:10px 14px}footer .brand-logo{width:190px;max-height:70px}
 .sticky{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:12px;min-height:74px;box-shadow:0 -4px 20px #173d250d}
 .sticky>span{line-height:1.4;font-size:12px;min-width:0}.sticky .btn{flex:0 0 auto;min-height:48px;padding:12px 18px;font-size:14px}
 dialog{padding:24px;font-size:16px}dialog .btn{width:100%}
}
@media(max-width:360px){
 nav{padding:10px 14px;gap:8px}.navlinks .btn{padding:10px;font-size:11px}
 nav .brand{max-width:calc(100% - 118px)}
 .wrap{padding-left:16px;padding-right:16px}.offer{padding:24px 18px}
 .sticky{padding-left:12px;padding-right:12px}.sticky .btn{padding:12px 14px}
}