:root{--green:#78a82b;--green2:#5d8e1d;--green3:#3f711a;--ink:#18231b;--text:#4c574e;--muted:#7b857d;--bg:#f7f9f4;--line:#e5eadf;--white:#fff;--shadow:0 18px 50px rgba(32,50,29,.10);--radius:24px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 34px),var(--container));margin-inline:auto}.top-strip{background:linear-gradient(90deg,var(--green3),var(--green));color:#fff;font-size:13px}.top-strip__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-strip__links{display:flex;align-items:center;gap:24px}.top-strip__links a{display:inline-flex;align-items:center;gap:7px;opacity:.96}.ico{font-size:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(71,95,56,.08)}.nav-wrap{min-height:132px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:24px}.brand img{width:132px;height:132px;object-fit:contain;object-position:center}.main-nav{display:flex;justify-content:center;gap:30px}.main-nav a{font-weight:700;font-size:14px;color:#29322b;position:relative;padding:10px 0}.main-nav a:after{content:"";position:absolute;right:0;bottom:1px;width:0;height:2px;background:var(--green);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.main-nav a.active{color:var(--green2)}.header-call{background:var(--green3);color:#fff;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(70,111,27,.18)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#263128;margin:5px 0}.hero{position:relative;min-height:620px;display:flex;align-items:center;background:#f4f7ef;overflow:hidden}.hero__bg{position:absolute;inset:0;background:radial-gradient(circle at 17% 22%,rgba(124,176,48,.18),transparent 34%),linear-gradient(105deg,#eff5e7 0%,#f8faf5 48%,#fff 100%)}.hero__bg:after{content:"";position:absolute;left:-8%;bottom:-45%;width:72%;height:90%;background:rgba(103,154,40,.07);border-radius:50%;filter:blur(2px)}.hero__grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding:72px 0 92px}.kicker,.section-tag{display:inline-flex;align-items:center;gap:8px;color:var(--green2);font-weight:800;font-size:14px;letter-spacing:.02em}.kicker:before,.section-tag:before{content:"";width:24px;height:2px;background:var(--green)}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.18;margin:16px 0 20px;color:#162018;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--green)}.hero__copy>p{font-size:18px;max-width:620px;color:#566157;margin:0 0 28px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 22px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.25s;cursor:pointer;font-family:inherit}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 12px 26px rgba(111,160,40,.25)}.btn--ghost{border-color:#97a18f;background:rgba(255,255,255,.46);color:#1e291f}.hero__micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#626d64}.hero__micro i{font-style:normal;color:var(--green2);font-weight:900}.hero__visual{position:relative;height:470px}.hero-card{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 26px 70px rgba(39,52,35,.18);border:7px solid rgba(255,255,255,.82);background:#fff}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card--main{inset:20px 0 20px 95px;transform:rotate(-1.5deg)}.hero-card--small{width:235px;height:250px;left:0;bottom:-8px;transform:rotate(5deg);z-index:2}.hero-badge{position:absolute;right:38px;bottom:-22px;z-index:4;background:#fff;padding:14px 20px;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-badge strong{display:block;color:#213120}.hero-badge span{font-size:12px;color:var(--muted)}.hero-wave{position:absolute;left:-5%;right:-5%;bottom:-62px;height:125px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.trust-bar{position:relative;z-index:3;margin-top:-12px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:0 18px 45px rgba(28,49,25,.09);border:1px solid #edf0e9;overflow:hidden}.trust-grid article{display:flex;align-items:flex-start;gap:13px;padding:26px 22px;border-left:1px solid #edf0e9}.trust-grid article:last-child{border-left:0}.feature-icon{width:42px;height:42px;border-radius:13px;background:#eef5e5;color:var(--green2);display:grid;place-items:center;font-size:18px;font-weight:900;flex:0 0 auto}.trust-grid h3{font-size:15px;margin:0 0 3px;color:#243023}.trust-grid p{font-size:12px;margin:0;color:#7a847b}.section{padding:96px 0}.about{background:#fff}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.about__media{position:relative;min-height:510px}.about__photo{position:absolute;inset:0 70px 35px 0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.about__photo img{width:100%;height:100%;object-fit:cover}.about__accent{position:absolute;left:0;bottom:0;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#f9fff3,#edf5df);border:9px solid #fff;box-shadow:0 15px 36px rgba(67,100,36,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green2)}.about__accent span{font-size:34px;font-weight:900}.about__accent small{font-weight:700}.about__copy h2,.section-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1.35;margin:12px 0 18px;color:#1c261e}.about__copy p{font-size:16px;color:#687268}.about__list{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:25px 0}.about__list span{font-size:14px;color:#3f4b41}.about__list i{font-style:normal;color:#6c9c24;font-weight:900;margin-left:6px}.text-link{color:var(--green2);font-weight:900;display:inline-flex;gap:9px}.products{background:var(--bg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>div{max-width:640px}.section-heading p{max-width:430px;margin:0 0 8px;color:#7b857d}.section-heading--center{display:block;text-align:center}.section-heading--center>div{max-width:760px;margin:auto}.section-heading--center p{max-width:700px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid #e5eadf;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(38,58,33,.07);transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(38,58,33,.12)}.product-card__image{height:270px;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.05)}.product-card__body{padding:20px 19px 22px}.product-card__body span{color:var(--green2);font-weight:800;font-size:12px}.product-card__body h3{margin:5px 0 7px;color:#273128;font-size:18px}.product-card__body p{margin:0;color:#7b847d;font-size:13px}.why{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.why-card{padding:30px 24px;border-radius:21px;background:linear-gradient(180deg,#fbfdf8,#f4f8ee);border:1px solid #e5ebde;position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;left:-30px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:rgba(126,176,48,.07)}.why-card b{font-size:30px;color:#b6ca98}.why-card h3{font-size:19px;color:#243125;margin:8px 0}.why-card p{font-size:13px;color:#768079;margin:0}.cta-strip{background:linear-gradient(100deg,var(--green3),#76a922);color:#fff;padding:46px 0;position:relative;overflow:hidden}.cta-strip:before{content:"";position:absolute;width:360px;height:360px;border:58px solid rgba(255,255,255,.05);border-radius:50%;left:-120px;top:-160px}.cta-strip__inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-strip__inner span{font-weight:800}.cta-strip h2{font-size:33px;margin:3px 0 4px}.cta-strip p{margin:0;opacity:.86}.cta-strip__actions{display:flex;gap:10px;flex-wrap:wrap}.btn--light{background:#fff;color:#4c741b}.btn--outline-light{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}.contact{background:linear-gradient(180deg,#f7f9f4,#fff)}.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.contact__side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-item{background:#fff;border:1px solid #e6eadf;border-radius:17px;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(33,47,30,.05)}.contact-item>span{width:42px;height:42px;border-radius:12px;background:#eef5e5;color:var(--green2);display:grid;place-items:center;font-weight:900}.contact-item small{display:block;color:#899187;font-size:11px}.contact-item strong{display:block;color:#293329;font-size:13px;overflow-wrap:anywhere}.map-card{grid-column:1/-1;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e2e7dc;box-shadow:0 10px 26px rgba(32,50,29,.06)}.map-card iframe{width:100%;height:300px;border:0;display:block}.map-card>a{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-weight:800;color:#5f8d20;font-size:13px}.contact-form-card{background:#fff;border-radius:25px;border:1px solid #e3e8dd;box-shadow:var(--shadow);padding:30px}.contact-form-card h3{font-size:28px;margin:8px 0 6px;color:#253027}.contact-form-card>p{font-size:13px;color:#7d867e;margin:0 0 20px}.contact-form-card form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#465148}input,textarea{width:100%;border:1px solid #dfe5d8;border-radius:12px;padding:13px 14px;font:inherit;font-size:14px;color:#27312a;outline:none;background:#fbfcfa;transition:.2s}input:focus,textarea:focus{border-color:#9aba6c;box-shadow:0 0 0 4px rgba(120,168,43,.10);background:#fff}textarea{resize:vertical;min-height:140px}.btn--wide{width:100%;border:0}.form-status{min-height:22px;font-size:13px;font-weight:700}.form-status.ok{color:#4e8318}.form-status.err{color:#b14343}.footer{background:#182019;color:#cbd3cb;padding:54px 0 0}.footer__top{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:70px;padding-bottom:38px}.footer__brand img{width:230px;height:auto;object-fit:contain;background:#fff;border-radius:20px;padding:10px;opacity:1;margin-bottom:16px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.footer__brand p{max-width:430px;font-size:13px;color:#aeb9af}.footer h3{color:#fff;font-size:15px;margin:6px 0 15px}.footer__top>div:not(.footer__brand){display:flex;flex-direction:column;gap:8px}.footer__top a{font-size:13px;color:#bcc5bd}.footer__top a:hover{color:#fff}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);min-height:62px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#97a399}.footer__bottom a{color:#c9d2c9}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal--delay{transition-delay:.12s}@media(max-width:1000px){.nav-wrap{grid-template-columns:125px 1fr auto;gap:12px}.main-nav{gap:18px}.brand img{width:112px;height:112px}.hero__grid{grid-template-columns:1fr 1fr;gap:35px}.hero__visual{height:430px}.hero-card--main{left:70px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid article:nth-child(2){border-left:0}.trust-grid article:nth-child(-n+2){border-bottom:1px solid #edf0e9}.about__grid{gap:42px}.product-grid,.why-grid{grid-template-columns:1fr 1fr}.contact__grid{grid-template-columns:1fr}.footer__top{gap:35px}}@media(max-width:760px){.top-strip__welcome{display:none}.top-strip__inner{justify-content:center;min-height:34px}.top-strip__links{gap:15px;font-size:11px}.top-strip__links a:nth-child(3){display:none}.site-header{top:0}.nav-wrap{min-height:104px;grid-template-columns:1fr auto}.brand img{width:96px;height:96px}.menu-toggle{display:block;grid-column:2}.main-nav{position:absolute;top:104px;right:17px;left:17px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px;display:none;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px 13px}.header-call{display:none}.hero{min-height:auto}.hero__grid{grid-template-columns:1fr;padding:48px 0 76px;gap:34px}.hero__copy{text-align:center}.kicker{justify-content:center}.hero h1{font-size:46px;letter-spacing:-1px}.hero__copy>p{font-size:15px}.hero__actions,.hero__micro{justify-content:center}.hero__visual{height:330px}.hero-card--main{inset:0 45px 15px 25px}.hero-card--small{width:145px;height:150px;left:2px;bottom:-3px}.hero-badge{right:25px;bottom:-17px;padding:10px 14px}.hero-badge span{font-size:10px}.hero-wave{height:90px;bottom:-47px}.trust-grid{grid-template-columns:1fr;margin-top:10px}.trust-grid article{border-left:0!important;border-bottom:1px solid #edf0e9!important}.trust-grid article:last-child{border-bottom:0!important}.section{padding:72px 0}.about__grid{grid-template-columns:1fr}.about__media{min-height:420px}.about__photo{inset:0 35px 30px 0}.about__accent{width:145px;height:145px}.about__copy{text-align:right}.about__list{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{margin-top:8px}.product-grid,.why-grid{grid-template-columns:1fr}.product-card__image{height:300px}.cta-strip__inner{display:block;text-align:center}.cta-strip h2{font-size:27px}.cta-strip__actions{justify-content:center;margin-top:20px}.contact__side{grid-template-columns:1fr}.contact-item,.map-card{grid-column:1}.form-row{grid-template-columns:1fr}.contact-form-card{padding:22px}.footer__top{grid-template-columns:1fr;gap:25px}.footer__bottom{flex-direction:column;justify-content:center;gap:6px;padding:14px 0;text-align:center}.footer__brand img{width:200px}.reveal--delay{transition-delay:0s}}@media(max-width:480px){.top-strip__links a:nth-child(2){display:none}.hero h1{font-size:39px}.hero__micro{gap:9px}.hero__micro span{font-size:11px}.hero__visual{height:280px}.hero-card--main{right:25px;left:25px}.hero-card--small{width:120px;height:125px}.product-card__image{height:260px}.about__media{min-height:360px}.about__accent{width:125px;height:125px}.about__accent span{font-size:28px}}


/* ===== Premium scroll + animated identity ===== */
html{scroll-padding-top:150px}
body{position:relative}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:4px;z-index:9999;pointer-events:none;background:rgba(120,168,43,.08)}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:right center;background:linear-gradient(90deg,#3f711a,#78a82b,#b8d66a);box-shadow:0 0 14px rgba(120,168,43,.55);will-change:transform}
.page-glow{position:fixed;width:460px;height:460px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1;opacity:.12;will-change:transform}
.page-glow--one{right:-180px;top:20vh;background:#8fbd42}
.page-glow--two{left:-210px;bottom:8vh;background:#52624d;opacity:.07}
.site-header{transition:min-height .35s ease,box-shadow .35s ease,background .35s ease,transform .35s ease}
.nav-wrap{transition:min-height .35s ease}
.brand{position:relative;isolation:isolate}
.brand:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,rgba(120,168,43,.14),transparent 70%);filter:blur(12px);z-index:-1;animation:brandAura 4.5s ease-in-out infinite}
.brand img{animation:logoFloat 4.8s ease-in-out infinite;transition:width .35s ease,height .35s ease,transform .35s ease;will-change:transform}
body.is-scrolled .site-header{background:rgba(255,255,255,.965);box-shadow:0 14px 42px rgba(37,55,31,.10)}
body.is-scrolled .nav-wrap{min-height:88px}
body.is-scrolled .brand img{width:84px;height:84px}
body.is-scrolled .main-nav a{padding-block:8px}
.hero__copy,.hero__visual,.about__media,.about__copy,.section-heading,.product-card,.why-card,.contact__side,.contact-form-card,.cta-strip__inner{will-change:transform,opacity}
.reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(5px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1),filter .6s ease}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.reveal-card{transition-delay:var(--delay,0ms)}
.parallax-soft{--parallax-y:0px;transform:translate3d(0,var(--parallax-y),0)}
.parallax-soft.reveal:not(.visible){transform:translate3d(0,calc(34px + var(--parallax-y)),0) scale(.985)}
.parallax-soft.reveal.visible{transform:translate3d(0,var(--parallax-y),0) scale(1)}
.hero-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.hero-card--main{animation:heroCardDrift 7s ease-in-out infinite}
.hero-card--small{animation:heroCardDriftSmall 6.5s ease-in-out infinite}
.hero-badge{animation:badgeFloat 4s ease-in-out infinite}
.product-card,.why-card,.contact-item,.trust-grid article{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.product-card:hover,.why-card:hover{transform:translateY(-9px) rotateX(1deg);border-color:#cfdcbe;box-shadow:0 24px 55px rgba(44,69,36,.14)}
.contact-item:hover,.trust-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 36px rgba(40,62,34,.09)}
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;top:-80%;left:-35%;width:24%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(24deg) translateX(-380%);transition:transform .65s ease}
.btn:hover:after{transform:rotate(24deg) translateX(620%)}

/* animated logo watermarks across the page */
.hero:before,.trust-bar:before,.about:before,.products:before,.why:before,.cta-strip:after,.contact:before,.footer:before{
  content:"";position:absolute;width:180px;height:180px;background:url("../images/logo.png") center/contain no-repeat;
  pointer-events:none;opacity:.035;filter:saturate(.65);z-index:0;animation:watermarkFloat 8s ease-in-out infinite;will-change:transform
}
.hero:before{right:3%;top:8%;width:240px;height:240px;opacity:.05}
.trust-bar{position:relative}
.trust-bar:before{left:3%;top:-35px;width:135px;height:135px}
.about{position:relative;overflow:hidden}
.about:before{left:2%;top:5%;transform:rotate(-8deg)}
.products{position:relative;overflow:hidden}
.products:before{right:1%;bottom:2%;width:230px;height:230px;opacity:.03;animation-delay:-1s}
.why{position:relative;overflow:hidden}
.why:before{left:3%;top:12%;width:210px;height:210px;animation-delay:-2s}
.cta-strip:after{right:3%;top:50%;width:190px;height:190px;opacity:.06;filter:brightness(0) invert(1);animation-delay:-3s}
.contact{position:relative;overflow:hidden}
.contact:before{right:2%;top:7%;width:190px;height:190px;animation-delay:-4s}
.footer{position:relative;overflow:hidden}
.footer:before{left:2%;top:16%;width:210px;height:210px;opacity:.025;filter:brightness(0) invert(1);animation-delay:-5s}
.hero>.container,.trust-bar>.container,.about>.container,.products>.container,.why>.container,.cta-strip>.container,.contact>.container,.footer>.container{position:relative;z-index:1}

.floating-brand{position:fixed;left:22px;bottom:22px;width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(112,154,48,.22);box-shadow:0 16px 42px rgba(42,61,35,.18);z-index:80;display:grid;place-items:center;padding:8px;transition:transform .3s ease,box-shadow .3s ease;animation:floatingLogo 5.5s ease-in-out infinite}
.floating-brand:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 22px 52px rgba(42,61,35,.24)}
.floating-brand img{width:100%;height:100%;object-fit:contain;border-radius:50%;animation:logoBreath 4.3s ease-in-out infinite}
.floating-brand__ring{position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(120,168,43,.5);animation:ringSpin 12s linear infinite}
.floating-brand:after{content:"↑";position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--green2);color:#fff;font-size:13px;font-weight:900;box-shadow:0 6px 14px rgba(55,92,22,.25)}

.footer__brand img{animation:footerLogoFloat 5s ease-in-out infinite}
.about__accent{animation:accentFloat 5.2s ease-in-out infinite}
.feature-icon{transition:transform .3s ease,background .3s ease}
.trust-grid article:hover .feature-icon{transform:rotate(-7deg) scale(1.08);background:#e6f1d9}

@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1.3deg)}}
@keyframes logoBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes brandAura{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.12);opacity:.9}}
@keyframes heroCardDrift{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-.7deg) translateY(-8px)}}
@keyframes heroCardDriftSmall{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.7deg) translateY(-10px)}}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes watermarkFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-14px,0) rotate(2deg)}}
@keyframes floatingLogo{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes footerLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes accentFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}

@media(max-width:1000px){
  body.is-scrolled .nav-wrap{min-height:82px}
  body.is-scrolled .brand img{width:76px;height:76px}
  .hero:before,.products:before,.why:before,.contact:before{width:150px;height:150px}
}
@media(max-width:760px){
  html{scroll-padding-top:118px}
  body.is-scrolled .nav-wrap{min-height:78px}
  body.is-scrolled .brand img{width:72px;height:72px}
  body.is-scrolled .main-nav{top:78px}
  .floating-brand{width:62px;height:62px;left:14px;bottom:14px;padding:6px}
  .floating-brand__ring{inset:-5px}
  .hero:before,.trust-bar:before,.about:before,.products:before,.why:before,.contact:before{width:105px;height:105px;opacity:.025}
  .cta-strip:after,.footer:before{width:110px;height:110px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important;filter:none!important}
  .parallax-soft{transform:none!important}
}


/* ===== Vertical premium scroll indicator ===== */
html{
  scrollbar-width:thin;
  scrollbar-color:#6e9f25 #eef3e8;
}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{
  background:linear-gradient(180deg,#f7faf3,#edf3e7);
  border-left:1px solid rgba(91,130,40,.08)
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8db93c,#5f9220);
  border-radius:999px;
  border:3px solid #eef3e8;
  min-height:72px;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#79a92c,#4d8115)}

.vertical-scroll{
  position:fixed;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  z-index:88;
  display:flex;
  align-items:center;
  gap:9px;
  pointer-events:none;
  opacity:.95;
}
.vertical-scroll__rail{
  position:relative;
  width:5px;
  height:min(48vh,430px);
  border-radius:99px;
  background:rgba(75,101,61,.12);
  box-shadow:
    inset 0 0 0 1px rgba(92,136,42,.10),
    0 9px 25px rgba(41,64,34,.08);
  overflow:visible;
}
.vertical-scroll__fill{
  position:absolute;
  inset:0 0 auto 0;
  width:100%;
  height:100%;
  transform:scaleY(0);
  transform-origin:top center;
  border-radius:99px;
  background:linear-gradient(180deg,#b7d762 0%,#79aa2c 45%,#4f8617 100%);
  box-shadow:0 0 14px rgba(112,162,44,.38);
  will-change:transform;
}
.vertical-scroll__marker{
  position:absolute;
  left:50%;
  top:0;
  width:40px;
  height:40px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:5px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(104,148,45,.26);
  box-shadow:0 10px 28px rgba(43,65,35,.18);
  will-change:top,transform;
}
.vertical-scroll__marker:before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:1px dashed rgba(114,161,45,.42);
  animation:verticalMarkerSpin 10s linear infinite;
}
.vertical-scroll__marker img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  animation:verticalMarkerBreath 3.8s ease-in-out infinite;
}
.vertical-scroll__label{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#6d7c65;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.4px;
  opacity:.58;
}

body.is-scrolled .vertical-scroll{opacity:1}

@keyframes verticalMarkerSpin{to{transform:rotate(360deg)}}
@keyframes verticalMarkerBreath{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}

@media(max-width:1050px){
  .vertical-scroll{left:8px}
  .vertical-scroll__label{display:none}
  .vertical-scroll__rail{height:min(42vh,350px)}
  .vertical-scroll__marker{width:34px;height:34px}
}
@media(max-width:760px){
  .vertical-scroll{left:5px}
  .vertical-scroll__rail{width:4px;height:36vh}
  .vertical-scroll__marker{width:29px;height:29px;padding:4px}
}
@media(prefers-reduced-motion:reduce){
  .vertical-scroll__marker:before,.vertical-scroll__marker img{animation:none!important}
}