/* IA Oaks Landing - Style */
:root{
  --bg:#0b0f1a;
  --card:#11182a;
  --muted:#9fb0cc;
  --text:#eaf1ff;
  --primary:#4f7f04;
  --primary-2:#4f7f04;
  --accent:#4f7f04;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(120deg,#060913,#0b1020 35%,#0b0f1a);color:var(--text);}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
a{color:var(--primary-2);text-decoration:none}
a:hover{text-decoration:underline}

.nav{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(6,9,19,.6);border-bottom:1px solid rgba(255,255,255,.06);z-index:40}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px}
.brand__logo{width:300px;height:48px;filter:drop-shadow(0 0 10px rgba(244,245,2245,.0))}
.brand__name{font-weight:800;letter-spacing:.3px}
.menu{display:flex;align-items:center;gap:18px}
.menu a{opacity:.9}
.btn{border:0;border-radius:16px;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .06s ease, box-shadow .2s ease}
.btn--sm{padding:8px 14px;border-radius:12px}
.btn--lg{padding:14px 22px;border-radius:18px;font-size:1.05rem}
.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 20pxrgba(244,245,2245,.0)}
.btn--secondary{background:linear-gradient(135deg,var(--accent),var(--primary-2));color:#00121a;box-shadow:var(--shadow)}
.btn--ghost{border:1px solid rgba(244,245,2245,.0);background:transparent;color:var(--text)}
.btn--block{width:100%}
.btn:active{transform:translateY(1px)}

.hero{padding:56px 0 24px;position:relative}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards .card{background:var(--card);border:1px solid rgba(244,245,2245,.0);border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.card h3{margin-top:8px}
.video-card{padding:0;overflow:hidden}
.video-wrapper{position:relative;padding-top:56.25%}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:20px 20px 0 0}
.card__footer{padding:12px;border-top:1px solid rgba(255,255,255,.06)}

.hero h1{font-size:42px;line-height:1.1;margin:0 0 12px}
.hero__sub{font-size:1.05rem;color:var(--muted);margin-bottom:16px}
.hero__ctas{display:flex;gap:12px;margin-bottom:14px}
.hero__badges{display:flex;gap:12px;color:#cfe1ff;opacity:.9;flex-wrap:wrap}

.section{padding:56px 0}
.section.alt{background:radial-gradient(1200px 800px at 30% -10%,rgba(135,0,0,0.54),transparent 50%),radial-gradient(1200px 800px at 90% 10%,rgba(5,81,12,0.24),transparent 55%)}
.steps{line-height:1.7}
.checklist{list-style:none;padding:0;margin:8px 0 0}
.checklist li{margin:8px 0;padding-left:28px;position:relative}
.checklist li:before{content:'✔';position:absolute;left:0;top:0;color:var(--accent)}

.testimonials blockquote{margin:0}
.alt .card{background:rgba(17,24,42,.0);backdrop-filter:blur(6px)}

.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer__inner{display:flex;align-items:center;justify-content:space-between}
.footer__links{display:flex;gap:16px}

.dollar{color:var(--accent)}
.ia{color:#4f7f04}

.floating-cta{position:fixed;right:18px;bottom:18px;z-index:30}
.floating-cta .btn{box-shadow:0 14px 24px rgba(0,0,0,.45)}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50}
.modal[aria-hidden="false"]{display:flex}
.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal__content{position:relative;background:#0d1322;border:1px solid rgba(255,255,255,.08);border-radius:18px;max-width:520px;width:92%;padding:18px 18px 12px;box-shadow:var(--shadow)}
.modal__close{position:absolute;right:10px;top:8px;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer;opacity:.8}
.form{display:grid;gap:12px;margin-top:10px}
.field{display:grid;gap:6px}
input[type="text"],input[type="email"],input[type="tel"]{background:#0b1020;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:12px}
.checkbox{display:flex;gap:8px;align-items:flex-start;font-size:.95rem;color:#cfe1ff}
.form__hint{font-size:.85rem;color:#b6c7e4;text-align:center}

/* Responsive */
@media (max-width: 920px){
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .menu a{display:none}
}