﻿@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{--forest:#173f24;--green:#2f7040;--leaf:#82a746;--cream:#fbf8ef;--paper:#fffefa;--ink:#1f2c23;--muted:#69756c;--line:#dfe7da;--gold:#b98e42;--shadow:0 20px 60px rgba(28,61,34,.11);--premium-ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.08;margin:0 0 18px}h1{font-size:clamp(3rem,7vw,6.6rem);letter-spacing:-.04em}h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.03em}h3{font-size:1.55rem}p{color:var(--muted)}
.site-header{height:100px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(47,112,64,.1);box-shadow:0 6px 24px rgba(23,63,36,.045);transition:height .32s var(--premium-ease),box-shadow .32s ease,background .32s ease,border-color .32s ease}.site-header.scrolled{height:80px;background:rgba(255,254,250,.9);border-bottom-color:rgba(23,63,36,.14);box-shadow:0 10px 30px rgba(23,63,36,.09);backdrop-filter:blur(22px) saturate(1.1)}.brand{display:flex;align-items:center;height:100%;padding:8px 0}.brand img{width:auto;height:78px;object-fit:contain;object-position:left center;transition:height .32s var(--premium-ease)}.site-header.scrolled .brand img{height:62px}.site-nav{display:flex;align-items:center;gap:36px}.site-nav a{font-weight:600;font-size:.95rem;position:relative}.site-nav a:not(.nav-login)::after{content:'';position:absolute;height:2px;left:0;right:100%;bottom:-7px;background:var(--green);transition:.25s}.site-nav a:hover::after,.site-nav a.active::after{right:0}.nav-login{background:var(--forest);color:white;padding:11px 24px;border-radius:99px;box-shadow:0 8px 22px rgba(23,63,36,.15)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--forest);margin:5px}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:60px clamp(24px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 75% 42%,#e4eccf 0,transparent 32%),linear-gradient(135deg,#fbf8ef,#f3f1e2)}.hero-copy{max-width:700px}.hero-copy h1{color:var(--forest)}.hero-copy>p{font-size:1.2rem;max-width:600px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow:before{content:'';width:30px;height:1px;background:var(--gold);flex-shrink:0;transform-origin:left center;transition:width .32s var(--premium-ease)}.eyebrow.light{color:#f3dfad}.eyebrow.light:before{background:#e1ba67}.reveal.show .eyebrow:before{animation:eyebrowGrow .8s .12s var(--premium-ease) both}@keyframes eyebrowGrow{from{width:0}to{width:30px}}.hero-actions{display:flex;gap:12px;margin:30px 0}.button{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:99px;padding:14px 26px;font:700 .95rem 'DM Sans';cursor:pointer;transition:transform .26s var(--premium-ease),box-shadow .26s ease,gap .26s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(23,63,36,.17)}.button:after{content:'';position:absolute;z-index:-1;top:-70%;left:-45%;width:32%;height:240%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .55s ease}.button:hover:after{left:120%}.primary{background:var(--forest);color:white}.ghost{border:1px solid var(--forest);color:var(--forest)}.cream{background:var(--cream);color:var(--forest)}.full{width:100%}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:var(--green);font-size:.85rem;font-weight:600}.hero-art{position:relative;display:grid;place-items:center}.hero-art img{width:min(480px,86%);aspect-ratio:1.12/1;object-fit:contain;border-radius:42px;background:rgba(255,254,250,.78);padding:24px;border:1px solid rgba(185,142,66,.2);box-shadow:0 28px 70px rgba(31,66,33,.15)}.leaf-orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(185,142,66,.5);border-radius:50%;animation:orbit 18s linear infinite}.leaf-orbit:after{content:'◆';color:var(--leaf);position:absolute;right:8%;top:7%;font-size:22px}@keyframes orbit{to{transform:rotate(360deg)}}
.section{padding:110px clamp(24px,7vw,110px)}.section-heading{max-width:650px;margin-bottom:48px}.section-heading>p{font-size:1.05rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px 26px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 26px rgba(23,63,36,.06);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s ease}.product-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.product-card:hover:before{transform:scaleX(1)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#b8ceb2}.product-card:hover .product-icon{transform:scale(1.12)}.product-card:hover h3{color:var(--forest)}.product-card>span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:10px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.product-card h3{margin:0;font-size:1.12rem;transition:color .3s ease}.product-card p{flex:1;margin-bottom:16px}.product-card a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--green);transition:gap .25s cubic-bezier(.22,1,.36,1)}.product-card a:hover{gap:10px}.product-icon{font-size:1.6rem;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1)}.values-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--forest);color:white;padding:50px clamp(24px,7vw,110px);gap:24px}.values-band div{text-align:center}.values-band strong{font:700 2rem 'Playfair Display';display:block}.values-band span{color:#c8d7c5;font-size:.85rem}.cta{margin:80px clamp(24px,7vw,110px);border-radius:32px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white;background:linear-gradient(120deg,var(--forest),#386f3c)}.cta h2{margin-bottom:8px}.cta p{color:#d5e3d1}.light{color:#d5c18d}
.page-hero{text-align:center;padding:100px 24px 85px;background:radial-gradient(circle at center,#e4eccf,transparent 55%)}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem)}.page-hero p{max-width:680px;margin:auto;font-size:1.1rem}.page-hero.compact{padding-block:70px}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.story-image{background:linear-gradient(145deg,#edf3df,#dfe9cd);border-radius:36px;padding:20px;border:1px solid rgba(47,112,64,.1);box-shadow:var(--shadow)}.story-image img{width:100%;aspect-ratio:1.12/1;object-fit:cover;border-radius:24px}.story-copy p{font-size:1.05rem}.soft{background:#f1f2e8}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-grid article{padding:28px;border-left:1px solid #b8c7b4}.value-grid b{color:var(--gold);font-size:.8rem}.value-grid h3{margin:12px 0}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shop-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 28px rgba(23,63,36,.05);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s ease}.shop-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#b8ceb2}.shop-card-image{overflow:hidden}.shop-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.94) contrast(1.02);transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease}.shop-card:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.04)}.shop-card-body{display:flex;flex-direction:column;flex:1;padding:22px}.shop-card-body>span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700}.shop-card-body h3{position:relative;margin:8px 0 14px;padding-bottom:10px;font-size:1.15rem;transition:color .3s ease}.shop-card-body h3:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:26px;background:var(--gold);transition:width .45s cubic-bezier(.22,1,.36,1)}.shop-card:hover .shop-card-body h3{color:var(--forest)}.shop-card:hover .shop-card-body h3:after{width:58px}.shop-card-body p{flex:1;margin-bottom:16px;font-size:.92rem}.shop-card-body a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--green);transition:gap .25s cubic-bezier(.22,1,.36,1)}.shop-card-body a:hover{gap:10px}@media(max-width:850px){.shop-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.shop-grid{grid-template-columns:1fr}}
.article-meta{color:var(--green);font-weight:600;font-size:.9rem;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px}.article-meta span{color:var(--muted);font-weight:500}.article-meta a{color:var(--forest);font-weight:700}.article-body{max-width:740px;margin:0 auto}.article-body p{font-size:1.08rem;margin-bottom:22px}.article-body h2{font-size:1.7rem;color:var(--forest);margin-top:46px}.article-body ul{padding-left:22px;color:var(--muted);margin:0 0 22px}.article-body li{margin-bottom:10px;font-size:1.05rem}.article-body blockquote{border-left:3px solid var(--gold);padding:2px 0 2px 24px;margin:36px 0;font:600 1.3rem/1.5 'Playfair Display',serif;color:var(--forest)}.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.article-tags span{background:#eaf0dc;color:var(--green);font-size:.8rem;font-weight:700;padding:7px 16px;border-radius:99px}.back-link{display:inline-block;margin-bottom:18px;color:var(--green);font-weight:700}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.contact-details h2{font-size:clamp(2.3rem,4vw,3.7rem)}.contact-item{display:flex;gap:15px;margin-top:25px}.contact-item i{width:45px;height:45px;border-radius:50%;background:#e5edda;display:grid;place-items:center;color:var(--green);font-style:normal}.contact-item b,.contact-item span{display:block}.contact-item span{color:var(--muted)}.contact-form,.login-card{background:white;padding:36px;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}label{display:block;font-weight:600;font-size:.88rem;margin-bottom:17px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #cad5c6;border-radius:12px;padding:14px 15px;background:#fcfdf9;color:var(--ink);font:inherit;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,112,64,.1)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-message{font-size:.88rem;margin:12px 0 0}.form-message.success{color:var(--green)}.form-message.error{color:#a42d2d}
.login-main{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:60px 20px;background:radial-gradient(circle at 50% 20%,#dce8cb,transparent 45%)}.login-card{width:min(470px,100%);text-align:center}.login-logo img{width:116px;height:104px;object-fit:contain;margin:0 auto 18px;border-radius:22px;box-shadow:0 12px 30px rgba(23,63,36,.1)}.login-card h1{font-size:2.3rem}.login-card form{text-align:left;margin-top:26px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:8px;top:17px;border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;margin-bottom:20px}.login-options a,.login-foot a{color:var(--green);font-weight:700}.check{display:flex;align-items:center;gap:7px;margin:0}.check input{width:auto;margin:0}.login-foot{font-size:.9rem;margin-bottom:0}
footer{padding:55px clamp(24px,7vw,110px) 25px;background:#102f1a;color:white;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}footer img{width:auto;height:92px;object-fit:contain;object-position:left center;border-radius:8px}footer p{color:#b8cbb9}footer h4{margin:0 0 14px}footer a{display:block;color:#cbd7cc;margin:8px 0}.copyright{grid-column:1/-1;border-top:1px solid #345440;padding-top:22px;margin-top:18px;font-size:.8rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--premium-ease),transform .8s var(--premium-ease)}.reveal.show{opacity:1;transform:none}.delay-1.show{transition-delay:.12s}.delay-2.show{transition-delay:.24s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:850px){.site-header{height:84px}.brand img{height:62px;width:auto}.menu-toggle{display:block}.site-nav{position:absolute;top:76px;left:0;right:0;padding:22px;background:var(--paper);box-shadow:var(--shadow);display:none;flex-direction:column;gap:20px}.site-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px;text-align:center}.hero-copy{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{margin-top:30px}.product-grid,.value-grid{grid-template-columns:1fr 1fr}.story,.contact-layout{grid-template-columns:1fr}.values-band{grid-template-columns:1fr 1fr}.cta{padding:38px;display:block}.cta .button{margin-top:18px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:540px){h1{font-size:3rem}.section{padding-block:75px}.product-grid,.value-grid{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.values-band{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.cta{margin-inline:16px}.contact-form,.login-card{padding:25px}.login-options{align-items:flex-start;gap:10px}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:60px;height:60px;display:grid;place-items:center;background:#25d366;border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.28);z-index:999;transition:transform .25s var(--premium-ease),box-shadow .25s ease;animation:waFloatIn .8s 1s var(--premium-ease) both}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 14px 34px rgba(0,0,0,.34)}.whatsapp-float:after{content:'';position:absolute;inset:-5px;border:1px solid rgba(37,211,102,.35);border-radius:inherit;animation:waPulse 2.8s 1.8s ease-out 2}.whatsapp-float svg{width:30px;height:30px;fill:#fff}@keyframes waFloatIn{from{opacity:0;transform:translateY(16px) scale(.88)}to{opacity:1;transform:none}}@keyframes waPulse{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.3)}}@media(max-width:540px){.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.whatsapp-float svg{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float:after{animation:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

