.references-page{--ref-ink:#1d1d1f;--ref-muted:#6e6e73;color:var(--ref-ink);background:#fff}
.references-page .section-wrap{width:min(1320px,100%)}
.references-intro{text-align:center;padding-top:32px;padding-bottom:72px}
.references-back{display:block;width:fit-content;font-size:12px;color:var(--ref-muted);padding:8px 0;margin-bottom:64px}
.references-eyebrow{font-size:10px;font-weight:500;letter-spacing:.13em;line-height:1.6;color:var(--ref-muted);margin:0 0 20px}
.references-intro h1{font-size:clamp(46px,5.5vw,78px);line-height:1.06;letter-spacing:-.065em;font-weight:650;margin:0 0 26px}
.references-intro h1 span{color:#603bfa}
.references-lead{font-size:18px;line-height:1.7;color:var(--ref-muted);margin:0 auto 28px;max-width:580px}
.references-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:30px;border-top:1px solid #ececee;border-bottom:1px solid #ececee;margin-top:72px;padding:24px 10px}
.reference-index-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:60px;overflow:hidden;border-radius:8px}
.reference-index-logo img{width:100%;height:60px;object-fit:contain;filter:brightness(0) invert(.58);transition:filter .4s}
.reference-index-logo:hover img{filter:brightness(0) invert(.35)}
.reference-index-logo.reference-heyn img{transform:scale(1.35)}
.reference-index-logo.reference-mofxo img{transform:scale(2)}
.reference-index-logo.reference-ahmetoglu img{transform:scale(1.3)}
.reference-ahmetoglu .reference-visual::before{background:radial-gradient(ellipse at 65% 55%,#e0e3ffbb,transparent 68%)}
@media(min-width:761px){.reference-card.reference-ahmetoglu{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.reference-ahmetoglu .reference-visual{height:100%;min-height:320px}.reference-ahmetoglu .reference-copy{padding:38px}.reference-ahmetoglu .reference-visual img{height:240px;width:90%}}
.references-work{padding-bottom:96px}
.references-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.references-section-heading h2{font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.05em;margin:0}
.references-section-heading>p{color:var(--ref-muted);font-size:14px;line-height:1.7;margin:0;max-width:330px}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.reference-card{min-width:0;border:1px solid #ececee;border-radius:26px;overflow:hidden;background:#fff;scroll-margin-top:28px;box-shadow:0 8px 35px #1d1d1f04}
.reference-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.reference-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:280px;background:#f5f5f7}
.reference-visual::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 65% 55%,#e5def599,transparent 68%)}
.reference-heyn .reference-visual::before{background:radial-gradient(ellipse at 65% 55%,#dce9ffbb,transparent 68%)}
.reference-mofxo .reference-visual::before{background:radial-gradient(ellipse at 65% 55%,#efe2f3bb,transparent 68%)}
.reference-vector .reference-visual::before{background:radial-gradient(ellipse at 65% 55%,#dcefedbb,transparent 68%)}
.reference-yetguard .reference-visual::before{background:radial-gradient(ellipse at 65% 55%,#e2e6f3bb,transparent 68%)}
.reference-visual img{width:76%;height:160px;object-fit:contain;filter:brightness(0) invert(.3);transition:transform 1.4s cubic-bezier(.25,.1,.25,1)}
.reference-card.reference-heyn .reference-visual img{width:100%}
.reference-card.reference-mofxo .reference-visual img{height:240px;width:100%}
.reference-card:hover .reference-visual img{transform:scale(1.035)}
.reference-number{position:absolute;top:24px;left:26px;color:#929298;font-size:11px;font-variant-numeric:tabular-nums}
.reference-signature{position:absolute;bottom:23px;left:26px;right:26px;text-align:center;font-size:9px;font-weight:500;letter-spacing:.1em;color:#929298}
.reference-copy{padding:28px 30px 32px;align-self:center}
.reference-card:first-child .reference-copy{padding:42px}
.reference-card:first-child .reference-visual{min-height:340px;height:100%}
.reference-kicker{font-size:11px;color:var(--ref-muted);margin:0 0 10px}
.reference-copy h3{font-size:26px;letter-spacing:-.045em;line-height:1.2;font-weight:600;margin:0}
.reference-summary{font-size:14px;line-height:1.8;color:var(--ref-muted);margin:18px 0}
.reference-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.reference-tags li{padding:6px 9px;border:1px solid #e9e7ef;border-radius:7px;background:#faf9fc;color:#6d657d;font-size:10px;line-height:1.4}
.reference-card:first-child h3{font-size:clamp(28px,3vw,42px)}
.reference-support{border-top:1px solid #ececee;padding-top:22px;margin-top:24px}
.reference-support h4{font-size:12px;font-weight:500;margin:0 0 14px;color:var(--ref-ink)}
.reference-support ul{padding:0;margin:0;list-style:none;color:var(--ref-muted);font-size:13px;line-height:1.75}
.reference-support li+li{margin-top:16px}
.reference-support strong{display:block;font-size:12px;font-weight:500;color:#403b4d;margin-bottom:4px}
.reference-support span{display:block}
.reference-card:first-child .reference-visual{align-items:center}
.reference-card.reference-mofxo:first-child .reference-visual img{height:auto;width:120%;max-width:none}
.references-expertise{padding-top:24px;padding-bottom:96px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.expertise-grid article{border-top:1px solid #e8e8ed;padding-top:28px;min-width:0}
.expertise-icon{display:block;width:26px;color:#603bfa;margin-bottom:24px}
.expertise-grid h3{font-size:20px;font-weight:600;letter-spacing:-.035em;margin:0 0 16px;line-height:1.35}
.expertise-grid p,.expertise-grid ul{font-size:14px;line-height:1.85;color:var(--ref-muted)}
.expertise-grid p{margin-bottom:20px}
.expertise-grid ul{list-style:none;padding:0;margin:0 0 20px}
.expertise-grid li{position:relative;padding-left:18px;margin-top:8px}
.expertise-grid li::before{content:"";position:absolute;width:5px;height:5px;top:.75em;left:0;background:#b8abc8;border-radius:50%}
.expertise-grid .text-link{white-space:normal;font-size:12px;gap:12px}
.references-cta{padding-bottom:90px}
.references-cta-panel{text-align:center;padding:70px 24px;background:radial-gradient(ellipse at 50% 110%,#ece6ff,transparent 70%),#f7f7f9;border-radius:30px;border:1px solid #efedf4}
.references-cta h2{font-size:clamp(36px,4.6vw,64px);line-height:1.08;letter-spacing:-.055em;font-weight:600;margin:0 0 24px}
.references-cta h2 span{color:#603bfa}
.references-cta-panel>p:not(.references-eyebrow){max-width:460px;margin:0 auto 28px;color:var(--ref-muted);font-size:15px;line-height:1.7}
@media(max-width:900px){.reference-grid{gap:18px}.reference-card:first-child .reference-copy{padding:28px}.expertise-grid{gap:22px}.references-index{gap:16px}.reference-visual{min-height:230px}.reference-card:first-child .reference-visual{min-height:280px}.expertise-grid h3{font-size:18px}}
@media(max-width:760px){.references-intro{padding-top:22px;padding-bottom:50px}.references-back{margin-bottom:42px}.references-intro h1{font-size:clamp(40px,8.6vw,62px)}.references-lead{font-size:15px}.references-lead br{display:none}.references-index{display:flex;flex-wrap:wrap;justify-content:center;margin-top:44px;gap:12px 20px;padding:20px 0}.reference-index-logo{flex:0 0 calc((100% - 40px)/3);height:50px}.reference-index-logo img{height:48px}.references-section-heading{display:block;margin-bottom:26px}.references-section-heading>p{margin-top:20px}.references-section-heading h2{font-size:34px}.references-work{padding-bottom:60px}.reference-grid{grid-template-columns:1fr;gap:22px}.reference-card:first-child{display:block}.reference-card{border-radius:22px}.reference-card .reference-visual{min-height:260px}.reference-card .reference-copy,.reference-card:first-child .reference-copy{padding:25px}.reference-copy h3,.reference-card:first-child h3{font-size:28px}.expertise-grid{grid-template-columns:1fr;gap:30px}.expertise-grid h3{font-size:22px}.references-expertise{padding-top:0;padding-bottom:60px}.references-cta{padding-bottom:60px}.references-cta-panel{padding:48px 22px;border-radius:22px}.reference-signature{font-size:8px}}
@media(max-width:400px){.reference-index-logo{flex-basis:calc((100% - 20px)/2)}}