:root{
  --bg:#0b1220;
  --card:#0f172a;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --brand:#22c55e;
  --brand-2:#38bdf8;
  --contrast:#0b1220;
  --surface:#0b1220;
  --white:#fff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b1220;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand)}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;background:#000;color:#fff;padding:8px 12px;border-radius:8px}

.site-header{position:sticky;top:0;z-index:10;background:rgba(11,18,32,.85);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #1f2937}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand img{filter:drop-shadow(0 0 0.4px #000)}

.nav-toggle{display:none;background:transparent;border:1px solid #263042;color:var(--text);border-radius:8px;padding:6px 10px}
.nav-list{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.nav-list a{text-decoration:none;color:var(--text)}
.nav-list a:hover{color:var(--brand)}

.hero{padding:64px 0}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.narrow{max-width:780px;margin:0 auto}

.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 16px}
.badges{display:flex;gap:12px;flex-wrap:wrap;color:#cbd5e1;padding:0;margin:12px 0 0;list-style:none}

.btn{display:inline-block;border:1px solid #263042;padding:10px 16px;border-radius:12px;text-decoration:none;color:var(--text);transition:.2s background,.2s transform}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#001a0a;font-weight:600;border:none}
.btn-ghost{background:transparent}

.section{padding:56px 0}
.section-contrast{background:#0a111e;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b}
.section-head{text-align:center;margin-bottom:28px}
.section-head p{color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,#0f172a,#0b1220);border:1px solid #1e293b;border-radius:16px;padding:18px}
.card h3{margin-top:0}
.features{margin-top:18px}
.feature{background:#0c1628;border:1px solid #1f2b42;border-radius:14px;padding:16px}

.contact-form label{display:block;margin-bottom:12px}
input,textarea{width:100%;background:#0c1628;border:1px solid #263042;color:var(--text);border-radius:10px;padding:10px}
input:focus,textarea:focus{outline:2px solid #22c55e33}
.checkbox{display:flex;gap:8px;align-items:flex-start}
.hp{position:absolute;left:-9999px}

.site-footer{padding:32px 0;border-top:1px solid #1e293b;background:#0a111e}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:start}
.footer-inner p{margin:.25rem 0;color:#cbd5e1}
.footer-inner ul{list-style:none;margin:0;padding:0}
.footer-inner a{text-decoration:none;color:#cbd5e1}
.footer-inner a:hover{color:var(--brand)}

@media (max-width: 900px){
  .grid-2{grid-template-columns:1fr}
  .grid-3,.cards{grid-template-columns:1fr}
  .nav-toggle{display:inline-block}
  .nav-list{display:none;flex-direction:column;background:#0b1220;position:absolute;right:16px;top:60px;border:1px solid #263042;border-radius:12px;padding:10px 12px}
  .nav-list[aria-expanded="true"]{display:flex}
}