.references-page{font-family:"Plus Jakarta Sans",sans-serif;color:#17233d;background:#f6f8fc}.references-page main{overflow:hidden}.references-hero{position:relative;padding:112px 0 96px;color:#fff;background:linear-gradient(118deg,rgba(8,30,65,.96) 0%,rgba(64,28,57,.94) 42%,rgba(132,22,54,.94) 100%)}.references-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(76,201,229,.18),transparent 32%),linear-gradient(90deg,transparent 0 49%,rgba(255,255,255,.035) 50% 51%,transparent 52%);background-size:auto,52px 52px;pointer-events:none}.references-hero .container{position:relative;z-index:1}.references-breadcrumb{display:flex;gap:11px;align-items:center;margin-bottom:38px;font-size:14px;font-weight:700}.references-breadcrumb a{color:#fff;text-decoration:none}.references-breadcrumb span{color:rgba(255,255,255,.74)}.references-eyebrow{margin:0 0 18px;color:#62d7e7;font-size:13px;font-weight:800;letter-spacing:.16em}.references-hero h1{max-width:850px;margin:0;font-size:clamp(40px,5.4vw,72px);line-height:1.06;letter-spacing:-.045em;font-weight:800}.references-hero h1 span,.references-heading h2 span{color:#ffb4c6}.references-hero>div>p:not(.references-eyebrow){max-width:780px;margin:28px 0 0;color:rgba(255,255,255,.84);font-size:18px;line-height:1.8}.references-stat{display:inline-flex;align-items:baseline;gap:12px;margin-top:35px;padding:15px 21px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.references-stat strong{font-size:30px}.references-stat span{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.references-content{padding:90px 0}.references-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.references-heading h2{max-width:680px;margin:0;color:#14213a;font-size:clamp(30px,3.7vw,48px);line-height:1.14;letter-spacing:-.035em;font-weight:800}.references-heading h2 span{color:#9a244d}.reference-search{display:flex;align-items:center;gap:10px;width:min(360px,100%);padding:0 17px;border:1px solid #d9dfeb;border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(17,35,69,.07)}.reference-search i{color:#9a244d}.reference-search input{width:100%;height:52px;border:0;outline:0;background:transparent;color:#17233d;font-size:15px}.references-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reference-card{display:flex;min-width:0;flex-direction:column;border:1px solid #e2e6ef;border-radius:19px;background:#fff;box-shadow:0 14px 40px rgba(20,33,58,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.reference-card:hover{transform:translateY(-5px);border-color:#cbd6e9;box-shadow:0 22px 50px rgba(20,33,58,.13)}.reference-logo{display:flex;height:180px;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,#fff,#f5f7fb)}.reference-logo img{display:block;max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain}.reference-copy{display:flex;flex:1;flex-direction:column;padding:22px;border-top:1px solid #eef1f6}.reference-copy h2{margin:0 0 11px;color:#13213c;font-size:17px;line-height:1.35;font-weight:800}.reference-copy p{margin:0;color:#66728a;font-size:13px;line-height:1.65;font-weight:600}.reference-empty{padding:22px;border-radius:14px;background:#fff;color:#6a7488;text-align:center}.references-cta{padding:0 0 90px}.references-cta .container{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:42px 48px;border-radius:24px;color:#fff;background:linear-gradient(115deg,#102746 0%,#6b244d 55%,#a61f4e 100%);box-shadow:0 24px 65px rgba(25,34,64,.18)}.references-cta h2{margin:0 0 12px;font-size:clamp(27px,3vw,40px);font-weight:800}.references-cta p:not(.references-eyebrow){max-width:720px;margin:0;color:rgba(255,255,255,.82);line-height:1.7}.references-cta a{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;padding:16px 21px;border-radius:12px;background:#fff;color:#7f2048;text-decoration:none;font-weight:800}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:1100px){.references-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.references-hero{padding:78px 0 68px}.references-hero h1{font-size:40px}.references-hero>div>p:not(.references-eyebrow){font-size:16px}.references-content{padding:64px 0}.references-heading{align-items:stretch;flex-direction:column}.reference-search{width:100%}.references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-logo{height:142px;padding:17px}.reference-logo img{max-height:106px}.reference-copy{padding:16px}.reference-copy h2{font-size:15px}.reference-copy p{font-size:12px}.references-cta{padding-bottom:64px}.references-cta .container{align-items:flex-start;flex-direction:column;padding:31px 25px}.references-cta a{width:100%;justify-content:center}}@media(max-width:430px){.references-grid{grid-template-columns:1fr}.reference-logo{height:165px}.reference-copy h2{font-size:17px}.reference-copy p{font-size:13px}}


/* References hero visual and linked solution labels */
.references-hero {
    isolation:isolate;
}
.references-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        linear-gradient(118deg,rgba(8,30,65,.93) 0%,rgba(64,28,57,.91) 42%,rgba(132,22,54,.91) 100%),
        url("../images/references/referanslar-hero-guvenlik-terminali.jpg") center 42% / cover no-repeat;
    opacity:.34;
    pointer-events:none;
}
.references-hero::after {
    z-index:0;
}
.references-hero .container {
    position:relative;
    z-index:2;
}
.references-hero h1 .hero-white {
    color:#fff !important;
}
.reference-copy .reference-solution-link {
    color:#66728a;
    text-decoration:none;
    transition:color .2s ease;
}
.reference-copy .reference-solution-link:hover,
.reference-copy .reference-solution-link:focus-visible {
    color:#8d2148;
    text-decoration:underline;
    text-underline-offset:3px;
}