:root{
  --sg-navy-start:#173a58;
  --sg-navy-mid:#1c5f92;
  --sg-navy-end:#2b79ad;
  --sg-navy-deep:#0f2438;
  --sg-accent:#1f6fb2;
  --sg-accent-strong:#174f80;
  --sg-orange:#f5821f;
  --sg-orange-light:#ffb347;
  --sg-text:#eef3f8;
  --sg-text-soft:rgba(238,243,248,.72);
  --sg-surface:rgba(255,255,255,.06);
  --sg-surface-border:rgba(255,255,255,.14);
  --sg-radius:20px;
}

*{box-sizing:border-box;}

html,body{
  margin:0;
  min-height:100%;
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  color:var(--sg-text);
  background:var(--sg-navy-deep);
}

.sg-bg{
  position:fixed;
  inset:0;
  z-index:0;
  background:radial-gradient(120% 120% at 15% -10%, var(--sg-navy-mid) 0%, var(--sg-navy-deep) 55%, #081420 100%);
  overflow:hidden;
}
.sg-deco{
  position:absolute;
  border-radius:50%;
  filter:blur(60px);
  opacity:.35;
}
.sg-deco.d1{
  width:520px;height:520px;
  top:-160px; right:-140px;
  background:radial-gradient(circle, var(--sg-navy-end), transparent 70%);
}
.sg-deco.d2{
  width:420px;height:420px;
  bottom:-180px; left:-120px;
  background:radial-gradient(circle, var(--sg-orange), transparent 70%);
  opacity:.18;
}
.sg-deco.d3{
  width:300px;height:300px;
  bottom:10%; right:8%;
  background:radial-gradient(circle, var(--sg-accent), transparent 70%);
  opacity:.20;
}

.sg-shell{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:56px 24px 40px;
}

.sg-header{
  display:flex;
  justify-content:center;
  margin-bottom:28px;
}
.sg-logo{
  width:min(320px, 70vw);
  height:auto;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.35));
}

.sg-intro{
  max-width:640px;
  text-align:center;
  margin-bottom:44px;
}
.sg-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--sg-orange-light);
  background:rgba(245,130,31,.12);
  border:1px solid rgba(245,130,31,.30);
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:18px;
}
.sg-intro h1{
  font-size:clamp(24px, 3.4vw, 34px);
  line-height:1.25;
  margin:0 0 12px;
  font-weight:700;
  color:#fff;
}
.sg-intro p{
  margin:0;
  color:var(--sg-text-soft);
  font-size:15.5px;
  line-height:1.6;
}

.sg-cards{
  width:100%;
  max-width:920px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:26px;
  margin-bottom:48px;
}
@media (max-width:720px){
  .sg-cards{grid-template-columns:1fr;}
}

.sg-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:32px 28px 26px;
  border-radius:var(--sg-radius);
  background:linear-gradient(165deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  border:1px solid var(--sg-surface-border);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  backdrop-filter:blur(6px);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}
.sg-card:hover{
  transform:translateY(-6px);
  border-color:rgba(245,130,31,.45);
  box-shadow:0 24px 48px rgba(6,16,28,.45);
  background:linear-gradient(165deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
}
.sg-card-glow{
  position:absolute;
  top:-40%; right:-30%;
  width:220px; height:220px;
  background:radial-gradient(circle, rgba(245,130,31,.28), transparent 70%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.sg-card:hover .sg-card-glow{opacity:1;}

.sg-card-icon{
  width:58px; height:58px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  background:linear-gradient(135deg, var(--sg-navy-mid), var(--sg-navy-end));
  box-shadow:0 10px 24px rgba(28,95,146,.45);
}

.sg-card-body{flex:1;}
.sg-card-eyebrow{
  display:block;
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--sg-text-soft);
  margin-bottom:6px;
}
.sg-card-body h2{
  margin:0 0 10px;
  font-size:22px;
  font-weight:700;
  color:#fff;
}
.sg-card-body p{
  margin:0;
  font-size:14.5px;
  line-height:1.55;
  color:var(--sg-text-soft);
}

.sg-card-cta{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14.5px;
  font-weight:600;
  color:var(--sg-orange-light);
  padding-top:16px;
  border-top:1px solid var(--sg-surface-border);
}
.sg-card-cta i{
  transition:transform .25s ease;
}
.sg-card:hover .sg-card-cta i{
  transform:translateX(4px);
}

.sg-footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--sg-text-soft);
  font-size:13px;
  text-align:center;
}
.sg-footer-logo{
  width:30px; height:30px;
  border-radius:50%;
  object-fit:cover;
}
.sg-footer p{margin:0;}

@media (max-width:480px){
  .sg-footer{flex-direction:column;}
}