:root{
  --navy-0:#f6f9ff;
  --navy-1:#ffffff;
  --navy-2:#eef4ff;
  --surface:#ffffff;
  --surface-strong:#ffffff;
  --line:rgba(20,74,166,.13);
  --line-hot:rgba(45,91,225,.34);
  --white:#0a1b3b;
  --silver:#526684;
  --muted:#71819b;
  --blue:#087cf0;
  --royal:#2557e7;
  --violet:#5b35db;
  --shadow:0 24px 70px rgba(19,53,112,.12);
}
html{background:#eef4ff;color-scheme:light}
body{
  color:#0a1b3b;
  background:
    radial-gradient(ellipse 58% 32% at 50% 0%,rgba(36,126,255,.12),transparent 72%),
    radial-gradient(ellipse 38% 34% at 100% 58%,rgba(87,53,219,.06),transparent 74%),
    linear-gradient(165deg,#f8fbff 0%,#f3f7ff 44%,#edf3fd 100%);
}
body:before{
  opacity:.22;
  background-image:radial-gradient(circle at center,rgba(42,101,215,.25) 0 1px,transparent 1.1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 49%);
}
.ambient:before,.ambient:after{border-color:rgba(31,100,225,.09)}
.ambient:after{border-color:rgba(91,53,219,.07)}
.particle{background:#377ce5;box-shadow:0 0 8px rgba(51,100,220,.2);opacity:.22}
main{background:rgba(255,255,255,.88)}
.logo-stage{height:154px;margin-top:0}
.logo-stage:before{
  width:300px;height:118px;
  background:radial-gradient(ellipse,rgba(34,126,255,.14),rgba(100,68,224,.055) 48%,transparent 73%);
  filter:blur(24px);
}
.logo{width:min(326px,85vw);filter:none}
h1{color:#081b3d;margin-top:2px;font-weight:700;letter-spacing:-1.35px}
.role{color:#5e708d;font-weight:500}
.accent-line{background:linear-gradient(90deg,#087cf0,#5937dc);box-shadow:0 4px 11px rgba(59,88,218,.18)}
.company{display:none}
.actions{margin-top:20px}
.button{color:#fff}
.button-primary{
  background:linear-gradient(104deg,#087cf0 0%,#245be6 56%,#5838d9 100%);
  border:1px solid rgba(31,78,218,.14);
  box-shadow:0 14px 30px rgba(31,82,213,.2),inset 0 1px 0 rgba(255,255,255,.24)
}
.button-primary:hover{box-shadow:0 16px 38px rgba(31,82,213,.27),inset 0 1px 0 rgba(255,255,255,.28)}
.quick-action{
  color:#425776;
  border-color:rgba(27,77,161,.13);
  background:#fff;
  box-shadow:0 9px 24px rgba(25,60,120,.07),inset 0 1px 0 #fff
}
.quick-action svg{color:#176de2;filter:none}
.quick-action:hover{border-color:rgba(37,91,218,.32);background:#f7faff;color:#0a1b3b;box-shadow:0 12px 28px rgba(29,70,145,.1)}
.section-label{color:#8290a8;margin-top:26px}
.section-label:before,.section-label:after{background:linear-gradient(90deg,transparent,rgba(38,93,194,.18))}
.link-card{
  color:#0a1b3b;
  border-color:rgba(25,76,163,.12);
  background:#fff;
  box-shadow:0 12px 32px rgba(22,55,112,.07),inset 0 1px 0 #fff
}
.link-card:hover{border-color:rgba(43,87,218,.28);background:#f8faff;box-shadow:0 15px 36px rgba(22,55,112,.1)}
.link-card:before{background:linear-gradient(#087cf0,#5a37da);opacity:.78}
.icon-box{background:#f1f6ff;border-color:#e4ecfb;color:#176de2}
.link-copy strong{color:#0a1b3b}
.link-copy span{color:#71819b}
.arrow{color:#7b8ca8}.link-card:hover .arrow{color:#245be6}
footer{margin-top:30px}
footer:before{opacity:.32}
.footer-brand{color:#335179}
.tagline{color:#71819b}
.legal{color:#9aa6ba}
.toast{background:#071a3d;color:#fff;box-shadow:0 16px 38px rgba(17,45,96,.24)}
@media (min-width:680px){
  body{padding:30px 0}
  main{border:1px solid rgba(25,76,163,.11);border-radius:26px;box-shadow:0 28px 85px rgba(20,55,117,.13);padding-left:28px;padding-right:28px}
  .logo-stage{height:168px}
}
@media (max-width:679px){main{background:transparent}}
@media (max-width:360px){.logo-stage{height:142px}.logo{width:292px}}