/* PCI DSS page. Static HTML and CSS only. */
.pciDocument .navBurger { z-index:80; }
.pciDocument .siteHeader:has(#navToggle:checked) .navBurgerIcon i { background:#fff; }
.pciPage { --pci-muted: #53627a; }
.pciWrap { max-width:1280px; margin-inline:auto; }
.pciHero { padding:42px 40px 0; }
.pciHeroGrid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:64px; align-items:center; }
.pciHero h1 { margin:22px 0 24px; font-size:clamp(52px,5.8vw,82px); font-weight:800; line-height:.98; letter-spacing:-.055em; text-transform:uppercase; }
.pciHero h1 span { display:block; color:var(--blue); }
.pciLead { max-width:590px; margin:0; color:var(--ink); font-size:21px; line-height:1.5; }
.pciIntro { max-width:565px; margin:18px 0 0; color:var(--pci-muted); font-size:16px; line-height:1.7; }
.pciActions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:28px; }
.pciTextLink { display:inline-flex; gap:9px; align-items:center; padding-block:14px; font-size:14px; font-weight:500; color:var(--navy); }
.pciTextLink:hover { color:var(--blue); }
.pciVisual { position:relative; overflow:hidden; min-height:400px; padding:32px; border-radius:22px; background:#030f30; color:#f8fafc; display:flex; flex-direction:column; justify-content:space-between; isolation:isolate; }
.pciVisual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.pciVisualLabel { margin:0; color:#bbcce7; font-size:10px; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; }
.pciVisualTitle { margin:0; font-size:33px; line-height:1.12; font-weight:500; letter-spacing:-.035em; }
.pciVisualFoot { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-top:20px; margin-top:20px; border-top:1px solid #344566; }
.pciVisualFoot p { margin:0; font-size:12px; color:#c4d1e7; }
.pciVisualFoot span { color:#90b5ff; font-family:ui-monospace,monospace; font-size:12px; }
.pciFacts { margin:54px 0 0; display:grid; grid-template-columns:1fr 1fr 1fr; border-top:1px solid #d9e2f0; border-bottom:1px solid #d9e2f0; padding:25px 0; }
.pciFacts>div { padding:2px 30px; border-left:1px solid #d9e2f0; }
.pciFacts>div:first-child { padding-left:0; border-left:0; }
.pciFacts dt { font-size:10px; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; color:var(--pci-muted); }
.pciFacts dd { margin:10px 0 0; font-size:20px; letter-spacing:-.02em; font-weight:600; line-height:1.3; }
.pciContent { padding:80px 40px 0; }
.pciRow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:95px; padding:42px 0; border-bottom:1px solid #d9e2f0; }
.pciRow:first-child { padding-top:0; }
.pciRow:last-child { padding-bottom:0; border-bottom:0; }
.pciLabel { margin:0 0 19px; font-size:10px; line-height:1.5; font-weight:500; letter-spacing:.13em; text-transform:uppercase; color:var(--blue); }
.pciRow h2 { margin:0; max-width:390px; font-size:36px; line-height:1.12; font-weight:600; letter-spacing:-.035em; }
.pciRowCopy p { margin:0; color:var(--pci-muted); font-size:16px; line-height:1.75; }
.pciRowCopy p+p { margin-top:16px; }
.pciRequest { padding:84px 40px 0; }
.pciRequestInner { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:70px; align-items:center; background:var(--navy); padding:48px 52px; border-radius:22px; color:#fff; }
.pciRequest .pciLabel { color:#a4c0ff; }
.pciRequest h2 { margin:0; max-width:610px; font-size:38px; line-height:1.12; font-weight:600; letter-spacing:-.035em; }
.pciRequest p:not(.pciLabel) { margin:18px 0 0; max-width:560px; font-size:16px; line-height:1.65; color:#c2cee2; }
.pciRequestAction { padding-left:32px; border-left:1px solid #344566; }
.pciRequestAction .btn { width:100%; }
.pciRequestAction p:not(.pciLabel) { font-size:13px; line-height:1.6; }
.pciRelated { display:flex; flex-wrap:wrap; gap:12px 28px; padding-top:24px; }
.pciRelated a { display:inline-flex; align-items:center; gap:12px; padding:8px 0; font-size:14px; color:var(--pci-muted); }
.pciRelated a:hover { color:var(--blue); }
.pciPage a:focus-visible { outline:3px solid #4a77e7; outline-offset:5px; border-radius:4px; }
.pciRequest a:focus-visible { outline-color:#c8dcff; }
.pciPage .btn { min-height:52px; height:auto; padding-block:15px; text-align:center; }
.pciPage section { scroll-margin-top:100px; }
.pciPage+.siteFooter { margin-top:72px; }
@media(max-width:1050px) {
  .pciHeroGrid { gap:36px; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .pciHero h1 { font-size:60px; }
  .pciVisual { padding:26px; min-height:390px; }
  .pciVisualTitle { font-size:29px; }
  .pciRow { gap:50px; }
  .pciRequestInner { gap:38px; padding:40px; }
}
@media(max-width:760px) {
  .pciHero { padding-top:28px; }
  .pciHeroGrid { grid-template-columns:1fr; gap:36px; }
  .pciHero h1 { font-size:clamp(46px,10vw,64px); }
  .pciVisual { min-height:290px; }
  .pciFacts { margin-top:36px; }
  .pciFacts>div { padding:2px 18px; }
  .pciFacts dd { font-size:17px; }
  .pciContent { padding-top:56px; }
  .pciRow { grid-template-columns:1fr; gap:22px; padding-block:32px; }
  .pciRow h2 { font-size:31px; max-width:500px; }
  .pciLabel { margin-bottom:12px; }
  .pciRequest { padding-top:56px; }
  .pciRequestInner { grid-template-columns:1fr; gap:28px; padding:32px; }
  .pciRequest h2 { font-size:32px; }
  .pciRequestAction { border-left:0; padding:26px 0 0; border-top:1px solid #344566; }
  .pciPage+.siteFooter { margin-top:48px; }
}
@media(max-width:640px) {
  .pciHero,.pciContent,.pciRequest { padding-left:20px; padding-right:20px; }
  .pciLead { font-size:19px; }
  .pciIntro { font-size:15px; }
  .pciVisual { min-height:275px; padding:26px; border-radius:18px; }
  .pciFacts { grid-template-columns:1fr; padding:0; }
  .pciFacts>div,.pciFacts>div:first-child { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:16px; padding:18px 0; border-left:0; border-bottom:1px solid #d9e2f0; }
  .pciFacts>div:last-child { border-bottom:0; }
  .pciFacts dd { margin:0; font-size:17px; }
  .pciFacts dt { font-size:9px; letter-spacing:.09em; }
  .pciActions { gap:10px 20px; }
  .pciActions .btn { flex:1 0 100%; }
  .pciRowCopy p { font-size:15px; }
  .pciRequestInner { padding:28px; border-radius:18px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .pciDocument .skipLink { transition:none; }
  .pciDocument .headerNav,.pciDocument .navScrim,.pciDocument .navBurgerIcon i { transition:none!important; }
}
