/* Compact horizontal cards, following the supplied composition. */
.metrics-section{position:relative;isolation:isolate;overflow:clip;padding:108px 0 200px;background:#91c9f3;scroll-margin-top:24px}
.metrics-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.metrics-background{position:absolute;inset:0;display:block}
.metrics-background img{width:100%;height:100%;object-fit:cover;object-position:center}
/* No masks or white gradient bands: the opaque sky fills the frame. */
.metrics-cloud-edge{position:absolute;z-index:2;left:50%;width:max(100%,1500px);max-width:none;height:auto;pointer-events:none;user-select:none}
.metrics-cloud-edge-top{top:-1px;transform:translateX(-50%) rotate(180deg)}
.metrics-cloud-edge-bottom{bottom:-1px;transform:translateX(-50%)}
.metrics-cloud{position:absolute;contain:layout style;pointer-events:none;user-select:none;will-change:transform}
.metrics-cloud img{display:block;width:100%;height:auto}
.metrics-cloud-left{width:1000px;left:calc(50% - 1320px);top:250px;opacity:.82}
.metrics-cloud-right{width:1050px;right:calc(50% - 1320px);top:220px;opacity:.88}
.metrics-cloud-low{width:900px;left:calc(50% - 450px);bottom:-175px;opacity:1}
.metrics-container{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.metrics-heading{position:relative;max-width:1020px;margin:0 auto 54px;text-align:center}
.metrics-headline{margin:0;color:var(--ink);font-size:clamp(44px,4.1vw,57px);font-weight:400;line-height:1.11;letter-spacing:-.045em;text-wrap:balance}
.metrics-description{max-width:670px;margin:24px auto 0;color:#526f89;font-size:18px;line-height:1.7;font-weight:350;text-wrap:balance}
.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px;margin-inline:auto}
.metric-card{position:relative;isolation:isolate;min-width:0;min-height:220px;padding:26px;border:1px solid #fff;border-radius:22px;overflow:hidden;background:#f8fcff;box-shadow:0 15px 32px -25px #1f63994d,inset 0 0 0 1px #d5e9fa80}
.metric-card:nth-child(2){background:linear-gradient(130deg,#2475ce,#2f86ea 50%,#6dbdff);border-color:#c7e6ff;box-shadow:inset 0 1px 2px #ffffff8c,0 15px 32px -25px #1f63994d}
.metric-card:nth-child(3){background:linear-gradient(130deg,#dcefff,#b9ddfb)}
.metric-copy{position:relative;z-index:2;width:54%;max-width:230px}
.metric-value{margin:0;color:#23587f;font-size:47px;font-weight:450;line-height:1.08;letter-spacing:-.055em;white-space:nowrap}
.metric-label{max-width:200px;margin:16px 0 0;color:#456580;font-size:17px;line-height:1.5;font-weight:400;letter-spacing:-.014em;text-wrap:pretty}
.metric-card:nth-child(2) .metric-value{color:#fff}.metric-card:nth-child(2) .metric-label{color:#f4faff}
.metric-art{position:absolute;z-index:1;right:-40px;bottom:-40px;width:250px;height:250px;pointer-events:none;user-select:none}
.metric-illustration{width:100%;height:100%;object-fit:contain;will-change:transform}
.metric-card:nth-child(2) .metric-art{width:245px;height:245px;right:-35px;bottom:-32px}
.metric-card:nth-child(3) .metric-art{width:265px;height:265px;right:-55px;bottom:-28px}
.metric-card:nth-child(4) .metric-art{width:240px;height:240px;right:-35px;bottom:-30px}
@media(max-width:1100px) and (min-width:801px){.metrics-container{width:calc(100% - 56px)}}
@media(min-width:680px) and (max-width:980px){.metric-card{min-height:212px;padding:24px}.metric-copy{width:60%}.metric-value{font-size:43px}.metric-label{font-size:16px;max-width:180px}.metric-art{width:220px;height:220px;right:-72px;bottom:-27px}.metric-card:nth-child(2) .metric-art{width:215px;height:215px;right:-67px;bottom:-24px}.metric-card:nth-child(3) .metric-art{width:230px;height:230px;right:-82px;bottom:-18px}.metric-card:nth-child(4) .metric-art{width:212px;height:212px;right:-65px;bottom:-24px}}
@media(max-width:800px){.metrics-section{padding:76px 0 160px}.metrics-container{width:calc(100% - 48px)}.metrics-heading{margin-bottom:40px}.metrics-headline{font-size:52px}.metrics-description{font-size:17px;max-width:560px}.metrics-cloud-left{left:-780px;top:390px}.metrics-cloud-right{right:-770px;top:230px}.metrics-cloud-low{width:700px;left:calc(50% - 350px);bottom:-170px}}
@media(max-width:679px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{display:flex;flex-direction:column;min-height:260px;padding:18px 16px 0;border-radius:20px}.metric-copy{width:100%;max-width:none}.metric-value{font-size:clamp(32px,9vw,43px)}.metric-label{max-width:none;margin-top:12px;font-size:16px;line-height:1.45}.metric-card:nth-child(n) .metric-art{position:relative;right:-26px;bottom:-15px;width:150px;height:120px;align-self:flex-end;flex-shrink:0;margin-top:auto}.metrics-cloud-left{width:640px;left:-350px;top:220px;opacity:.98}.metrics-cloud-right{width:660px;right:-360px;top:310px;opacity:.98}.metrics-cloud-low{width:460px;left:calc(50% - 230px);bottom:-150px;opacity:1}}
@media(max-width:520px){.metrics-section{padding:60px 0 150px}.metrics-container{width:calc(100% - 28px)}.metrics-heading{margin-bottom:34px}.metrics-headline{font-size:clamp(37px,10.3vw,48px);line-height:1.12}.metrics-description{margin-top:20px;font-size:16px;line-height:1.7}.metrics-grid{gap:12px}.metric-card{padding:18px 14px 0}.metrics-background img{object-position:55% center}}
@media(max-width:360px){.metrics-grid{gap:10px}.metric-card{padding-inline:10px;border-radius:18px}.metric-label{font-size:15.5px}.metric-card:nth-child(n) .metric-art{width:140px;height:115px;right:-27px}}
@media(prefers-reduced-motion:reduce){.metrics-cloud,.metric-illustration{transform:none!important;will-change:auto}.metrics-headline .headline-char{opacity:1!important;transform:none!important}}