.site-metrics{--forest:#073d2a;--forest-dark:#03271b;--acid:#d7ff42;--paper:#f5f0df;--ink:#092d21;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--forest)}
.site-metrics:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.18),transparent 55%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.045) 25%)}
.site-metrics:after{content:"ШЕМАГРОКРЕДИТ";position:absolute;z-index:-1;inset-inline-start:-.04em;inset-block-end:-.18em;color:rgba(255,255,255,.035);font-family:Montserrat,Arial,sans-serif;font-size:clamp(4rem,11vw,10rem);font-weight:800;line-height:1;letter-spacing:-.075em;white-space:nowrap;pointer-events:none}
.site-metrics__orbit{position:absolute;z-index:-1;border:1px solid rgba(215,255,66,.15);border-radius:50%;pointer-events:none}
.site-metrics__orbit--one{width:34rem;height:34rem;inset-block-start:-22rem;inset-inline-end:-9rem}
.site-metrics__orbit--two{width:15rem;height:15rem;inset-block-start:-6rem;inset-inline-end:1rem;border-color:rgba(255,255,255,.1)}
.site-metrics__inner{width:min(100% - 48px,1180px);margin-inline:auto;padding-block:88px 104px}
.site-metrics__heading{margin-block-end:48px}
.site-metrics__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--acid);font-size:.82rem;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}
.site-metrics__eyebrow:before{content:"";width:44px;height:3px;background:currentColor}
.site-metrics__statement{max-width:1040px;margin:0;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:clamp(3.35rem,7.4vw,6.8rem);font-weight:750;line-height:.88;letter-spacing:-.07em;text-wrap:balance}
.site-metrics__statement span{display:block}
.site-metrics__statement span+span{margin-inline-start:10%}
.site-metrics__statement em{color:var(--acid);font-style:normal}
.site-metrics__heading-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-block-start:35px;padding-inline-start:10%}
.site-metrics__heading-foot p{max-width:540px;margin:0;color:rgba(255,255,255,.76);font-size:1.08rem;line-height:1.55;text-wrap:pretty}
.site-metrics__since{flex:0 0 auto;padding-block-end:5px;border-block-end:2px solid var(--acid);color:#fff;font-size:.88rem;font-weight:700;white-space:nowrap}
.site-metrics__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.site-metric{--card-bg:var(--paper);--card-color:var(--ink);--card-accent:var(--forest);--mx:50%;--my:50%;position:relative;display:flex;min-width:0;min-height:286px;overflow:hidden;flex-direction:column;padding:28px 30px 26px;border-radius:2px;color:var(--card-color);background:var(--card-bg);box-shadow:0 18px 50px rgba(0,0,0,.12);transition:transform 260ms cubic-bezier(.2,0,0,1),box-shadow 260ms cubic-bezier(.2,0,0,1)}
.site-metric--portfolio{grid-column:span 7}.site-metric--members{--card-bg:var(--acid);grid-column:span 5}.site-metric--years{--card-bg:var(--forest-dark);--card-color:#fff;--card-accent:var(--acid);grid-column:span 5}.site-metric--credit_line{grid-column:span 7}
.site-metric__flare{position:absolute;inset:0;opacity:0;background:radial-gradient(circle 240px at var(--mx) var(--my),rgba(255,255,255,.38),transparent 72%);pointer-events:none;transition:opacity 220ms ease-out}
.site-metric--years .site-metric__flare{background:radial-gradient(circle 240px at var(--mx) var(--my),rgba(215,255,66,.16),transparent 72%)}
.site-metric:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.site-metric:hover .site-metric__flare{opacity:1}
.site-metric__header{position:relative;z-index:1;display:flex;align-items:center;gap:15px}
.site-metric__icon{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border:2px solid currentColor;border-radius:50%;color:var(--card-accent)}
.site-metric__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-metric__label{font-size:1rem;font-weight:700;line-height:1.25}
.site-metric__value{position:relative;z-index:1;display:block;margin-block:auto 26px;max-width:100%;color:inherit;font-family:Montserrat,Arial,sans-serif;font-size:clamp(2.3rem,4.3vw,4.4rem);font-weight:750;font-variant-numeric:tabular-nums;line-height:.98;letter-spacing:-.072em;white-space:nowrap;transition:filter 160ms ease-out,opacity 160ms ease-out}
.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:clamp(2.6rem,5.2vw,5.6rem);white-space:normal}
.site-metric__value.is-counting{filter:blur(.45px);opacity:.88}
.site-metric__footer{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-block-start:17px;border-block-start:1px solid currentColor;font-size:.83rem;font-weight:600;line-height:1.35}
.site-metric__footer>span{max-width:25ch}
.site-metric__footer i{display:grid;width:34px;height:24px;flex:0 0 34px;place-items:center;overflow:hidden}
.site-metric__footer svg{width:28px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 220ms cubic-bezier(.2,0,0,1)}
.site-metric:hover .site-metric__footer svg{transform:translateX(5px)}
@media(max-width:991px){.site-metrics__statement{font-size:clamp(3.1rem,9vw,5.4rem)}.site-metric{min-height:248px;padding:24px}.site-metric__value{font-size:clamp(2.1rem,5.2vw,3.35rem)}}
@media(max-width:767px){.site-metrics__inner{width:min(100% - 32px,42rem);padding-block:66px 76px}.site-metrics__heading{margin-block-end:34px}.site-metrics__statement{font-size:clamp(2.7rem,12vw,4.8rem);line-height:.91}.site-metrics__statement span+span{margin-inline-start:0}.site-metrics__heading-foot{display:block;margin-block-start:25px;padding-inline-start:0}.site-metrics__heading-foot p{font-size:.98rem}.site-metrics__since{display:inline-block;margin-block-start:20px}.site-metrics__grid{grid-template-columns:1fr;gap:12px}.site-metric--portfolio,.site-metric--members,.site-metric--years,.site-metric--credit_line{grid-column:auto}.site-metric{min-height:238px;padding:22px 22px 20px}.site-metric__value,.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:clamp(2.25rem,10vw,3.4rem);white-space:nowrap}.site-metric__icon{width:48px;height:48px;flex-basis:48px}.site-metric__icon svg{width:25px;height:25px}}
@media(max-width:359px){.site-metrics__inner{width:calc(100% - 24px);padding-block:58px 66px}.site-metrics__eyebrow{gap:10px;margin-block-end:17px;font-size:.72rem}.site-metrics__eyebrow:before{width:28px}.site-metrics__statement{font-size:2.52rem}.site-metrics__heading-foot p{font-size:.91rem}.site-metric{min-height:218px;padding:18px}.site-metric__header{gap:12px}.site-metric__icon{width:44px;height:44px;flex-basis:44px}.site-metric__label{font-size:.88rem}.site-metric__value,.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:1.91rem;letter-spacing:-.075em}.site-metric__footer{font-size:.75rem}.site-metric__footer i{display:none}}
@media(prefers-reduced-motion:no-preference){.site-metrics[data-motion-ready=true] .site-metrics__eyebrow{opacity:0;transform:translateX(-35px)}.site-metrics[data-motion-ready=true] .site-metrics__statement span{opacity:0;transform:translateY(100%);clip-path:inset(0 0 100% 0)}.site-metrics[data-motion-ready=true] .site-metrics__heading-foot{opacity:0;transform:translateY(22px)}.site-metrics[data-motion-ready=true] .site-metric{opacity:0;transform:translateY(70px) rotate(.8deg);clip-path:inset(0 0 100% 0)}.site-metrics[data-motion-ready=true].is-visible .site-metrics__eyebrow{opacity:1;transform:none;transition:opacity 520ms ease-out,transform 620ms cubic-bezier(.16,1,.3,1)}.site-metrics[data-motion-ready=true].is-visible .site-metrics__statement span{opacity:1;transform:none;clip-path:inset(0);transition:opacity 720ms ease-out 100ms,transform 900ms cubic-bezier(.16,1,.3,1) 100ms,clip-path 900ms cubic-bezier(.16,1,.3,1) 100ms}.site-metrics[data-motion-ready=true].is-visible .site-metrics__statement span+span{transition-delay:210ms}.site-metrics[data-motion-ready=true].is-visible .site-metrics__heading-foot{opacity:1;transform:none;transition:opacity 650ms ease-out 350ms,transform 750ms cubic-bezier(.16,1,.3,1) 350ms}.site-metrics[data-motion-ready=true].is-visible .site-metric{opacity:1;transform:none;clip-path:inset(0);transition:opacity 620ms ease-out calc(390ms + var(--metric-order)*110ms),transform 850ms cubic-bezier(.16,1,.3,1) calc(390ms + var(--metric-order)*110ms),clip-path 850ms cubic-bezier(.16,1,.3,1) calc(390ms + var(--metric-order)*110ms),box-shadow 260ms cubic-bezier(.2,0,0,1)}.site-metrics[data-motion-ready=true].is-visible .site-metric:hover{transform:translateY(-7px)}.site-metrics[data-motion-ready=true].is-visible .site-metrics__orbit--one{animation:metrics-orbit 18s linear infinite}.site-metrics[data-motion-ready=true].is-visible .site-metrics__orbit--two{animation:metrics-orbit 12s linear infinite reverse}}
@keyframes metrics-orbit{to{transform:rotate(360deg) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.site-metric,.site-metric__flare,.site-metric__footer svg,.site-metric__value{transition:none}.site-metric:hover{transform:none}.site-metric:hover .site-metric__footer svg{transform:none}.site-metrics__orbit{animation:none!important}}

/* Deliberately large editorial type. Pixel caps avoid legacy root font-size overrides. */
.site-metrics{scroll-margin-top:96px}
.site-metrics__statement{font-size:clamp(54px,7.4vw,108px)}
.site-metrics__eyebrow{font-size:13px}
.site-metrics__heading-foot p{font-size:17px}
.site-metrics__since{font-size:14px}
.site-metric__label{font-size:16px}
.site-metric__footer{font-size:13px}
.site-metric__value{font-size:clamp(38px,4.3vw,68px)}
.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:clamp(44px,5.2vw,82px)}
@media(max-width:991px){.site-metrics__statement{font-size:clamp(52px,9vw,82px)}.site-metric__value{font-size:clamp(36px,5.2vw,54px)}}
@media(max-width:767px){.site-metrics__inner{padding-block:108px 76px}.site-metrics__statement{font-size:clamp(40px,12vw,66px)}.site-metrics__heading-foot p{font-size:16px}.site-metric__label{font-size:15px}.site-metric__footer{font-size:13px}.site-metric__value,.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:clamp(32px,10vw,48px)}}
@media(max-width:359px){.site-metrics__inner{padding-block:102px 66px}.site-metrics__eyebrow{font-size:12px}.site-metrics__statement{font-size:40px}.site-metrics__heading-foot p{font-size:15px}.site-metric__label{font-size:14px}.site-metric__footer{font-size:12px}.site-metric__value,.site-metric--members .site-metric__value,.site-metric--years .site-metric__value{font-size:30px}}
