/* Agrostack premium business-experience design.
   Each channel retains its independent webpage, catalogue, service and ERP boundary. */
:root{font-family:"Segoe UI",Inter,system-ui,sans-serif}
.surface {
  --hero-image:url('/media/farm-landscape-performance.jpg');
  --hero-wash:rgba(7,42,32,.9);
  --hero-mid:rgba(11,55,38,.75);
  --accent:#f3d28d;
  --primary:#185f44;
  --dark:#10392b;
  --soft:var(--af-mist,#E4EDE6);
  background:radial-gradient(ellipse at 4% 30%,rgba(186,216,174,.18),transparent 41rem),
    radial-gradient(ellipse at 97% 62%,color-mix(in srgb,var(--af-line,#DCD4BE) 18%,transparent),transparent 39rem),
    var(--af-paddy,#F7F3E6);
  color:var(--af-forest,#1E4D3B)
}
.surface-consumer{
  --primary:#236448;--dark:#143d2d;--accent:#f5d593;--soft:var(--af-paddy,#F7F3E6);
  --hero-image:url('/media/produce-market-performance.jpg');
  --hero-wash:rgba(13,51,34,.94);--hero-mid:rgba(18,68,46,.74)
}
.surface-farmer{
  --primary:#725632;--dark:#3d3020;--accent:#f6d28b;--soft:var(--af-paddy,#F7F3E6);
  --hero-image:url('/media/farm-harvest-performance.jpg');
  --hero-wash:rgba(40,37,21,.91);--hero-mid:rgba(55,58,30,.7)
}
.surface-corporate{
  --primary:#265670;--dark:#18384a;--accent:#d4e8f4;--soft:var(--af-mist,#E4EDE6);
  --hero-image:url('/media/institutional-performance.jpg');
  --hero-wash:rgba(9,38,55,.95);--hero-mid:rgba(22,68,81,.74)
}
.surface-equipment{
  --primary:#3b4759;--dark:#243043;--accent:#eed5a7;--soft:var(--af-paddy,#F7F3E6);
  --hero-image:url('/media/farm-future-performance.jpg');
  --hero-wash:rgba(24,35,41,.91);--hero-mid:rgba(41,61,64,.73)
}
.surface-farm-services{
  --primary:#28604f;--dark:#153d32;--accent:#e8d2a3;--soft:var(--af-mist,#E4EDE6);
  --hero-image:url('/media/farm-plants-performance.jpg');
  --hero-wash:rgba(11,42,33,.94);--hero-mid:rgba(19,67,47,.72)
}
.surface-agro-inputs{
  --primary:#546a38;--dark:#334529;--accent:#e9d695;--soft:var(--af-paddy,#F7F3E6);
  --hero-image:url('/media/agro-inputs-performance.jpg');
  --hero-wash:rgba(27,47,27,.93);--hero-mid:rgba(54,79,40,.71)
}
.surface-rental{
  --primary:#196c70;--dark:#0c4549;--accent:#b9e5dd;--soft:var(--af-mist,#E4EDE6);
  --hero-image:url('/media/farm-landscape-performance.jpg');
  --hero-wash:rgba(9,43,46,.93);--hero-mid:rgba(11,83,81,.70)
}
.surface-header{
  min-height:90px;height:auto;padding:17px clamp(20px,4.7vw,86px);
  background:color-mix(in srgb,var(--af-white,#FFFFFF) 94%,transparent);
  backdrop-filter:blur(15px);
  box-shadow:0 8px 25px color-mix(in srgb,var(--af-forestd,#123528) 6%,transparent);
  gap:18px;
}
.logo-plate{
  background:linear-gradient(145deg,var(--dark),var(--primary));
  width:47px;height:47px;border-radius:15px;
  box-shadow:0 6px 15px color-mix(in srgb,var(--af-forestd,#123528) 17%,transparent)
}
.surface-logo strong{font-size:25px;letter-spacing:-1.45px;color:var(--af-forest,#1E4D3B);font-weight:850}
.surface-logo small{color:var(--af-forest,#1E4D3B);font-weight:800;letter-spacing:1.55px}
.surface-header nav{align-items:center;gap:clamp(10px,2vw,26px)}
.surface-header nav a{
  color:var(--af-forest,#1E4D3B);border-radius:8px;padding:10px 8px;
  transition:background .2s,color .2s;
  font-size:12px;font-weight:760
}
.surface-header nav a:hover,.surface-header nav a:focus-visible{
  background:var(--af-paddy,#F7F3E6);border-bottom-color:transparent;color:var(--af-forest,#1E4D3B)
}
.mode{background:var(--af-paddy,#F7F3E6);color:var(--af-forest,#1E4D3B);border:1px solid var(--af-mist,#E4EDE6);font-size:9px;letter-spacing:1px}
.surface main{max-width:1640px;padding:36px clamp(20px,4.7vw,86px) 94px}
.surface-hero{
  position:relative;min-height:525px;isolation:isolate;
  grid-template-columns:minmax(0,1.15fr) minmax(190px,.72fr);
  border-radius:26px;
  background-image:linear-gradient(96deg,var(--hero-wash) 0%,var(--hero-mid) 51%,rgba(7,43,30,.12) 100%),
    var(--hero-image);
  background-size:cover;background-position:center,center;
  border:1px solid rgba(255,255,255,.27);
  box-shadow:0 25px 57px color-mix(in srgb,var(--af-forestd,#123528) 18%,transparent);
  overflow:hidden
}
.surface-hero:before{
  content:"";z-index:0;position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 56%,rgba(9,28,24,.4))
}
.surface-hero:after{
  content:"AGROSTACK   /   INDEPENDENT SERVICE EXPERIENCE";
  position:absolute;right:25px;bottom:18px;z-index:2;
  color:rgba(255,255,255,.65);font-size:9px;font-weight:790;
  letter-spacing:1.7px
}
.surface .hero-copy{
  position:relative;z-index:3;
  padding:clamp(35px,5.2vw,80px);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center
}
.surface .kicker{
  color:var(--accent);font-size:10px;letter-spacing:1.75px;
  padding:9px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(9,33,25,.32);backdrop-filter:blur(7px)
}
.surface .hero-copy h1{
  font-size:clamp(39px,4.6vw,67px);
  letter-spacing:-2.75px;line-height:1.08;
  font-weight:820;margin:27px 0 17px;
  max-width:740px;
  text-shadow:0 4px 23px rgba(0,0,0,.19)
}
.surface .hero-copy h1 i{
  color:var(--accent);font-family:Georgia,serif;font-style:italic;
  font-weight:400;letter-spacing:-2px
}
.surface .hero-copy p{
  font-size:clamp(13px,1.1vw,16px);line-height:1.8;
  max-width:600px;color:#f2f6ee;
  text-shadow:0 1px 7px rgba(0,0,0,.2)
}
.surface .hero-button{
  background:linear-gradient(120deg,var(--accent),var(--af-turms,#F0DFAE));
  color:var(--dark);border-radius:13px;
  padding:17px 24px;
  box-shadow:0 13px 26px rgba(2,22,17,.2);
  transition:transform .22s ease,box-shadow .22s ease
}
.surface .hero-button:hover{transform:translateY(-3px);box-shadow:0 16px 33px rgba(2,22,17,.27);filter:none}
.surface .caption{color:var(--af-on-dark,#D5E5DA);font-size:10px;letter-spacing:.65px}
.surface .hero-art{
  position:relative;z-index:2;
  min-height:450px;opacity:.95
}
.surface .hero-art:before{
  content:"";position:absolute;top:16%;left:12%;right:17%;bottom:17%;
  border-radius:34px;
  background:linear-gradient(143deg,color-mix(in srgb,var(--af-white,#FFFFFF) 20%,transparent),color-mix(in srgb,var(--af-white,#FFFFFF) 5%,transparent));
  backdrop-filter:blur(9px);
  border:1px solid rgba(255,255,255,.28);
  transform:rotate(-6deg);
  box-shadow:0 23px 45px rgba(0,24,17,.16)
}
.surface .orbit-mark{
  background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--af-paddy,#F7F3E6) 75%,transparent),color-mix(in srgb,var(--af-paddy,#F7F3E6) 5%,transparent) 75%);
  color:var(--accent);border-color:rgba(255,255,255,.40);
  width:clamp(160px,17vw,220px);height:clamp(160px,17vw,220px);
  box-shadow:0 0 58px color-mix(in srgb,var(--af-paddy,#F7F3E6) 14%,transparent);
}
.surface .halo-one,.surface .halo-two{border-color:rgba(255,255,255,.30)}
.surface .art-label{
  color:#fff;letter-spacing:2.8px;font-size:12px;
  background:color-mix(in srgb,var(--af-forestd,#123528) 49%,transparent);padding:11px 17px;
  transform:none;right:30px;bottom:65px;
  border:1px solid rgba(255,255,255,.29);
  border-radius:20px;max-width:85%;line-height:1.4
}
.metrics-ribbon{
  margin:-36px 27px 64px;padding:28px 19px;
  border-radius:19px;border:1px solid var(--af-mist,#E4EDE6);
  box-shadow:0 17px 39px rgba(23,66,39,.11);
  background:var(--af-white,#FFFFFF)
}
.metrics-ribbon strong{font-size:22px;font-weight:850}
.metrics-ribbon span{color:var(--af-forest,#1E4D3B);font-size:12px}
.intro-block{margin:51px 0 24px}
.surface .section-tag{font-weight:850;letter-spacing:1.5px}
.surface h2{font-weight:820;letter-spacing:-1.2px}
.focus-grid,.service-doorways,.experts-grid{gap:17px}
.focus-card,.expert-card{
  border-radius:19px;
  border:1px solid var(--af-mist,#E4EDE6);
  box-shadow:0 10px 32px rgba(16,65,36,.06);
  background:linear-gradient(145deg,var(--af-white,#FFFFFF),var(--af-paddy,#F7F3E6));
  transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease
}
.focus-card:hover,.expert-card:hover{
  transform:translateY(-4px);border-color:var(--af-line,#DCD4BE);
  box-shadow:0 20px 38px color-mix(in srgb,var(--af-forestd,#123528) 12%,transparent)
}
.focus-card{padding:31px}
.card-num{border-radius:12px;background:var(--soft);padding:11px 14px}
.service-doorways a{
  background:linear-gradient(135deg,var(--dark),var(--primary));
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;padding:31px;
  box-shadow:0 12px 30px color-mix(in srgb,var(--af-forestd,#123528) 12%,transparent);
  transition:transform .2s ease,box-shadow .2s ease
}
.service-doorways a:hover{background:linear-gradient(125deg,var(--primary),var(--dark));transform:translateY(-4px);box-shadow:0 20px 34px color-mix(in srgb,var(--af-forestd,#123528) 20%,transparent)}
.flow-card{border-radius:15px;background:linear-gradient(145deg,var(--soft),var(--af-paddy,#F7F3E6));border:1px solid var(--af-mist,#E4EDE6);padding:23px}
.flow-card p{font-size:13px}
.expert-card{padding:28px}
.release-note{border-radius:15px;border:1px solid var(--af-mist,#E4EDE6);border-left:5px solid var(--primary);box-shadow:0 9px 26px color-mix(in srgb,var(--af-forestd,#123528) 5%,transparent)}
.surface-footer{
  background:linear-gradient(110deg,var(--af-forestd,#123528),var(--af-forestd,#123528));
  color:var(--af-on-dark-mut,#BFD6C7);border-top:1px solid rgba(255,255,255,.11)
}
.surface-footer strong{color:#f3d18b}
.surface-footer a{color:#e5f0e5}
:focus-visible{outline:3px solid #e1b967;outline-offset:3px}
@media(max-width:1050px){
  .surface-hero{grid-template-columns:1.25fr .6fr}
  .surface .hero-art:before{left:3%;right:10%}
  .surface .hero-copy{padding:clamp(30px,4vw,58px)}
}
@media(max-width:730px){
  .surface-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}
  .surface main{padding:20px 17px 65px}
  .surface-hero{grid-template-columns:1fr;min-height:490px;background-position:center,63% center;border-radius:20px}
  .surface .hero-copy{padding:41px 28px 48px}
  .surface .hero-copy h1{font-size:clamp(34px,8.7vw,50px);letter-spacing:-1.75px;line-height:1.13}
  .surface .hero-copy h1 i{letter-spacing:-1.4px}
  .surface .hero-art{min-height:0;display:none}
  .surface-hero:after{left:28px;right:10px;bottom:14px;font-size:8px}
  .metrics-ribbon{margin:18px 0 42px;padding:12px}
  .focus-card,.expert-card{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* Existing farmer/equipment/corporate pages link to rental operation without merging business ledgers. */
.shared-eff-connection{margin:45px 0 70px;padding:clamp(22px,4.4vw,58px);background:linear-gradient(125deg,var(--af-paddy,#F7F3E6),var(--af-paddy,#F7F3E6));border:1px solid #d1e5d7;border-radius:24px;box-shadow:0 22px 60px color-mix(in srgb,var(--af-forest,#1E4D3B) 7%,transparent);color:var(--af-forest,#1E4D3B)}
.shared-eff-connection>span{font-size:10px;font-weight:900;letter-spacing:1.6px;color:var(--af-forest,#1E4D3B)}
.shared-eff-connection h2{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;line-height:1.2;margin:19px 0;color:var(--af-forest,#1E4D3B);max-width:850px}
.shared-eff-connection p{max-width:860px;line-height:1.9;color:var(--af-mut,#5B6B63);font-size:13px}
.shared-eff-kpis{margin:26px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.shared-eff-kpis>div{background:var(--af-white,#FFFFFF);border-radius:13px;border:1px solid var(--af-mist,#E4EDE6);padding:18px 16px;min-width:0}
.shared-eff-kpis strong{font-size:15px;color:var(--af-forest,#1E4D3B);display:block}
.shared-eff-kpis small{font-size:11px;color:var(--af-forest,#1E4D3B);display:block;margin-top:9px;line-height:1.5}
.shared-eff-link{display:inline-flex;background:#165f4b;color:white!important;border-radius:10px;padding:15px 20px;font-size:12px;font-weight:850;text-decoration:none;max-width:100%}
.shared-eff-link:hover{background:var(--af-forest-fill,#1E4D3B)}
@media(max-width:730px){.shared-eff-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:410px){.shared-eff-kpis{grid-template-columns:1fr}.shared-eff-connection{padding:21px}}

/* Self-contained advisory panel, preserves the existing farmer services page styling. */
.farmer-value-panel{margin:2.5rem auto;padding:clamp(1rem,3vw,2.5rem);max-width:1120px;border-radius:1.2rem;background:var(--af-paddy,#F7F3E6);color:var(--af-forest,#1E4D3B);border:1px solid #a0cdbb;}
.farmer-value-panel h2{color:var(--af-forest,#1E4D3B);margin:.8rem 0;} .farmer-value-panel p{max-width:72ch;line-height:1.6;}
.farmer-value-panel fieldset{margin:1.4rem 0;padding:1.2rem;border:1px solid #adcbbf;border-radius:.8rem;min-width:0;}
.farmer-value-panel legend{font-weight:750;padding:0 .5rem;color:var(--af-forest,#1E4D3B);}
.farmer-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem 1.1rem;}
.farmer-value-field{display:flex;flex-direction:column;gap:.38rem;font-size:.95rem;font-weight:650;}
.farmer-value-field input,.farmer-value-field select{background:var(--af-white,#FFFFFF);color:var(--af-forest,#1E4D3B);padding:.78rem .8rem;border:1px solid #699789;border-radius:.5rem;font:inherit;max-width:100%;width:100%;box-sizing:border-box;}
.farmer-value-field input:focus-visible,.farmer-value-field select:focus-visible,.farmer-value-submit:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:3px;}
.farmer-value-submit{border:0;cursor:pointer;font:inherit;} .farmer-value-submit:disabled{opacity:.6;cursor:progress;}
#farmer-value-output{margin-top:1.4rem;padding:1.1rem;background:var(--af-white,#FFFFFF);border-radius:.7rem;color:var(--af-forest,#1E4D3B);min-height:3rem;}
.farmer-value-results{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:.4rem 1rem;}
.farmer-value-results dt,.farmer-value-results dd{padding:.5rem 0;border-bottom:1px solid var(--af-mist,#E4EDE6);margin:0;}
.farmer-value-results dd{text-align:right;font-weight:750;font-variant-numeric:tabular-nums;}
.farmer-value-disclaimer{font-size:.9rem;opacity:.84;}
@media(max-width:550px){.farmer-value-results{grid-template-columns:1fr}.farmer-value-results dd{text-align:left;padding-top:0;}}

.farmer-procurement-panel{display:block;} .farmer-procurement-panel>summary{cursor:pointer;font-size:1.3rem;font-weight:800;line-height:1.5;} .farmer-procurement-panel>summary:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:4px;} #farmer-procurement-results{margin-top:1.2rem;padding:1rem;background:var(--af-white,#FFFFFF);border-radius:.6rem;min-height:3rem;}

.farm-observation-panel>summary{cursor:pointer;line-height:1.5;font-size:1.3rem;font-weight:800;}.farm-observation-panel>summary:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:4px;}#farm-observation-result,#farm-metering-result{margin:1rem 0;padding:1rem;border-radius:.7rem;background:var(--af-white,#FFFFFF);color:var(--af-forest,#1E4D3B);min-height:3rem;}#farm-observation-result ul{padding-left:1.4rem;list-style:disc;}

#fp-add-quote{margin:0 1rem 1rem 0;}.farmer-value-remove-quote{background:var(--af-white,#FFFFFF);color:var(--af-forest,#1E4D3B);border:1px solid #41745b;padding:.55rem .9rem;border-radius:.4rem;margin-top:.7rem;cursor:pointer;}.farmer-value-remove-quote:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:3px;}

/* Independent cash calendar: responsive enhancement without changing existing farmer surfaces. */
#farmer-liquidity-engine>summary{cursor:pointer;font-size:1.25rem;font-weight:800;line-height:1.5;color:var(--af-forest,#1E4D3B)}
#farmer-liquidity-engine>summary:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:3px}
#farm-cashflow-output{margin:1.2rem 0;padding:1.1rem;background:var(--af-white,#FFFFFF);border-radius:.7rem;color:var(--af-forest,#1E4D3B);min-height:3rem}
#farm-cashflow-output h3{margin-top:0}
#fcl-events>fieldset{background:color-mix(in srgb,var(--af-white,#FFFFFF) 45%,transparent);border:1px solid #a0beaf;margin:1rem 0}
#fcl-add,[data-remove="yes"]{background:var(--af-white,#FFFFFF);color:var(--af-forest,#1E4D3B);border:1px solid #41745b;border-radius:.45rem;padding:.6rem .9rem;cursor:pointer}
#fcl-add:focus-visible,[data-remove="yes"]:focus-visible{outline:3px solid var(--af-forest-light,#2B6A50);outline-offset:3px}
.farmer-cashflow-scroll{max-width:100%;overflow-x:auto;margin-top:1rem}
.farmer-cashflow-table{width:100%;min-width:480px;border-collapse:collapse;font-variant-numeric:tabular-nums;color:var(--af-forest,#1E4D3B)}
.farmer-cashflow-table th,.farmer-cashflow-table td{border-bottom:1px solid var(--af-mist,#E4EDE6);text-align:right;padding:.7rem .4rem}
.farmer-cashflow-table th:first-child,.farmer-cashflow-table td:first-child{text-align:left}
.farmer-cashflow-table caption{caption-side:top;text-align:left;font-weight:750;margin:.5rem 0}
.surface .caption{color:var(--af-mut,#5B6B63)}
/* Dark theme: page-palette text lightened for contrast (context pass 2026-10-18). */
[data-theme="dark"] .surface .hero-button{color:color-mix(in oklab,var(--dark) 42%,#fff)}