.rc-blockchain { color: #172944; font-family: 'ResearchCave Open Sans', 'Open Sans', sans-serif; background: #fff; }
.rc-blockchain *, .rc-blockchain *::before, .rc-blockchain *::after { box-sizing: border-box; }
.rc-blockchain h1, .rc-blockchain h2, .rc-blockchain h3 { color: #172944; font-family: inherit; font-weight: 700; }
.rc-blockchain h1 { margin: 0 0 24px; font-size: clamp(38px, 4.3vw, 60px); line-height: 1.12; letter-spacing: -.04em; }
.rc-blockchain h2 { margin: 0 0 20px; font-size: clamp(28px, 3vw, 40px); line-height: 1.25; letter-spacing: -.03em; }
.rc-blockchain h3 { margin: 0 0 14px; font-size: 19px; line-height: 1.45; }
.rc-blockchain p { margin: 0 0 24px; color: #516179; font-size: 17px; line-height: 1.8; }
.rc-blockchain .rc-blockchain-eyebrow { margin-bottom: 18px; color: #6251a0; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; }
.rc-blockchain a:focus-visible { outline: 3px solid #9581df; outline-offset: 5px; }
.rc-blockchain [id] { scroll-margin-top: 32px; }
.rc-blockchain-hero { padding: clamp(40px, 5vw, 72px) 0; background: radial-gradient(ellipse at 85% 0, #6136a070, transparent 65%), linear-gradient(120deg, #17283f, #30205c); }
.rc-blockchain-hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; align-items: center; }
.rc-blockchain-hero h1 { color: #fff; }
.rc-blockchain-hero .rc-blockchain-eyebrow { color: #c4bbfa; }
.rc-blockchain .rc-blockchain-lead { color: #e3e0f3; font-size: 18px; line-height: 1.85; }
.rc-blockchain-visual { min-width: 0; }
.rc-blockchain .rc-blockchain-visual #Layer_1 { display: block; width: 100%; height: auto; max-height: 480px; object-fit: contain; }
.rc-blockchain-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 30px; }
.rc-blockchain-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 20px; color: #fff; background: #6046a6; border: 1px solid #6046a6; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .2s; }
.rc-blockchain-button:hover { color: #fff; background: #493483; border-color: #493483; }
.rc-blockchain-hero .rc-blockchain-button { color: #28204f; background: #e8e0ff; border-color: #e8e0ff; }
.rc-blockchain-hero .rc-blockchain-button:hover { background: #fff; border-color: #fff; }
.rc-blockchain-hero-link { display: inline-flex; align-items: center; gap: 12px; color: #e8e0ff; font-size: 14px; font-weight: 600; text-decoration: none; padding: 8px 0; }
.rc-blockchain-hero-link:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.rc-blockchain-section { padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); }
.rc-blockchain-heading { max-width: 800px; margin-bottom: 36px; }
.rc-blockchain-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.rc-blockchain-card { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; align-items: start; padding: 28px; background: #f8f9fd; border: 1px solid #e1e6ee; border-radius: 18px; }
.rc-blockchain-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: #ece7f9; color: #6046a6; font-size: 21px; }
.rc-blockchain-card-copy { min-width: 0; }
.rc-blockchain-card p { margin: 0; font-size: 15px; line-height: 1.8; }
.rc-blockchain-connected { padding: clamp(40px, 5vw, 64px) 0; background: radial-gradient(ellipse at 88% 0, #54468b55, transparent 60%), linear-gradient(115deg, #14283e, #262142); }
.rc-blockchain-connected-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 72px); }
.rc-blockchain-connected h2 { max-width: 22ch; margin-bottom: 18px; color: #fff; font-size: clamp(27px, 2.8vw, 36px); }
.rc-blockchain-connected p { max-width: 570px; margin: 0; color: #d1dceb; font-size: 16px; line-height: 1.85; }
.rc-blockchain-layers { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.rc-blockchain-layers::before { content: ''; position: absolute; top: 30px; left: 16%; right: 16%; height: 1px; background: linear-gradient(90deg, #7adecc, #a99eec, #8cc7f3); }
.rc-blockchain-layers li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 18px 12px 20px; border: 1px solid #c6d5ef26; border-radius: 14px; background: #ffffff06; color: #edf2fa; font-size: 14px; font-weight: 600; line-height: 1.6; text-align: center; }
.rc-blockchain-layer-node { display: block; width: 22px; height: 22px; border: 5px solid #173947; border-radius: 50%; background: #8be4d1; box-shadow: 0 0 0 1px #8be4d166, 0 0 24px #8be4d126; }
.rc-blockchain-layers li:nth-child(2) .rc-blockchain-layer-node { background: #c1b2ff; border-color: #34294e; box-shadow: 0 0 0 1px #c1b2ff66, 0 0 24px #c1b2ff26; }
.rc-blockchain-layers li:nth-child(3) .rc-blockchain-layer-node { background: #99d7ff; border-color: #233853; box-shadow: 0 0 0 1px #99d7ff66, 0 0 24px #99d7ff26; }
.rc-blockchain-delivery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 0 56px; padding: 0; list-style: none; counter-reset: delivery; }
.rc-blockchain-delivery li { min-width: 0; padding: 24px 0 0; border-top: 2px solid #dfd7ef; counter-increment: delivery; }
.rc-blockchain-delivery li::before { display: block; margin-bottom: 18px; color: #8573b3; content: "0" counter(delivery); font-size: 28px; font-weight: 600; line-height: 1; }
.rc-blockchain-delivery p { margin: 0; font-size: 15px; line-height: 1.8; }
.rc-blockchain-cta { display: grid; grid-template-columns: clamp(112px, 14vw, 160px) minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: clamp(28px, 4vw, 44px); background: #f2eff9; border: 1px solid #e1daef; border-radius: 22px; }
.rc-blockchain-cta-art { display: block; width: 100%; max-width: 160px; height: auto; }
.rc-blockchain-cta > div { max-width: 650px; }
.rc-blockchain-cta h2 { font-size: clamp(25px, 2.4vw, 32px); }
.rc-blockchain-cta p { margin: 0; font-size: 16px; }
.rc-blockchain-cta .rc-blockchain-button { flex-shrink: 0; }

@media (max-width: 1199.98px) {
    .rc-blockchain-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .rc-blockchain-connected-grid { grid-template-columns: 1fr; gap: 32px; }
    .rc-blockchain-layers { max-width: 600px; width: 100%; }
    .rc-blockchain-hero-grid { grid-template-columns: 1fr; gap: 32px; }
    .rc-blockchain-hero-grid > div:first-child { max-width: 680px; }
    .rc-blockchain-visual { width: 100%; max-width: 640px; margin: 0 auto; }
    .rc-blockchain-delivery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rc-blockchain-cta { grid-template-columns: 128px minmax(0, 1fr); gap: 24px; }
    .rc-blockchain-cta .rc-blockchain-button { grid-column: 2; justify-self: start; }
}

@media (max-width: 575.98px) {
    .rc-blockchain-layers { grid-template-columns: 1fr; gap: 12px; }
    .rc-blockchain-layers::before { top: 30px; bottom: 30px; left: 32px; right: auto; width: 1px; height: auto; }
    .rc-blockchain-layers li { flex-direction: row; padding: 18px 20px; text-align: left; }
    .rc-blockchain-layer-node { flex-shrink: 0; }
    .rc-blockchain p, .rc-blockchain .rc-blockchain-lead { font-size: 16px; }
    .rc-blockchain-capabilities, .rc-blockchain-delivery { grid-template-columns: 1fr; gap: 16px; }
    .rc-blockchain-card { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding: 24px; }
    .rc-blockchain-icon { width: 40px; height: 40px; font-size: 19px; }
    .rc-blockchain-card p, .rc-blockchain-delivery p { font-size: 15px; }
    .rc-blockchain-delivery { margin-bottom: 36px; }
    .rc-blockchain-cta { grid-template-columns: 1fr; padding: 28px 24px; }
    .rc-blockchain-cta-art { max-width: 128px; justify-self: center; }
    .rc-blockchain-cta .rc-blockchain-button { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .rc-blockchain-button { transition: none; }
}