.client-references{--ref-border:rgba(170,180,180,.23);max-width:1240px;margin:70px auto;padding:48px 28px;border-top:1px solid var(--ref-border);color:inherit}.client-references-heading{margin-bottom:32px}.client-references-heading>p{font-family:inherit;font-weight:500;font-size:10px;line-height:1.5;letter-spacing:2px;margin-bottom:18px;opacity:.65}.client-references-heading h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0 0 18px}.client-references-heading>span{font-size:13px;opacity:.65}.client-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-reference-card{position:relative;display:flex;flex-direction:column;min-height:170px;padding:30px 26px;border:1px solid var(--ref-border);border-radius:14px;background:rgba(150,160,160,.035)}.client-reference-card h3{font-family:inherit;font-weight:600;font-size:clamp(18px,1.6vw,24px);line-height:1.25;letter-spacing:-.5px;max-width:90%;margin:15px 0 22px}.client-reference-card a{color:inherit;text-decoration:none}.client-reference-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.client-reference-card ul{display:flex;flex-wrap:wrap;gap:7px 14px;margin:auto 0 0;padding:0;list-style:none}.client-reference-card li{font-size:10px;line-height:1.6;opacity:.7}.client-reference-symbol{position:absolute;right:22px;top:22px;font-size:17px;opacity:.5}.client-reference-social{font-size:10px;margin-top:13px;opacity:.75}.client-reference-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px;font-size:12px;color:inherit}.client-reference-secondary>span:first-child{font-size:10px;opacity:.6}.client-reference-secondary a{color:inherit;text-decoration:none}.reference-product{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--ref-border);border-radius:14px;margin-top:22px}.reference-product p{font-size:9px;letter-spacing:1.5px;opacity:.6}.reference-product h3{font-size:28px;margin:9px 0}.reference-product span{font-size:12px;opacity:.7}.reference-product>a{font-size:12px;white-space:nowrap;text-decoration:none;color:inherit;border-bottom:1px solid var(--ref-border);padding-bottom:5px}@media(max-width:850px){.client-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.client-references{padding:34px 20px;margin:40px auto}.client-reference-grid{grid-template-columns:1fr}.client-reference-card{min-height:145px;padding:24px}.reference-product{align-items:flex-start;flex-direction:column;padding:24px}.client-reference-card h3{font-size:22px}.client-references-heading h2{font-size:32px}}
/* Real website captures in CSS device frames. No fabricated charts or analytics. */
.client-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.client-reference-card{padding:20px;overflow:hidden;min-width:0}.client-reference-card:first-child:nth-last-child(odd){grid-column:1/-1}.client-reference-card h3{font-size:25px;margin:24px 0 13px}.client-reference-card ul{margin:0 0 20px}.client-reference-card li{border:1px solid var(--ref-border);padding:4px 9px;border-radius:20px;opacity:.8}.reference-mockup{height:340px;margin:0;position:relative;border-radius:10px;background:radial-gradient(ellipse at 15% 10%,#82b9ae24,transparent 65%),linear-gradient(145deg,#26302f,#121b1d);padding:28px 30px 35px;overflow:hidden}.reference-desktop{border:1px solid #ffffff30;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 15px 35px #0005;transform:perspective(900px) rotateY(-4deg);height:100%;width:100%}.reference-desktop>img{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top;display:block}.reference-browser{height:22px;display:flex;align-items:center;gap:18px;background:#e9edec;color:#6d7875;padding:0 9px;overflow:hidden}.reference-browser>span{font-size:7px;letter-spacing:2px;color:#99aaa5}.reference-browser small{font:9px/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-mobile .reference-desktop{width:89%}.reference-mobile{position:absolute;right:15px;bottom:32px;width:24%;height:78%;border:5px solid #101716;outline:1px solid #87948f;border-radius:18px;background:#101716;box-shadow:0 15px 25px #0007;overflow:hidden;transform:rotate(3deg)}.reference-mobile>span{position:absolute;z-index:1;top:4px;left:35%;width:30%;height:8px;border-radius:8px;background:#101716}.reference-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.reference-mockup figcaption{position:absolute;left:15px;bottom:10px;font:9px/1.2 Arial,sans-serif;letter-spacing:.3px;color:#b5c5c1}.reference-headline{font-size:18px;line-height:1.4;margin:0 0 10px;font-weight:500;letter-spacing:-.3px}.reference-description{font-size:13px;line-height:1.9;opacity:.74;margin:0 0 22px;max-width:700px}.reference-outcome{border-top:1px solid var(--ref-border);margin:auto 0 0;padding-top:18px;font-size:14px;line-height:1.6}.reference-outcome>span{display:block;font-size:8px;letter-spacing:1.5px;opacity:.55;margin-bottom:7px}.reference-service-art{height:200px;background:radial-gradient(ellipse at top left,#80b2a328,transparent 70%),#182325;border:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:10px;padding:35px;color:#d6ebe4}.reference-service-art>span{font-size:25px;letter-spacing:1px}.reference-service-art i{font-style:normal;font-size:65px}.client-reference-symbol{top:auto;right:20px;position:relative;display:none}.client-reference-social{display:inline-block;margin-top:15px;text-decoration:underline!important;text-underline-offset:4px}.client-reference-card:first-child:nth-last-child(odd) .reference-mockup{height:440px}.client-reference-card:first-child:nth-last-child(odd) .reference-mobile{width:16%;height:85%}@media(max-width:850px){.reference-mockup{height:270px;padding:20px 18px 30px}.reference-mobile{border-width:4px;width:25%;right:12px}.client-reference-card h3{font-size:22px}.client-reference-card:first-child:nth-last-child(odd) .reference-mockup{height:350px}}@media(max-width:550px){.client-reference-grid{grid-template-columns:1fr;gap:20px}.client-reference-card:first-child:nth-last-child(odd){grid-column:auto}.client-reference-card{padding:14px}.reference-mockup,.client-reference-card:first-child:nth-last-child(odd) .reference-mockup{height:250px;padding:25px 13px 30px}.reference-mobile,.client-reference-card:first-child:nth-last-child(odd) .reference-mobile{width:26%;height:75%;bottom:28px;right:9px;border-radius:13px;border-width:3px}.reference-mobile>span{height:5px;top:2px}.reference-browser{height:17px;padding:0 5px;gap:8px}.reference-browser small{font-size:7px}.reference-browser>span{font-size:5px;letter-spacing:1px}.reference-desktop>img{height:calc(100% - 17px)}.reference-mockup figcaption{font-size:7px;left:12px;bottom:10px}.client-reference-card h3{font-size:23px;margin-top:20px}.reference-description{font-size:12px}.reference-headline{font-size:16px}.reference-outcome{font-size:13px}.reference-service-art{height:175px;padding:25px}.reference-service-art>span{font-size:20px}}
/* November review: straight devices and readable mobile screens */
.reference-desktop,.reference-mobile{transform:none!important}.reference-mockup{height:380px}.has-mobile .reference-desktop{width:82%}.reference-mobile,.client-reference-card:first-child:nth-last-child(odd) .reference-mobile{height:90%;width:auto;aspect-ratio:390/844;max-width:36%;right:12px;bottom:25px;border-radius:20px}.reference-mobile img{width:100%;height:100%;object-fit:contain;background:#fff}.reference-mobile>span{display:none}.client-reference-card:first-child:nth-last-child(odd) .reference-mockup{height:470px}.reference-all-link{display:inline-block;font-size:13px;margin:0 0 26px;color:inherit;text-decoration:none;border-bottom:1px solid var(--ref-border);padding-bottom:5px}.client-reference-secondary{padding:22px;border:1px solid var(--ref-border);border-radius:12px;align-items:flex-start;gap:14px}.client-reference-secondary>span:first-child{font-size:12px;flex-basis:100%}.client-reference-secondary>a,.client-reference-secondary>span:not(:first-child){font-size:19px;font-weight:500}.client-reference-secondary small{font-size:12px;line-height:1.8;flex-basis:100%;opacity:.7}.contact-location{max-width:1180px;margin:40px auto 0;padding:30px 26px;border:1px solid #89999940;border-radius:16px;display:grid;gap:14px}.contact-location p{font-size:10px;letter-spacing:2px;opacity:.7}.contact-location h2{font-size:30px;line-height:1.2;margin:0}.contact-location>a{font-size:clamp(16px,3vw,25px);color:inherit;overflow-wrap:anywhere}.contact-location address{font-size:14px;line-height:1.9;font-style:normal;max-width:650px}.line-icon svg{width:32px;height:32px;display:block}.site-header .brand-signature{align-items:center}.site-header .brand-signature .release-brand-logo{object-position:center}.brand-descriptor{text-align:center;white-space:normal;max-width:190px}.reference-service-art{position:relative}.reference-service-art>span{font-size:23px}.contact-section,.contact-layout{min-width:0}.contact-section input,.contact-section textarea,.contact-layout input,.contact-layout textarea{max-width:100%}footer a{overflow-wrap:anywhere}@media(max-width:900px){.reference-mockup{height:340px}.contact-section{grid-template-columns:1fr!important;gap:28px!important}.contact-layout{grid-template-columns:1fr!important}.site-header nav.desktop-nav{display:none!important}.site-header .menu-toggle{display:flex!important}}@media(max-width:550px){.reference-mockup,.client-reference-card:first-child:nth-last-child(odd) .reference-mockup{height:290px;padding:22px 10px 32px}.reference-mobile,.client-reference-card:first-child:nth-last-child(odd) .reference-mobile{height:85%;max-width:39%;bottom:28px;right:6px;border-radius:15px}.has-mobile .reference-desktop{width:80%}.reference-description{font-size:13px;line-height:1.85}.contact-location{margin:24px 18px 0;padding:23px 20px}.contact-location h2{font-size:26px}.contact-location address{font-size:13px}.contact-section{padding:26px 20px!important;gap:24px!important}.footer-top{flex-wrap:wrap;align-items:flex-start!important;gap:20px!important}.footer-navigation{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.footer-bottom{flex-wrap:wrap;gap:14px!important;line-height:1.8}.reference-service-art>span{font-size:20px}}

/* Flattened mockups: a single immutable image per card at every breakpoint. */
.client-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px}.client-reference-card,.client-reference-card:first-child:nth-last-child(odd){grid-column:auto;min-width:0;display:flex;flex-direction:column}.reference-static{display:block;position:relative;width:100%;aspect-ratio:36/23;margin:0;overflow:hidden;border-radius:10px;flex:none;background:#172224}.reference-static>img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important;pointer-events:none;user-select:none}.client-reference-card h3{overflow-wrap:anywhere}.reference-service-art{aspect-ratio:36/23;height:auto;flex:none}@media(max-width:999px){.client-reference-grid{grid-template-columns:minmax(0,1fr);gap:22px}}@media(max-width:550px){.client-reference-card{padding:14px}.reference-static{border-radius:8px}.reference-service-art{min-height:190px}}

/* Shared navigation, contact and footer review */
.agency-footer{width:100%;border-top:1px solid #8a999933;margin-top:65px;padding:48px max(24px,calc((100% - 1200px)/2)) 24px;color:inherit}.agency-footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px}.agency-footer-signature{display:flex;flex-direction:column;align-items:center;width:210px;gap:8px;text-decoration:none;color:inherit}.agency-footer-signature img{width:190px;height:48px;object-fit:contain;object-position:center}.agency-footer-signature span{text-align:center;font-size:10px;letter-spacing:.7px}.agency-footer-brand>p{font-size:12px;line-height:1.8;opacity:.7;margin:20px 0;max-width:250px}.agency-footer h3{font-size:12px;letter-spacing:1px;margin:0 0 20px}.agency-footer nav,.agency-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.agency-footer a{color:inherit;font-size:13px;line-height:1.7;text-decoration:none;overflow-wrap:anywhere}.agency-footer address{font-style:normal;font-size:12px;line-height:1.9;opacity:.7}.agency-footer-bottom{border-top:1px solid #8a999933;margin-top:38px;padding-top:24px;display:flex;gap:25px;flex-wrap:wrap;font-size:10px}.agency-footer-bottom>span{margin-right:auto}.agency-footer-bottom a{font-size:10px}.brand-signature,.brand-signature .brand-descriptor{text-align:center;align-items:center}.contact-location{width:min(1200px,calc(100% - 48px))!important;max-width:none!important;margin:30px auto!important;box-sizing:border-box}.contact-location~article,.contact-location~section{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}.contact-location~article .wrap{width:100%!important;max-width:100%!important}.contact-location~section.section-wrap{padding-left:0!important;padding-right:0!important}.reference-example{font-size:12px;line-height:1.85;border-left:2px solid #91aaa866;padding-left:16px;margin:0 0 22px;opacity:.8}.reference-example>span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:7px}.reference-service-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 10% 15%,#76c1be55,transparent 65%),radial-gradient(ellipse at 90% 80%,#a59dd951,transparent 70%),#1c2c34!important;color:#f0f6f3!important;padding:32px;gap:18px}.reference-service-art>span{font-size:clamp(25px,3vw,38px)!important;font-weight:600;letter-spacing:-1px}.reference-service-art small{font-size:11px;line-height:1.8;opacity:.8}.service-card[href*="kurumsal-kimlik"]{background:linear-gradient(145deg,#e8dff7,#d4c5ee)!important;color:#302342!important}.service-card[href*="web-tasarim"]{background:linear-gradient(145deg,#d9eeed,#b9dbda)!important;color:#173d3d!important}.service-card[href*="kurumsal-kimlik"] .service-card-icon{color:#705194!important}.service-card[href*="web-tasarim"] .service-card-icon{color:#27666b!important}
body[data-agency="optix"] .nav-cta,body[data-agency="optix"] .hero-copy>.button{border-radius:10px!important;padding:15px 22px!important;background:#f2eee6!important;border:1px solid #ffffff50!important;color:#24211d!important;font-size:13px!important;font-weight:600!important;box-shadow:0 4px 15px #0002}body[data-agency="optix"] .hero-copy>.button{background:#df764c!important;color:#fff!important;border-color:#df764c!important;min-width:205px}body[data-agency="optix"] .menu-toggle{margin-left:auto!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;border:1px solid #ffffff55!important;border-radius:9px!important;background:#17191666!important}body[data-agency="optix"] .menu-toggle span{display:block!important;width:22px!important;height:2px!important;background:#fff!important}.agency-footer-signature .brand-domain{display:none!important}
@media(max-width:1023px){body[data-agency="optix"] .desktop-nav,body[data-agency="optix"] .nav-cta{display:none!important}body[data-agency="optix"] .menu-toggle{display:flex!important;visibility:visible!important}body[data-agency="optix"] #mobile-menu:not([hidden]){display:flex!important;flex-direction:column!important;position:relative!important;z-index:50!important;width:calc(100% - 40px)!important;margin:10px auto!important;padding:22px!important;gap:16px!important;background:#191c1b!important;border:1px solid #ffffff33;border-radius:12px}body[data-agency="optix"] #mobile-menu[hidden]{display:none!important}.agency-footer-grid{gap:30px;grid-template-columns:1fr 1fr}.agency-footer-brand{grid-column:1/-1}}
@media(min-width:1024px){body[data-agency="optix"] .menu-toggle,body[data-agency="optix"] #mobile-menu{display:none!important}body[data-agency="optix"] .desktop-nav{display:flex!important}}
@media(max-width:600px){.agency-footer{padding:34px 24px 22px}.agency-footer-grid{grid-template-columns:1fr;gap:28px}.agency-footer-brand{grid-column:auto}.agency-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.agency-footer nav h3{grid-column:1/-1;margin-bottom:4px}.agency-footer-signature{width:190px}.agency-footer-signature img{width:175px}.agency-footer-bottom{gap:16px}.agency-footer-bottom>span{width:100%}.contact-location{margin-top:22px!important}.reference-service-art{padding:25px}.reference-example{font-size:12px}}

.reference-description{white-space:pre-line;line-height:1.95;font-size:14px;opacity:.85;margin-bottom:12px}.client-reference-secondary small{white-space:pre-line;line-height:1.9}@media(max-width:550px){.reference-description{font-size:13px}}