/* AgroNest V3 — visual layer. Existing copy and base utilities are preserved. */
:root{--ink:#102a30;--deep:#071b21;--lime:#c5ef73;--green:#387349;--paper:#f4f6f1;--line:#dbe2dc;--mx:0;--my:0;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);overflow-x:clip;color:var(--ink);font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}::selection{background:var(--lime);color:var(--ink)}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid #65a747;outline-offset:5px}
.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--lime);z-index:100}
header{background:rgba(250,252,248,.95)!important;backdrop-filter:blur(18px);border:0!important}
header>div{height:88px!important;max-width:1600px!important;padding-inline:4.5%!important}
header nav ul{gap:24px!important}header nav a{font-size:13px!important;color:var(--ink)!important}
header>div>a>span{font-size:25px!important}header>div>div>a{background:var(--ink)!important;border-radius:50px!important;padding:14px 23px!important}
header button{color:var(--ink)!important}
.text-brand-navy{color:var(--ink)}.text-brand-green{color:var(--green)}
h1,h2,h3{font-family:Archivo,Arial,sans-serif;letter-spacing:-.045em!important}p{line-height:1.7}
main>section:not(#top){scroll-margin-top:100px;padding:110px 0}
main>section>div.mx-auto,footer>div{max-width:1440px;padding-inline:5.5%}
#top{min-height:790px;background:var(--deep);isolation:isolate;overflow:hidden}
#top>img{opacity:.1;filter:saturate(.5);object-position:center 60%}
#top>div.absolute{background:linear-gradient(100deg,#071b21 5%,rgba(7,27,33,.85) 48%,rgba(7,27,33,.1))}
#top>div.relative{max-width:1600px;padding:88px 5.5% 94px;position:static}
#top>div.relative>div{max-width:100%;position:static}
#top h1{position:relative;z-index:3;font-size:clamp(64px,6.5vw,104px);line-height:.98;max-width:64%;font-weight:800;margin:26px 0}
#top h1>span{display:block}#top h1>span:last-child{color:var(--lime)}
#top p,#top .mt-9{position:relative;z-index:4;max-width:510px}
#top p:first-child{border:1px solid #658077;background:transparent;color:var(--lime);padding:9px 14px;font-size:12px;letter-spacing:.17em}
#top p.mt-6{font-size:16px;margin-top:27px}#top p.mt-6 .text-brand-green{color:var(--lime)}
#top p.mt-3{font-size:15px;color:#bac9c9;max-width:470px}
#top .mt-9{margin-top:30px;flex-direction:row;gap:12px}#top .mt-9 a{border-radius:50px;padding:16px 24px;font-size:14px}
#top .mt-9 a:first-child{background:var(--lime);color:var(--ink)}#top .mt-9 a:last-child{border:1px solid #60777b;background:transparent}
#top .mt-9 a:hover{background:white;color:var(--ink);transform:translateY(-3px)}
.hero-scene{position:absolute;right:1%;top:6%;width:49%;height:87%;perspective:1200px;pointer-events:none;z-index:2}
.photo-layer{position:absolute;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 28px 65px #0009;border:1px solid #ffffff66;transition:transform .4s ease-out;transform-style:preserve-3d}
.photo-main{background-image:url('assets/cc9f5ed2-8733-4440-b800-a2e1aa9a4b68.jpg');width:87%;height:62%;top:19%;left:7%;transform:rotateY(calc(-17deg + var(--mx)*5deg)) rotateX(calc(8deg + var(--my)*-4deg)) rotateZ(-5deg);z-index:2}
.photo-main:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,#fff3,transparent 40%,#12293055)}
.photo-back{background-image:url('assets/b3d671f8-62b3-42f9-872d-aea478f369b2.jpg');width:58%;height:40%;right:0;top:0;transform:rotateY(-18deg) rotateZ(9deg) translateY(calc(var(--my)*-10px));filter:brightness(.8);z-index:1}
.photo-front{background-image:url('assets/941b868c-411f-4879-822a-881ae0fb7194.jpg');width:50%;height:31%;bottom:0;left:3%;transform:rotateY(calc(-13deg + var(--mx)*6deg)) rotateZ(5deg) translateY(calc(var(--my)*-12px));z-index:3}
.scene-orbit{position:absolute;width:110%;aspect-ratio:1;border:1px solid #b5e78730;border-radius:50%;left:-5%;top:0;transform:rotateX(53deg) rotateZ(-25deg);box-shadow:0 0 100px #c5ef730a,inset 0 0 90px #c5ef7310}
.scene-axis{position:absolute;width:65%;height:1px;background:linear-gradient(90deg,transparent,#c5ef73,transparent);bottom:5%;right:0;transform:rotate(-30deg);opacity:.5}
#divisions{background:var(--paper);padding-top:95px}
#divisions>div>div:first-child,#why-us>div>div:first-child{max-width:none;text-align:left;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:10%}
#divisions>div>div:first-child>p:first-child,#why-us>div>div:first-child>p:first-child{grid-column:1/-1;color:var(--green);font-size:12px;letter-spacing:.18em}
#divisions h2,#why-us h2{font-size:clamp(34px,3.6vw,54px);line-height:1.08;max-width:620px}
#divisions>div>div:first-child>p:last-child{align-self:end;color:#62716d;font-size:16px;max-width:440px}
#divisions ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;overflow:visible;margin-top:52px}
#divisions li{perspective:900px;min-width:0}#divisions li a{border:0;border-right:1px solid var(--line);border-radius:0;padding:30px 22px;background:transparent;transition:background .25s,transform .3s,box-shadow .3s;min-height:310px;transform-style:preserve-3d}
#divisions li:first-child a{border-radius:12px 0 0 12px}#divisions li:last-child a{border-right:0;border-radius:0 12px 12px 0}
#divisions li a:hover{background:white;box-shadow:0 25px 45px #102a301a;transform:translateY(-10px) rotateX(4deg)}
#divisions li a>span:first-child{background:transparent;color:var(--green);border:1px solid #becbbf;border-radius:50%;height:48px;width:48px}
#divisions h3{font-size:19px;line-height:1.2;min-height:68px}#divisions li p{font-size:14px;line-height:1.6;color:#62716d}#divisions li a>span:last-child{font-size:13px;color:var(--ink)}
section[aria-labelledby]{background:#fff;position:relative;border-top:1px solid var(--line)}
section[aria-labelledby]>div>div{gap:8%;perspective:1600px}
section[aria-labelledby] img{aspect-ratio:1.16;transition:transform 1.2s cubic-bezier(.2,.6,.2,1);filter:saturate(.85)}
section[aria-labelledby] img:hover{transform:scale(1.045)}
section[aria-labelledby] .overflow-hidden{border-radius:10px;box-shadow:18px 20px 0 #e6ece3,0 30px 50px #102a3015;transform:rotateY(5deg)}
section[aria-labelledby] h2{font-size:clamp(35px,3.7vw,58px);line-height:1.08}
section[aria-labelledby] p.mt-5{font-size:16px;color:#5f716e}
section[aria-labelledby] p.uppercase{font-size:12px;letter-spacing:.18em;color:var(--green)}
section[aria-labelledby] div>span.inline-flex{border-radius:50%;background:#edf2e9;color:var(--green)}
section[aria-labelledby] .mt-7.flex{border:0;border-radius:0;border-left:2px solid #8aa978;background:#f4f6f1;padding:16px}
section[aria-labelledby] a{background:var(--ink)!important;border-radius:40px;padding:15px 25px}
section[aria-labelledby] a:hover{background:var(--green)!important;box-shadow:0 9px 20px #102a3020}
#machinery{background:#f1f4ee}#machinery .overflow-hidden{box-shadow:-18px 20px 0 #dfe7d9;transform:rotateY(-5deg)}
#supplies,#project-management{background:var(--paper)}
#supplies>div>div>div:first-child>div,#project-management>div>div>div:first-child>div{background:radial-gradient(ellipse at 30% 20%,#386851,#102a30 65%);border:1px solid #668679;box-shadow:0 30px 55px #102a3026;transform:perspective(900px) rotateY(12deg) rotateZ(-3deg);border-radius:14px;position:relative;overflow:hidden}
#project-management>div>div>div:first-child>div{background:radial-gradient(ellipse at 70% 20%,#627949,#102a30 65%);transform:perspective(900px) rotateY(-12deg) rotateZ(3deg)}
#supplies>div>div>div:first-child>div:before,#project-management>div>div>div:first-child>div:before{content:"";position:absolute;inset:14%;border:1px solid #c5ef7330;border-radius:50%;box-shadow:0 0 0 35px #c5ef7308,0 0 0 70px #c5ef7305}
#supplies svg.h-28,#project-management svg.h-28{color:var(--lime);stroke-width:1;filter:drop-shadow(12px 18px 0 #0003)}
#why-us{background:var(--deep);position:relative}#why-us>div>div:first-child{display:block}#why-us>div>div:first-child>p:first-child{color:var(--lime)}
#why-us h2{max-width:720px}#why-us .grid{gap:0;border-top:1px solid #ffffff25;padding-top:15px}
#why-us .grid>div{border:0;border-right:1px solid #ffffff20;background:transparent;border-radius:0;padding:30px}
#why-us .grid>div:first-child{padding-left:0}#why-us .grid>div:last-child{border:0}#why-us h3{font-size:22px;line-height:1.2;letter-spacing:-.02em!important}
#why-us .grid p{font-size:15px;color:#acbebe}#why-us span{border-radius:50%;background:var(--lime);color:var(--ink)}
#contact{background:#edf2e8}#contact h2{font-size:clamp(45px,4.8vw,72px);line-height:1.05}#contact p.text-lg{font-size:17px;max-width:440px;color:#5f716e}
#contact form{border:1px solid #d6dfd0;border-radius:16px;box-shadow:0 24px 70px #102a3010;padding:38px}
#contact input,#contact select,#contact textarea{background:#f8faf6;border:1px solid #d4ded1;border-radius:7px;min-height:48px;font-size:16px}
#contact input:focus,#contact select:focus,#contact textarea:focus{outline:2px solid #72a354;outline-offset:2px;box-shadow:none}
#contact form button{border-radius:40px;background:var(--ink);padding:16px}#contact form button:hover{background:var(--green)}#contact dd{max-width:360px;font-size:15px}
footer{background:var(--deep)!important}footer>div{padding-top:64px;padding-bottom:30px}footer .bg-white{background:transparent;padding:0}footer .text-brand-navy,footer .text-brand-charcoal{color:white}footer .text-brand-green{color:var(--lime)}
.reveal{opacity:0;translate:0 32px;transition:opacity .8s,translate .8s}.reveal.is-visible{opacity:1;translate:0 0}
@media(min-width:1600px){#top{min-height:860px}.hero-scene{right:5%;width:45%}}
@media(max-width:1100px){header nav ul{gap:14px!important}header nav a{font-size:12px!important}#divisions ul{grid-template-columns:repeat(3,1fr);gap:12px;border:0}#divisions li a{border:1px solid var(--line)!important;border-radius:10px!important}#top{min-height:750px}#top h1{font-size:76px}.hero-scene{right:-6%;top:14%;width:52%;height:70%}}
@media(max-width:1023px){header>div{height:76px!important}#mobile-menu{padding:15px 5.5%;background:var(--paper)}#mobile-menu ul{list-style:none;display:grid;gap:0}#mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}main>section:not(#top){padding:75px 0}section[aria-labelledby]>div>div{gap:45px}section[aria-labelledby] img{max-height:520px}#why-us .grid{grid-template-columns:1fr 1fr}#why-us .grid>div{padding:25px!important}#divisions h3{min-height:45px}}
@media(max-width:700px){header>div>a>span{font-size:21px!important}#top{min-height:1050px}#top>div.relative{padding:46px 6% 420px}#top h1{font-size:clamp(52px,11.7vw,78px);max-width:100%;margin:24px 0;line-height:1}#top p:first-child{font-size:10px;letter-spacing:.13em}#top p.mt-6{font-size:14px;max-width:100%}#top p.mt-3{font-size:14px;line-height:1.7;max-width:100%}#top .mt-9{gap:10px}#top .mt-9 a{font-size:12px;padding:14px 17px}#top .mt-9 a svg{width:16px}.hero-scene{width:88%;height:365px;top:auto;bottom:32px;right:3%}.photo-main{height:67%}.photo-back{height:49%}.photo-front{height:40%;bottom:-4%}#divisions>div>div:first-child{display:block}#divisions>div>div:first-child>p:last-child{margin-top:24px}#divisions ul{grid-template-columns:1fr;gap:10px;margin-top:32px}#divisions li a{min-height:0;display:grid;grid-template-columns:48px 1fr;column-gap:20px;padding:23px}#divisions li a>span:first-child{grid-row:1/4}#divisions h3{margin:0;min-height:0;font-size:21px}#divisions li p{margin-top:8px}#divisions li a>span:last-child{grid-column:2;margin-top:12px}section[aria-labelledby] .overflow-hidden{box-shadow:9px 10px 0 #e6ece3;transform:none!important}section[aria-labelledby] h2{font-size:37px}section[aria-labelledby]>div>div{gap:38px}#why-us .grid{grid-template-columns:1fr}#why-us .grid>div{padding:27px 0!important;border-right:0;border-bottom:1px solid #ffffff20}#contact form{padding:24px}#contact dd{font-size:14px}footer .text-sm{font-size:14px}.reveal{translate:0 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}.photo-layer{transform:none!important}.reading-progress{display:none}}