/* ---------- RESET + TOKENS ---------- */
:root{
  --bg:#0c0c0e; --bg-alt:#0f1115; --card:#14161c; --text:#e8e8ee; --muted:#acb0c3;
  --primary:#ff6a3d; --primary-2:#ff9b4e; --accent:#7a2cff; --ok:#2ecc71;
  --container: min(1180px, 96%);
  --radius: 14px; --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#0b0d12;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:var(--container);margin-inline:auto}
.muted{color:var(--muted)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#111;padding:.8rem 1.1rem;border-radius:10px;font-weight:700;box-shadow:var(--shadow)}
.btn:hover{opacity:.95;transform:translateY(-1px)}
.btn-lg{padding:1rem 1.35rem;font-size:1.05rem}
.btn-sm{padding:.55rem .8rem;font-size:.9rem;background:transparent;border:2px solid var(--primary);color:var(--text)}
.btn-ghost{background:transparent;border:2px solid var(--text);color:var(--text)}

/* ---------- HEADER ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#0b0d12c9;backdrop-filter:blur(8px);border-bottom:1px solid #1b1e27}
.header-inner{display:flex;align-items:center;gap:1rem;min-height:64px}
.brand img{width:160px;height:auto}
.main-nav{margin-left:auto;display:flex;gap:1.2rem;align-items:center}
.main-nav a{color:#dfe2ee;opacity:.9}
.main-nav a:hover{opacity:1}
.nav-toggle{display:none;margin-left:auto;background:#1a1d27;color:#fff;border:0;border-radius:8px;padding:.45rem .6rem}
@media (max-width: 860px){
  .main-nav{display:none;position:absolute;top:64px;right:0;background:#0f1116;padding:1rem 1.2rem;border:1px solid #1c2230;border-radius:12px}
  .main-nav.open{display:flex;flex-direction:column}
  .nav-toggle{display:inline-block}
}

/* ---------- HERO ---------- */
.hero{position:relative;isolation:isolate}
.hero-img{width:100%;height:70vh;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(60% 80% at 35% 50%,rgba(0,0,0,.45),rgba(0,0,0,.75) 60%,#000 100%)}
.hero-content{position:absolute;inset:0;display:grid;place-content:center;z-index:2;text-align:center;padding-inline:1rem}
.hero h1{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:.2rem 0 .6rem}
.hero p{max-width:800px;margin-inline:auto;color:#d5d8e6}
.hero-ctas{margin-top:1rem;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}

/* ---------- SECTIONS ---------- */
.section{padding:64px 0}
.section.alt{background:linear-gradient(180deg,#0d0f15,#0c0e13)}
.section-header{margin-bottom:28px;text-align:center}
.section-header.left{text-align:left}
.section-header h2{font-size:clamp(1.4rem,2.6vw,2rem);margin:0 0 .4rem}
.section-header p{color:var(--muted)}

/* ---------- CARDS GRID ---------- */
.grid{display:grid;gap:18px}
.cards-4{grid-template-columns:repeat(4,1fr)}
@media (max-width: 1024px){.cards-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.cards-4{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid #212534;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.card img{aspect-ratio:16/9;width:100%;object-fit:cover}
.card-body{padding:14px}
.card-body h3{margin:0 0 .3rem;font-size:1.05rem}

/* ---------- BULLETS / TWO COL ---------- */
.bullets-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){.bullets-3{grid-template-columns:1fr}}
.bullet{background:var(--card);border:1px solid #22283a;border-radius:14px;padding:18px;box-shadow:var(--shadow)}

.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:22px}
@media (max-width: 940px){.two-col{grid-template-columns:1fr}}
.feature-box{background:var(--card);border:1px solid #22283a;border-radius:14px;padding:18px}
.feature-box ul{margin:0 0 12px 18px}

/* ---------- FORM ---------- */
.lead-form{background:var(--card);border:1px solid #23283b;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}
.field{display:grid;gap:6px}
label{font-size:.9rem;color:#cdd1e1}
input,select{background:#0f1320;border:1px solid #27304a;color:#e9ebf7;border-radius:10px;padding:.75rem .8rem;outline:0}
input:focus,select:focus{border-color:#42538a;box-shadow:0 0 0 2px rgba(66,83,138,.25)}
.checkbox{display:flex;gap:.6rem;align-items:flex-start;margin:10px 0 2px}
.hp{position:absolute;left:-9999px;top:-9999px}
.form-msg{margin-top:10px;color:var(--ok)}

/* ---------- FOOTER ---------- */
.site-footer{border-top:1px solid #1c2130;background:#0a0c11}
.footer-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:18px 0}
.footer-nav{display:flex;gap:1rem}
.footer-nav a{color:#cbd0e1}