/* ===============================
   Forge.Labs + Advanced Manufacturing pages — extends ui-fort.css
   (replaces ui-forgelabs.css and ui-advanced-manufacturing.css, which were ~90% identical)
================================ */

/* ---------- HERO ---------- */
.hero{min-height:100vh;}
.hero-content{
  position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  min-height:100vh;padding:80px 8%;
}
.labs-title{
  font-size:clamp(3.2rem,10vw,7.5rem);font-weight:900;line-height:.95;letter-spacing:-2px;
  color:var(--gold-light);margin-bottom:28px;
}
#labsHeroSubtitle{max-width:700px;font-size:1.45rem;line-height:1.55;color:#fff;margin-bottom:38px;}
.hero-text{text-align:left;}
.hero-text .btn{padding:16px 42px;border-radius:4px;font-size:15px;font-weight:700;background:var(--red);transition:.3s;}
.hero-text .btn:hover{background:var(--gold);color:#111;}
.hero-scroll{
  position:absolute;left:50%;bottom:35px;transform:translateX(-50%);
  margin:0;align-items:center;z-index:20;
}
.hero-scroll.is-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(20px);}

/* ---------- WHY FORGE.LABS ---------- */
.why-section{padding:80px 0;background:#fff url('../images/bg-pattern-light.png') center/cover no-repeat;}
.why-grid{display:grid;grid-template-columns:52% 48%;gap:56px;align-items:center;}
.why-video{border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.18);}
.why-native-video-wrap{aspect-ratio:16/9;background:#0d0d0d;position:relative;}
.why-native-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0d0d0d;}
.why-copy h2{color:var(--black);font-size:1.9rem;font-weight:800;margin-bottom:18px;}
.why-copy p{color:var(--grey-text);font-size:.98rem;line-height:1.85;margin-bottom:26px;max-width:48ch;}
.why-tags{display:flex;flex-wrap:wrap;gap:10px;}
.why-tags span{
  background:var(--black);color:var(--gold-light);font-weight:700;font-size:.78rem;
  padding:8px 16px;border-radius:20px;letter-spacing:.3px;
}

/* ---------- STATS BAR ---------- */
.stats-bar{background:var(--black) url('../images/bg-pattern-dark.png') center/cover no-repeat;padding:44px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center;}
.stat-item{display:flex;flex-direction:column;align-items:center;}
.stat-row{display:flex;align-items:center;justify-content:center;gap:10px;}
.stat-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.stat-icon img{width:100%;height:100%;object-fit:contain;display:block;}
.stat-item .stat-count{color:#fff;font-size:1.9rem;font-weight:800;white-space:nowrap;}
.stat-item .stat-label{color:var(--gold-light);font-size:.78rem;font-weight:700;letter-spacing:.3px;margin-top:8px;}

/* ---------- TECHNOLOGY LABS GRID ---------- */
.techlabs-section{padding:90px 0;background:#fff url('../images/bg-pattern-light.png') center/cover no-repeat;}
.techlabs-head h2.section-title{margin-bottom:6px;}
.techlabs-head h3{color:var(--black);font-size:1.5rem;font-weight:800;margin-bottom:16px;}
.techlabs-head p{color:var(--grey-text);font-size:.95rem;max-width:80ch;line-height:1.8;margin-bottom:44px;}
.techlabs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.techlab-card{
  position:relative;display:block;border-radius:6px;overflow:hidden;aspect-ratio:4/3;
  filter:grayscale(1);
  /* keep the reveal fade-in transitions as well as the hover ones */
  transition:filter .3s ease, transform .3s ease, opacity .7s cubic-bezier(.22,.61,.36,1);
}
.techlab-card:hover,
.techlab-card:focus-visible{filter:grayscale(0);transform:translateY(-3px);}
.techlab-card img{width:100%;height:100%;object-fit:cover;display:block;}
@media (hover:none){.techlab-card{filter:none;}} /* no hover on touch, so don't leave them grey */

/* ---------- ON-DEMAND / PRICING ---------- */
.plans-section{padding:90px 0;background:var(--grey-bg) url('../images/bg-pattern-light.png') center/cover no-repeat;}
.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.plans-copy h2.section-title{margin-bottom:6px;}
.plans-copy h3{color:var(--black);font-size:1.5rem;font-weight:800;margin-bottom:16px;}
.plans-copy p{color:var(--grey-text);font-size:.95rem;line-height:1.85;max-width:48ch;margin-bottom:26px;}
.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.plan-card{
  background:var(--red);color:#fff;border-radius:5px;padding:14px 10px;
  text-align:center;font-weight:800;letter-spacing:.3px;font-size:.85rem;
}
.plan-card.alt{background:#fff;color:var(--black);border:1px solid #ddd;}
.plan-card .p-price{font-size:1.3rem;font-weight:900;margin:8px 0 2px;}
.plan-card .p-dur{font-size:.75rem;font-weight:500;}
.plan-card.alt .p-price{color:var(--red);}

/* ---------- OUR SERVICES ---------- */
.services-section{background:var(--black) url('../images/bg-pattern-dark.png') center/cover no-repeat;padding:70px 0;}
.services-section .section-title{color:#fff;margin-bottom:8px;}
.services-section .intro{color:#ccc;font-size:.92rem;max-width:900px;line-height:1.8;margin-bottom:46px;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.service-item{display:flex;flex-direction:column;align-items:center;gap:14px;}
.service-item .icon-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;}
.service-item .icon-wrap img{width:72px;height:72px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;}
.service-item span{color:var(--gold-light);font-weight:700;font-size:.95rem;line-height:1.35;max-width:16ch;}

/* ---------- OUR PARTNERS ---------- */
.partners-section{padding:80px 0;background:#fff url('../images/bg-pattern-light.png') center/cover no-repeat;}
.partners-strip{width:100%;max-width:1100px;margin:0 auto;display:block;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .why-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:26px;}
  .techlabs-grid{grid-template-columns:1fr 1fr;}
  .plans-grid{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media (max-width:560px){
  .techlabs-grid{grid-template-columns:1fr;}
  .plan-cards{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr;}
  #labsHeroSubtitle{font-size:1.1rem;}
}