.references-hero{position:relative;min-height:790px;background:#03132e}
.references-hero .hero-visual{position:absolute;inset:0;z-index:0;width:100%;display:block;background:#03132e}
.references-hero .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 64%;filter:saturate(1.06) contrast(1.04) brightness(1.03)}
.references-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,19,46,.94) 0%,rgba(3,19,46,.88) 26%,rgba(3,19,46,.68) 43%,rgba(3,19,46,.34) 58%,rgba(3,19,46,.10) 72%,rgba(3,19,46,0) 100%)}
.references-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:135px;z-index:1;background:linear-gradient(0deg,rgba(3,19,46,.72),rgba(3,19,46,.06) 74%,transparent 100%)}
.references-hero .hero-content{position:relative;z-index:2;max-width:650px;padding-top:218px;padding-bottom:128px}
.references-hero .hero-claim,.references-hero .hero-intro{max-width:590px}
.references-hero .hero-intro{color:rgba(255,255,255,.88)}

.references-intro{padding:100px 0 72px;background:#fff}
.references-intro__grid,.references-wall__head,.reference-testimonial__grid,.references-closing__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.86fr);gap:80px;align-items:start}
.references-intro h2,.references-wall h2,.references-closing h2{margin:0;color:var(--navy);font-size:clamp(40px,4.15vw,62px);line-height:1.02;letter-spacing:-.045em}
.references-intro__copy>p,.references-wall__head>p,.references-closing p{margin:0;color:var(--muted);font-size:18px;line-height:1.75}
.references-intro__note{margin-top:28px;padding:23px 25px;background:var(--soft);border-left:4px solid var(--green);color:var(--navy);font-size:16px;font-weight:720;line-height:1.55}

.references-wall{padding:34px 0 112px;background:linear-gradient(180deg,#fff 0%,#f6f9fc 100%)}
.references-wall__head{align-items:start;margin-bottom:44px}
.references-wall__head h2{max-width:760px}
.references-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ref-logo-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px;padding:30px 28px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 38px rgba(3,19,46,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ref-logo-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--green);opacity:.85}
.ref-logo-card:hover{transform:translateY(-4px);border-color:rgba(22,71,131,.18);box-shadow:0 22px 48px rgba(3,19,46,.10)}
.ref-logo-card img{display:block;width:auto;height:auto;max-width:92%;max-height:128px;object-fit:contain;object-position:center;margin:auto}
.ref-logo-card--wide img{max-width:94%;max-height:126px}
.ref-logo-card--flat img{max-width:94%;max-height:110px}
.ref-logo-card--medium img{max-width:82%;max-height:120px}
.ref-logo-card--tall img{max-width:78%;max-height:148px}
.ref-logo-card--square img{max-width:66%;max-height:152px}
.ref-logo-card>strong{color:var(--navy);font-size:24px;text-align:center}

.reference-testimonial{padding:108px 0;background:var(--navy);color:#fff}
.reference-testimonial__grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center}
.reference-testimonial__label{padding:28px 30px;border:1px solid rgba(255,255,255,.15);border-top:4px solid var(--green);background:rgba(255,255,255,.035)}
.reference-testimonial__label strong{display:block;color:#fff;font-size:27px;line-height:1.12;letter-spacing:-.03em}
.reference-testimonial__label span{display:block;margin-top:10px;color:rgba(255,255,255,.68);font-size:14px}
.reference-testimonial blockquote{margin:0;padding-left:44px;border-left:1px solid rgba(255,255,255,.20);color:#fff;font-size:clamp(31px,3vw,48px);font-weight:620;line-height:1.23;letter-spacing:-.035em}
.reference-testimonial footer{display:flex;flex-direction:column;margin-top:28px}
.reference-testimonial footer strong{font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.reference-testimonial footer span{margin-top:5px;color:rgba(255,255,255,.60);font-size:13px}

.references-closing{padding:92px 0;background:#fff}
.references-closing__grid{grid-template-columns:1fr auto;align-items:end}
.references-closing p{margin-top:20px;max-width:760px}
.references-btn{min-width:220px;background:var(--green);color:#fff;text-align:center}

@media(max-width:1060px){.references-logo-grid{grid-template-columns:repeat(2,1fr)}.references-wall__head{grid-template-columns:1fr;gap:28px}}
@media(max-width:900px){.references-intro__grid,.reference-testimonial__grid,.references-closing__grid{grid-template-columns:1fr;gap:30px}.reference-testimonial blockquote{padding:30px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.20)}.references-closing__grid{align-items:start}.references-hero{min-height:720px}.references-hero .hero-visual img{object-position:60% 61%}.references-hero::before{background:linear-gradient(180deg,rgba(3,19,46,.42) 0%,rgba(3,19,46,.66) 46%,rgba(3,19,46,.94) 100%),linear-gradient(90deg,rgba(3,19,46,.54) 0%,rgba(3,19,46,.08) 100%)}.references-hero .hero-content{padding-top:198px;padding-bottom:116px}}
@media(max-width:620px){.references-hero{min-height:680px}.references-hero .hero-visual img{object-position:64% 58%}.references-hero .hero-content{padding-top:184px;padding-bottom:104px}.references-intro{padding:78px 0 66px}.references-logo-grid{grid-template-columns:1fr}.references-wall{padding:34px 0 84px}.ref-logo-card{min-height:180px}.ref-logo-card img{max-height:108px}.reference-testimonial{padding:82px 0}.references-closing{padding:78px 0}.references-btn{width:100%}}