:root{
  --navy:#092a49; --navy2:#122f45; --red:#179246; --red2:#3dcb73; --ink:#16232d;
  --muted:#6c7880; --line:#e6eaec; --off:#f5f7f7; --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}
a{text-decoration:none;color:inherit} .site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(0,0,0,.05)}
.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font-family:"Barlow Condensed";font-weight:700;font-size:25px}.brand strong{display:block;font-size:16px;letter-spacing:1.5px}.brand small{display:block;color:#879199;font-size:8px;letter-spacing:2px;margin-top:2px}
.nav{display:flex;gap:30px;font-size:12px;color:#44515a}.nav a:hover{color:var(--red)}.header-cta{font-size:11px;font-weight:700;padding:12px 18px;background:var(--navy);color:white;border-radius:2px}.header-cta span{color:#179246;margin-left:8px}.menu-btn{display:none;background:none;border:0;font-size:25px}
.hero{min-height:680px;background:var(--navy);display:grid;grid-template-columns:44% 56%;color:white;overflow:hidden}.hero-copy{padding:105px 0 90px 11%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#aebbc3;margin:0 0 22px}.hero h1,.statement h2,.contact h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(65px,7vw,108px);line-height:.84;font-weight:500;letter-spacing:-2px;margin:0}.hero h1 span,.statement h2 span,.contact h2 span{color:var(--red)}.hero-text{max-width:450px;color:#c0cbd2;line-height:1.65;font-size:14px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:25px}.btn{display:inline-flex;align-items:center;gap:20px;padding:15px 21px;border:0;border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.4px;cursor:pointer}.btn-red{background:var(--red);color:white}.btn-white{background:white;color:var(--navy)}.text-link{font-size:11px;color:#d5dde1}.hero-visual{position:relative;min-height:680px}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,36,55,.15),rgba(12,36,55,.05)),url("https://images.unsplash.com/photo-1548550023-2bdb3c5beed7?auto=format&fit=crop&w=1600&q=85") center/cover}
.hero-overlay-circle{position:absolute;width:560px;height:560px;border:70px solid rgb(23, 146, 70, .82);border-radius:50%;right:-170px;top:75px;mix-blend-mode:multiply;}
.floating-card{position:absolute;bottom:50px;left:8%;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.93);color:var(--ink);padding:17px 24px;min-width:205px}.floating-card .mini-icon{color:var(--red);font-size:22px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:9px;color:var(--muted);margin-top:3px}.floating-stat{position:absolute;right:7%;bottom:48px;background:var(--red);padding:22px 25px;color:white}.floating-stat strong{font-family:"Barlow Condensed";font-size:43px;line-height:1}.floating-stat span{font-size:9px;display:inline-block;line-height:1.3;margin-left:10px}
.section{padding:115px 9%}.section-label{font-size:9px;letter-spacing:2.5px;font-weight:700;color:#9aa4aa;margin-bottom:55px}.intro-grid,.solutions-head,.products-head,.quality,.insights-head{display:grid;grid-template-columns:1.05fr .95fr;gap:10%}.intro h2,.solutions h2,.products h2,.quality h2,.insights h2{font-family:"Barlow Condensed";font-size:clamp(50px,5vw,78px);line-height:.88;font-weight:500;margin:0;letter-spacing:-1px}.intro h2 span,.solutions h2 span,.products h2 span,.quality h2 span,.insights h2 span{color:var(--red)}.intro p,.quality-copy>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:500px}.intro .lead{font-size:17px;color:var(--ink);line-height:1.6}.arrow-link{display:inline-flex;gap:35px;margin-top:25px;font-size:11px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--red);padding-bottom:8px}.arrow-link span{color:var(--red)}
.solutions{background:var(--off)}.solutions-head{margin-bottom:50px}.solutions-head>p,.products-head>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:350px;align-self:end}.solution-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{background:#fff;position:relative;border:1px solid #e7ebed;transition:.3s}.solution-card:hover,.solution-card.active{transform:translateY(-7px);box-shadow:0 22px 55px rgba(10,31,45,.1)}.card-number{position:absolute;z-index:2;top:18px;left:18px;background:var(--red);color:white;font-size:9px;padding:7px 9px}.solution-image{height:250px;background-size:cover;background-position:center}.poultry{background-image:url("https://images.unsplash.com/photo-1589924691995-400dc9ecc119?auto=format&fit=crop&w=900&q=80")}.livestock{background-image:url("https://images.unsplash.com/photo-1516467508483-a7212febe31a?auto=format&fit=crop&w=900&q=80")}.aqua{background-image:url("https://images.unsplash.com/photo-1534766555764-ce878a5e3a2b?auto=format&fit=crop&w=900&q=80")}.card-body{padding:25px}.card-body h3{font-family:"Barlow Condensed";font-size:30px;margin:0 0 9px; text-transform: uppercase;}.card-body p{font-size:11px;color:var(--muted);line-height:1.6;min-height:50px}.card-body a,.product-card a,.insight-grid a{font-size:10px;color:var(--red);font-weight:700}
.statement{min-height:610px;background:var(--navy);position:relative;overflow:hidden;color:white;display:flex;align-items:center;padding:90px 10%}.statement-content{position:relative;z-index:2;max-width:600px}.statement-content>p:not(.eyebrow){color:#b8c5cc;line-height:1.7;font-size:13px;max-width:470px;margin:30px 0}
.statement-ring{position:absolute; width:700px; height:700px; border-radius:50%; border:110px solid #179246EB !important; right:-260px; top:-40px;}
.statement-ring:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.3);border-radius:50%;top:-15px;left:-15px}
.products-head{margin-bottom:55px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{border:1px solid var(--line);padding:13px 13px 24px;background:#fff}.product-tag{font-size:8px;letter-spacing:1.5px;color:var(--red);font-weight:700;margin:7px}.product-art{height:260px;margin-bottom:22px;background-position:center;background-size:cover}.art-1{background-image:url("https://images.unsplash.com/photo-1569288052389-dac9b01c9c6a?auto=format&fit=crop&w=700&q=80")}.art-2{background-image:url("https://images.unsplash.com/photo-1592982537447-6f9a4d8b3e4b?auto=format&fit=crop&w=700&q=80")}.art-3{background-image:url("https://images.unsplash.com/photo-1559839914-17aae19cec71?auto=format&fit=crop&w=700&q=80")}.art-4{background-image:url("https://images.unsplash.com/photo-1574974671999-24b7e0c3e9f6?auto=format&fit=crop&w=700&q=80")}.product-card h3{font-family:"Barlow Condensed";font-size:28px;margin:0 7px 6px; text-transform: uppercase;}.product-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0 7px 16px}.product-card a{margin:0 7px}
.quality{padding:0;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--off)}.quality-image{min-height:650px;background:url("https://images.unsplash.com/photo-1601758228041-f3b2795255f1?auto=format&fit=crop&w=1200&q=85") center/cover}.quality-copy{padding:100px 11%}.quality-metrics{display:flex;gap:45px;border-top:1px solid #dfe4e6;margin-top:35px;padding-top:25px}.quality-metrics strong{font-family:"Barlow Condensed";font-size:35px;color:var(--red);display:block}.quality-metrics span{font-size:9px;color:var(--muted);line-height:1.3}
.insights-head{margin-bottom:50px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.insight-image{height:245px;background-size:cover;background-position:center;margin-bottom:20px}.i1{background-image:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=80")}.i2{background-image:url("https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?auto=format&fit=crop&w=900&q=80")}.i3{background-image:url("https://images.unsplash.com/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&w=900&q=80")}.insight-grid small{font-size:8px;letter-spacing:1.5px;color:var(--red);font-weight:700}.insight-grid h3{font-family:"Barlow Condensed";font-size:29px;line-height:1;margin:12px 0 18px;max-width:360px}.contact{background:var(--off);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 10%}.contact-copy h2{font-size:75px;color:var(--navy)}.contact-copy>p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:13px;line-height:1.7;margin-top:30px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:center}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #cfd6da;background:transparent;padding:16px 4px;font:inherit;font-size:11px;outline:none}.contact-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.contact-form button{justify-self:start;margin-top:10px}
footer{background:#092a49;color:white;padding:55px 9%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{font-size:13px;letter-spacing:1.2px}.footer-brand small{font-size:8px;color:#91a0aa;margin-top:3px}.footer-links{display:flex;gap:25px;font-size:10px;color:#aebbc3}.footer-links a:hover{color:white}footer>p{font-size:9px;color:#74838d}
@media(max-width:900px){.nav,.header-cta{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8% 55px}.hero-visual{min-height:480px}.hero h1{font-size:75px}.intro-grid,.solutions-head,.products-head,.quality,.insights-head,.contact{grid-template-columns:1fr;gap:35px}.section{padding:80px 7%}.solution-cards,.product-grid,.insight-grid{grid-template-columns:1fr 1fr}.quality-image{min-height:420px}.contact{padding:80px 7%}.contact-copy h2{font-size:65px}.footer-links{display:none}}
@media(max-width:600px){.solution-cards,.product-grid,.insight-grid{grid-template-columns:1fr}.hero-copy{padding-top:65px}.hero h1{font-size:61px}.hero-visual{min-height:360px}.hero-overlay-circle{width:380px;height:380px;border-width:45px;right:-150px;top:30px}.floating-card{left:5%;bottom:20px}.floating-stat{right:5%;bottom:20px;padding:15px}.intro h2,.solutions h2,.products h2,.quality h2,.insights h2{font-size:53px}.contact-copy h2{font-size:55px}.contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:auto}footer{padding:40px 7%;flex-direction:column;align-items:flex-start}}


.brand img {
    width: 145px;
    max-height: 55px;
    object-fit: contain;
    object-position: left center;
}

/* ================================
   PREMIUM MOTION / ANIMATIONS
   ================================ */

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

/* Page-load reveal */
@keyframes pageFade {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-copy > * {
  animation: pageFade .8s cubic-bezier(.2,.7,.2,1) both;
}
.hero-copy .eyebrow { animation-delay: .08s; }
.hero-copy h1 { animation-delay: .18s; }
.hero-copy .hero-text { animation-delay: .30s; }
.hero-copy .hero-actions { animation-delay: .42s; }

/* Hero image entrance */
@keyframes heroZoom {
  from { transform: scale(1.10); opacity: .55; }
  to { transform: scale(1); opacity: 1; }
}
.hero-image {
  animation: heroZoom 1.5s cubic-bezier(.2,.7,.2,1) both;
}
.hero-image {
    background-image: url("hIME\ PAGE.png");
    background-size: cover;
    background-position: center;
    animation: heroZoom 1.5s cubic-bezier(.2,.7,.2,1) both;
}

/* Floating hero elements */
@keyframes floatSoft {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-10px,0); }
}
.floating-card { animation: floatSoft 4.5s ease-in-out infinite; }
.floating-stat { animation: floatSoft 5.5s ease-in-out .5s infinite; }

/* Rotating/cinematic circular motif */
@keyframes ringRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.hero-overlay-circle {
  animation: ringRotate 22s linear infinite;
}
.statement-ring {
  animation: ringRotate 28s linear infinite;
}

/* Section reveal */
.reveal {
  opacity: 0;
  transform: translateY(45px);
  transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered cards */
.solution-card,
.product-card,
.insight-grid article {
  opacity: 0;
  transform: translateY(35px);
}
.solution-card.visible,
.product-card.visible,
.insight-grid article.visible {
  animation: cardIn .75s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cardIn {
  to { opacity: 1; transform: translateY(0); }
}
.solution-card:nth-child(2).visible,
.product-card:nth-child(2).visible,
.insight-grid article:nth-child(2).visible { animation-delay: .10s; }
.solution-card:nth-child(3).visible,
.product-card:nth-child(3).visible,
.insight-grid article:nth-child(3).visible { animation-delay: .20s; }
.product-card:nth-child(4).visible { animation-delay: .30s; }

/* Image hover */
.solution-image,
.product-art,
.insight-image,
.quality-image {
  transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .5s ease;
}
.solution-card:hover .solution-image,
.product-card:hover .product-art,
.insight-grid article:hover .insight-image {
  transform: scale(1.055);
  filter: saturate(1.08);
}
.solution-card,
.product-card,
.insight-grid article {
  overflow: hidden;
}

/* Solution image animation */
.solution-image {
    overflow: hidden;
}

.solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

.solution-card:hover .solution-image img {
    transform: scale(1.08);
}

/* Product card lift */
.product-card {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.product-card:hover {
  transform: translateY(-10px);
  border-color: rgb(23, 146, 70, .35);
  box-shadow: 0 24px 60px rgba(12,36,55,.12);
}
.product-art {
    height: 280px;
    overflow: hidden;
    position: relative;
}

.product-art img {
    width: 100%;
    height: 140%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

.product-card:hover .product-art img {
    transform: scale(1.08);
}
/* Red link arrow motion */
.arrow-link,
.card-body a,
.product-card a,
.insight-grid a {
  transition: letter-spacing .25s ease, color .25s ease;
}
.arrow-link:hover,
.card-body a:hover,
.product-card a:hover,
.insight-grid a:hover {
  letter-spacing: .7px;
}

/* CTA hover */
.btn {
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.btn::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: -10%;
  top: 0;
  background: rgba(255,255,255,.16);
  transform: skewX(-20deg);
  transition: width .45s ease;
}
.btn:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.15); }
.btn:hover::after { width: 120%; }

/* Navigation underline */
.nav a {
  position: relative;
  transition: color .25s ease;
}
.nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 2px;
  background: var(--red);
  transition: width .25s ease;
}
.nav a:hover::after { width: 100%; }

/* Stats count emphasis */
.quality-metrics > div {
  transition: transform .3s ease;
}
.quality-metrics > div:hover { transform: translateY(-6px); }

/* Subtle pulse */
@keyframes pulseDot {
  0%,100% { box-shadow: 0 0 0 0 rgba(230,34,67,.25); }
  50% { box-shadow: 0 0 0 10px rgba(230,34,67,0); }
}
.brand-mark { animation: pulseDot 3s ease-in-out infinite; }

/* Scroll progress */
.scroll-progress {
  position: fixed;
  left: 0;
  top: 0;
  height: 3px;
  width: 0;
  background: var(--red);
  z-index: 100;
  transform-origin: left;
}

/* Mobile menu animation */
@media(max-width:900px){
  .nav.mobile-open {
    display: flex;
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    padding: 25px 7%;
    background: white;
    flex-direction: column;
    gap: 18px;
    box-shadow: 0 20px 35px rgba(0,0,0,.08);
    animation: menuDrop .3s ease both;
  }
}
@keyframes menuDrop {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Respect accessibility settings */
@media(prefers-reduced-motion: reduce){
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
