/* Local CI shared by VaultIQ, Trust and How We Deliver. */
.ci-page {
  min-width: 0;
  --text: var(--ci-text);
  --muted: var(--ci-muted);
  --accent-orange: var(--ci-orange);
  --accent-blue: var(--ci-blue);
  --line: var(--ci-line);
  --line-strong: var(--ci-line-strong);
  --shadow: none;
  --content-width: min(1240px, 88vw);
  --header-height: 94px;
  background: var(--ci-background);
  color-scheme: dark;
  padding-top: var(--header-height);
  -webkit-font-smoothing: antialiased;
}
.ci-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 45px 70px, #8dc8ed50 0 .7px, transparent 1px), radial-gradient(circle at 231px 130px, #8dc8ed35 0 .6px, transparent 1px), radial-gradient(circle at 120px 285px, #8dc8ed40 0 .7px, transparent 1px), radial-gradient(circle at 354px 350px, #d9b78935 0 .7px, transparent 1px), radial-gradient(circle at 400px 210px, #8dc8ed30 0 .6px, transparent 1px);
  background-size: 470px 430px;
}
.ci-page .site-shell::before,.ci-page .site-shell::after { display: none; }
.ci-page .site-header { height: 94px; padding: 0; }
.ci-page .site-header::before { inset: 0 calc((var(--content-width) - 100vw)/2); border: 0; border-bottom: 1px solid #ffffff09; border-radius: 0; background: #030507ed; }
.ci-page .brand { font-size: 11px; letter-spacing: .12em; }
.ci-page .brand img { width: 36px; height: 48px; object-fit: contain; }
.ci-page .site-nav { font-family: "AbeeZee", sans-serif; font-size: 12px; gap: 22px; }
.ci-page .section { padding: 72px 0; }
.ci-page .page-section { border-top: 1px solid var(--line); }
.ci-page .eyebrow { font-size: 13px; font-weight: 400; line-height: 1.7; letter-spacing: .1em; margin-bottom: 20px; }
.ci-page h1,.ci-page h2,.ci-page h3 { font-family: var(--ci-font-heading); font-weight: 600; }
.ci-page .vaultiq-hero { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 55px; min-height: calc(85svh - 94px); padding: 62px 0; }
.ci-page .vaultiq-hero h1 { max-width: 14ch; font-size: clamp(42px, 4.6vw, 66px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; }
.ci-page .subpage-hero-copy .lede { font-size: 18px; line-height: 1.6; margin: 25px 0 16px; }
.ci-page .subpage-hero-copy .supporting { font-size: 14px; line-height: 1.9; color: var(--muted); }
.ci-page .hero-actions { gap: 12px; margin-top: 26px; }
.ci-page .button { min-height: 46px; padding: 12px 18px; font: 12px/1.6 "AbeeZee", sans-serif; text-transform: none; letter-spacing: 0; background: transparent; color: #e1e9f1; box-shadow: none; }
.ci-page .button-primary { background: #7bc9e710; border-color: #7bc9e755; }
.ci-page .button-secondary { border-color: var(--line-strong); color: #b6c5d4; }
.ci-page .button:hover { transform: translateY(-1px); background: #7bc9e718; border-color: #7bc9e780; }
.ci-page a:focus-visible,.ci-page button:focus-visible { outline: 2px solid #7bc9e7; outline-offset: 5px; }
.ci-page .vaultiq-gateway { border-radius: 28px; background: radial-gradient(ellipse at 50% 52%, #3292c00b, transparent 66%), #070b1090; border-color: #a7c5da28; padding: 24px; box-shadow: none; }
.ci-page .vaultiq-gateway::after { display: none; }
.ci-page .vaultiq-wordmark { font-size: 23px; font-weight: 600; }
.ci-page .vaultiq-wordmark img { width: 32px; height: 32px; padding: 3px; border-radius: 9px; background: #dce6ed; }
.ci-page .gateway-status { font-size: 9px; letter-spacing: .02em; text-transform: none; }
.ci-page .gateway-status i { width: 4px; height: 4px; background: #8dbaa9; box-shadow: none; animation: none; }
.ci-page .gateway-flow { grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr) minmax(0, .8fr); min-height: 325px; gap: 14px; padding: 35px 0; }
.ci-page .gateway-column { gap: 10px; }
.ci-page .gateway-column p { font-size: 9px; text-transform: none; letter-spacing: 0; }
.ci-page .gateway-column span { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; padding: 10px 0; font-size: 12px; }
.ci-page .gateway-column span::after { display: none; }
.ci-page .gateway-core { width: 100%; padding: 12px; border-color: #7bc9e72e; background: radial-gradient(circle, #51b1e012, transparent 72%); box-shadow: none; animation: none; }
.ci-page .gateway-core::before,.ci-page .gateway-core::after { background: #91c2db50; box-shadow: none; }
.ci-page .gateway-core-orbit { border-color: #91c2db18; animation: none; }
.ci-page .gateway-core-orbit-inner { border-style: solid; transform: rotate(-30deg) scaleX(.55); }
.ci-page .gateway-core-orbit::before,.ci-page .gateway-core-orbit::after { display: none; }
.ci-page .gateway-core-label { color: #b4cddd; font-size: 8px; letter-spacing: .02em; text-transform: none; }
.ci-page .gateway-core strong { font-size: clamp(18px, 2vw, 25px); font-weight: 500; line-height: 1.2; }
.ci-page .gateway-core small { font-size: 9px; line-height: 1.7; }
.ci-page .gateway-caption { font-family: "AbeeZee", sans-serif; font-size: 11px; line-height: 1.7; letter-spacing: 0; text-transform: none; color: var(--muted); }
.ci-page .vaultiq-principles { padding: 26px 0 40px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.ci-page .vaultiq-principles article { padding: 0 27px; min-height: 0; }
.ci-page .vaultiq-principles article:first-child { padding-left: 0; }
.ci-page .vaultiq-principles strong { font-size: 17px; font-weight: 500; line-height: 1.5; }
.ci-page .vaultiq-principles span { font-size: 13px; line-height: 1.85; }
.ci-page .section-heading { max-width: 780px; margin-bottom: 35px; }
.ci-page .section-heading h2,.ci-page .vaultiq-definition h2,.ci-page .vaultiq-control h2,.ci-page .vaultiq-final-cta h2 { font-size: clamp(29px, 3.2vw, 43px); line-height: 1.18; font-weight: 600; letter-spacing: -.025em; }
.ci-page .section-heading>p:not(.eyebrow) { font-size: 14px; line-height: 1.85; max-width: 650px; margin-top: 22px; }
.ci-page .vaultiq-why-grid { gap: 24px 45px; }
.ci-page .vaultiq-why-grid article { min-height: 0; border: 0; border-top: 1px solid #83c8e52b; border-radius: 0; background: none; padding: 24px 0; }
.ci-page .vaultiq-why-grid h3,.ci-page .vaultiq-capability-grid h3,.ci-page .vaultiq-steps h3 { font-size: 21px; font-weight: 500; line-height: 1.35; }
.ci-page .vaultiq-why-grid p,.ci-page .vaultiq-definition p,.ci-page .vaultiq-definition li,.ci-page .vaultiq-capability-grid p,.ci-page .vaultiq-steps p,.ci-page .vaultiq-control p { font-size: 14px; line-height: 1.85; }
.ci-page .vaultiq-why-grid article>span,.ci-page .vaultiq-capability-grid article>span,.ci-page .vaultiq-steps article>span,.ci-page .vaultiq-control-points article>span { font-size: 11px; font-weight: 400; color: #c5a27a; }
.ci-page .vaultiq-definition,.ci-page .vaultiq-control { padding: 0; background: none; border: 0; border-radius: 0; gap: 55px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ci-page .vaultiq-definition blockquote { font-size: 19px; font-weight: 500; border-color: #a6cadf60; line-height: 1.65; }
.ci-page .vaultiq-definition-lists article { padding: 25px; background: #0a10165c; border-color: var(--line); border-radius: 23px; }
.ci-page .vaultiq-definition-lists li::before { background: #82b3cc; width: 3px; height: 3px; }
.ci-page .pill { font-size: 10px; line-height: 1.7; font-weight: 400; letter-spacing: .04em; border-color: var(--line); color: #bacbd8; background: #7bc9e708; }
.ci-page .pill-accent { color: #d7b58c; border-color: #d7b58c38; background: #d7b58c08; }
.ci-page .vaultiq-capability-grid { gap: 18px; }
.ci-page .vaultiq-capability-grid article { min-height: 225px; border-color: #a7c5da20; border-radius: 24px; background: #0a10166b; padding: 26px; }
.ci-page .vaultiq-steps { border: 0; border-top: 1px solid var(--line); background: none; border-radius: 0; }
.ci-page .vaultiq-steps article { min-height: 0; padding: 27px 24px; }
.ci-page .vaultiq-steps article:first-child { padding-left: 0; }
.ci-page .vaultiq-steps article::after { display: none; }
.ci-page .vaultiq-service-offer { padding: 36px; gap: 45px; background: #090e149c; border-color: var(--line); border-radius: 28px; }
.ci-page .vaultiq-price strong { font-size: clamp(44px, 5vw, 64px); font-weight: 500; }
.ci-page .vaultiq-offer-heading h3 { font-size: 25px; font-weight: 500; line-height: 1.3; }
.ci-page .vaultiq-offer-heading span { font: 11px/1.7 "Space Mono", monospace; letter-spacing: .06em; }
.ci-page .vaultiq-price-block p,.ci-page .vaultiq-service-scope li { font-size: 13px; line-height: 1.85; }
.ci-page .vaultiq-service-scope h3 { font-size: 21px; font-weight: 500; line-height: 1.4; }
.ci-page .vaultiq-build-access,.ci-page .vaultiq-service-scope article.vaultiq-development-access { background: #7bc9e708; border: 1px solid #7bc9e72b; border-radius: 16px; }
.ci-page .vaultiq-build-access strong { font-size: 15px; font-weight: 500; line-height: 1.5; }
.ci-page .vaultiq-build-access span,.ci-page .vaultiq-module-list span { font-size: 13px; line-height: 1.85; }
.ci-page .vaultiq-offer-note { font-size: 12px; line-height: 1.85; }
.ci-page .vaultiq-control-points article { padding: 20px; background: #0a10165c; border-color: var(--line); }
.ci-page .vaultiq-control-points strong { font-size: 17px; font-weight: 500; line-height: 1.4; }
.ci-page .vaultiq-control-points small { font-size: 12px; line-height: 1.85; }
.ci-page .vaultiq-final-cta { padding: 42px; margin: 15px auto 55px; border-color: var(--line); border-radius: 30px; background: linear-gradient(120deg, #0b17219c, #080b10b8); gap: 45px; }
.ci-page .vaultiq-final-cta p { font-size: 14px; line-height: 1.85; }
.ci-page .site-footer { color: var(--muted); font-size: 11px; }
.ci-page [data-reveal] { opacity: 1; transform: none; transition: none; }
@media(max-width:1100px) { .ci-page .site-nav { gap: 14px; font-size: 11px; } }
@media(max-width:980px) {
  .ci-page .vaultiq-hero { grid-template-columns: 1fr; gap: 35px; min-height: auto; }
  .ci-page .vaultiq-hero h1 { max-width: 18ch; }
  .ci-page .subpage-hero-copy .supporting { max-width: 660px; }
  .ci-page .vaultiq-gateway { max-width: 650px; width: 100%; justify-self: center; }
  .ci-page .gateway-core { max-width: 210px; }
  .ci-page .vaultiq-definition,.ci-page .vaultiq-control { grid-template-columns: 1fr; gap: 30px; }
  .ci-page .vaultiq-service-offer { gap: 35px; }
}
@media(max-width:720px) {
  .ci-page { --content-width: 88vw; --header-height: 76px; }
  .ci-page .site-header { height: 76px; }
  .ci-page .site-nav { padding: 22px; border-color: var(--line); background: #060a0ff5; font-size: 13px; }
  .ci-page .section { padding: 44px 0; }
  .ci-page .vaultiq-hero { padding-top: 35px; }
  .ci-page .vaultiq-hero h1 { font-size: clamp(36px, 9vw, 49px); max-width: 16ch; }
  .ci-page .eyebrow { font-size: 12px; letter-spacing: .07em; }
  .ci-page .subpage-hero-copy .lede { font-size: 17px; }
  .ci-page .vaultiq-gateway { padding: 20px 16px; border-radius: 24px; }
  .ci-page .gateway-topline { flex-direction: row; align-items: center; gap: 8px; }
  .ci-page .gateway-status { font-size: 8px; }
  .ci-page .gateway-flow { grid-template-columns: 1fr; gap: 32px; padding: 24px 0; min-height: 0; }
  .ci-page .gateway-column { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 16px; }
  .ci-page .gateway-column p { grid-column: 1/-1; font-size: 11px; }
  .ci-page .gateway-core { width: 175px; }
  .ci-page .gateway-core-label { font-size: 10px; }
  .ci-page .gateway-core strong { font-size: 23px; }
  .ci-page .gateway-core small { font-size: 10px; }
  .ci-page .vaultiq-principles { padding-top: 0; }
  .ci-page .vaultiq-principles article,.ci-page .vaultiq-principles article:first-child { padding: 22px 0; }
  .ci-page .vaultiq-why-grid { gap: 5px; }
  .ci-page .vaultiq-capability-grid article { min-height: 0; padding: 24px; }
  .ci-page .vaultiq-steps article,.ci-page .vaultiq-steps article:first-child { padding: 24px 0; }
  .ci-page .vaultiq-service-offer { padding: 24px 20px; border-radius: 24px; }
  .ci-page .vaultiq-control-points { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ci-page .vaultiq-control-points article { padding: 16px; }
  .ci-page .vaultiq-control-points strong { font-size: 15px; }
  .ci-page .vaultiq-final-cta { padding: 30px 24px; margin-bottom: 35px; gap: 25px; }
}

/* A slow, counter-rotating vortex around a still, readable centre. */
.ci-page .gateway-core-orbit-outer { border-color:#91c2db2a; animation:portal-orbit 38s linear infinite paused; }
.ci-page .gateway-core-orbit-inner { border-color:#d9aa733b; border-style:dashed; animation:portal-vortex 28s linear infinite reverse paused; }
.ci-page .gateway-core-orbit::before { display:block; width:4px; height:4px; background:#a8dbee; box-shadow:0 0 8px #8acfee50; }
.ci-page .gateway-core-orbit-inner::before { width:3px; height:3px; background:#dbb58b; box-shadow:0 0 7px #dbb58b40; }
.ci-page .vaultiq-gateway .gateway-column span::after { display:block; width:3px; height:3px; box-shadow:0 0 5px #8acfee55; filter:opacity(.45); animation:vaultiq-signal-flow 12s ease-in-out infinite paused; }
.ci-page .portal-motion-active .gateway-core-orbit,.ci-page .vaultiq-gateway.portal-motion-active .gateway-column span::after { animation-play-state:running; }
.ci-page .portal-motion-toggle { display:block; margin:10px auto 0; padding:5px 10px; border:1px solid #a7c5da24; border-radius:999px; background:transparent; color:#9eafc1; font:10px/1.6 "AbeeZee",sans-serif; cursor:pointer; }
.ci-page .portal-motion-toggle:hover { border-color:#a7c5da60; color:#e1e9f1; }
.ci-page .portal-motion-toggle:disabled { cursor:default; opacity:.65; }
@keyframes portal-orbit { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes portal-vortex { from{transform:rotate(-30deg) scaleX(.63)} to{transform:rotate(330deg) scaleX(.63)} }
@media(prefers-reduced-motion:reduce){.ci-page .gateway-core-orbit,.ci-page .vaultiq-gateway .gateway-column span::after{animation:none}.ci-page .vaultiq-gateway .gateway-column span::after{display:none}}

/* A short first read, with the full service detail available on demand. */
.ci-simple .vaultiq-hero{min-height:calc(82svh - 94px)}
.ci-simple .portal-assurances{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:24px 0 0;color:#9eb6c9;font:10px/1.8 "Space Mono",monospace}
.ci-simple .portal-assurances li::before{content:'·';margin-right:8px;color:#d9aa73}
.ci-simple .subpage-hero-copy .lede{max-width:32ch}
.ci-simple .section-heading{max-width:820px}
.ci-simple .vaultiq-capability-grid article{min-height:210px}
.ci-simple .portal-details{margin-top:18px;border:1px solid #a7c5da24;border-radius:18px;background:#070c1245;overflow:hidden}
.ci-simple .portal-details>summary{position:relative;padding:20px 52px 20px 23px;list-style:none;cursor:pointer;font:14px/1.6 "AbeeZee",sans-serif;color:#c3d3e0}
.ci-simple .portal-details>summary::-webkit-details-marker{display:none}
.ci-simple .portal-details>summary::after{content:'+';position:absolute;right:24px;top:18px;font-size:20px;font-weight:400;color:#84bcd6}
.ci-simple .portal-details[open]>summary::after{content:'−'}
.ci-simple .portal-details>summary:hover{background:#7bc9e706;color:#f4f6fa}
.ci-simple .portal-details>summary:focus-visible{outline:2px solid #7bc9e7;outline-offset:-5px;border-radius:18px}
.ci-simple .portal-details[open]>summary{border-bottom:1px solid #a7c5da20}
.ci-simple .portal-details-content{padding:25px;font-size:14px;line-height:1.85;color:#9eafc1}
.ci-simple .portal-details-content>p:first-child{margin-top:0}
.ci-simple .portal-details-content p:last-child{margin-bottom:0}
.ci-simple .portal-details-content .vaultiq-capability-grid article{min-height:0;background:none;border:0;padding:0 12px}
.ci-simple .portal-price-summary{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:55px}
.ci-simple .portal-tax{margin-top:-8px!important;font-size:12px!important}
.ci-simple .vaultiq-price-block p{margin:0}
.ci-simple .vaultiq-price-block .button{margin-top:5px}
.ci-simple .portal-price-inclusions h3{font-size:22px;font-weight:500;line-height:1.4;margin:0 0 22px}
.ci-simple .portal-price-inclusions ul{padding:0;list-style:none;margin:0;display:grid;gap:17px}
.ci-simple .portal-price-inclusions li{position:relative;padding-left:19px;color:#aebdca;font-size:13px;line-height:1.8}
.ci-simple .portal-price-inclusions li::before{content:'·';position:absolute;left:0;color:#7bc9e7;font-size:20px;line-height:1.2}
.ci-simple .portal-price-inclusions strong{color:#d6e1e9;font-weight:400}
.ci-simple .portal-scope-note{font-size:12px;line-height:1.85;max-width:1000px;color:#9eafc1;margin:20px 0 28px}
.ci-simple .portal-commercial-details{display:grid;gap:12px}
.ci-simple .portal-commercial-details .portal-details{margin-top:0}
.ci-simple .portal-inclusion-details article+article{border-top:1px solid #a7c5da20;padding-top:23px;margin-top:23px}
.ci-simple .portal-inclusion-details h3{font-size:19px;font-weight:500;line-height:1.4;color:#dce6ee;margin:0 0 15px}
.ci-simple .portal-inclusion-details ul{padding-left:20px;display:grid;gap:10px}
.ci-simple .portal-inclusion-details .vaultiq-module-list{padding-left:0;list-style:none}
.ci-simple .portal-inclusion-details .vaultiq-module-list strong{color:#c6d6e2}
.ci-simple .portal-inclusion-details>p{margin-top:24px}
.ci-simple .portal-details-content .vaultiq-development-access{border:0;background:none;padding:0}
.ci-simple .portal-details-content .vaultiq-control-points{margin-top:25px}
@media(max-width:980px){.ci-simple .portal-price-summary{grid-template-columns:1fr;gap:35px}.ci-simple .vaultiq-hero{min-height:0}}
@media(max-width:720px){.ci-simple .portal-assurances{gap:7px 12px;font-size:9px}.ci-simple .portal-details>summary{padding:18px 44px 18px 18px;font-size:13px}.ci-simple .portal-details>summary::after{right:18px;top:16px}.ci-simple .portal-details-content{padding:22px 18px}.ci-simple .portal-details-content .vaultiq-capability-grid{gap:24px}.ci-simple .portal-details-content .vaultiq-capability-grid article{padding:0}.ci-simple .portal-price-inclusions h3{font-size:21px}.ci-simple .vaultiq-capability-grid article{min-height:0}}

/* A few heading accents echo the homepage without adding visual weight. */
.ci-simple .portal-blue{color:var(--ci-blue)}
.ci-simple .portal-orange{color:var(--ci-orange)}
.ci-simple .vaultiq-capability-grid>article>span{color:#86bcd2}
.ci-simple .vaultiq-capability-grid>article:nth-child(2)>span{color:var(--ci-orange)}