:root{--vault-ink:#0a202a;--vault-muted:#566f78;--vault-line:#c9d9dc;--vault-soft:#edf4f4;--vault-green:#67d1a3;--vault-cyan:#4ac5df;--vault-amber:#efb65f}
.vault-page{overflow-x:hidden}.vault-story-section{position:relative;padding:106px clamp(24px,6vw,96px)}.vault-story-white{color:var(--vault-ink);background:#fff}.vault-story-soft{color:var(--vault-ink);background:var(--vault-soft)}.vault-story-dark{color:#eef8fa;background:#0a222d}.vault-story-shell{width:min(1420px,100%);margin:0 auto}.vault-story-row{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(600px,1.25fr);gap:clamp(48px,7vw,104px);align-items:center}.vault-story-row-reverse{grid-template-columns:minmax(580px,1.15fr) minmax(340px,.85fr)}.vault-story-copy{max-width:540px}.vault-story-number{display:block;color:#2d7e8e;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vault-story-dark .vault-story-number{color:var(--vault-amber)}.vault-story-copy h2{margin:14px 0 20px;font-size:clamp(34px,3.7vw,56px);line-height:1.04;letter-spacing:0}.vault-story-copy>p{margin:0;color:var(--vault-muted);font-size:17px;line-height:1.72}.vault-story-dark .vault-story-copy>p{color:#a9bec5}.vault-story-list{margin:30px 0 0;padding:0;list-style:none}.vault-story-list li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--vault-line);color:#3e5963;line-height:1.55}.vault-story-dark .vault-story-list li{border-color:rgba(145,198,214,.2);color:#c6d7dc}.vault-story-list li::before{position:absolute;top:19px;left:2px;width:8px;height:8px;content:"";border:2px solid #2a92a4;transform:rotate(45deg)}.vault-story-dark .vault-story-list li::before{border-color:var(--vault-amber)}
.vault-story-points{margin-top:28px;border-top:1px solid var(--vault-line)}.vault-story-points>div{padding:16px 0;border-bottom:1px solid var(--vault-line)}.vault-story-points strong,.vault-story-points span{display:block}.vault-story-points strong{font-size:15px}.vault-story-points span{margin-top:6px;color:var(--vault-muted);font-size:13px;line-height:1.55}.vault-role-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--vault-line);border-left:1px solid var(--vault-line)}.vault-role-grid>div{min-height:150px;padding:18px;border-right:1px solid var(--vault-line);border-bottom:1px solid var(--vault-line)}.vault-role-grid span{color:#2d7e8e;font-size:10px;font-weight:800;text-transform:uppercase}.vault-role-grid p{margin:28px 0 0;color:var(--vault-muted);font-size:13px;line-height:1.55}.vault-security-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:30px;border-top:1px solid rgba(145,198,214,.2);border-left:1px solid rgba(145,198,214,.2)}.vault-security-groups>div{min-height:150px;padding:20px;border-right:1px solid rgba(145,198,214,.2);border-bottom:1px solid rgba(145,198,214,.2)}.vault-security-groups strong,.vault-security-groups span{display:block}.vault-security-groups strong{color:var(--vault-green);font-size:14px}.vault-security-groups span{margin-top:24px;color:#9db4bb;font-size:13px;line-height:1.55}.vault-story-note{margin-top:28px!important;padding:20px 0 2px 22px;border-left:3px solid var(--vault-amber);font-size:14px!important}.vault-story-note strong{color:var(--vault-ink)}.vault-story-dark .vault-story-note strong{color:#fff}
.vault-product-shot{width:100%;max-width:810px;margin:0;overflow:hidden;border:1px solid #c7d7da;border-radius:5px;background:#fff;box-shadow:0 24px 58px rgba(16,47,58,.11)}.vault-shot-bar{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 16px;border-bottom:1px solid #d4e0e2;background:#f8fbfb;color:#5d767f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vault-shot-bar b{color:#9d6916}.vault-shot-canvas{overflow:auto;background:#fff;scrollbar-color:#86aeb7 #e8eff0;scrollbar-width:thin}.vault-shot-canvas img{display:block;width:100%;height:auto}.vault-product-shot figcaption{padding:13px 16px 15px;border-top:1px solid #dde6e8;color:#5a7179;font-size:12px;line-height:1.5}.vault-product-shot-dark{border-color:rgba(145,198,214,.28);background:#0d2a36;box-shadow:0 26px 70px rgba(0,0,0,.28)}.vault-product-shot-dark .vault-shot-bar{border-color:rgba(145,198,214,.18);background:#0d2a36;color:#89a9b2}.vault-product-shot-dark .vault-shot-bar b{color:var(--vault-green)}.vault-product-shot-dark figcaption{border-color:rgba(145,198,214,.18);color:#9eb4bb}.vault-shot-overview{max-width:840px}.vault-shot-detail{max-width:570px;justify-self:center}.vault-shot-audit{max-width:790px}.vault-shot-sharing{max-width:590px;justify-self:center}.vault-shot-manager{max-width:800px}.vault-shot-security{max-width:730px;justify-self:center}
@media(max-width:1120px){.vault-story-row,.vault-story-row-reverse{grid-template-columns:1fr}.vault-story-copy{max-width:790px}.vault-product-shot{justify-self:center}.vault-story-row-reverse .vault-product-shot{order:2}.vault-story-row-reverse .vault-story-copy{order:1}}
@media(max-width:900px){.vault-story-section{padding:82px 28px}.vault-role-grid{grid-template-columns:1fr}}
@media(max-width:620px){.vault-story-section{padding:70px 18px}.vault-story-copy h2{font-size:36px}.vault-security-groups{grid-template-columns:1fr}.vault-product-shot{max-width:100%}.vault-shot-bar{gap:18px;overflow:hidden}.vault-shot-bar span,.vault-shot-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-shot-canvas img{width:auto;max-width:none;min-width:840px}.vault-shot-overview .vault-shot-canvas img,.vault-shot-audit .vault-shot-canvas img,.vault-shot-manager .vault-shot-canvas img,.vault-shot-security .vault-shot-canvas img{min-width:1050px}.vault-shot-detail .vault-shot-canvas img,.vault-shot-sharing .vault-shot-canvas img{min-width:720px}}