.home-customs-details{margin-top:18px!important;align-self:flex-start;font-size:12px!important;padding:10px 16px!important;gap:12px!important;border-radius:999px!important;min-height:40px}
.home-customs-details span{font-size:16px}
body[data-customs] .customs-examples{background:#fff}
body[data-customs] .customs-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body[data-customs] .customs-example{margin:0;display:flex;flex-direction:column;min-width:0}
body[data-customs] .customs-example-image{aspect-ratio:4/3;display:flex;align-items:center;background:#f3f6fb;padding:12px;overflow:hidden}
body[data-customs] .customs-example-image img{width:100%;height:100%;object-fit:contain;max-width:none}
body[data-customs] .customs-example figcaption{flex:1}
body[data-customs] .system-figure-heading>.customs-demo-label{border:1px solid #cbddeb;border-radius:999px;padding:3px 12px;font-size:10px;color:#406985;letter-spacing:0;white-space:nowrap}
body[data-customs] .customs-value-panel{min-width:0;border:1px solid #7498b34d;border-radius:16px;padding:22px 18px 14px;background:linear-gradient(145deg,#214d6840,#09273c80)}
body[data-customs] .customs-value-panel>.small-label{display:block;text-align:center;font-size:11px;letter-spacing:.7px;color:#b3cedf}
body[data-customs] .customs-value-flow{position:relative;aspect-ratio:420/370;min-height:330px;margin-top:12px;max-width:430px;margin-inline:auto}
body[data-customs] .value-cycle{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}
body[data-customs] .value-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:grid;gap:4px}
body[data-customs] .value-center span{font-size:11px;color:#9dbfd6}
body[data-customs] .value-center strong{font-size:16px;font-weight:500;color:#dfedf6}
body[data-customs] .value-node{position:absolute;transform:translateX(-50%);width:46%;text-align:center}
body[data-customs] .value-discover{top:0;left:50%}
body[data-customs] .value-assess{top:60%;left:78%}
body[data-customs] .value-follow{top:60%;left:22%}
body[data-customs] .value-icon{margin:0 auto 8px;display:grid;place-items:center;width:42px;height:42px;background:#11364e;border:1px solid #739ebc80;border-radius:50%}
body[data-customs] .value-icon svg{width:26px;height:26px;fill:none;stroke:#b4d8ef;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body[data-customs] .value-node h2{font:600 17px/1.6 var(--sans);color:#e5f1f9;margin:0 0 5px;letter-spacing:0}
body[data-customs] .value-node p{font-size:12px;line-height:1.8;color:#b4cbdc}
@media(max-width:1100px) and (min-width:961px){body[data-customs] .customs-value-panel{padding-inline:12px}body[data-customs] .value-node h2{font-size:15px}body[data-customs] .value-node p{font-size:11px}body[data-customs] .value-center strong{font-size:14px}}
@media(max-width:960px){body[data-customs] .customs-value-flow{max-width:360px}body[data-customs] .customs-value-panel{padding-bottom:20px}}
@media(max-width:680px){body[data-customs] .customs-example-grid{grid-template-columns:1fr;gap:22px}body[data-customs] .system-figure-heading{flex-wrap:wrap;gap:8px}body[data-customs] .system-figure-heading>.customs-demo-label{font-size:9px;padding:2px 10px}body[data-customs] .customs-value-panel{padding:20px 12px}body[data-customs] .value-node h2{font-size:16px}body[data-customs] .value-node p{font-size:11px}body[data-customs] .value-icon{width:38px;height:38px;margin-bottom:6px}body[data-customs] .value-center strong{font-size:15px}}
@media(max-width:360px){body[data-customs] .value-node h2{font-size:14px}body[data-customs] .value-center strong{font-size:13px}body[data-customs] .value-center span{font-size:10px}}