/* RESET SIMPLE */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial;background:#0b0b0b;color:#111;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none}

/* LAYOUT BASE */
.wrap{max-width:1100px;margin:0 auto;padding:16px}

/* TOPBAR */
.topbar{background:#111;color:#ccc;font-size:.8rem}
.topbar .wrap{display:flex;justify-content:space-between}

/* NAV */
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:9}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.brand img{max-height:48px}
.nav-cta{display:flex;gap:10px}

/* HERO */
.hero{background:linear-gradient(135deg,#b30000,#ff4b2b);color:#fff;padding:40px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.hero ul{padding-left:16px}
.hero .cta{display:flex;gap:10px;margin:14px 0}
.small{font-size:.8rem;opacity:.9}

/* BUTTONS */
.btn{padding:10px 16px;border-radius:999px;font-weight:600;font-size:.9rem}
.primary{background:#000;color:#fff}
.ghost{background:transparent;border:1px solid #fff;color:#fff}
.ghost:hover,.primary:hover{opacity:.85}

/* SECTIONS */
.section{padding:48px 0;background:#fff}
.section.gray{background:#f3f3f3}
.section.dark{background:#0b0b0b;color:#eee}

h2{margin-top:0}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;padding:16px;border:1px solid #ddd;border-radius:10px}

/* GRID 2 */
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}

/* CHECKLIST */
.checklist{padding-left:16px}
.checklist li{margin-bottom:6px}

/* CONTACT */
.contact{text-align:center}
.contact-box{background:#111;border-radius:14px;padding:16px;margin-top:14px}
.contact-box a{color:#ffdf66}

/* FOOTER */
footer{background:#000;color:#aaa;padding:16px 0;font-size:.85rem;text-align:center}

/* REVEAL ANIMATIONS */
.reveal{opacity:0;transform:translateY(40px);transition:.6s ease-out}
.reveal.visible{opacity:1;transform:none}

/* MOBILE */
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr}
  .nav-inner{flex-wrap:wrap;gap:10px}
}