*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#0b1120;
  color:#e5e7eb;
}
a{text-decoration:none;color:#60a5fa;}
.app-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.header{
  background:#020617;
  border-bottom:1px solid #1f2937;
}
.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 1.25rem;
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0.85rem 0;
}
.brand{
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.9rem;
  color:#e5e7eb;
}
.nav-links{
  display:flex;
  gap:.75rem;
  font-size:.8rem;
}
.nav-btn{
  border-radius:999px;
  border:1px solid transparent;
  padding:.4rem .9rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:transparent;
  color:#e5e7eb;
  cursor:pointer;
}
.nav-btn:hover,
.nav-btn.active{
  border-color:#3b82f6;
  background:#020617;
}
.main{flex:1;}
.hero{
  background:radial-gradient(circle at top,#1d4ed8 0,#020617 45%,#020617 100%);
  color:#e5e7eb;
  padding:2.4rem 0 2.2rem;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2.2fr);
  gap:2rem;
  align-items:center;
}
.hero-eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.7rem;
  color:#9ca3af;
  margin-bottom:.45rem;
}
.hero-title{
  font-size:2rem;
  line-height:1.15;
  margin-bottom:.6rem;
}
.hero-title span{color:#bfdbfe;}
.hero-text{
  font-size:.9rem;
  color:#d1d5db;
  max-width:30rem;
  margin-bottom:1.1rem;
}
.hero-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:1.25rem;
}
.btn-primary,
.btn-outline{
  border-radius:999px;
  border:1px solid transparent;
  padding:.55rem 1.2rem;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
}
.btn-primary{
  background:#2563eb;
  color:#fff;
}
.btn-primary:hover{background:#1d4ed8;}
.btn-outline{
  background:transparent;
  color:#e5e7eb;
  border-color:#6b7280;
}
.btn-outline:hover{border-color:#93c5fd;}
.hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:1.4rem;
  font-size:.8rem;
}
.stat-number{
  font-size:1.2rem;
  font-weight:700;
}
.stat-label{color:#9ca3af;}
.hero-panel{
  background:rgba(15,23,42,0.96);
  border-radius:1rem;
  border:1px solid #1f2937;
  padding:1.1rem;
  font-size:.82rem;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.hero-panel-title{
  font-weight:600;
  margin-bottom:.4rem;
}
.hero-panel-body{
  background:#020617;
  border-radius:.75rem;
  padding:.75rem;
  margin-top:.5rem;
}
.hero-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:.5rem;
}
.hero-pill{
  font-size:.7rem;
  border-radius:999px;
  padding:.18rem .6rem;
  border:1px solid #1f2937;
  background:rgba(15,23,42,0.8);
}
.section{
  padding:1.9rem 0;
  background:#020617;
}
.section:nth-of-type(2n){
  background:#020617;
}
.section-inner{
  background:#020617;
}
.section-header{
  display:flex;
  justify-content:space-between;
  gap:1.5rem;
  align-items:flex-start;
  margin-bottom:1.1rem;
}
.section-eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.7rem;
  color:#6b7280;
}
.section-title{
  font-size:1.2rem;
  font-weight:700;
  margin-top:.25rem;
  color:#e5e7eb;
}
.section-text{
  font-size:.85rem;
  color:#9ca3af;
  margin-top:.3rem;
  max-width:28rem;
}
.chips{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  font-size:.7rem;
}
.chip{
  padding:.2rem .65rem;
  border-radius:999px;
  background:#111827;
  color:#e5e7eb;
  border:1px solid #1f2937;
}
.cards-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.card{
  background:#020617;
  border-radius:.9rem;
  border:1px solid #1f2937;
  padding:1rem;
  font-size:.85rem;
}
.card-title{
  font-weight:600;
  margin-bottom:.35rem;
  color:#e5e7eb;
}
.card-sub{
  font-size:.75rem;
  color:#9ca3af;
  margin-bottom:.45rem;
}
.card-body{
  font-size:.8rem;
  color:#9ca3af;
}
.two-column{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2.2fr);
  gap:1.3rem;
  align-items:flex-start;
}
.form-card,
.info-card{
  background:#020617;
  border-radius:.9rem;
  border:1px solid #1f2937;
  padding:1rem;
}
.form-row{display:flex;gap:.75rem;}
.field{flex:1;display:flex;flex-direction:column;margin-bottom:.75rem;}
label{
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#9ca3af;
  margin-bottom:.2rem;
}
input,
textarea,
select{
  border-radius:.55rem;
  border:1px solid #1f2937;
  padding:.45rem .55rem;
  font-size:.8rem;
  background:#020617;
  color:#e5e7eb;
}
input::placeholder,
textarea::placeholder{
  color:#4b5563;
}
input:focus,
textarea:focus,
select:focus{
  outline:none;
  border-color:#2563eb;
}
textarea{min-height:80px;resize:vertical;}
.helper{
  font-size:.7rem;
  color:#6b7280;
  margin-top:.2rem;
}
.footer{
  background:#020617;
  color:#6b7280;
  font-size:.75rem;
  padding:1rem 0;
  margin-top:1.5rem;
}
.footer-inner{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  flex-wrap:wrap;
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);}
  .two-column{grid-template-columns:minmax(0,1fr);}
  .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .nav{flex-direction:column;align-items:flex-start;gap:.5rem;}
  .cards-grid{grid-template-columns:minmax(0,1fr);}
}