/* ─── Foil Assist page-specific styles ─── */

/* Feature Split Sections */
.fa-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:500px}
.fa-split--reverse .fa-split-media{order:2}
.fa-split--reverse .fa-split-content{order:1}
.fa-split-media{position:relative;overflow:hidden}
.fa-split-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.fa-split-content{display:flex;flex-direction:column;justify-content:center;padding:64px 56px}
.fa-split-content h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;margin-bottom:20px;letter-spacing:-.01em}
.fa-split-content p{font-size:1rem;color:var(--color-text-light);line-height:1.8;margin-bottom:16px}
.fa-split-content .fa-tag{display:inline-block;font-family:var(--font-heading);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);margin-bottom:16px}
.fa-split--dark{background:var(--color-bg-dark);color:#fff}
.fa-split--dark .fa-split-content p{color:rgba(255,255,255,0.7)}
.fa-split--dark .fa-split-content h2{color:#fff}
.fa-split--alt{background:var(--color-bg-alt)}

/* Specs Grid */
.fa-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.fa-spec{text-align:center;padding:40px 24px;border:1px solid var(--color-border)}
.fa-spec-icon{width:48px;height:48px;margin:0 auto 20px;color:var(--color-primary)}
.fa-spec h3{font-family:var(--font-heading);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.fa-spec p{font-size:.9375rem;color:var(--color-text-light);line-height:1.7}

/* Full-width Image Divider */
.fa-divider{position:relative;height:50vh;min-height:350px;overflow:hidden}
.fa-divider img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center center}
.fa-divider-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%);z-index:1}
.fa-divider-text{position:absolute;bottom:48px;left:0;right:0;z-index:2;text-align:center;color:#fff;padding:0 24px}
.fa-divider-text h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,0.4)}

/* Mast Comparison Grid */
.fa-masts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.fa-mast{background:var(--color-bg);border:1px solid var(--color-border);padding:0;display:flex;flex-direction:column;overflow:hidden}
.fa-mast-img{width:100%;height:280px;object-fit:contain;background:var(--color-bg-alt);padding:24px}
.fa-mast-body{padding:28px;display:flex;flex-direction:column;flex:1}
.fa-mast-badge{display:inline-block;font-family:var(--font-heading);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);border:1px solid var(--color-primary);padding:4px 12px;margin-bottom:20px;align-self:flex-start}
.fa-mast h3{font-family:var(--font-heading);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.fa-mast p{font-size:.9375rem;color:var(--color-text-light);line-height:1.7;margin-bottom:16px;flex:1}
.fa-mast ul{margin-bottom:24px}
.fa-mast ul li{padding:6px 0 6px 22px;position:relative;font-size:.875rem;color:var(--color-text-light)}
.fa-mast ul li::before{content:"\2713";position:absolute;left:0;color:var(--color-primary);font-weight:600;font-size:.875rem}

/* Video Section */
.fa-video{background:var(--color-bg-dark);padding:80px 24px}
.fa-video .container{max-width:960px}
.fa-video .section-header h2{color:#fff}
.fa-video .section-header p{color:rgba(255,255,255,0.6)}
.fa-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.fa-video-wrap iframe,.fa-video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain;background:#000}

/* CTA Banner */
.fa-cta-banner{background:var(--color-bg-dark);color:#fff;text-align:center;padding:80px 24px}
.fa-cta-banner h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:16px;letter-spacing:-.01em}
.fa-cta-banner p{font-size:1.0625rem;color:rgba(255,255,255,0.7);max-width:600px;margin:0 auto 40px;line-height:1.7}
.fa-cta-banner .hero-ctas{justify-content:center}

/* Responsive */
@media(max-width:768px){
  .fa-split{grid-template-columns:1fr}
  .fa-split--reverse .fa-split-media{order:0}
  .fa-split--reverse .fa-split-content{order:0}
  .fa-split-media{min-height:300px}
  .fa-split-content{padding:40px 24px}
  .fa-specs{grid-template-columns:1fr}
  .fa-masts{grid-template-columns:1fr}
}
@media(min-width:769px) and (max-width:1024px){
  .fa-masts{grid-template-columns:repeat(2,1fr)}
}