body{margin:0;background:#FFFCEB}
a{color:#285d3a}a:hover{color:#1d4229}
.z{--acc:#fca712;font-family:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif;color:#18241b;background:#FFFCEB;overflow-x:hidden}
.z *{box-sizing:border-box}
.serif{font-family:'Inter Tight','Rubik',system-ui,sans-serif;font-weight:500;letter-spacing:-.025em}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.h2{margin:0;font-size:clamp(36px,4.4vw,62px);line-height:1.03}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:500;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}
.btn:hover{transform:translateY(-2px)}.btn:hover::before{transform:translateY(0)}
.btn-acc{background:var(--acc);color:#18241b}.btn-acc::before{background:#ffd27a}.btn-acc:hover{color:#18241b}
.btn-dark{background:#18241b;color:#FFFCEB}.btn-dark::before{background:#285d3a}.btn-dark:hover{color:#FFFCEB}
.btn-line{border:1.5px solid #18241b;color:#18241b;background:transparent}.btn-line::before{background:#18241b}.btn-line:hover{color:#FFFCEB}
.nl{color:#18241b;text-decoration:none;font-family:'Inter Tight','Rubik',sans-serif;font-size:15px;font-weight:500;position:relative;padding:6px 0}
.nl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:right;transition:transform .35s}
.nl:hover{color:#18241b}.nl:hover::after,.nl.on::after{transform:scaleX(1);transform-origin:left}
.navlinks{display:flex;gap:28px}
.hero{position:relative;overflow:hidden;background:#1d4229;color:#FFFCEB}
.flutes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0px,rgba(255,255,255,.07) 40px,rgba(0,0,0,.28) 80px);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 65%);mask-image:linear-gradient(90deg,transparent 15%,#000 65%)}
.sun{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd27a,#fca712 60%,#e48f00);animation:breathe 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.seed{position:absolute;width:14px;height:22px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#e9dcb0}
.drift{animation:drift 12s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translate(0,0) rotate(20deg)}50%{transform:translate(10px,-24px) rotate(60deg)}}
.float1{animation:float 7s ease-in-out infinite}.float2{animation:float 8.5s ease-in-out -2s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.w{display:inline-block;animation:wordUp 1s cubic-bezier(.2,.8,.2,1) both}
.mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em}
@keyframes wordUp{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}
.fade{animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.story p{margin:0 0 22px;font-size:18px;line-height:1.75;color:#3b463d}
.story p.lead{font-size:22px;line-height:1.6;color:#18241b}
.drop::first-letter{font-family:'Inter Tight',sans-serif;font-weight:500;float:left;font-size:84px;line-height:.85;padding:6px 12px 0 0;color:#285d3a}
.ph{background-color:#2f6a43;background-image:repeating-linear-gradient(135deg,rgba(255,252,235,.06) 0 2px,transparent 2px 14px);display:grid;place-items:center;color:rgba(255,252,235,.85);font-size:14px;font-weight:500;text-align:center;padding:20px}
.tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tl-line{position:absolute;left:0;right:0;top:11px;height:2px;background:rgba(255,252,235,.18)}
.tl-fill{position:absolute;left:0;top:11px;height:2px;background:var(--acc);width:100%;transform-origin:left}
.tl-dot{width:24px;height:24px;border-radius:50%;background:#fca712;box-shadow:0 0 0 6px rgba(252,167,18,.22);position:relative;z-index:2;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 6px rgba(252,167,18,.22)}50%{box-shadow:0 0 0 13px rgba(252,167,18,0)}}
.proof{border-top:1px solid rgba(24,36,27,.14);padding-top:22px;transition:border-color .4s}
.proof:hover{border-color:#fca712}
.prob{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-top:1px solid rgba(255,252,235,.18)}
.pic{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(252,167,18,.14);color:#fca712}
.ch{background:#fff;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.ch:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(29,66,41,.45)}
.mvp{border-radius:32px;padding:40px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mvp:hover{transform:translateY(-6px)}
.val{background:#fff;border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,background .4s}
.val:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(29,66,41,.45)}
.vic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#F4ECD2;color:#285d3a;transition:background .4s,color .4s,transform .5s}
.val:hover .vic{background:#285d3a;color:#fca712;transform:rotate(-8deg)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 32px}
.storygrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
@supports (animation-timeline: view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
.grow{animation:grow linear both;animation-timeline:view();animation-range:entry 30% cover 60%}
.rv-img{animation:rvImg linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
}
@keyframes rv{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rvImg{from{clip-path:inset(14% 8% 14% 8% round 28px);transform:scale(1.06)}to{clip-path:inset(0 0 0 0 round 28px);transform:none}}
.foot a{color:rgba(255,252,235,.78);text-decoration:none}.foot a:hover{color:var(--acc)}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) minmax(0,1.3fr);gap:48px}
.soc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,252,235,.22);color:#FFFCEB!important;transition:background .3s,border-color .3s,color .3s,transform .3s}
.soc:hover{background:#fca712;border-color:#fca712;color:#18241b!important;transform:translateY(-3px)}
.fl{display:inline-flex;align-items:center;gap:6px;min-height:36px}
.fl .chev{width:0;opacity:0;transition:width .3s,opacity .3s;color:#fca712;flex:none}
.fl:hover .chev{width:14px;opacity:1}
.crow2{display:flex;align-items:center;gap:12px}
.cic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,252,235,.18);color:#fca712;transition:background .3s,color .3s}
a.crow2:hover .cic{background:#fca712;color:#18241b}
@media (max-width:1080px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.fgrid{grid-template-columns:minmax(0,1fr);gap:36px}}
@media (prefers-reduced-motion: reduce){.z *,.z *::before,.z *::after{animation:none!important;transition:none!important}}
@media (max-width:1080px){.navlinks{display:none}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.heroart{display:none}}
@media (max-width:900px){.g2,.storygrid{grid-template-columns:minmax(0,1fr);gap:40px}.g3,.tl{grid-template-columns:minmax(0,1fr)}.tl-line,.tl-fill{display:none}}
@media (max-width:600px){.wrap{padding:0 20px}.g4{grid-template-columns:minmax(0,1fr)}.wa-txt{display:none}.mvp{padding:30px;min-height:0}}