/* product-squalane page-specific styles */
header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 2px 16px rgba(12,43,58,.08)}
.p-hero{padding:150px 0 70px;background:linear-gradient(160deg,#f3fbf4 0%,#fff 55%)}
.p-hero-imgs .main{grid-column:1/-1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.p-hero-imgs .main img{width:100%;aspect-ratio:16/9;object-fit:cover}
.p-hero-imgs .sub2 img{width:100%;aspect-ratio:1/1.1;object-fit:cover}
.specs-band{background:var(--navy);color:#fff;padding:44px 0}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:44px}
.chart-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
.chart-card h3{font-size:17px;margin-bottom:6px}
.chart-card .sub{font-size:12.8px;color:var(--grey);margin-bottom:16px}
.chart-card img{width:100%;border-radius:10px;border:1px solid var(--line)}
.chart-card .takeaway{margin-top:16px;background:var(--teal-light);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--teal-dark);font-weight:600}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.split-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
.pat-card ul li::before{content:"⭐";position:absolute;left:0;top:0}
.capacity-band{background:linear-gradient(105deg,rgba(12,43,58,.97) 40%,rgba(12,43,58,.78) 68%,rgba(12,43,58,.45)),url('../images/factory/synbio_plant.jpg') center/cover;border-radius:var(--radius);padding:56px;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;box-shadow:var(--shadow)}
.capacity-band .kicker{color:#5fd6ef}
.capacity-band .kicker::before{background:#5fd6ef}
.capacity-band h2{color:#fff;font-size:clamp(24px,3vw,32px);font-weight:800;margin:12px 0 14px;line-height:1.25}
.cap-text p{color:rgba(255,255,255,.82);font-size:14.5px;max-width:520px}
.cap-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cap-stats>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:22px 24px}
.cap-stats b{display:block;font-size:clamp(23px,2.6vw,31px);font-weight:800;color:#5fd6ef;white-space:nowrap}
.cap-stats span{font-size:12.5px;color:rgba(255,255,255,.75);display:block;margin-top:4px}
.rel-band{margin-top:26px}
.rel-band h3{font-size:20px;margin-bottom:16px}
.rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rel-grid p{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:0;font-size:14px;color:var(--grey)}
@media(max-width:900px){.capacity-band{grid-template-columns:1fr;padding:36px 28px;gap:30px}.rel-grid{grid-template-columns:1fr}}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden}
.cta-band{background:linear-gradient(120deg,var(--teal),var(--teal-dark));border-radius:var(--radius);color:#fff;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
@media(max-width:900px){
  .p-hero-grid,.info-grid,.split-band,.chart-grid{grid-template-columns:1fr}
  .specs-grid{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  section{padding:56px 0}
  .cta-band{padding:36px 28px}
}
@media(max-width:560px){.specs-grid{grid-template-columns:1fr 1fr}}