:root{--ink:#26342e;--green:#2f493d;--cream:#f7f3ea;--gold:#a8844f;--line:#ded8cc;--muted:#68736c;--danger:#a34343}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fcfbf8;color:var(--ink);font-family:Prompt,sans-serif;font-size:22.1px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.notice{background:var(--green);color:#fff;text-align:center;padding:8px 20px;font-size:16.9px}
.header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee9df;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;font-size:31.2px;font-weight:600}
.brand small{font-size:15.6px;color:var(--gold)}
.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;width:43px;height:43px}
.header nav{display:flex;gap:30px;font-size:18.2px}
.header nav a:hover{color:var(--gold)}
.cart-pill{background:var(--cream);border-radius:99px;padding:9px 15px;font-size:16.9px}
.cart-pill b{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--green);color:#fff;border-radius:50%;font-size:14.3px}
.nav-toggle{display:none;border:0;background:none;font-size:31.2px}
.container{width:min(1180px,90vw);margin:auto}
.hero{min-height:630px;display:grid;grid-template-columns:48% 52%;background:var(--cream)}
.hero-copy{padding:85px 5vw 60px 8vw}
.eyebrow{display:block;color:var(--gold);font-size:15.6px;font-weight:600;letter-spacing:.13em;margin-bottom:14px}
.hero h1{font-size:72.8px;line-height:1.25;margin:0 0 22px;font-weight:500;letter-spacing:-.04em}
.hero h1 em{font-style:normal;color:var(--green)}
.hero p{color:var(--muted)}
.hero-art img{width:100%;height:100%;object-fit:cover}
.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:#fff;border:0;padding:14px 22px;border-radius:3px;cursor:pointer}
.btn-light{background:#fff;color:var(--green);border:1px solid var(--line)}
.btn-line{background:#167b43}
.hero-actions{display:flex;gap:16px;margin:30px 0}
.trust{display:flex;gap:20px;font-size:15.6px;color:var(--muted);margin-top:40px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 8vw;background:#fff;border-bottom:1px solid #eee}
.benefits>div{text-align:center;border-right:1px solid #eee}
.benefits>div:last-child{border:0}
.benefits b,.benefits span{display:block}
.benefits b{font-size:18.2px}
.benefits span{font-size:14.3px;color:var(--muted)}
.section{padding:85px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}
.section-head h2,.page-hero h1,.story h2,.steps h2{font-size:44.2px;line-height:1.35;margin:0;font-weight:500}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{background:#fff}
.product-image{height:300px;position:relative;overflow:hidden;background:#f0ece4}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.product-card:hover img{transform:scale(1.055)}
.badge{position:absolute;top:12px;left:12px;background:#fff;padding:4px 9px;font-size:13.0px}
.quick-add{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 18px #0002;cursor:pointer}
.product-info{padding:16px 4px}
.product-info small{font-size:11.7px;color:var(--gold)}
.product-info h3{font-size:20.8px;margin:2px 0;font-weight:500}
.product-info strong{color:var(--green)}
.story{display:grid;grid-template-columns:54% 46%;background:var(--green);color:#fff}
.story img{width:100%;height:510px;object-fit:cover}
.story-copy{padding:70px 7vw;align-self:center}
.story-copy p{font-size:18.2px;color:#d9dfdb}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.article-card img{width:100%;height:235px;object-fit:cover}
.article-card small{display:block;color:var(--gold);font-size:13.0px;margin-top:12px}
.article-card h3{font-size:23.4px;font-weight:500;margin:6px 0}
.steps{background:var(--cream);padding:75px 8vw;display:grid;grid-template-columns:32% 68%;gap:5vw}
.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border-top:3px solid var(--gold);padding:23px}
.step>strong{font-size:41.6px;color:#ddd4c4}
.step h3{font-size:22.1px}
.step p{font-size:15.6px;color:var(--muted)}
.line-cta{margin:70px 7vw;background:#dce8dc;padding:40px 5vw;display:flex;justify-content:space-between;align-items:center}
.line-cta span{font-size:14.3px;color:#64806d}
.line-cta h2{font-size:35.1px;margin:4px 0}
.line-cta p{font-size:16.9px}
.line-cta>a{background:#167b43;color:#fff;padding:14px 22px}
footer{position:relative;background:#21322b;color:#fff;padding:60px 7vw 85px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}
footer .brand-mark{background:#e7ddcc;color:var(--green)}
footer h3{font-size:16.9px}
footer a,footer p{display:block;color:#bdc8c2;font-size:15.6px;margin:8px 0}
.copyright{position:absolute;left:7vw;right:7vw;bottom:24px;border-top:1px solid #ffffff20;padding-top:14px;color:#84958c}
.page-hero{background:var(--cream);padding:62px 0}
.page-hero p{color:var(--muted);margin:8px 0}
.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}
.toolbar select,.toolbar input,.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;padding:12px 14px;width:100%}
.toolbar input{max-width:320px}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px 0}
.detail-image img{width:100%;background:var(--cream)}
.detail h1{font-size:46.8px;line-height:1.3}
.price{font-size:33.8px;color:var(--green);font-weight:600}
.detail ul{padding-left:20px}
.qty{display:flex;gap:10px;margin:25px 0}
.qty input{width:80px;border:1px solid var(--line);padding:10px}
.content-layout{display:grid;grid-template-columns:1fr 330px;gap:45px}
.article-body{font-size:20.8px}
.article-body h2{font-size:32.5px}
.sidebar-card,.card{background:#fff;border:1px solid #ece7dd;padding:25px;margin-bottom:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label{display:block;font-size:16.9px;margin-bottom:5px}
.field.full{grid-column:1/-1}
.summary-table{width:100%;border-collapse:collapse}
.summary-table th,.summary-table td{border-bottom:1px solid var(--line);padding:14px;text-align:left}
.summary-table img{width:70px}
.alert{padding:14px 17px;background:#edf4ed;border-left:3px solid var(--green);margin:18px 0}
.alert-error{background:#f8eaea;border-color:var(--danger);color:var(--danger)}
.order-success{text-align:center;padding:75px 20px}
.order-code{font-size:44.2px;color:var(--green);font-weight:600}
.bank-box{background:var(--cream);padding:23px;margin:25px auto;max-width:520px}
.empty{text-align:center;padding:70px;background:#fff}
.pagination{text-align:center;margin-top:35px}
.pagination a{display:inline-block;padding:8px 13px;border:1px solid var(--line);margin:2px}
.faq details{background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:10px}
.faq summary{font-weight:500;cursor:pointer}
@media(max-width:980px){.header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px}
.header nav.open{display:grid}
.nav-toggle{display:block}
.cart-pill{font-size:0}
.cart-pill b{font-size:14.3px}
.hero{grid-template-columns:1fr}
.hero-art{height:380px}
.product-grid{grid-template-columns:repeat(2,1fr)}
.story{grid-template-columns:1fr}
.steps{grid-template-columns:1fr}
.article-grid{grid-template-columns:1fr 1fr}
.detail,.content-layout{grid-template-columns:1fr}
footer{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){body{font-size:20.8px}
.header{height:70px;padding:0 18px}
.header nav{top:70px}
.hero-copy{padding:48px 22px}
.hero h1{font-size:48.1px}
.hero-art{height:300px}
.trust{flex-wrap:wrap}
.benefits{grid-template-columns:1fr;gap:12px}
.benefits>div{border:0}
.section{padding:60px 0}
.section-head{align-items:flex-start;flex-direction:column}
.section-head h2,.page-hero h1{font-size:37.7px}
.product-grid{gap:12px}
.product-image{height:220px}
.story-copy{padding:50px 23px}
.article-grid{grid-template-columns:1fr}
.steps{padding:55px 20px}
.steps-list{grid-template-columns:1fr}
.line-cta{margin:45px 20px;padding:28px 22px;align-items:flex-start;flex-direction:column;gap:20px}
footer{grid-template-columns:1fr;padding:50px 25px 95px}
.form-grid{grid-template-columns:1fr}
.field.full{grid-column:auto}
.toolbar{flex-direction:column}
.detail{gap:25px}
.detail h1{font-size:37.7px}
}

/* Typography scale 1.0.6 — readable without crowding the layout. */
body{font-size:17px;line-height:1.65}
.notice{font-size:14px}
.brand{font-size:26px}.brand small{font-size:13px}
.header nav{font-size:16.5px}.cart-pill{font-size:15px}.cart-pill b{font-size:12px}
.nav-toggle{font-size:26px}.eyebrow{font-size:13px}
.hero h1{font-size:clamp(44px,4.6vw,58px);line-height:1.18}
.hero p{font-size:18px}.trust{font-size:14px}
.benefits b{font-size:16px}.benefits span{font-size:13px}
.section-head h2,.page-hero h1,.story h2,.steps h2{font-size:34px;line-height:1.35}
.badge{font-size:12px}.product-info small{font-size:12px}.product-info h3{font-size:18px;line-height:1.45}.product-info strong{font-size:18px}
.story-copy p{font-size:17px}.article-card small{font-size:12px}.article-card h3{font-size:20px;line-height:1.45}
.step>strong{font-size:34px}.step h3{font-size:19px}.step p{font-size:15px}
.line-cta span{font-size:13px}.line-cta h2{font-size:28px}.line-cta p{font-size:16px}
footer h3{font-size:16px}footer a,footer p{font-size:14.5px}
.detail h1{font-size:36px;line-height:1.3}.price{font-size:28px}
.article-body{font-size:18px;line-height:1.8}.article-body h2{font-size:27px}
.field label{font-size:15px}.order-code{font-size:36px}
.sidebar-card p[style*="font-size"]{font-size:14px!important;color:var(--muted)}
@media(max-width:620px){body{font-size:16.5px}.header nav{font-size:17px}.hero h1{font-size:38px}.hero p{font-size:17px}.section-head h2,.page-hero h1,.story h2,.steps h2{font-size:30px}.detail h1{font-size:31px}.article-body{font-size:17px}.line-cta h2{font-size:25px}}

/* Homepage hero 1.0.11 */
.hero{height:clamp(570px,68vh,680px);min-height:0;grid-template-columns:minmax(400px,44%) 1fr;overflow:hidden;position:relative}
.hero-copy{position:relative;display:flex;align-items:center;padding:64px 5vw 64px 8vw;background:linear-gradient(145deg,#f8f4eb 0%,#f2ecdf 100%);isolation:isolate}
.hero-copy:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(168,132,79,.18);border-radius:50%;left:-155px;bottom:-145px;z-index:-1}
.hero-copy:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.42);right:8%;top:9%;z-index:-1}
.hero-copy-inner{width:min(560px,100%);margin:auto}
.hero .eyebrow{margin-bottom:18px;color:#8d6d3f}
.hero h1{font-size:clamp(43px,4vw,58px);line-height:1.18;margin-bottom:20px;letter-spacing:-.025em}
.hero h1 em{display:inline-block;margin-top:5px;color:var(--green)}
.hero-lead{max-width:520px;margin:0;color:#59675f!important;line-height:1.75}
.hero-actions{margin:30px 0 26px;align-items:center;flex-wrap:wrap}
.hero-actions .btn{min-height:52px;padding:13px 24px;border-radius:999px;font-size:16px;font-weight:500}
.hero-primary{box-shadow:0 10px 25px rgba(47,73,61,.18)}
.trust{margin-top:0;gap:9px;flex-wrap:wrap}
.trust span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(47,73,61,.1);border-radius:999px;background:rgba(255,255,255,.58);white-space:nowrap}
.trust b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dce8dc;color:var(--green);font-size:11px}
.hero-art{position:relative;min-width:0;height:100%;overflow:hidden;background:#e7e2d8}
.hero-art:after{content:"";position:absolute;inset:0 auto 0 0;width:70px;background:linear-gradient(90deg,rgba(242,236,223,.45),transparent);pointer-events:none}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:980px){.hero{height:auto;grid-template-columns:1fr}.hero-copy{min-height:520px;padding:64px 8vw}.hero-art{height:430px}.hero-copy-inner{margin:0}.hero-art:after{display:none}}
@media(max-width:620px){.hero-copy{min-height:470px;padding:52px 24px}.hero h1{font-size:36px}.hero-lead{font-size:16px!important}.hero-actions{gap:10px;margin-top:25px}.hero-actions .btn{width:100%}.hero-art{height:330px}.trust span{font-size:12.5px}}