/* AST SERA V81.2 — mobile header, project video and icon-system refinement */

/* Mobile WhatsApp glyph: always white regardless of inherited link color. */
.ag-header .ag-header-whatsapp{
  color:#fff !important;
  background:#16a56f;
  border-color:#16a56f;
}
.ag-header .ag-header-whatsapp:hover,
.ag-header .ag-header-whatsapp:focus-visible{color:#fff !important;background:#0f8e5e;border-color:#0f8e5e}
.ag-header .ag-header-whatsapp svg{color:#fff !important;stroke:#fff !important;fill:none !important}
.ag-header .ag-header-whatsapp svg path{stroke:#fff !important}
.ag-header .ag-header-whatsapp svg path[stroke="none"]{stroke:none !important;fill:#fff !important}

/* Sharper, more deliberate SVG language across Agrotech cards. */
.ag-card-icon,
.ag-stage-icon{
  position:relative;
  width:60px;
  height:60px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(145deg,#f5fbf8 0%,#e7f3ee 100%);
  border:1px solid #c9e0d6;
  box-shadow:0 10px 26px rgba(15,76,55,.08);
  color:#087a57;
}
.ag-card-icon::after,
.ag-stage-icon::after{
  content:'';
  position:absolute;
  inset:7px;
  border-radius:13px;
  border:1px solid rgba(16,185,129,.10);
  pointer-events:none;
}
.ag-card-icon .ag-icon,
.ag-stage-icon .ag-icon{
  position:relative;
  z-index:1;
  width:28px;
  height:28px;
  stroke-width:1.8;
}
.ag-dark .ag-stage-icon{
  background:linear-gradient(145deg,rgba(110,231,183,.15),rgba(15,118,110,.10));
  border-color:rgba(134,231,196,.34);
  box-shadow:none;
  color:#86e7c4;
}
.ag-dark .ag-stage-icon::after{border-color:rgba(134,231,196,.12)}
.ag-system-flow.v80-flow>div{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border-color:#d8e5df;
  box-shadow:0 10px 30px rgba(15,76,55,.05);
}
.ag-system-flow.v80-flow>div::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#10b981,#5ee0b0);
}
.ag-system-flow.v80-flow>div>.ag-icon{
  width:58px;
  height:58px;
  padding:14px;
  border-radius:17px;
  background:linear-gradient(145deg,#eff9f5,#e3f1eb);
  border:1px solid #c9e0d6;
  box-shadow:0 8px 22px rgba(15,76,55,.07);
  color:#087a57;
  stroke-width:1.75;
}

/* Home project video: text and media read as a deliberate project showcase. */
.ag-home-video{
  background:linear-gradient(180deg,#f8fbf9 0%,#f4f8f6 100%);
  padding:76px 0 86px;
}
.ag-home-video-heading{
  max-width:840px;
  margin:0 auto 38px;
  text-align:center;
}
.ag-home-video-heading .ag-eyebrow{margin-bottom:14px}
.ag-home-video-heading h2{font-size:clamp(30px,3.25vw,44px);max-width:760px;margin-left:auto;margin-right:auto}
.ag-home-video-lead{
  max-width:720px;
  margin:18px auto 0 !important;
  font-size:16px !important;
  line-height:1.8 !important;
  color:#58675f !important;
}
.ag-home-video-frame{
  width:min(980px,100%);
  margin:0 auto;
  padding:8px;
  border:1px solid #d5e3dc;
  border-radius:30px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 64px rgba(15,23,42,.13);
}
.ag-home-video-frame video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#111;
  border-radius:22px;
  overflow:hidden;
}

@media(max-width:980px){
  .ag-card-icon,.ag-stage-icon{width:56px;height:56px;border-radius:17px}
  .ag-card-icon .ag-icon,.ag-stage-icon .ag-icon{width:26px;height:26px}
}

@media(max-width:680px){
  /* The three-item fact strip left a stray single line under the sticky header on phones. */
  .ag-fact-section{display:none !important}
  .ag-home-video{padding:54px 0 62px}
  .ag-home-video-heading{text-align:left;margin:0 0 30px}
  .ag-home-video-heading h2{font-size:31px;line-height:1.14;margin:0}
  .ag-home-video-lead{font-size:15px !important;line-height:1.75 !important;margin-top:16px !important}
  .ag-home-video-frame{padding:5px;border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.12)}
  .ag-home-video-frame video{border-radius:19px}
  .ag-card-icon,.ag-stage-icon{width:54px;height:54px;border-radius:16px}
  .ag-card-icon .ag-icon,.ag-stage-icon .ag-icon{width:25px;height:25px}
  .ag-system-flow.v80-flow>div>.ag-icon{width:54px;height:54px;border-radius:16px;padding:13px}
  .ag-header .ag-header-whatsapp{box-shadow:0 6px 18px rgba(15,142,94,.18)}
}