@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;600;700&display=swap');

:root{
  --background:#fafafa; --foreground:#1f1f1f; --primary:#dc2626; --primary-hover:#b91c1c;
  --gold:#c29136; --muted:#6b7280; --border:#e5e5e5; --white:#ffffff;
  --font-display:'Bebas Neue', sans-serif; --font-body:'Inter','Helvetica Neue',sans-serif;
  --font-elegant:'Playfair Display', serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);color:var(--foreground);background:var(--background);line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}
@media(min-width:1024px){.container{padding:0 calc(1rem + 50px)}}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:2px solid var(--border);z-index:100}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.site-header .logo img{height:30px;width:auto}
.nav-list{display:none;gap:2.5rem;list-style:none}
@media(min-width:1024px){.nav-list{display:flex}}
.nav-list a{font-size:.85rem;font-weight:700;color:var(--foreground)}
.nav-list a:hover{color:var(--primary)}
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:700;cursor:pointer;border:none;font-family:var(--font-body);transition:all .2s;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover)}
.btn-hero{background:var(--primary);color:#fff;padding:1rem 2.25rem;font-size:1rem}
.menu-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer}
@media(min-width:1024px){.menu-toggle{display:none}}
.mobile-nav{display:none;flex-direction:column;gap:1rem;padding:1rem 0;border-top:1px solid var(--border)}
.mobile-nav.open{display:flex}

/* Hero */
.hero{position:relative;min-height:85vh;display:flex;align-items:center;padding-top:7rem;overflow:hidden;background:#000}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:1}
.hero-red{position:absolute;left:0;top:0;height:100%;width:calc(50% + 80px);background:var(--primary);clip-path:polygon(0 0,100% 0,58% 100%,0 100%);z-index:2}
@media(max-width:768px){.hero-red{width:85%}}
.hero-content{position:relative;z-index:3;color:#fff}
.hero-eyebrow{font-family:var(--font-elegant);color:#fcd34d;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}
.hero h1{font-size:2.5rem;margin-bottom:1.5rem;color:#fff}
@media(min-width:1024px){.hero h1{font-size:3.75rem}}
.hero p{max-width:36rem;margin-bottom:2rem;font-size:1.1rem;color:#e5e5e5}

/* Sections */
section{padding:5rem 0;position:relative}
.section-eyebrow{font-family:var(--font-elegant);font-style:italic;color:var(--primary);font-size:1.1rem;margin-bottom:.5rem;text-align:center}
.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:var(--foreground)}
.section-divider{width:64px;height:4px;background:var(--gold);margin:1rem auto 2rem}
.section-sub{text-align:center;max-width:42rem;margin:0 auto 3rem;color:var(--muted);font-size:1.05rem}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.feature-card{background:#fff;padding:2rem;border-radius:.5rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .2s}
.feature-card:hover{transform:translateY(-4px)}
.feature-card .icon{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700}
.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}

/* Mission */
.mission{background:#f5f5f5}
.mission-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
@media(min-width:768px){.mission-grid{grid-template-columns:1fr 1fr}}
.mission-grid img{border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.15)}

/* How It Works */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.step{text-align:center;padding:1.5rem}
.step .num{width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;font-family:var(--font-display);font-size:1.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}

/* Financing */
.financing{background:var(--primary);color:#fff;padding:5rem 0}
.financing .section-title,.financing .section-eyebrow{color:#fff}
.financing .section-eyebrow{color:#fcd34d}
.testimonial-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:60rem;margin:3rem auto 0}
@media(min-width:768px){.testimonial-grid{grid-template-columns:1fr 1fr}}
.video-card{background:#000;border-radius:.5rem;overflow:hidden;aspect-ratio:16/9;position:relative}
.video-card video{width:100%;height:100%;object-fit:cover}

/* CTA Banner */
.cta-banner{background:var(--primary);color:#fff;text-align:center;padding:4rem 0;position:relative;overflow:hidden}
.cta-banner h2{color:#fff;font-size:2.25rem;margin-bottom:1.5rem}
.cta-banner .btn-hero{background:#fff;color:var(--primary)}

/* Final CTA / form */
.final-cta{padding:6rem 0 0;background:#fff}
.final-cta iframe{border:none;width:100%;min-height:800px;display:block;margin:2rem auto 0;max-width:42rem}

/* Footer */
.site-footer{background:var(--primary);color:#fff;padding:2rem 0;border-top:1px solid var(--border)}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.social-links{display:flex;gap:.75rem}
.social-links a{width:40px;height:40px;background:#f5f5f5;color:var(--foreground);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}
.social-links a:hover{background:var(--primary-hover);color:#fff}
.footer-links{display:flex;gap:1rem;font-size:.85rem}
.footer-copy{font-size:.75rem;text-align:right;color:#fde2e2}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem}
.modal-overlay.open{display:flex}
.modal{background:#fff;border-radius:.5rem;max-width:42rem;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;position:relative}
.modal h2{font-size:2rem;margin-bottom:.5rem}
.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer}
.modal iframe{border:none;width:100%;min-height:800px;margin-top:1rem}