/* CertifyMe digital credential infrastructure — institutional architecture */
.dci {
  --dci-ink: #24233a;
  --dci-muted: #626176;
  --dci-indigo: #4f46e5;
  --dci-indigo-dark: #38328e;
  --dci-pale: #f5f5ff;
  --dci-line: #e4e3ef;
  --dci-paper: #fff;
  --dci-teal: #3a827f;
  color: var(--dci-ink);
  background: #fff;
  font-family: "Source Sans 3", sans-serif;
  line-height: 1.55;
  overflow: clip;
  text-align: left;
}
.dci *, .dci *::before, .dci *::after { box-sizing: border-box; }
.dci img { max-width: 100%; }
.dci a { color: inherit; }
.dci button, .dci input { font: inherit; }
.dci :focus-visible { outline: 3px solid #8a83ff; outline-offset: 4px; }
.dci-shell { width: min(1180px, calc(100% - 56px)); margin-inline: auto; }
.dci-section { padding-block: 104px; }
.dci h1,.dci h2,.dci h3,.dci h4 { color: var(--dci-ink); font-family: "Source Sans 3",sans-serif; letter-spacing: -.04em; }
.dci h1 { font-size: clamp(42px,5.3vw,66px); font-weight: 600; line-height: 1.09; margin: 0; max-width: 760px; }
.dci h2 { font-size: clamp(32px,4vw,48px); line-height: 1.15; margin: 0; font-weight: 600; }
.dci h2 em { color: var(--dci-indigo); font-style: normal; }
.dci h3 { font-size: clamp(23px,2.2vw,30px); line-height: 1.22; margin: 0 0 16px; font-weight: 600; }
.dci p { margin-top: 0; }
.dci-eyebrow,.dci-kicker { color: var(--dci-indigo-dark); font-size: 12px; font-weight: 700; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.dci-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; }
.dci-eyebrow > span:not(.dci-eyebrow__mark) { color: var(--dci-indigo); }
.dci-eyebrow__mark { width: 22px; height: 2px; background: var(--dci-indigo); }
.dci-kicker { margin: 0 0 12px; color: #77749a; font-size: 10px; letter-spacing: .14em; }
.dci-lead { font-size: 23px; line-height: 1.35; color: var(--dci-ink) !important; }
.dci-muted { color: var(--dci-muted); font-size: 14px; }
.dci-progress { position: fixed; top: var(--dci-header-height,80px); left: 0; right: 0; z-index: 1000; height: 3px; pointer-events: none; background: transparent; }
.dci-progress span { display: block; width: 0; height: 100%; background: var(--dci-indigo); transform-origin: left; }

/* Hero: quiet editorial left, explicit systems diagram right */
.dci-hero { position: relative; padding: calc(var(--dci-header-height,110px) + 36px) 0 0; background: linear-gradient(180deg,#fff 0%,#fbfbff 100%); }
.dci-hero__grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(430px,.98fr); align-items: center; gap: clamp(46px,7vw,100px); }
.dci-hero__copy { padding: 0 0 56px; }
.dci-hero__lead { max-width: 600px; margin: 25px 0 29px; color: #5f5d72; font-size: 19px; line-height: 1.55; }
.dci-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.dci-button { display: inline-flex; align-items: center; justify-content: center; gap: 19px; min-height: 52px; padding: 0 21px; border: 1px solid transparent; border-radius: 4px; font-size: 15px; font-weight: 650; text-decoration: none; transition: background-color .18s ease,border-color .18s ease,transform .18s ease; }
.dci-button:hover { transform: translateY(-2px); }
.dci-button--primary { color: #fff !important; background: var(--dci-indigo); }
.dci-button--primary:hover { color:#fff !important; background:#3931ad; }
.dci-button--quiet { border-color: var(--dci-line); background: #fff; color: var(--dci-ink); }
.dci-button--quiet:hover { border-color: #b9b6df; }
.dci-hero__footnote { display: flex; align-items: center; gap: 9px; margin-top: 33px; color: #6b697c; font-size: 13px; }
.dci-live-dot,.dci-status i,.dci-template-preview__meta i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #4f9a87; }
.dci-system { position: relative; max-width: 550px; justify-self: end; width: 100%; padding: 27px; border: 1px solid #e0dfef; background: rgba(255,255,255,.82); box-shadow: 0 20px 52px rgba(49,45,112,.07); }
.dci-system::before { position: absolute; inset: 10px -10px -10px 10px; z-index: -1; border: 1px solid #eeedf6; content: ""; }
.dci-system__label { display: block; margin-bottom: 13px; color: #706e82; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dci-system__sources { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }
.dci-system__sources span { padding: 10px 4px; border: 1px solid #e7e6f0; background: #fff; text-align: center; color: #48475c; font-size: 12px; font-weight: 600; }
.dci-system__connector { display: flex; align-items: center; gap: 10px; height: 40px; color: #77758b; font-size: 10px; letter-spacing: .05em; }
.dci-system__connector i { flex: 1; height: 1px; background: #d9d7e9; }
.dci-system__connector span { position: relative; }
.dci-system__connector span::after { position: absolute; left: calc(50% - 4px); bottom: -12px; width: 7px; height: 7px; border-right: 1px solid var(--dci-indigo); border-bottom: 1px solid var(--dci-indigo); content: ""; transform: rotate(45deg); }
.dci-system__core { display: flex; align-items: center; gap: 13px; min-height: 73px; padding: 12px 15px; border: 1px solid #c9c7ed; background: #f7f6ff; }
.dci-system__core-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: #fff; background: var(--dci-indigo); font-family: Manrope,sans-serif; font-size: 19px; font-weight: 700; }
.dci-system__core div { display: grid; gap: 1px; }
.dci-system__core strong { font-family: Manrope,sans-serif; font-size: 15px; }
.dci-system__core div span { color: #605f76; font-size: 12px; }
.dci-system__core-index { margin-left: auto; color: #7a77a3; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.dci-system__connector--down { height: 34px; }
.dci-system__outputs { display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }
.dci-system__outputs div { min-height: 65px; padding: 9px 7px; border-top: 2px solid var(--dci-indigo); background: #fafaff; }
.dci-system__outputs b { display: block; margin-bottom: 6px; color: var(--dci-indigo); font-size: 9px; letter-spacing: .08em; }
.dci-system__outputs span { display: block; font-size: 10px; font-weight: 600; line-height: 1.3; }
.dci-system__caption { display: flex; justify-content: space-between; gap: 12px; margin-top: 14px; color: #818095; font-size: 10px; }
.dci-proofline { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 0; border-top: 1px solid #e7e6f0; color: #666477; font-size: 13px; }
.dci-proofline span:first-child { color: #33324a; font-weight: 650; }
.dci-proofline i { width: 4px; height: 4px; border-radius: 50%; background: #a7a5bd; }

/* Architecture opening and sticky layer index */
.dci-intro { padding: 112px 0 90px; background: #f8f8fd; }
.dci-intro__grid { display: grid; grid-template-columns: 1fr .78fr; align-items: end; gap: 95px; }
.dci-intro h2 { max-width: 660px; }
.dci-intro__copy { max-width: 500px; color: var(--dci-muted); font-size: 17px; line-height: 1.65; }
.dci-intro__copy p:last-child { margin-bottom: 0; }
.dci-lifecycle-ribbon { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; margin-top: 36px; padding: 15px 18px; border-block: 1px solid #e3e2ef; color: #5d5b71; font-size: 12px; font-weight: 650; }
.dci-lifecycle-ribbon i { color: var(--dci-indigo); font-size: 13px; font-style: normal; }
.dci-stack-wrap { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(240px,.55fr); align-items: center; gap: 55px; margin-top: 53px; }
.dci-stack { position: relative; display: grid; gap: 8px; }
.dci-stack__spine { position: absolute; top: 26px; bottom: 26px; left: 25px; width: 1px; background: #c7c4e8; }
.dci-stack__row { position: relative; display: grid; grid-template-columns: 52px 1fr auto 22px; align-items: center; gap: 16px; min-height: 61px; padding: 8px 16px 8px 0; border: 1px solid #e4e3ef; background: #fff; text-decoration: none; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.dci-stack__row:hover,.dci-stack__row.is-active { border-color: #9a95d8; box-shadow: 0 5px 15px rgba(55,49,132,.06); transform: translateX(3px); }
.dci-stack__row--foundation { min-height: 72px; border-left: 3px solid var(--dci-indigo); }
.dci-stack__number { z-index: 1; display: grid; width: 36px; height: 36px; margin-left: 8px; place-items: center; border: 1px solid #d9d7ef; border-radius: 50%; background: #fff; color: var(--dci-indigo); font-size: 12px; font-weight: 700; }
.dci-stack__name { font-size: 16px; font-weight: 650; }
.dci-stack__tag { color: #8a879b; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.dci-stack__arrow { color: var(--dci-indigo); font-size: 17px; }
.dci-stack__note { display: flex; align-items: flex-start; gap: 17px; color: var(--dci-muted); font-size: 15px; line-height: 1.55; }
.dci-stack__note strong { color: var(--dci-ink); font-family: Manrope,sans-serif; font-size: 16px; }
.dci-stack__note-mark { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid #d5d2ec; border-radius: 50%; color: var(--dci-indigo); font-size: 20px; }
.dci-layer-nav { position: sticky; top: var(--dci-header-height,80px); z-index: 100; border-block: 1px solid #e3e2ed; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.dci-layer-nav__inner { display: flex; align-items: center; justify-content: space-between; min-height: 62px; gap: 16px; }
.dci-layer-nav__label { flex: 0 0 auto; color: #77758a; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.dci-layer-nav__links { display: flex; justify-content: center; gap: 5px; }
.dci-layer-nav__links a { display: flex; align-items: center; gap: 7px; padding: 9px 11px; border-radius: 3px; color: #666477; font-size: 12px; text-decoration: none; transition: color .16s ease,background .16s ease; }
.dci-layer-nav__links b { color: #9996ac; font-size: 10px; }
.dci-layer-nav__links a:hover,.dci-layer-nav__links a.is-active { color: var(--dci-indigo-dark); background: #f0effc; }
.dci-layer-nav__links a.is-active b { color: var(--dci-indigo); }
.dci-layer-nav__progress { min-width: 42px; color: #838195; font-size: 10px; font-variant-numeric: tabular-nums; text-align: right; }

/* Layer 1 — product administration and access */
.dci-layer { scroll-margin-top: calc(var(--dci-header-height,80px) + 82px); }
.dci-layer--deep { padding: 110px 0; }
.dci-section-head { margin-bottom: 64px; }
.dci-section-head--split { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(280px,.68fr); gap: 80px; align-items: end; }
.dci-section-head h2 { max-width: 700px; }
.dci-section-head__aside { color: var(--dci-muted); font-size: 17px; line-height: 1.65; }
.dci-section-head__aside p:last-child { margin-bottom: 0; }
.dci-section-head__aside p+p { margin-top: 14px; }
.dci-feature { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1fr); align-items: center; gap: clamp(45px,8vw,112px); padding: 48px 0; border-top: 1px solid var(--dci-line); }
.dci-feature__copy { max-width: 420px; }
.dci-feature__copy > p:not(.dci-kicker):not(.dci-muted):not(.dci-action-status) { color: var(--dci-muted); font-size: 16px; line-height: 1.65; }
.dci-route { display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr; align-items: center; gap: 6px; margin: 27px 0 18px; }
.dci-route span { min-height: 50px; display: grid; place-items: center; padding: 5px; border: 1px solid var(--dci-line); background: #fbfbff; font-size: 11px; font-weight: 650; text-align: center; }
.dci-route i { color: var(--dci-indigo); font-style: normal; text-align: center; }
.dci-credential-art { position: relative; display: flex; justify-content: center; align-items: center; min-height: 380px; background: radial-gradient(ellipse at 50% 54%,#eeedfb 0%,#f8f8fc 57%,transparent 58%); }
.dci-paper { position: relative; display: flex; flex-direction: column; width: min(100%,440px); min-height: 310px; padding: 28px 34px 22px; border: 1px solid #e2dfd0; background: #fffefb; box-shadow: 0 20px 40px rgba(42,37,79,.12); color: #4b4860; }
.dci-paper__rule { position: absolute; inset: 11px; border: 1px solid #e8e4d7; pointer-events: none; }
.dci-paper__brand { z-index: 1; color: #413d63; font-family: Manrope,sans-serif; font-size: 12px; font-weight: 750; letter-spacing: .06em; }
.dci-paper__brand small { display: block; margin-top: 3px; color: #8a8799; font-family: "Source Sans 3",sans-serif; font-size: 8px; letter-spacing: .12em; }
.dci-paper__label { margin-top: 32px; color: #88839d; font-size: 9px; font-weight: 700; letter-spacing: .17em; text-align: center; }
.dci-paper__recipient { margin-top: 7px; color: #37334e; font-family: Manrope,sans-serif; font-size: 23px; font-weight: 600; text-align: center; }
.dci-paper__program { margin-top: 2px; color: var(--dci-indigo-dark); font-family: Manrope,sans-serif; font-size: 13px; font-weight: 600; text-align: center; }
.dci-paper__description { margin-top: 8px; color: #777487; font-size: 10px; text-align: center; }
.dci-paper__footer { display: flex; justify-content: space-between; align-items: end; margin-top: auto; color: #777487; font-size: 8px; line-height: 1.5; }
.dci-paper__signature { max-width: 110px; border-top: 1px solid #aaa7b6; padding-top: 4px; color: #514d69; font-family: Manrope,sans-serif; font-size: 8px; font-style: italic; text-align: center; }
.dci-paper__qr { z-index: 2; position: absolute; right: 24px; bottom: 42px; display: grid; justify-items: center; gap: 3px; text-decoration: none; }
.dci-paper__qr img { display: block; width: 62px; height: 62px; object-fit: contain; border: 3px solid #fff; }
.dci-paper__qr span { color: var(--dci-indigo-dark); font-size: 8px; font-weight: 700; }
.dci-credential-art__annotation { position: absolute; right: 4%; bottom: 16%; display: flex; align-items: center; gap: 8px; color: #77758c; font-size: 10px; }
.dci-credential-art__annotation i { width: 6px; height: 6px; border-radius: 50%; background: var(--dci-indigo); }
.dci-workflow { display: flex; align-items: center; gap: 10px; margin-top: 26px; color: #78768a; font-size: 12px; }
.dci-workflow span { font-weight: 600; }
.dci-workflow span.is-current { color: var(--dci-indigo); }
.dci-workflow i { color: #aaa8bb; font-style: normal; }
.dci-template-ui,.dci-editor { border: 1px solid #e1e0eb; background: #fff; box-shadow: 0 15px 38px rgba(43,40,90,.06); }
.dci-ui-bar { display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 0 15px; border-bottom: 1px solid #ecebf2; color: #49475e; font-size: 11px; }
.dci-ui-dots { display: flex; gap: 4px; }
.dci-ui-dots i { width: 6px; height: 6px; border-radius: 50%; background: #d5d3e3; }
.dci-ui-context { margin-left: auto; color: #8b899b; font-size: 10px; }
.dci-template-ui__body { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 316px; }
.dci-template-list { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 7px; padding: 14px; border-right: 1px solid #eeedf3; }
.dci-template-choice { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px; border: 1px solid transparent; background: transparent; color: #454357; cursor: pointer; text-align: left; }
.dci-template-choice:hover,.dci-template-choice.is-selected { border-color: #d9d6f1; background: #f8f7ff; }
.dci-template-choice__glyph { display: grid; flex: 0 0 30px; width: 30px; height: 36px; place-items: center; border: 1px solid #d8d6e9; background: #fff; color: var(--dci-indigo); font-size: 8px; font-weight: 700; }
.dci-template-choice > span:nth-child(2) { min-width: 0; font-size: 10px; font-weight: 650; line-height: 1.3; }
.dci-template-choice small { display: block; color: #89879a; font-size: 9px; font-weight: 400; }
.dci-template-choice > i { display: none; margin-left: auto; color: var(--dci-indigo); font-size: 10px; font-style: normal; }
.dci-template-choice.is-selected > i { display: block; }
.dci-template-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; padding: 18px 12px; background: #fafaff; }
.dci-template-preview__label { color: #8b899e; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.dci-mini-certificate { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 155px; padding: 16px; border: 1px solid #e2dfd0; background: #fffefb; text-align: center; }
.dci-mini-certificate > span { color: #585472; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.dci-mini-certificate b { margin-top: 20px; color: #3e3b53; font-family: Manrope,sans-serif; font-size: 12px; }
.dci-mini-certificate i { width: 50px; height: 1px; margin: 11px; background: #d3d0df; }
.dci-mini-certificate small { color: #838092; font-size: 8px; }
.dci-template-preview__meta { display: flex; align-items: center; gap: 7px; color: #6e6c7d; font-size: 9px; }
.dci-feature--editor { align-items: start; }
.dci-editor__body { display: grid; grid-template-columns: .85fr 1.15fr; gap: 15px; padding: 16px; background: #fafaff; }
.dci-editor__saved { display: flex; align-items: center; gap: 6px; margin-left: auto; color: #777588; font-size: 9px; }
.dci-editor__saved i { width: 6px; height: 6px; border-radius: 50%; background: #d9a752; }
.dci-fields { display: grid; align-content: start; gap: 10px; }
.dci-fields label { display: grid; gap: 4px; color: #69677c; font-size: 9px; font-weight: 650; }
.dci-fields input { width: 100%; min-width: 0; height: 33px; padding: 0 8px; border: 1px solid #e2e1eb; border-radius: 2px; background: #fff; color: #403e54; font-size: 10px; }
.dci-fields input[readonly] { color: #77758a; background: #f7f7fa; }
.dci-field-note { display: flex; gap: 6px; margin-top: 2px; color: #828093; font-size: 9px; line-height: 1.4; }
.dci-field-note__icon { display: grid; flex: 0 0 13px; width: 13px; height: 13px; place-items: center; border: 1px solid #aaa7bf; border-radius: 50%; font-size: 8px; }
.dci-editor-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 282px; padding: 20px; border: 1px solid #e2dfd0; background: #fffefb; text-align: center; }
.dci-editor-preview__institution { color: #5b5774; font-size: 9px; font-weight: 750; letter-spacing: .08em; }
.dci-editor-preview__overline { margin-top: 23px; color: #9792a5; font-size: 8px; letter-spacing: .12em; }
.dci-editor-preview strong { margin-top: 5px; color: #3e3b53; font-family: Manrope,sans-serif; font-size: 20px; font-weight: 600; }
.dci-editor-preview > span:not(.dci-editor-preview__institution):not(.dci-editor-preview__overline) { margin-top: 4px; color: #484462; font-size: 11px; }
.dci-editor-preview small { margin-top: 15px; color: #858294; font-size: 9px; }
.dci-editor-preview__sig { margin-top: 23px !important; padding-top: 5px; border-top: 1px solid #aaa7b6; color: #6d6980 !important; font-size: 8px !important; }
.dci-disclosure { margin-top: 22px; border-top: 1px solid var(--dci-line); border-bottom: 1px solid var(--dci-line); }
.dci-disclosure summary { position: relative; padding: 13px 22px 13px 0; color: #514e70; font-size: 13px; font-weight: 650; cursor: pointer; list-style: none; }
.dci-disclosure summary::-webkit-details-marker { display: none; }
.dci-disclosure summary::after { position: absolute; right: 2px; content: "+"; color: var(--dci-indigo); font-size: 18px; font-weight: 400; }
.dci-disclosure[open] summary::after { content: "−"; }
.dci-disclosure p { margin: 0; padding: 0 0 15px; color: var(--dci-muted); font-size: 14px; line-height: 1.6; }
.dci-feature--credential-page { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); }
.dci-actions--small { gap: 8px; margin-top: 20px; }
.dci-text-button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #e5e4ee; border-radius: 2px; background: #fff; color: #55536b; cursor: pointer; font-size: 11px; text-decoration: none; }
.dci-text-button:hover { border-color: #aaa6dc; color: var(--dci-indigo-dark); }
.dci-text-button span { color: var(--dci-indigo); }
.dci-action-status { min-height: 22px; margin: 6px 0 0; color: #4f7a6e; font-size: 12px; }
.dci-record-card { border: 1px solid #e0dfea; background: #fff; box-shadow: 0 16px 38px rgba(40,37,86,.07); }
.dci-record-card__top { display: flex; align-items: center; gap: 11px; padding: 17px 21px; border-bottom: 1px solid #eeedf2; }
.dci-record-card__seal,.dci-lr-seal { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid #d5d1e8; border-radius: 50%; color: var(--dci-indigo-dark); font-family: Manrope,sans-serif; font-size: 12px; font-weight: 700; }
.dci-record-card__top strong,.dci-record-card__top small { display: block; }
.dci-record-card__top strong { font-size: 12px; }
.dci-record-card__top small { color: #8c899b; font-size: 10px; }
.dci-status { display: flex; align-items: center; gap: 6px; margin-left: auto; color: #4d7e6e; font-size: 10px; }
.dci-record-card__main { padding: 21px 23px 17px; }
.dci-record-card__label,.dci-record-card__skills > span { color: #88859a; font-size: 8px; font-weight: 700; letter-spacing: .13em; }
.dci-record-card__main h4 { margin: 6px 0 5px; font-size: 19px; letter-spacing: -.025em; }
.dci-record-card__main p { margin: 0; color: #777487; font-size: 12px; }
.dci-record-card__main strong { color: #48465c; }
.dci-record-card__facts { display: grid; grid-template-columns: 1fr 1fr; padding: 14px 23px; border-block: 1px solid #efedf4; background: #fbfbfe; }
.dci-record-card__facts span,.dci-record-card__facts strong { display: block; }
.dci-record-card__facts span { color: #858294; font-size: 9px; }
.dci-record-card__facts strong { margin-top: 2px; font-size: 11px; font-weight: 650; }
.dci-record-card__skills { padding: 15px 23px; }
.dci-record-card__skills div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.dci-record-card__skills i { padding: 4px 8px; border: 1px solid #e3e1ee; border-radius: 20px; color: #5a5871; font-size: 9px; font-style: normal; }
.dci-record-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 23px; border-top: 1px solid #efedf4; color: #6d6a7d; font-size: 10px; }
.dci-record-card__bottom a { color: var(--dci-indigo-dark); font-weight: 650; text-decoration: none; }
.dci-feature--api { align-items: start; }
.dci-methods { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 22px; }
.dci-methods button { display: grid; gap: 4px; padding: 11px 10px; border: 1px solid #e3e2ec; background: #fff; cursor: pointer; text-align: left; }
.dci-methods button.is-selected,.dci-methods button:hover { border-color: #aaa6dc; background: #f8f7ff; }
.dci-methods b { color: #4c4a61; font-size: 11px; }
.dci-methods span { color: #848195; font-size: 9px; }
.dci-api-flow { display: grid; justify-items: center; }
.dci-api-flow > i { height: 25px; color: var(--dci-indigo); font-size: 17px; font-style: normal; line-height: 25px; }
.dci-api-flow__step { display: grid; justify-items: center; width: min(100%,390px); padding: 12px; border: 1px solid #e4e3ed; background: #fff; text-align: center; }
.dci-api-flow__step > span { color: #414056; font-size: 12px; font-weight: 700; }
.dci-api-flow__step small { margin-top: 2px; color: #858295; font-size: 10px; }
.dci-api-flow__core { grid-template-columns: 28px auto; justify-content: center; column-gap: 9px; border-color: #cbc8ee; background: #f7f6ff; }
.dci-api-flow__core b { grid-row: span 2; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--dci-indigo); color: #fff; font-family: Manrope,sans-serif; }
.dci-api-flow__core > span { align-self: end; }
.dci-api-flow__core small { align-self: start; }
.dci-feature--share { align-items: center; }
.dci-share-map { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 70px 88px 70px; align-items: center; justify-items: center; min-height: 250px; }
.dci-share-map__lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.dci-share-map__lines path { fill: none; stroke: #ccc9e9; stroke-width: 1.1; stroke-dasharray: 3 4; }
.dci-share-map__center { z-index: 1; grid-column: 2; grid-row: 2; display: grid; justify-items: center; gap: 2px; width: 130px; padding: 13px 8px; border: 1px solid #cbc8ec; background: #faf9ff; text-align: center; }
.dci-share-map__seal { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #d4d1e9; border-radius: 50%; color: var(--dci-indigo); font-size: 9px; font-weight: 700; }
.dci-share-map__center b { font-family: Manrope,sans-serif; font-size: 11px; line-height: 1.2; }
.dci-share-map__center small { color: #807d92; font-size: 8px; }
.dci-destination { z-index: 1; display: grid; min-width: 92px; min-height: 32px; place-items: center; padding: 5px 10px; border: 1px solid #e1e0eb; background: #fff; color: #5c5a70; font-size: 10px; font-weight: 650; }
.dci-destination--linkedin { grid-column: 1; grid-row: 1; }.dci-destination--email { grid-column: 2; grid-row: 1; }.dci-destination--cv { grid-column: 3; grid-row: 1; }.dci-destination--web { grid-column: 1; grid-row: 3; }.dci-destination--qr { grid-column: 2; grid-row: 3; }.dci-destination--url { grid-column: 3; grid-row: 3; }.dci-destination--wallet { grid-column: 3; grid-row: 2; transform: translate(48px,0); }

/* Layer 2 — explain standards as data and trust models */
.dci-layer--standards { background: #f8f8fd; }
.dci-standards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.dci-standard-card { min-width: 0; padding: 28px; border: 1px solid #e4e3ed; background: #fff; }
.dci-standard-card__head { display: flex; align-items: center; gap: 14px; margin-bottom: 17px; }
.dci-standard-card__index { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid #d9d6ed; color: var(--dci-indigo); font-family: Manrope,sans-serif; font-size: 15px; }
.dci-standard-card__head .dci-kicker { margin-bottom: 3px; }
.dci-standard-card__head h3 { margin: 0; font-size: 23px; }
.dci-standard-card__tag { margin-left: auto; padding: 5px 8px; border: 1px solid #e4e3ec; color: #777489; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.dci-standard-card > p:not(.dci-kicker) { color: var(--dci-muted); font-size: 14px; line-height: 1.6; }
.dci-object { margin-top: 25px; padding: 19px; border: 1px solid #e7e6ef; background: #fafaff; }
.dci-object__root { display: grid; justify-items: center; padding: 13px; border: 1px solid #cbc8eb; background: #fff; }
.dci-object__root b { color: #46435f; font-size: 12px; }
.dci-object__root span { color: #8a8799; font-size: 9px; }
.dci-object__branches { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 20px; }
.dci-object__branches::before { position: absolute; top: -10px; left: 50%; width: 1px; height: 10px; background: #c7c4e5; content: ""; }
.dci-object__branches div { padding: 9px 7px; border: 1px solid #e6e5ee; background: #fff; }
.dci-object__branches b,.dci-object__branches span { display: block; }
.dci-object__branches b { color: #514f67; font-size: 10px; }
.dci-object__branches span { margin-top: 3px; color: #89869a; font-size: 8px; }
.dci-standard-card__foot { padding-top: 13px; border-top: 1px solid #eeedf3; color: #7e7b90 !important; font-size: 11px !important; }
.dci-vc-flow { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin: 25px 0; }
.dci-vc-flow > div { display: grid; justify-items: center; min-width: 0; text-align: center; }
.dci-vc-flow > i { color: var(--dci-indigo); font-size: 14px; font-style: normal; }
.dci-vc-flow__icon { display: grid; width: 28px; height: 28px; margin-bottom: 5px; place-items: center; border: 1px solid #d7d4ec; border-radius: 50%; color: var(--dci-indigo); font-size: 10px; font-weight: 700; }
.dci-vc-flow b { font-size: 10px; }
.dci-vc-flow small { max-width: 92px; margin-top: 2px; color: #858295; font-size: 8px; line-height: 1.3; }
.dci-json { border: 1px solid #e7e6ef; background: #fafaff; }
.dci-json > div { display: flex; justify-content: space-between; padding: 9px 12px; border-bottom: 1px solid #e7e6ef; color: #58566d; font-size: 9px; font-weight: 650; }
.dci-json > div span:last-child { color: #89869a; font-size: 8px; letter-spacing: .07em; }
.dci-json pre { margin: 0; padding: 12px; overflow-x: auto; color: #595773; font-size: 10px; line-height: 1.55; }
.dci-compare { display: grid; grid-template-columns: 1fr 1fr 45px 1fr; align-items: center; gap: 24px; margin-top: 54px; padding: 30px; border: 1px solid #e3e2ec; background: #fff; }
.dci-compare__head { grid-column: 1 / -1; }
.dci-compare__head h3 { margin: 0; font-size: 23px; }
.dci-compare__column { display: grid; gap: 7px; }
.dci-compare__label { margin-bottom: 5px; color: #77758a; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.dci-compare__column > div { padding: 10px 12px; border: 1px solid #e8e7ef; color: #69677c; font-size: 12px; }
.dci-compare__column > i { height: 10px; color: #9b98af; font-size: 11px; font-style: normal; line-height: 10px; text-align: center; }
.dci-compare__column--structured > div { border-color: #d8d6ed; background: #f8f7ff; color: #4d4a6d; }
.dci-compare__switch { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #d8d6ed; border-radius: 50%; color: var(--dci-indigo); }
.dci-standards-route { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 25px; padding: 23px; border: 1px solid #e3e2ec; background: #fff; }
.dci-standards-route > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.dci-standards-route > div span { padding: 8px 10px; border: 1px solid #e7e6ee; color: #5e5c72; font-size: 10px; }
.dci-standards-route > i { color: var(--dci-indigo); font-style: normal; }
.dci-standards-route > b { padding: 10px 15px; background: #f0effb; color: var(--dci-indigo-dark); font-size: 11px; letter-spacing: .08em; }
.dci-standards-route__standards span { border-color: #d9d6ef !important; background: #faf9ff; }

/* Layer 3 — trust pathways, distinct from one another */
.dci-layer--trust { background: #fff; }
.dci-trust-questions { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 72px; border-block: 1px solid #e6e5ef; }
.dci-trust-questions article { display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 13px; padding: 23px 17px; }
.dci-trust-questions article+article { border-left: 1px solid #e6e5ef; }
.dci-trust-questions article > span { color: var(--dci-indigo); font-family: Manrope,sans-serif; font-size: 20px; }
.dci-trust-questions b { font-family: Manrope,sans-serif; font-size: 17px; }
.dci-trust-questions p { margin: 5px 0 0; color: #717084; font-size: 13px; }
.dci-trust-questions article > i { grid-column: 2; color: #9996aa; font-size: 10px; font-style: normal; }
.dci-verify-tabs { display: grid; grid-template-columns: minmax(250px,.64fr) minmax(0,1.36fr); border: 1px solid #e2e1ec; background: #fff; }
.dci-verify-tabs__intro { padding: 29px; border-right: 1px solid #e6e5ef; background: #f9f9fd; }
.dci-verify-tabs__intro h3 { margin-bottom: 10px; font-size: 24px; }
.dci-verify-tabs__intro > p:not(.dci-kicker) { color: #767487; font-size: 13px; }
.dci-tab-list { display: grid; gap: 5px; margin-top: 25px; }
.dci-tab-list button { display: flex; align-items: center; min-height: 41px; padding: 9px 11px; border: 1px solid transparent; background: transparent; color: #626074; cursor: pointer; font-size: 12px; font-weight: 600; text-align: left; }
.dci-tab-list button::before { width: 6px; height: 6px; margin-right: 10px; border: 1px solid #aaa7bb; border-radius: 50%; content: ""; }
.dci-tab-list button[aria-selected="true"] { border-color: #dcd9f1; background: #fff; color: var(--dci-indigo-dark); }
.dci-tab-list button[aria-selected="true"]::before { border-color: var(--dci-indigo); background: var(--dci-indigo); }
.dci-verify-panel-wrap { min-width: 0; }
.dci-verify-panel { min-height: 430px; padding: 32px clamp(22px,4vw,48px); }
.dci-verify-panel[hidden] { display: none; }
.dci-verify-panel h4 { margin: 0 0 10px; font-size: 22px; }
.dci-verify-panel > p:not(.dci-kicker):not(.dci-note):not(.dci-pdf-result) { max-width: 680px; margin-bottom: 17px; color: #6c6a7e; font-size: 14px; line-height: 1.6; }
.dci-id-flow,.dci-otp-flow { display: grid; grid-template-columns: 1fr 22px 1fr 22px 1fr; align-items: center; gap: 6px; margin: 28px 0; }
.dci-otp-flow { grid-template-columns: 1fr 20px 1.15fr 20px 1fr 20px 1fr; }
.dci-id-flow > span,.dci-otp-flow > span { display: grid; align-content: center; min-height: 58px; padding: 8px; border: 1px solid #e4e3ed; background: #fbfbff; color: #5b596f; font-size: 10px; font-weight: 650; text-align: center; }
.dci-id-flow > span b { display: block; margin-top: 3px; color: var(--dci-indigo); font-size: 11px; }
.dci-id-flow > i,.dci-otp-flow > i { color: var(--dci-indigo); font-style: normal; text-align: center; }
.dci-note { margin: 17px 0 0; padding-left: 11px; border-left: 2px solid #d9d7ed; color: #777589; font-size: 12px; line-height: 1.5; }
.dci-sign-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 18px 0; }
.dci-sign-flow span { padding: 7px 9px; border: 1px solid #e5e4ed; color: #69677c; font-size: 9px; }
.dci-sign-flow i { color: var(--dci-indigo); font-style: normal; font-size: 11px; }
.dci-drop { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 148px; justify-content: center; padding: 16px; border: 1px dashed #aaa6d3; background: #faf9ff; color: #56546d; text-align: center; transition: background .18s ease,border-color .18s ease; }
.dci-drop.is-dragging { border-color: var(--dci-indigo); background: #f1f0ff; }
.dci-drop__icon { display: grid; width: 34px; height: 39px; margin-bottom: 6px; place-items: center; border: 1px solid #d3d0e8; background: #fff; color: var(--dci-indigo); font-size: 8px; font-weight: 700; }
.dci-drop strong { font-size: 12px; }
.dci-drop > span:not(.dci-drop__icon) { color: #88869a; font-size: 10px; }
.dci-drop input { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); opacity: 0; overflow: hidden; }
.dci-drop__choose { position: relative; min-height: 44px; margin-top: 9px; padding: 8px 16px; border: 1px solid #dbd9e9; background: #fff; color: var(--dci-indigo-dark); cursor: pointer; font-size: 13px; }
.dci-drop:focus-within,.dci-drop.is-dragging { outline: 2px solid var(--dci-indigo); outline-offset: 4px; }
.dci-pdf-result { min-height: 19px; margin: 10px 0 5px; color: #615f72; font-size: 13px; line-height: 1.5; }
.dci-pdf-result[data-state="match"] { color: #166534; }
.dci-pdf-result[data-state="mismatch"],.dci-pdf-result[data-state="error"] { color: #9f1239; }
.dci-download-sample { display: inline-flex; align-items: center; gap: 9px; color: var(--dci-indigo-dark); font-size: 11px; font-weight: 650; text-decoration: none; }
.dci-download-sample:hover,.dci-inline-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.dci-proof-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 21px; }
.dci-proof-fields span { display: grid; gap: 3px; padding: 10px; border: 1px solid #e5e4ed; color: #8a8799; font-size: 9px; }
.dci-proof-fields b { color: #55536b; font-size: 11px; font-weight: 600; }
.dci-verification-matrix { display: grid; grid-template-columns: .7fr 1.3fr; gap: 54px; align-items: start; margin-top: 69px; }
.dci-matrix-heading h3 { margin: 0 0 11px; font-size: 26px; }
.dci-matrix-heading > p:last-child { color: #777588; font-size: 14px; }
.dci-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #e3e2ec; -webkit-overflow-scrolling: touch; }
.dci-table-scroll table { width: 100%; min-width: 520px; border-collapse: collapse; }
.dci-table-scroll th,.dci-table-scroll td { padding: 12px 13px; border-bottom: 1px solid #ecebf2; text-align: left; vertical-align: top; }
.dci-table-scroll thead th { background: #f7f7fc; color: #55536a; font-size: 10px; font-weight: 700; }
.dci-table-scroll tbody th { color: #4e4c62; font-size: 11px; font-weight: 650; }
.dci-table-scroll td { color: #717083; font-size: 11px; }
.dci-table-scroll tr:last-child th,.dci-table-scroll tr:last-child td { border-bottom: 0; }
.dci-lifecycle { display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; align-items: center; margin-top: 61px; padding: 27px 0 0; border-top: 1px solid var(--dci-line); }
.dci-lifecycle h3 { font-size: 24px; }
.dci-lifecycle p:not(.dci-kicker) { color: #717083; font-size: 14px; line-height: 1.6; }
.dci-lifecycle__steps { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.dci-lifecycle__steps span { padding: 8px 10px; border: 1px solid #e3e2ec; background: #fff; color: #5c5a70; font-size: 10px; }
.dci-lifecycle__steps i { color: var(--dci-indigo); font-size: 12px; font-style: normal; }

/* Strategic layers 4–6 have shorter, lighter treatment */
.dci-layer--strategic { padding: 76px 0; border-top: 1px solid #efedf4; }
.dci-layer--strategic .dci-eyebrow { margin-bottom: 16px; }
.dci-strategy { display: grid; grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr); align-items: center; gap: clamp(48px,8vw,100px); }
.dci-strategy__intro h2 { font-size: clamp(29px,3.2vw,39px); }
.dci-strategy__intro > p:not(.dci-eyebrow) { margin: 17px 0; color: #6d6b7f; font-size: 15px; line-height: 1.62; }
.dci-inline-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 3px; color: var(--dci-indigo-dark) !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.dci-strategy__intro blockquote,.dci-callout { margin: 20px 0; padding: 13px 16px; border-left: 2px solid #8d88d1; background: #f8f7ff; color: #5f5d74; font-size: 13px; line-height: 1.55; }
.dci-skill-map { display: grid; grid-template-columns: .68fr 1.32fr; gap: 20px; align-items: center; }
.dci-skill-map__steps { display: grid; justify-items: center; gap: 5px; }
.dci-skill-map__steps span { width: 100%; padding: 9px 8px; border: 1px solid #e5e4ed; background: #fff; color: #666478; font-size: 10px; text-align: center; }
.dci-skill-map__steps span:last-child { border-color: #cbc8eb; background: #f8f7ff; color: var(--dci-indigo-dark); }
.dci-skill-map__steps i { color: var(--dci-indigo); font-size: 11px; font-style: normal; line-height: 1; }
.dci-skill-map__panel { border: 1px solid #e2e1ec; background: #fff; }
.dci-skill-map__title { display: flex; justify-content: space-between; gap: 7px; padding: 12px; border-bottom: 1px solid #eeedf4; color: #89869a; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.dci-skill-map__title span:last-child { color: #5d7d70; font-weight: 600; letter-spacing: 0; }
.dci-skill-map__row { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8px; padding: 12px; border-bottom: 1px solid #f0eff4; }
.dci-skill-map__row span { color: #89869a; font-size: 9px; }
.dci-skill-map__row b { color: #555369; font-size: 10px; font-weight: 600; }
.dci-skill-map__review { display: flex; justify-content: space-between; gap: 6px; padding: 11px 12px; background: #fafaff; color: #757286; font-size: 9px; }
.dci-skill-map__review b { color: var(--dci-indigo-dark); font-weight: 600; }
.dci-layer--record { background: #fafaff; }
.dci-learner-record { display: grid; justify-items: center; }
.dci-record-inputs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.dci-record-inputs span { padding: 7px 9px; border: 1px solid #e3e2ec; background: #fff; color: #646276; font-size: 9px; }
.dci-record-merge { position: relative; display: flex; justify-content: center; width: 75%; height: 38px; }
.dci-record-merge i { width: 1px; height: 29px; background: #d1cee9; }
.dci-record-merge::after { position: absolute; bottom: 8px; left: 12%; width: 76%; height: 1px; background: #d1cee9; content: ""; }
.dci-record-merge b { position: absolute; bottom: 0; z-index: 1; display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #d5d2ec; border-radius: 50%; background: #fff; color: var(--dci-indigo); font-size: 13px; font-weight: 400; }
.dci-learner-record__sheet { width: min(100%,470px); border: 1px solid #dfdeea; background: #fff; box-shadow: 0 10px 25px rgba(45,41,93,.05); }
.dci-lr-head { display: flex; align-items: center; gap: 9px; padding: 14px 16px; border-bottom: 1px solid #eeedf3; }
.dci-lr-head > span:nth-child(2) { display: grid; }
.dci-lr-head b { color: #514f65; font-size: 11px; }
.dci-lr-head small { color: #89869a; font-size: 9px; }
.dci-lr-chip { margin-left: auto; padding: 4px 7px; border: 1px solid #e2e0ed; color: #77748a; font-size: 8px; font-weight: 700; }
.dci-lr-person { display: grid; gap: 2px; padding: 13px 17px 10px; }
.dci-lr-person strong { font-family: Manrope,sans-serif; font-size: 15px; }
.dci-lr-person span { color: #858295; font-size: 9px; }
.dci-lr-entry { display: flex; align-items: center; gap: 9px; padding: 10px 17px; border-top: 1px solid #f0eff5; }
.dci-lr-entry__dot { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--dci-indigo); }
.dci-lr-entry > span:nth-child(2) { display: grid; gap: 1px; }
.dci-lr-entry b { color: #514f64; font-size: 10px; }
.dci-lr-entry small { color: #8b889a; font-size: 8px; }
.dci-lr-entry__verified { margin-left: auto; color: #598073; font-size: 8px; }
.dci-lr-skills { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 11px 17px; border-top: 1px solid #f0eff5; }
.dci-lr-skills > span { flex-basis: 100%; margin-bottom: 3px; color: #89869a; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.dci-lr-skills i { padding: 4px 7px; border: 1px solid #e8e6f0; border-radius: 20px; color: #646276; font-size: 8px; font-style: normal; }
.dci-learner-record__caption { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; color: #89869a; font-size: 9px; }
.dci-learner-record__caption b,.dci-learner-record__caption i { color: var(--dci-indigo); font-style: normal; }
.dci-learner-record__caption i { margin-inline: 4px; }
.dci-layer--workforce { background: #fff; }
.dci-layer--workforce .dci-strategy__intro .dci-muted { font-size: 12px !important; }
.dci-job-engine { padding: 21px; border: 1px solid #e3e2ec; background: #fbfbfe; }
.dci-job-engine__heading { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #e7e6ee; color: #747185; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.dci-job-engine__heading span:last-child { font-weight: 500; letter-spacing: 0; }
.dci-job-engine__pipeline { display: grid; justify-items: center; gap: 3px; padding: 15px 0; }
.dci-job-engine__pipeline span { width: min(100%,350px); padding: 6px 9px; border: 1px solid #e5e4ed; background: #fff; color: #656377; font-size: 9px; text-align: center; }
.dci-job-engine__pipeline span:last-of-type { border-color: #cfcced; background: #f5f4ff; color: var(--dci-indigo-dark); font-weight: 700; }
.dci-job-engine__pipeline i { color: var(--dci-indigo); font-size: 10px; font-style: normal; line-height: 1; }
.dci-job-engine__join { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr; align-items: center; gap: 4px; }
.dci-job-engine__join > div { display: grid; gap: 3px; padding: 10px 6px; border: 1px solid #e3e2ed; background: #fff; text-align: center; }
.dci-job-engine__join b { color: #56546b; font-size: 9px; }
.dci-job-engine__join span { color: #8a8799; font-size: 8px; }
.dci-job-engine__join > i { color: var(--dci-indigo); font-style: normal; text-align: center; }
.dci-job-engine__result { margin-top: 11px; padding: 11px; background: #f0effb; color: var(--dci-indigo-dark); font-size: 10px; font-weight: 700; text-align: center; }
.dci-job-engine__result span { display: block; margin-top: 2px; color: #77748e; font-size: 8px; font-weight: 500; }

/* Signature, institutional fit, buyer outcomes and close */
.dci-signature { padding: 94px 0; background: #272642; color: #fff; }
.dci-signature__head { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 35px; }
.dci-signature .dci-eyebrow { color: #c2c0e7; }
.dci-signature h2 { max-width: 600px; color: #fff; font-size: clamp(31px,4vw,47px); }
.dci-signature__stack { display: grid; grid-template-columns: repeat(6,1fr); gap: 7px; }
.dci-signature__stack a { display: grid; min-height: 135px; align-content: center; justify-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.04); color: #fff; text-decoration: none; transition: background .18s ease,transform .18s ease; }
.dci-signature__stack a:hover { transform: translateY(-3px); background: rgba(255,255,255,.1); }
.dci-signature__stack b { color: #b9b5f1; font-size: 10px; }
.dci-signature__stack span { font-family: Manrope,sans-serif; font-size: 11px; font-weight: 650; text-align: center; }
.dci-signature__stack i { color: #aaa6d8; font-size: 13px; font-style: normal; }
.dci-signature__stack a:last-child i { opacity: 0; }
.dci-signature__journey { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 22px; padding: 17px; border-top: 1px solid rgba(255,255,255,.15); color: #d0cede; font-size: 11px; }
.dci-signature__journey i { color: #a5a1dc; font-style: normal; }
.dci-integration { padding-block: 97px; }
.dci-integration__grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 90px; }
.dci-integration__grid > div:first-child > p:not(.dci-eyebrow) { margin-top: 19px; color: #6f6d80; font-size: 16px; line-height: 1.65; }
.dci-integration-map { display: grid; justify-items: center; gap: 10px; padding: 24px; border: 1px solid #e3e2ec; background: #fcfcff; }
.dci-integration-map__inputs,.dci-integration-map__outputs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.dci-integration-map__inputs span,.dci-integration-map__outputs span { padding: 7px 9px; border: 1px solid #e4e3ed; background: #fff; color: #666478; font-size: 10px; }
.dci-integration-map > i { color: var(--dci-indigo); font-style: normal; }
.dci-integration-map__core { display: grid; justify-items: center; width: min(100%,390px); padding: 14px; border: 1px solid #cbc8eb; background: #f5f4ff; color: var(--dci-indigo-dark); font-size: 12px; letter-spacing: .08em; }
.dci-integration-map__core small { margin-top: 2px; color: #77748e; font-size: 10px; font-weight: 500; letter-spacing: 0; }
.dci-buyers { padding: 88px 0; background: #f8f8fd; }
.dci-buyers__head { max-width: 660px; margin-bottom: 33px; }
.dci-buyers__head h2 { font-size: clamp(30px,3.8vw,43px); }
.dci-buyers__head > p:last-child { margin: 12px 0 0; color: #737185; font-size: 16px; }
.dci-buyer-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #e2e1eb; background: #fff; }
.dci-buyer-grid article { position: relative; min-height: 230px; padding: 23px 21px; }
.dci-buyer-grid article+article { border-left: 1px solid #e8e7ef; }
.dci-buyer-grid__number { position: absolute; top: 23px; right: 20px; color: #b2afca; font-size: 10px; }
.dci-buyer-grid article > p { margin: 0 0 15px; color: var(--dci-indigo); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.dci-buyer-grid h3 { min-height: 48px; margin: 0; font-size: 17px; letter-spacing: -.025em; }
.dci-buyer-grid ul { display: grid; gap: 7px; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid #eeedf3; list-style: none; }
.dci-buyer-grid li { position: relative; padding-left: 12px; color: #6f6d80; font-size: 12px; }
.dci-buyer-grid li::before { position: absolute; left: 0; top: .72em; width: 4px; height: 4px; border-radius: 50%; background: #8985cf; content: ""; }
.dci-final { padding: 80px 0; background: #33314f; color: #fff; }
.dci-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 55px; }
.dci-final .dci-eyebrow { color: #c5c2ea; }
.dci-final h2 { color: #fff; font-size: clamp(34px,4vw,49px); }
.dci-final__inner > div:first-child > p:last-child { max-width: 760px; margin: 16px 0 0; color: #d6d4e1; font-size: 16px; line-height: 1.6; }
.dci-final__actions { display: grid; flex: 0 0 auto; justify-items: start; gap: 13px; }
.dci-button--light { color: #38345f !important; background: #fff; }
.dci-button--light:hover { background: #f3f2ff; }
.dci-final__link { color: #e4e3ef !important; font-size: 13px; font-weight: 600; text-decoration: none; }
.dci-final__link span { margin-left: 9px; color: #c6c2f6; }

@media (max-width: 1000px) {
  .dci-hero__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .dci-system { padding: 20px; }
  .dci-system__outputs span { font-size: 9px; }
  .dci-layer-nav__label { display: none; }
  .dci-layer-nav__inner { justify-content: center; }
  .dci-layer-nav__progress { display: none; }
  .dci-layer-nav__links { width: 100%; justify-content: space-between; }
  .dci-layer-nav__links a { gap: 5px; padding-inline: 7px; font-size: 11px; }
  .dci-section-head--split { gap: 45px; }
  .dci-feature { gap: 43px; }
  .dci-share-map__lines { width: 100%; }
  .dci-buyer-grid article { padding-inline: 16px; }
}
@media (max-width: 760px) {
  .dci-shell { width: min(100% - 38px,620px); }
  .dci-section { padding-block: 72px; }
  .dci-hero { padding-top: calc(var(--dci-header-height,54px) + 32px); }
  .dci-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .dci-hero__copy { padding-bottom: 8px; }
  .dci h1 { max-width: 620px; font-size: clamp(39px,9vw,55px); }
  .dci-hero__lead { margin-block: 18px 22px; font-size: 17px; }
  .dci-system { justify-self: stretch; max-width: none; }
  .dci-system__outputs span { font-size: 10px; }
  .dci-proofline { flex-wrap: wrap; justify-content: center; gap: 9px 12px; padding-block: 18px; font-size: 11px; }
  .dci-proofline span:first-child { flex-basis: 100%; text-align: center; }
  .dci-intro { padding-block: 73px; }
  .dci-intro__grid { grid-template-columns: 1fr; gap: 22px; }
  .dci-intro__copy { font-size: 16px; }
  .dci-lifecycle-ribbon { justify-content: center; gap: 7px; margin-top: 24px; padding-inline: 8px; font-size: 10px; }
  .dci-lifecycle-ribbon i { font-size: 10px; }
  .dci-stack-wrap { grid-template-columns: 1fr; gap: 24px; margin-top: 31px; }
  .dci-stack__name { font-size: 14px; }
  .dci-stack__tag { font-size: 8px; }
  .dci-stack__row { grid-template-columns: 46px 1fr auto 18px; gap: 9px; }
  .dci-stack__row--foundation { min-height: 64px; }
  .dci-layer-nav { overflow-x: visible; }
  .dci-layer-nav::-webkit-scrollbar { display:none; }
  .dci-layer-nav__inner { width: 100%; min-width: 0; min-height: 55px; justify-content: center; padding-inline: 12px; }
  .dci-layer-nav__links { width: 100%; gap: 0; }
  .dci-layer-nav__links a { flex: 1; flex-direction: column; gap: 2px; min-width: 0; min-height: 44px; padding: 6px 2px; font-size: 10px; }
  .dci-layer-nav__links b { font-size: 10px; }
  .dci-tab-list button { min-height: 44px; }
  .dci-text-button { min-height: 44px; padding-block: 10px; }
  .dci-table-scroll { overflow: visible; }
  .dci-table-scroll table { min-width: 0; }
  .dci-table-scroll thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  .dci-table-scroll tbody,.dci-table-scroll tr,.dci-table-scroll th,.dci-table-scroll td { display: block; }
  .dci-table-scroll tr { padding: 10px 16px; border-bottom: 1px solid #e3e2ec; }
  .dci-table-scroll tr:last-child { border-bottom: 0; }
  .dci-table-scroll th,.dci-table-scroll td { padding: 5px 0; border: 0; font-size: 13px; }
  .dci-table-scroll td::before { display: block; color: #615f72; font-size: 10px; font-weight: 700; }
  .dci-table-scroll td:nth-child(2)::before { content: "PRIMARY PURPOSE"; }
  .dci-table-scroll td:nth-child(3)::before { content: "WHAT IT DOES NOT ESTABLISH ALONE"; }
  .dci-layer--deep { padding: 75px 0; }
  .dci-section-head { margin-bottom: 38px; }
  .dci-section-head--split { grid-template-columns: 1fr; gap: 20px; }
  .dci-section-head__aside { font-size: 15px; }
  .dci-feature { grid-template-columns: 1fr; gap: 24px; padding-block: 31px; }
  .dci-feature__copy { max-width: none; }
  .dci-feature__copy h3 { max-width: 520px; }
  .dci-credential-art { min-height: 330px; }
  .dci-paper { width: min(100%,390px); min-height: 290px; padding-inline: 25px; }
  .dci-credential-art__annotation { right: 0; bottom: 3%; }
  .dci-template-ui__body { grid-template-columns: 1fr; }
  .dci-template-list { grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid #eeedf3; }
  .dci-template-preview { display: grid; grid-template-columns: minmax(0,1fr) auto; justify-items: center; gap: 8px 14px; padding: 12px 16px; }
  .dci-template-preview__label { grid-column: 1 / -1; }
  .dci-mini-certificate { grid-row: span 2; min-height: 102px; }
  .dci-editor__body { grid-template-columns: 1fr; }
  .dci-fields { grid-template-columns: 1fr 1fr; }
  .dci-field-note { grid-column: 1 / -1; }
  .dci-editor-preview { min-height: 220px; }
  .dci-feature--credential-page { grid-template-columns: 1fr; }
  .dci-record-card { max-width: 570px; width: 100%; justify-self: center; }
  .dci-feature--api { grid-template-columns: 1fr; }
  .dci-share-map { min-height: 225px; }
  .dci-share-map__lines { height: 100%; }
  .dci-standards-grid { grid-template-columns: 1fr; }
  .dci-standard-card { padding: 21px; }
  .dci-compare { grid-template-columns: 1fr; gap: 15px; padding: 22px; }
  .dci-compare__head { grid-column: 1; }
  .dci-compare__switch { justify-self: center; transform: rotate(90deg); }
  .dci-standards-route { gap: 10px; padding: 17px 12px; }
  .dci-standards-route > div { flex-basis: 100%; }
  .dci-standards-route > i { flex-basis: 100%; text-align: center; }
  .dci-trust-questions { grid-template-columns: 1fr; margin-bottom: 43px; }
  .dci-trust-questions article { grid-template-columns: 37px 1fr auto; padding: 14px 9px; }
  .dci-trust-questions article+article { border-top: 1px solid #e6e5ef; border-left: 0; }
  .dci-trust-questions article > i { grid-column: 3; grid-row: 1; align-self: center; max-width: 100px; text-align: right; }
  .dci-verify-tabs { grid-template-columns: 1fr; }
  .dci-verify-tabs__intro { padding: 22px; border-right: 0; border-bottom: 1px solid #e6e5ef; }
  .dci-tab-list { grid-template-columns: repeat(2,1fr); gap: 5px; margin-top: 17px; }
  .dci-tab-list button { min-height: 38px; padding-inline: 8px; }
  .dci-verify-panel { min-height: 0; padding: 24px 21px; }
  .dci-id-flow { grid-template-columns: 1fr 17px 1fr 17px 1fr; gap: 3px; }
  .dci-otp-flow { grid-template-columns: 1fr 15px 1fr 15px 1fr 15px 1fr; gap: 2px; }
  .dci-id-flow > span,.dci-otp-flow > span { padding: 5px 2px; font-size: 8px; }
  .dci-id-flow > i,.dci-otp-flow > i { font-size: 10px; }
  .dci-verification-matrix { grid-template-columns: 1fr; gap: 18px; margin-top: 45px; }
  .dci-lifecycle { grid-template-columns: 1fr; gap: 18px; margin-top: 40px; }
  .dci-layer--strategic { padding: 58px 0; }
  .dci-strategy { grid-template-columns: 1fr; gap: 25px; }
  .dci-strategy__intro h2 { max-width: 650px; }
  .dci-skill-map { grid-template-columns: .7fr 1.3fr; gap: 12px; }
  .dci-job-engine { padding: 16px; }
  .dci-signature { padding: 69px 0; }
  .dci-signature__head { display: block; margin-bottom: 25px; }
  .dci-signature__stack { grid-template-columns: repeat(3,1fr); }
  .dci-signature__stack a { min-height: 97px; }
  .dci-signature__stack a:nth-child(3) i { opacity: 0; }
  .dci-signature__journey { gap: 7px; font-size: 9px; }
  .dci-integration { padding-block: 70px; }
  .dci-integration__grid { grid-template-columns: 1fr; gap: 25px; }
  .dci-buyers { padding: 67px 0; }
  .dci-buyer-grid { grid-template-columns: 1fr 1fr; }
  .dci-buyer-grid article { min-height: 205px; padding: 18px 15px; }
  .dci-buyer-grid article:nth-child(3) { border-left: 0; border-top: 1px solid #e8e7ef; }
  .dci-buyer-grid article:nth-child(4) { border-top: 1px solid #e8e7ef; }
  .dci-buyer-grid h3 { min-height: 42px; font-size: 15px; }
  .dci-buyer-grid li { font-size: 11px; }
  .dci-final { padding: 62px 0; }
  .dci-final__inner { align-items: flex-start; flex-direction: column; gap: 25px; }
  .dci-final__actions { display: flex; align-items: center; flex-wrap: wrap; }
}
@media (max-width: 430px) {
  .dci-shell { width: calc(100% - 32px); }
  .dci h1 { font-size: 38px; }
  .dci-actions:not(.dci-actions--small) { align-items: stretch; flex-direction: column; }
  .dci-button { width: 100%; }
  .dci-system { padding: 14px; }
  .dci-system__sources span { font-size: 10px; }
  .dci-system__outputs { gap: 3px; }
  .dci-system__outputs div { padding: 7px 4px; }
  .dci-system__outputs span { font-size: 8px; }
  .dci-system__caption { font-size: 8px; }
  .dci-stack__row { grid-template-columns: 40px 1fr 15px; }
  .dci-stack__tag { display: none; }
  .dci-stack__name { font-size: 13px; }
  .dci-stack__number { width: 31px; height: 31px; margin-left: 6px; }
  .dci-route { grid-template-columns: 1fr 12px 1fr 12px 1fr 12px 1fr; gap: 2px; }
  .dci-route span { min-height: 49px; font-size: 9px; }
  .dci-paper { min-height: 270px; padding: 24px 20px 18px; }
  .dci-paper__qr { right: 20px; bottom: 40px; }
  .dci-paper__qr img { width: 52px; height: 52px; }
  .dci-template-list { grid-template-columns: 1fr; }
  .dci-template-choice { padding: 5px; }
  .dci-methods { grid-template-columns: 1fr; }
  .dci-share-map { grid-template-rows: 60px 78px 60px; }
  .dci-share-map__center { width: 112px; }
  .dci-destination { min-width: 69px; padding-inline: 5px; font-size: 9px; }
  .dci-destination--wallet { transform: translate(27px,0); }
  .dci-standard-card__head { align-items: flex-start; }
  .dci-standard-card__tag { font-size: 8px; }
  .dci-object { padding: 12px; }
  .dci-object__branches { gap: 4px; }
  .dci-object__branches div { padding: 7px 5px; }
  .dci-object__branches b { font-size: 9px; }
  .dci-object__branches span { font-size: 7px; }
  .dci-vc-flow { gap: 3px; }
  .dci-vc-flow small { max-width: 65px; }
  .dci-sign-flow { gap: 4px; }
  .dci-sign-flow span { padding: 6px; font-size: 8px; }
  .dci-proof-fields { grid-template-columns: 1fr; }
  .dci-skill-map { grid-template-columns: 1fr; }
  .dci-skill-map__steps { grid-template-columns: 1fr 14px 1fr 14px 1fr 14px 1fr; align-items: center; }
  .dci-skill-map__steps i { transform: rotate(-90deg); }
  .dci-skill-map__steps span { padding-inline: 4px; font-size: 8px; }
  .dci-job-engine__join { grid-template-columns: 1fr 14px 1fr 14px 1fr; gap: 2px; }
  .dci-job-engine__join > div { padding-inline: 3px; }
  .dci-job-engine__join b { font-size: 8px; }
  .dci-job-engine__join span { font-size: 7px; }
  .dci-signature__stack { gap: 4px; }
  .dci-signature__stack a { min-height: 85px; padding: 7px 4px; }
  .dci-signature__stack span { font-size: 9px; }
  .dci-signature__journey { line-height: 1.6; }
  .dci-integration-map { padding: 16px 10px; }
  .dci-integration-map__inputs span,.dci-integration-map__outputs span { padding: 6px; font-size: 9px; }
  .dci-buyer-grid article { padding: 15px 10px; }
  .dci-buyer-grid__number { top: 15px; right: 10px; }
  .dci-buyer-grid article > p { max-width: 90px; font-size: 8px; }
  .dci-buyer-grid h3 { min-height: 45px; font-size: 13px; }
}
/* Keep sticky navigation attached to the real page scroller, not the legacy menu wrappers. */
body:has(#dci-page) .wsmenucontainer,
body:has(#dci-page) #page { overflow: clip !important; }

/* Small interface labels need the same readable contrast as the surrounding copy. */
.dci-kicker,
.dci-system__connector,
.dci-system__core-index,
.dci-system__caption,
.dci-stack__tag,
.dci-layer-nav__label,
.dci-layer-nav__links b,
.dci-layer-nav__progress,
.dci-paper__brand small,
.dci-paper__label,
.dci-paper__description,
.dci-paper__footer,
.dci-credential-art__annotation,
.dci-workflow,
.dci-workflow i,
.dci-ui-context,
.dci-template-choice small,
.dci-template-preview__label,
.dci-mini-certificate small,
.dci-editor__saved,
.dci-fields input[readonly],
.dci-field-note,
.dci-editor-preview__overline,
.dci-editor-preview small,
.dci-record-card__top small,
.dci-record-card__label,
.dci-record-card__skills > span,
.dci-record-card__main p,
.dci-record-card__facts span,
.dci-methods span,
.dci-api-flow__step small,
.dci-share-map__center small,
.dci-standard-card__tag,
.dci-object__root span,
.dci-object__branches span,
.dci-standard-card__foot,
.dci-vc-flow small,
.dci-json > div span:last-child,
.dci-compare__label,
.dci-compare__column > i,
.dci-trust-questions article > i,
.dci-verify-tabs__intro > p:not(.dci-kicker),
.dci-note,
.dci-drop > span:not(.dci-drop__icon),
.dci-proof-fields span,
.dci-matrix-heading > p:last-child,
.dci-skill-map__title,
.dci-skill-map__row span,
.dci-lr-head small,
.dci-lr-chip,
.dci-lr-person span,
.dci-lr-entry small,
.dci-lr-skills > span,
.dci-learner-record__caption,
.dci-job-engine__join span,
.dci-job-engine__result span,
.dci-integration-map__core small,
.dci-buyer-grid__number { color: #615f75; }
.dci-skill-map__review,.dci-skill-map__review b { color: #29614f; }
.dci-standard-card__foot a { color: var(--dci-indigo-dark); }
.dci-signature__journey i { color: #b9b5d0; }

@media (max-width: 760px) {
  .dci-signature__stack { grid-template-columns: 1fr; gap: 8px; }
  .dci-signature__stack a { grid-template-columns: 38px 1fr 18px; min-height: 60px; padding: 12px 18px; align-items: center; justify-items: start; text-align: left; }
  .dci-signature__stack span { font-size: 13px; text-align: left; }
  .dci-signature__stack i,.dci-signature__stack a:nth-child(3) i { opacity: 1; }
  .dci-signature__stack a:last-child i { opacity: 0; }
  .dci-skill-map__steps { display: flex; flex-direction: column; gap: 7px; }
  .dci-skill-map__steps span { width: 100%; padding: 8px; font-size: 12px; }
  .dci-skill-map__steps i { transform: none; }
  .dci-job-engine__pipeline span { padding: 9px; font-size: 12px; }
  .dci-job-engine__join { grid-template-columns: 1fr; gap: 7px; }
  .dci-job-engine__join > div { padding: 10px; }
  .dci-job-engine__join b { font-size: 12px; }
  .dci-job-engine__join span { font-size: 11px; }
  .dci-buyer-grid li { font-size: 13px; }
  .dci-buyer-grid article > p { font-size: 10px; }
  .dci-buyer-grid h3 { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .dci *, .dci *::before, .dci *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}