:root{
  --navy:#061f52;
  --blue:#0a3d91;
  --orange:#ff6a00;
  --orange-2:#ff9a1f;
  --white:#ffffff;
  --soft:#f5f8fc;
  --text:#0b1f3a;
  --muted:#637083;
  --border:rgba(6,31,82,.12);
  --shadow:0 24px 80px rgba(6,31,82,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(255,106,0,.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(10,61,145,.16), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#eef6ff 100%);
  overflow-x:hidden;
}
body::before,
body::after{
  content:"";
  position:fixed;
  border-radius:999px;
  pointer-events:none;
  z-index:0;
}
body::before{
  width:520px;height:520px;
  right:-170px;top:-170px;
  background:linear-gradient(135deg,rgba(255,106,0,.18),rgba(6,31,82,.12));
  filter:blur(8px);
}
body::after{
  width:360px;height:360px;
  left:-120px;bottom:-140px;
  background:linear-gradient(135deg,rgba(6,31,82,.12),rgba(0,154,255,.10));
  filter:blur(6px);
}
.page-shell{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 18px;
}
.hero-card{
  width:min(920px,100%);
  text-align:center;
  background:rgba(255,255,255,.78);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
  border-radius:34px;
  padding:54px 38px;
  position:relative;
  overflow:hidden;
}
.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.85) 42%,transparent 72%),
    linear-gradient(135deg,rgba(6,31,82,.03),rgba(255,106,0,.04));
  z-index:-1;
}
.logo{
  width:min(560px,92%);
  height:auto;
  display:block;
  margin:0 auto 30px;
}
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  border-radius:999px;
  font-size:20px;
  font-weight:700;
  color:var(--navy);
  background:rgba(255,106,0,.09);
  border:1px solid rgba(255,106,0,.22);
  margin-bottom:20px;
}
/* .status-badge span{
  width:9px;height:9px;
  background:var(--orange);
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(255,106,0,.13);
} */
h1{
  font-size:clamp(32px,5vw,40px);
  line-height:1.04;
  /* letter-spacing:-.055em; */
  color:var(--navy);
  max-width:760px;
  margin:0 auto 18px;
}
.subtitle{
  max-width:680px;
  margin:0 auto;
  margin-bottom:30px;
  color:var(--muted);
  font-size:clamp(16px,2vw,20px);
  line-height:1.7;
}
.service-pills{
  margin:30px auto 32px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.service-pills span{
  padding:11px 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--navy);
  font-weight:700;
  font-size:14px;
}
.actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:16px;
  text-decoration:none;
  font-weight:800;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--orange),var(--orange-2));
  box-shadow:0 14px 28px rgba(255,106,0,.24);
}
.btn-secondary{
  color:var(--navy);
  background:#fff;
  border:1px solid var(--border);
}
.small-note{
  margin-top:34px;
  font-size:14px;
  color:#7a8797;
  font-weight:600;
}
@media(max-width:640px){
  .hero-card{padding:38px 22px;border-radius:26px}
  .logo{width:94%;margin-bottom:24px}
  .actions{flex-direction:column}
  .btn{width:100%}
  .service-pills span{font-size:13px;padding:10px 13px}
}