:root{
  --brand:#fe6300;
  --brand2:#2e90cf;
  --text:#1b3661;

  --bg:#f3f7ff;
  --panel:#ffffff;
  --muted:rgba(27,54,97,.76);
  --border: rgba(27,54,97,.14);

  --r2:28px;
  --max:1180px;

  --bb-gap: 14px;
  --bb-radius: 22px;

  --ctaBarH: 86px;
  --ctaBarH_m: 78px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color:var(--text);
  background:
    radial-gradient(1100px 560px at 80% 0%, rgba(46,144,207,.20), transparent 60%),
    radial-gradient(900px 560px at 10% 20%, rgba(254,99,0,.14), transparent 60%),
    var(--bg);
  overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
.container{ max-width:var(--max); margin:0 auto; padding:0 18px; }

.section{ padding:30px 0; }
@media (max-width: 768px){
  .container{ padding:0 14px; }
  .section{ padding:44px 0; }
}

.panelCard{
  border:1px solid var(--border);
  border-radius: var(--r2);
  background: var(--panel);
  box-shadow: 0 16px 44px rgba(27,54,97,.10);
  overflow:hidden;
  padding:18px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  color:var(--text);
  font-size:14px;
  cursor:pointer;
  gap:8px;
  white-space:nowrap;
  box-shadow: 0 12px 26px rgba(27,54,97,.09);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  font-weight:600;
}
.btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(27,54,97,.14);
  background:#fff;
}

.btn--primary{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 20px;
  line-height:1.2;
  color:#fff;
  font-weight:700;
  box-shadow: 0 14px 34px rgba(254,99,0,.45);
  transition: transform .18s ease, box-shadow .18s ease;
  animation: btnPulse 2.8s ease-in-out infinite;
}
.btn--primary:hover{ transform: translateY(-2px); }
.btn--primary:active{ transform: translateY(0); }

.btn--cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:16px;
  color:#fe6300 !important;
  font-weight:700;
  text-align:center;
  line-height:1.2;
  border:1px solid rgba(254,99,0,.45) !important;
  box-shadow:
    0 14px 34px rgba(254,99,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.25);
  background: transparent !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn--cta:hover{
  transform: translateY(-2px);
  box-shadow:
    0 20px 48px rgba(254,99,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.35);
}
.btn--cta:active{ transform: translateY(0); }
.btn--cta.pulse{ animation: btnPulse 2.8s ease-in-out infinite; }

.btn--outline-blue{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(46,144,207,.55);
  color: var(--brand2);
  background: transparent;
  font-weight:700;
  cursor:pointer;
  box-shadow: 0 12px 26px rgba(27,54,97,.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.btn--outline-blue:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(27,54,97,.12);
  background: rgba(46,144,207,.05);
  border-color: rgba(46,144,207,.75);
}
.btn--outline-blue:active{ transform: translateY(0); }

@keyframes btnPulse{
  0%,100%{
    box-shadow:
      0 14px 34px rgba(254,99,0,.45),
      0 0 0 0 rgba(254,99,0,.35),
      inset 0 0 0 1px rgba(255,255,255,.25);
  }
  50%{
    box-shadow:
      0 18px 46px rgba(254,99,0,.65),
      0 0 0 14px rgba(254,99,0,0),
      inset 0 0 0 1px rgba(255,255,255,.30);
  }
}

.topbar a,
.topbar .pill,
.topbar .pill--app,
.topbar .pill--app .appIcon,
.topbar .pill svg,
.topbar .pill--app svg,
header nav a,
header nav a:visited,
header nav a:hover,
header nav a:active{
  color:#1b3661 !important;
}
.pill, .pill--app{
  border-color: rgba(27,54,97,.14) !important;
  background: rgba(255,255,255,.94) !important;
}
a, a:visited{ color: inherit; }