/* Why choose Kade Networks: pale panel, white cards, gradient icon tiles */
.site #about.reference-values{position:relative;overflow:hidden;margin-top:28px!important;margin-bottom:8px!important;padding:48px 52px!important;border-radius:28px;background:#f5f8ff!important;border:1px solid #d9e5fb;color:#0b1a3f}
.site #about.reference-values>.eyebrow{margin:0!important;text-align:center;font-size:12px!important;font-weight:800;letter-spacing:.16em;color:#0032FE!important}
.site #about.reference-values>h2{margin:10px auto 34px!important;max-width:820px;text-align:center;font-size:clamp(24px,2.6vw,34px)!important;line-height:1.14;font-weight:800;letter-spacing:-.03em;color:#0b1a3f!important}
.site #about.reference-values .values-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.site #about.reference-values article{display:block!important;min-height:0!important;padding:26px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e1eafb!important;box-shadow:0 18px 40px -26px rgba(0,50,254,.35)!important;transition:transform .25s,box-shadow .25s}
.site #about.reference-values article:hover{transform:translateY(-4px);box-shadow:0 24px 46px -24px rgba(0,50,254,.45)!important}
.site #about.reference-values .value-icon{display:grid!important;place-items:center;width:56px!important;height:56px!important;border-radius:18px!important;margin:0 0 18px!important;background:linear-gradient(135deg,#19d3a2,#0aa5c8)!important;box-shadow:0 14px 26px -12px #0aa5c8!important}
.site #about.reference-values article:nth-child(2) .value-icon{background:linear-gradient(135deg,#2f9bff,#2455ff)!important;box-shadow:0 14px 26px -12px #2455ff!important}
.site #about.reference-values article:nth-child(3) .value-icon{background:linear-gradient(135deg,#b25cff,#7a3df0)!important;box-shadow:0 14px 26px -12px #7a3df0!important}
.site #about.reference-values article:nth-child(4) .value-icon{background:linear-gradient(135deg,#ffb23d,#ff7a2e)!important;box-shadow:0 14px 26px -12px #ff7a2e!important}
.site #about.reference-values .value-icon svg{width:26px!important;height:26px!important;color:#fff!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.site #about.reference-values h3{margin:0 0 8px!important;font-size:18px!important;font-weight:800;line-height:1.25;color:#0b1a3f!important;white-space:normal!important}
.site #about.reference-values article:nth-child(4) h3{color:#0b1a3f!important}
.site #about.reference-values p{font-size:14px!important;line-height:1.6!important;font-weight:500;color:#5b6b8c!important;margin:0!important}
html[data-scheme=dark] .site #about.reference-values{background:#0d1736!important;border-color:#24396f;color:#fff}
html[data-scheme=dark] .site #about.reference-values>h2,html[data-scheme=dark] .site #about.reference-values h3{color:#fff!important}
html[data-scheme=dark] .site #about.reference-values>.eyebrow{color:#8fb4ff!important}
html[data-scheme=dark] .site #about.reference-values article{background:#14224d!important;border-color:#2b3f77!important;box-shadow:none!important}
html[data-scheme=dark] .site #about.reference-values p{color:#c0cff0!important}
@media(max-width:1000px){.site #about.reference-values .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.site #about.reference-values{padding:30px 18px!important;border-radius:22px}.site #about.reference-values .values-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.site #about.reference-values article{padding:20px!important}}

/* Icon on the same line as the title */
.site #about.reference-values article{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:12px;align-content:start}
.site #about.reference-values article>div:not(.value-icon){display:contents}
.site #about.reference-values .value-icon{grid-column:1;grid-row:1;margin:0!important;width:44px!important;height:44px!important;border-radius:14px!important}
.site #about.reference-values .value-icon svg{width:22px!important;height:22px!important}
.site #about.reference-values h3{grid-column:2;grid-row:1;margin:0!important}
.site #about.reference-values article p{grid-column:1/-1;grid-row:2}
.site #about.reference-values h3{font-size:16px!important;white-space:nowrap!important}
.site #about.reference-values .value-icon{width:40px!important;height:40px!important;border-radius:13px!important}
.site #about.reference-values article{column-gap:12px}