/* Independent hardware photography, native controls and a payment-flow diagram. */
.infrastructure{background:var(--surface-alt)}
.infra-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:43px}
.infrastructure .infra-heading h2{font:800 clamp(35px,3.5vw,55px)/1.12 'Manrope',sans-serif;letter-spacing:-2px;margin:0}
.infrastructure .infra-heading>p{max-width:385px;font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 5px}
.infra-experience{--infra-speed:3s;display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:0 22px 70px #1033620b;overflow:hidden}
.infra-console{padding:32px 27px;display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0;position:relative;z-index:2}
.infra-brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:29px}.infra-brand>img{width:101px;height:34px;object-fit:contain}.infra-brand>span{font-size:8px;letter-spacing:2px;color:var(--muted)}
.infra-modes{display:flex;flex-direction:column;gap:10px}.infra-modes>button{position:relative;display:flex;align-items:center;gap:20px;width:100%;min-height:91px;padding:12px 14px;border:1px solid transparent;border-radius:17px;text-align:left;background:var(--surface-alt);color:var(--ink);transition:background .25s,border-color .25s}
.infra-mode-icon{display:grid;place-items:center;width:72px;height:64px;flex:none}.infra-mode-icon img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.infra-modes strong{display:block;font:700 14px/1.35 'Manrope',sans-serif}.infra-modes small{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:var(--muted)}
.infra-modes>button>i{position:absolute;right:10px;top:13px;width:5px;height:5px;border-radius:50%;background:transparent}.infra-modes>button[aria-selected="true"]{background:var(--hover);border-color:#739fd8}.infra-modes>button[aria-selected="true"]>i{background:#37ad8f;box-shadow:0 0 0 4px #65bf9820}.infra-modes>button:hover img{transform:translateY(-3px) scale(1.05)}
.infra-mode-copy{margin:30px 0 23px}.infra-mode-copy>span{display:block;font-size:8px;letter-spacing:1.7px;color:var(--blue);font-weight:600}.infra-mode-copy>h3{font:700 25px/1.23 'Manrope',sans-serif;letter-spacing:-.8px;margin:13px 0 12px}.infrastructure .infra-mode-copy>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.infra-contact{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:13px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--blue)}.infra-contact>span{font-size:21px}
.infra-stage{min-width:0;display:flex;flex-direction:column;background:linear-gradient(145deg,#eff6ff,#f7fbff 50%,#edf7f8)}.infra-scene{position:relative;isolation:isolate;min-height:500px;flex:1;overflow:hidden}
.infra-scene-top{position:absolute;z-index:5;top:22px;left:26px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.infra-scene-top>span{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px;color:#567797}.infra-scene-top>span>i{width:5px;height:5px;background:#36ae91;border-radius:50%;box-shadow:0 0 0 5px #5cbe9f1a}.infra-motion{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #b5ccdd80;background:#fafdffa8;color:#183756;backdrop-filter:blur(9px);font-size:12px}
.infra-scene-halo{position:absolute;z-index:-1;inset:8% 4% 10%;background:radial-gradient(ellipse at 50% 63%,#73bfde35,transparent 66%);animation:infra-breathe 7s ease-in-out infinite alternate;pointer-events:none}
.infra-hardware{position:absolute;z-index:1;inset:3% 5% 9%;pointer-events:none}.infra-hardware>img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(13px) scale(.97);transition:opacity .55s,transform .65s;filter:drop-shadow(0 24px 23px #1a36521c)}
[data-infra-mode="security"] [data-infra-art="security"],[data-infra-mode="availability"] [data-infra-art="availability"],[data-infra-mode="capacity"] [data-infra-art="capacity"]{opacity:1;transform:none;animation:infra-hardware-float 8s ease-in-out infinite alternate}
.infra-routes{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.infra-routes path{fill:none;stroke-linecap:round;stroke-width:1.4;vector-effect:non-scaling-stroke}.infra-route-base{stroke:#8caedc65}.infra-route-backup{stroke:#55ad9630;stroke-dasharray:4 10;opacity:0;transition:opacity .4s}
.infra-route-packets path,.infra-alternate-packets{stroke:#4687d9;stroke-width:3px!important;stroke-dasharray:4 115;animation:infra-route-motion var(--infra-speed) linear infinite;opacity:.8}.infra-route-packets .infra-extra-packets{stroke:#32b597;stroke-dasharray:3 155;animation-delay:-1.5s;opacity:.6}.infra-alternate-packets{opacity:0;stroke:#21ac86;transition:opacity .3s}
[data-infra-load="1"] .infra-extra-packets{display:none}[data-infra-load="3"] .infra-route-packets path{stroke-dasharray:4 53}[data-infra-mode="availability"] .infra-route-backup{opacity:1}
.infra-endpoint{position:absolute;z-index:3;bottom:17%;width:119px;min-height:105px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:15px 12px;border:1px solid #c9dae8;border-radius:18px;background:#fafdfff0;box-shadow:0 10px 30px #1d3e6514;backdrop-filter:blur(12px);transition:border-color .35s,transform .35s}.infra-endpoint-in{left:4%}.infra-endpoint-out{right:4%}.infra-endpoint>span:not(.infra-out-symbol){font-size:13px;color:#1b3655;font-weight:600}.infra-endpoint>small{font-size:9px;color:#68819a}
.infra-methods{display:flex;gap:5px;align-items:center;padding:3px 2px;border-radius:6px;background:#fff}.infra-methods>img{width:38px;height:23px;object-fit:contain}.infra-out-symbol{display:grid;place-items:center;border-radius:9px;background:#e2f5ee;width:29px;height:29px;font-size:24px;color:#249975}

.infra-core-caption{position:absolute;z-index:3;bottom:7%;left:22%;right:22%;text-align:center;pointer-events:none}.infra-core-caption>span{display:block;color:#1e4565;font:700 17px/1.4 'Manrope',sans-serif}.infra-core-caption>small{display:block;color:#64829a;font-size:10px;line-height:1.5;margin-top:4px}
.infra-controls{display:grid;grid-template-columns:1fr;align-items:center;gap:18px 27px;padding:24px 30px 23px;border-top:1px solid #bad0e373;background:#ffffff91;position:relative;z-index:4}.infra-intensity{min-width:0}.infra-intensity>label{display:block;font-size:11px;color:#3c617f;margin-bottom:11px}.infra-intensity>div{display:flex;align-items:center;gap:12px}.infra-intensity>div>span:first-child{font-size:11px;min-width:41px;color:#1a486b;font-weight:600}
input#infra-load{height:25px;min-width:60px;width:100%;max-width:160px;padding:0;margin:0;border:0;border-radius:0;accent-color:#287fc0;background:transparent;cursor:pointer}.infra-levels{display:flex;gap:3px;height:16px;align-items:flex-end}.infra-levels i{display:block;width:3px;height:6px;background:#b9cbd9}.infra-levels i:nth-child(2){height:11px}.infra-levels i:nth-child(3){height:16px}.infra-levels i:first-child,[data-infra-load="2"] .infra-levels i:nth-child(2),[data-infra-load="3"] .infra-levels i{background:#36a48f}

.infrastructure .infra-status{grid-column:1/-1;min-height:20px;font-size:11px;line-height:1.5;color:#53758e;margin:0;text-align:center}.infrastructure .infra-footnote{margin:19px 0 0;text-align:right;font-size:10px;line-height:1.5;color:var(--muted)}
.infra-experience:not(.is-running) *,.infra-experience:not(.is-running) *::before,.infra-experience:not(.is-running) *::after{animation-play-state:paused!important}
[data-theme="dark"] .infra-stage{background:linear-gradient(145deg,#0b2139,#0a1e33 55%,#102b35)}[data-theme="dark"] .infra-controls{background:#0a2139a3;border-color:#2f587a66}
[data-theme="dark"] .infra-scene-top>span,[data-theme="dark"] .infra-intensity>label,[data-theme="dark"] .infra-status{color:#9abbd1}[data-theme="dark"] .infra-intensity>div>span:first-child,[data-theme="dark"] .infra-core-caption>span{color:#cfecff}[data-theme="dark"] .infra-core-caption>small{color:#8bb0c4}[data-theme="dark"] .infra-motion{background:#102e47a3;color:#cce9ff;border-color:#517d9766}[data-theme="dark"] .infra-endpoint{background:#102a43ee;border-color:#537b9b6b;box-shadow:0 10px 30px #0002}[data-theme="dark"] .infra-endpoint>span:not(.infra-out-symbol){color:#dcecff}[data-theme="dark"] .infra-endpoint>small{color:#99bacd}
@keyframes infra-hardware-float{to{transform:translateY(-7px)}}@keyframes infra-breathe{to{transform:scale(1.12);opacity:.65}}@keyframes infra-route-motion{to{stroke-dashoffset:-360}}
@media(max-width:1200px){.infra-experience{grid-template-columns:300px minmax(0,1fr)}.infra-console{padding:28px 23px}.infra-modes>button{padding:12px;gap:18px}.infra-modes strong{font-size:13px}.infra-modes small{font-size:10px}.infra-mode-icon{width:64px}.infra-mode-icon img{width:64px;height:58px}.infra-scene{min-height:465px}.infra-controls{padding:21px;gap:16px}.infra-endpoint{width:104px}.infra-heading{gap:40px}.infrastructure .infra-heading>p{max-width:330px}}
@media(max-width:1000px){.infra-experience{grid-template-columns:1fr}.infra-console{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:22px;padding:28px}.infra-brand{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;margin:0}.infra-modes{grid-column:1/-1;flex-direction:row;gap:10px}.infra-modes>button{flex:1;min-width:0}.infra-mode-copy{margin:0;max-width:470px}.infra-mode-copy>h3{font-size:25px;margin-top:9px}.infra-contact{align-self:end;border:0;padding:0 0 3px;max-width:175px;line-height:1.6}.infra-scene{height:490px;min-height:490px}.infra-hardware{inset:0 14% 8%}.infra-endpoint-in{left:9%}.infra-endpoint-out{right:9%}.infra-controls{padding:23px 30px;gap:16px 40px}.infra-intensity>div{max-width:300px}.infrastructure .infra-heading>p{max-width:285px;font-size:15px}}
@media(max-width:700px){.infra-heading{display:block;margin-bottom:30px}.infrastructure .infra-heading h2{font-size:37px;letter-spacing:-1.5px}.infrastructure .infra-heading>p{max-width:none;margin-top:22px;font-size:15px}.infra-experience{border-radius:23px}.infra-console{padding:24px 20px;gap:20px}.infra-brand>img{width:90px;height:30px}.infra-brand>span{font-size:7px;letter-spacing:1.3px;max-width:130px;text-align:right;line-height:1.7}.infra-modes{gap:7px}.infra-modes>button{flex-direction:column;justify-content:flex-start;text-align:center;gap:16px;min-height:149px;padding:12px 7px;border-radius:14px}.infra-mode-icon{height:64px;width:71px}.infra-mode-icon img{width:71px;height:61px}.infra-modes strong{font-size:11px;min-height:30px;line-height:1.45}.infra-modes small{display:none}.infra-modes>button>i{right:8px;top:10px;width:4px;height:4px}.infra-mode-copy{grid-column:1/-1}.infra-mode-copy>h3{font-size:26px}.infra-contact{grid-column:1/-1;max-width:none;width:100%;padding-top:15px;border-top:1px solid var(--line);font-size:13px}.infra-scene{height:415px;min-height:415px}.infra-hardware{inset:1% 0 16%}.infra-scene-top{top:16px;left:19px;right:16px}.infra-scene-top>span{font-size:8px;letter-spacing:1.2px}.infra-motion{width:44px;height:44px}.infra-endpoint{width:90px;min-height:92px;padding:12px 8px;border-radius:14px;bottom:24%}.infra-endpoint-in{left:5%}.infra-endpoint-out{right:5%}.infra-endpoint>span:not(.infra-out-symbol){font-size:12px}.infra-methods>img{width:30px;height:20px}.infra-endpoint>small{font-size:8px}.infra-core-caption{left:8%;right:8%;bottom:5%}.infra-core-caption>span{font-size:15px}.infra-core-caption>small{font-size:9px}.infra-controls{grid-template-columns:1fr;padding:23px 20px;gap:18px}.infra-intensity>div{max-width:none}input#infra-load{max-width:none;height:28px}.infra-intensity>label{font-size:12px}.infrastructure .infra-status{font-size:11px;min-height:32px}.infrastructure .infra-footnote{text-align:center;font-size:9px}.infra-route-packets path,.infra-alternate-packets{stroke-width:2px!important}}
@media(max-width:390px){.infrastructure .infra-heading h2{font-size:32px}.infra-console{padding:22px 17px}.infra-modes>button{padding-inline:5px}.infra-modes strong{font-size:10px}.infra-scene{min-height:385px;height:385px}.infra-hardware{inset:0 -3% 17%}.infra-endpoint{width:81px}.infra-methods>img{width:27px}.infra-mode-copy>h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.infra-experience *,.infra-experience *::before,.infra-experience *::after{animation:none!important;transition:none!important}.infra-motion{display:none}}

[data-infra-mode="availability"] .infra-alternate-packets{opacity:1}
[data-infra-mode="availability"] .infra-route-packets{opacity:.2}

/* Typographic identification of the standard, not a certification seal. */
.infra-core-caption>.infra-pci-identifier{display:none;align-items:center;justify-content:center;gap:10px;line-height:1;margin:0 auto 7px;color:#21466b}
.infra-pci-identifier>b{font:900 36px/1 'Manrope',sans-serif;letter-spacing:-1.8px}
.infra-pci-identifier>span{font:700 14px/1.2 'DM Sans',sans-serif;letter-spacing:1px;border-left:1px solid #7093b570;padding-left:10px}
[data-infra-mode="security"] .infra-pci-identifier{display:flex}
[data-infra-mode="security"] [data-infra-core]{display:none}
[data-theme="dark"] .infra-pci-identifier{color:#d2eaff}
[data-theme="dark"] .infra-pci-identifier>span{border-color:#8db6d278}
@media(max-width:700px){.infra-pci-identifier>b{font-size:32px}.infra-pci-identifier>span{font-size:13px}.infra-core-caption>.infra-pci-identifier{margin-bottom:6px}}