/* GENERATED by tools/build.py from src/pages/security/index.html (its style block and its style="..."
   attributes) - do not edit this file. Edit the source page, then run the build. */
  @media (min-width:901px){ .nav-links .btn{display:none} }
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .hero a:focus-visible,.base a:focus-visible{outline-color:#fff}

  .sec-hero h1{max-width:740px}
  .sec-hero p.sub{max-width:600px}

  .split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start;margin-top:40px}
  .split h3{font-family:var(--font-head);color:var(--blue-900);font-size:1.22rem;margin:0 0 10px}
  .split p{color:#4f6479;line-height:1.7;margin:0}
  @media(max-width:880px){ .split{grid-template-columns:1fr;gap:34px} }

  .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
  .fcard{background:#fff;border:1px solid #e4ecf4;border-radius:16px;padding:26px 24px}
  .fcard .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(150deg,#ddf6f4,#c6efeb);color:#0f7c76}
  .fcard .ico svg{width:21px;height:21px}
  .fcard h3{font-family:var(--font-head);font-size:1.08rem;color:var(--blue-900);margin:0 0 8px}
  .fcard p{color:#4f6479;font-size:.96rem;line-height:1.65;margin:0}
  @media(max-width:980px){ .fgrid{grid-template-columns:1fr 1fr} }
  @media(max-width:700px){ .fgrid{grid-template-columns:1fr} }

  /* The dark band. This is the argument, so it gets the weight. */
  .band{background:linear-gradient(150deg,#07223c,#0d3b66);color:#fff;padding:74px 0;margin-top:76px}
  /* The shared sheet colours every h2 with the deep blue, which on this dark band is
     almost invisible. Inheriting from .band is not enough: that rule is more specific. */
  .band h2{font-family:var(--font-head);font-size:2rem;margin:14px 0 10px;max-width:640px;color:#fff}
  .band p.lede{color:#c9dcee;max-width:680px}
  .band .eyebrow{color:#9fe8e3}
  .bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:38px}
  .bitem{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:24px}
  .bitem h3{font-family:var(--font-head);font-size:1.06rem;margin:0 0 8px;color:#fff}
  .bitem p{color:#c2d6e8;font-size:.95rem;line-height:1.65;margin:0}
  @media(max-width:820px){ .bgrid{grid-template-columns:1fr} }

  .honest{background:#f5f8fb;border:1px solid #e2eaf2;border-radius:16px;padding:28px 26px;margin-top:44px}
  .honest h3{font-family:var(--font-head);color:var(--blue-900);margin:0 0 12px;font-size:1.1rem}
  .honest ul{margin:0;padding-left:20px;color:#4f6479;line-height:1.8}
.s-101860af{font-size:1.2rem !important}
.s-38729897{width:36px !important}