/* IMAGE SHOWCASE — editorial 3-image layout */
  .showcase{padding:5rem 3rem;max-width:1200px;margin:-4rem auto 0;position:relative;z-index:3}
  .showcase-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:1rem}
  .showcase-item{border-radius:16px;overflow:hidden;position:relative}
  .showcase-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
  .showcase-item:hover img{transform:scale(1.04)}
  .showcase-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,0.4),transparent 50%);opacity:0;transition:opacity .4s}
  .showcase-item:hover::after{opacity:1}
  .showcase-item.large{grid-row:span 2;min-height:420px}
  .showcase-item.small{min-height:200px}
  .showcase-label{position:absolute;bottom:1.25rem;left:1.25rem;z-index:2;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--off-white);background:rgba(10,22,40,0.6);backdrop-filter:blur(10px);padding:.4rem .9rem;border-radius:100px;opacity:0;transition:opacity .4s}
  .showcase-item:hover .showcase-label{opacity:1}

  /* WHAT IS BIPV */
  .what-section{padding:7rem 3rem;max-width:1200px;margin:0 auto}
  .what-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
  .what-text .overline{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}
  .what-text h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--text-primary)}
  .what-text p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.25rem}

  .what-features{display:flex;flex-direction:column;gap:1.25rem}
  .wf-card{display:flex;gap:1.25rem;padding:1.5rem;background:var(--off-white);border-radius:16px;border:1px solid rgba(10,22,40,0.05);transition:all .4s}
  .wf-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,22,40,0.07);border-color:rgba(42,157,143,0.15)}
  .wf-icon{width:50px;height:50px;border-radius:14px;background:var(--blue); display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .wf-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.8}
  .wf-card h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}
  .wf-card p{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0}

  /* APPLICATIONS — dark section */
  .applications{background:var(--blue);padding:7rem 3rem;position:relative;overflow:hidden}
  .applications::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(168,196,224,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,196,224,0.03) 1px,transparent 1px);background-size:60px 60px}
  .app-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
  .app-inner .section-header{text-align:center;margin-bottom:4rem}
  .app-inner .section-header .overline{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--solar-gold);margin-bottom:.75rem}
  .app-inner .section-header h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);color:var(--off-white);letter-spacing:-.02em}
  .app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
  .app-card{background:rgba(168,196,224,0.05);border:1px solid rgba(168,196,224,0.1);border-radius:20px;padding:2rem;text-align:center;transition:all .4s;position:relative;overflow:hidden}
  .app-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),transparent);opacity:0;transition:opacity .4s}
  .app-card:hover{transform:translateY(-4px);border-color:rgba(42,157,143,0.25);background:rgba(168,196,224,0.08)}
  .app-card:hover::before{opacity:1}
  .app-card-icon{width:56px;height:56px;border-radius:16px;background:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
  .app-card-icon svg{width:24px;height:24px;stroke:var(--white);fill:none;stroke-width:1.8}
  .app-card h3{font-size:1rem;font-weight:700;color:var(--off-white);margin-bottom:.5rem}
  .app-card p{font-size:.82rem;line-height:1.6;color:var(--light-blue);opacity:.8}

  /* CUSTOMIZATION */
  .customize{padding:7rem 3rem;max-width:1200px;margin:0 auto}
  .customize .section-header{text-align:center;margin-bottom:4rem}
  .customize .section-header .overline{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--solar-gold);margin-bottom:.75rem}
  .customize .section-header h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.02em;color:var(--text-primary)}
  .customize .section-header p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);max-width:640px;margin:.75rem auto 0}

  .custom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
  .custom-card{padding:2rem;background:var(--off-white);border-radius:20px;border:1px solid rgba(10,22,40,0.05);transition:all .4s;display:flex;gap:1.5rem;align-items:flex-start}
  .custom-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,22,40,0.07)}
  .custom-card .cc-icon{width:52px;height:52px;border-radius:14px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .custom-card .cc-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.8}
  .custom-card h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}
  .custom-card p{font-size:.88rem;line-height:1.6;color:var(--text-secondary)}

  /* OTHER PRODUCTS */
  .other-products-wrap{background:var(--off-white);padding:7rem 3rem}
  .other-products-inner{max-width:1200px;margin:0 auto}
  .other-products-inner .section-header{text-align:center;margin-bottom:3.5rem}
  .other-products-inner .section-header .overline{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--solar-gold);margin-bottom:.75rem}
  .other-products-inner .section-header h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.02em;color:var(--text-primary)}
  .op-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .op-card{background:var(--warm-white);border-radius:20px;padding:2rem;border:1px solid rgba(10,22,40,0.05);text-decoration:none;color:var(--text-primary);transition:all .4s;position:relative;overflow:hidden;display:flex;flex-direction:column}
  .op-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--solar-gold),transparent);opacity:0;transition:opacity .4s}
  .op-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,22,40,0.1)}
  .op-card:hover::before{opacity:1}
  .op-card .pc-badge{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;border-radius:100px;margin-bottom:1rem;background:rgba(27,58,92,0.08);color:var(--slate);width:fit-content}
  .op-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.3rem;margin-bottom:.5rem}
  .op-card p{font-size:.88rem;line-height:1.6;color:var(--text-secondary);flex-grow:1}
  .op-card .pc-power{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(10,22,40,0.06);font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4rem;color:var(--blue);}
  .op-card .pc-power span{font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;color:var(--text-secondary);font-weight:500}
  .op-card .arrow{position:absolute;top:2rem;right:2rem;width:32px;height:32px;border-radius:50%;background:var(--off-white);display:flex;align-items:center;justify-content:center;transition:all .3s}
  .op-card:hover .arrow{background:var(--solar-gold)}
  .op-card .arrow svg{width:14px;height:14px;stroke:var(--text-secondary);fill:none;stroke-width:2;transition:stroke .3s}
  .op-card:hover .arrow svg{stroke:var(--deep-navy)}

  /* CTA */
  .cta-band{background:var(--deep-navy);padding:5rem 3rem;text-align:center;position:relative;overflow:hidden}
  .cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 50% 50%,rgba(42,157,143,0.08),transparent)}
  .cta-inner{position:relative;z-index:2;max-width:700px;margin:0 auto}
  .cta-inner h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--off-white);margin-bottom:1rem;letter-spacing:-.02em}
  .cta-inner p{color:var(--light-blue);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}
  .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

 

  .reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}
  .reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .showcase { padding: 3rem 1.5rem; margin: -2rem auto 0; }
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-item.large { grid-row: span 1; min-height: 280px; }
  .showcase-item.small { min-height: 200px; }

  .what-section { padding: 4rem 1.5rem; }
  .what-grid { grid-template-columns: 1fr; gap: 2.5rem; }

  .applications { padding: 4rem 1.5rem; }
  .app-grid { grid-template-columns: repeat(2, 1fr); }

  .customize { padding: 4rem 1.5rem; }
  .custom-grid { grid-template-columns: 1fr; }

  .other-products-wrap { padding: 4rem 1.5rem; }
  .op-cards { grid-template-columns: repeat(2, 1fr); }

  .cta-band { padding: 3.5rem 1.5rem; }
}

@media (max-width: 600px) {
  .showcase { padding: 2rem 1rem; }
  .showcase-item.large { min-height: 220px; }

  .what-section { padding: 3rem 1rem; }

  .applications { padding: 3rem 1rem; }
  .app-grid { grid-template-columns: 1fr; }

  .customize { padding: 3rem 1rem; }

  .other-products-wrap { padding: 3rem 1rem; }
  .op-cards { grid-template-columns: 1fr; }

  .cta-band { padding: 3rem 1rem; }
  .cta-inner h2 { font-size: 1.6rem; }
}