:root{
  --bg:#0b1220;
  --card:#0f1a2e;
  --muted:#9fb0c7;
  --text:#eef4ff;
  --brand:#4dd4ff;
  --brand2:#7cffc4;
  --border:rgba(255,255,255,.10);
  --shadow:0 14px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#071022 0%, #0b1220 60%, #070c18 100%);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.6}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
header.sitehead{position:sticky;top:0;z-index:20;background:rgba(7,16,34,.75);backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}
.logo{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);
  background:
    radial-gradient(120% 120% at 10% 10%, rgba(124,255,196,.35), rgba(77,212,255,.06) 45%, rgba(0,0,0,0) 70%),
    conic-gradient(from 180deg, rgba(77,212,255,.95) 0 35%, rgba(124,255,196,.95) 35% 70%, rgba(255,255,255,.12) 70% 100%);
}
.small{font-size:12px;color:var(--muted);font-weight:600}
.menu{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.menu a{padding:10px 10px;border-radius:12px;color:var(--text);font-weight:700;opacity:.92}
.menu a.active,.menu a:hover{background:rgba(255,255,255,.06);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,var(--brand),var(--brand2));
  color:#071022;border:0;padding:12px 16px;border-radius:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(77,212,255,.18)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;padding:28px 0}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
h1{font-size:clamp(30px,4.3vw,48px);margin:0 0 10px;line-height:1.15}
h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px}
h3{margin:0 0 8px}
p{margin:0 0 10px;color:rgba(238,244,255,.95)}
.muted{color:var(--muted)}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.badge{border:1px dashed var(--border);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted);background:rgba(0,0,0,.12)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.kpi{display:flex;gap:12px;flex-wrap:wrap}
.kpi .pill{border:1px solid var(--border);background:rgba(0,0,0,.12);padding:10px 12px;border-radius:999px;font-weight:800}
form{display:grid;gap:12px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid var(--border);color:var(--text);outline:none}
textarea{min-height:120px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.note{font-size:12px;color:var(--muted)}
hr.sep{border:0;border-top:1px solid var(--border);margin:16px 0}
footer{margin-top:24px;border-top:1px solid var(--border);background:rgba(0,0,0,.18)}
.foot{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between;padding:18px 0}
.foot a{color:var(--muted)}
.foot .col{max-width:520px}
ul.clean{padding-left:18px;margin:8px 0}
ul.clean li{margin:6px 0;color:rgba(238,244,255,.92)}
.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;border:1px solid var(--border)}
.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.table th{color:#dff7ff;background:rgba(255,255,255,.05)}
.table tr:last-child td{border-bottom:0}
@media (max-width:960px){
  .hero{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .two{grid-template-columns:1fr}
  .menu{display:none}
}

/* === Footer alignment (static) === */
footer{
  border-top:1px solid var(--border);
  background:rgba(7,16,34,.55);
}
footer .foot{
  display:grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap:24px;
  align-items:start;
  justify-items:center;
  padding:22px 0;
  text-align:center;
}
footer .foot .col{
  max-width:520px;
  width:100%;
  margin:0 auto;
  text-align:center;
}
footer .foot .small{
  display:block;
  text-align:center;
}
footer .policy-links{
  line-height:1.9;
}
footer .policy-links a{white-space:nowrap;}
@media (max-width:820px){
  footer .foot{grid-template-columns:1fr;}
}


/* === Hero equal-height cards (premium alignment) === */
.hero{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap:18px;
  align-items:stretch;
}
.hero > .card{
  height:100%;
  display:flex;
  flex-direction:column;
}
.hero > .card form{
  flex:1;
  display:flex;
  flex-direction:column;
}
.hero > .card form .btn{
  margin-top:auto;
}

@media (max-width: 900px){
  .hero{
    grid-template-columns: 1fr;
  }
}