:root{--red:#d6000b;--dark:#151c20;font-family:Montserrat,Arial,sans-serif;color:#171c20}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.top{height:35px;background:#171d20;color:white;font-size:11px}.wrap{max-width:1170px;margin:auto;padding:0 24px}.top .wrap{height:100%;display:flex;justify-content:space-between;align-items:center}.toplinks,.social{display:flex;gap:23px;align-items:center}.social a{font-weight:700;font-size:15px}.nav{background:white;min-height:69px}.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:69px}.brand img{width:201px;height:48px;object-fit:contain;display:block}.navlinks{display:flex;align-items:center;gap:0}.navlinks a{padding:17px 13px;font-size:12px;font-weight:700;white-space:nowrap}.navlinks a.active{background:var(--red);color:white;border-radius:4px}.quote,.redbutton{background:var(--red);color:white;padding:12px 18px;border-radius:5px;font-weight:700;font-size:13px;white-space:nowrap}.hero{height:257px;background:linear-gradient(90deg,rgba(10,17,23,.99) 0%,rgba(10,17,23,.92) 40%,rgba(10,17,23,.05) 70%,rgba(10,17,23,.35)),url('referanslar-assets/hero.png') right center/cover;color:white}.hero .wrap{position:relative;height:100%;padding-top:44px}.crumb{font-size:11px}.hero h1{font-size:42px;line-height:1.1;letter-spacing:-1px;margin:16px 0 3px}.tagline{font-size:17px;margin:0}.accent{display:block;background:var(--red);width:67px;height:2px;margin:17px 0 24px}.intro{font-size:12px;line-height:1.5;max-width:420px;margin:0}.handwritten{position:absolute;right:5%;top:72px;transform:rotate(-11deg);font:italic 27px cursive;line-height:1.18;text-align:center;text-shadow:0 2px 8px #111}.handwritten:after{content:'';display:block;width:110px;height:2px;background:var(--red);transform:rotate(-8deg);margin:12px auto}main{max-width:1249px;margin:0 auto}.filters{display:flex;gap:3px;overflow:auto;scrollbar-width:thin;background:#f8f9fa;margin:11px 24px 12px}.filters button{border:0;background:transparent;padding:13px 17px;white-space:nowrap;cursor:pointer;font-size:10px;font-weight:600}.filters button[aria-pressed=true]{background:var(--red);color:white;border-radius:4px}.projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;margin:0 24px}.card[hidden]{display:none}.card{min-width:0;height:auto;background:#182126;border-radius:6px;overflow:hidden;color:white}.card img{width:100%;height:auto;aspect-ratio:288/136;object-fit:cover;display:block}.cardbottom{height:clamp(47px,4.6vw,58px);display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.card h3{font-size:clamp(11px,1.05vw,14px);margin:0 0 3px;font-weight:700}.card p{font-size:clamp(10px,.95vw,12px);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.card .arrow{border:0;border-radius:50%;background:var(--red);color:white;width:25px;height:25px;flex:none;cursor:pointer;font-size:16px}.brands{text-align:center;padding:23px 23px 24px}.brands .eyebrow{font-size:10px;font-weight:700}.brands .eyebrow:before{content:'';display:inline-block;width:15px;height:2px;background:var(--red);vertical-align:middle;margin-right:5px}.brands h2{margin:3px 0 14px;font-size:22px}.brands h2 em{color:#c90009;font-style:normal}.brandrow{display:flex;align-items:center;gap:20px;justify-content:center}.brandrow .round{width:31px;height:31px;border:0;border-radius:50%;background:#f1f2f4;font-size:21px;cursor:pointer;flex:none}.logos{display:grid;grid-template-columns:repeat(6,1fr);flex:1;max-width:1100px}.logos img{width:100%;height:83px;object-fit:contain;padding:0 8px;border-right:1px solid #ddd}.logos img:last-child{border:0}.dots{font-size:16px;color:#b5b9bf;margin-top:1px}.dots b{color:var(--red)}.stats{background:#11191d;color:white;display:grid;grid-template-columns:repeat(5,1fr);padding:16px 25px}.stat{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #bf0710;min-height:48px}.stat:last-child{border:0}.stat svg{width:39px;height:39px;stroke:white;fill:none;stroke-width:2}.stat strong{color:#f01823;font-size:21px;display:block}.stat:nth-child(3) strong,.stat:nth-child(5) strong{font-size:13px}.stat span{font-size:11px;font-weight:700}.cta{background:linear-gradient(90deg,#50090b,#cf000a 50%,#430607);color:white;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;margin-top:8px}.cta h2{font-weight:400;font-size:22px;margin:0 0 4px}.cta p{font-size:14px;margin:0}.cta a{background:white;color:#171b1f;border-radius:5px;padding:14px 23px;font-weight:700;font-size:13px}.footer{background:#161d20;color:white;padding:22px 4% 16px}.footgrid{display:grid;grid-template-columns:1.35fr .65fr .8fr .9fr 1.1fr;gap:20px}.footgrid>div:not(:first-child){border-left:1px solid #30383d;padding-left:18px}.footgrid .brand img{width:185px;object-position:left;filter:none}.footgrid h3{font-size:12px;margin:6px 0 12px}.footgrid p,.footgrid a{font-size:10px;line-height:1.7}.footgrid a{display:block;margin:5px 0}.footgrid p{margin:8px 0}.footgrid input{width:100%;padding:10px;border:0;border-radius:4px;font-size:10px}.footgrid form{display:flex}.footgrid form button{border:0;background:var(--red);color:white;padding:0 12px;font-size:10px;border-radius:4px;cursor:pointer}.footbottom{border-top:1px solid #30383d;margin-top:18px;padding-top:17px;display:flex;justify-content:space-between;font-size:10px}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.open{display:flex}.modalbox{background:white;max-width:720px;width:100%;border-radius:8px;overflow:hidden;position:relative}.modalbox img{width:100%;max-height:60vh;object-fit:contain;background:#171d20}.modalbox h3,.modalbox p{margin:10px 20px}.close{position:absolute;right:10px;top:10px;background:var(--red);color:white;border:0;border-radius:50%;width:34px;height:34px;cursor:pointer}@media(max-width:850px){.nav .wrap{flex-wrap:wrap;padding-block:10px}.navlinks{order:3;width:100%;overflow:auto}.navlinks a{padding:10px}.projects{grid-template-columns:repeat(2,1fr)}.filters{margin-inline:12px}.projects{margin-inline:12px}.logos{grid-template-columns:repeat(3,1fr)}.logos img:nth-child(n+4){display:none}.stats{grid-template-columns:repeat(3,1fr);gap:12px}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.toplinks a:nth-child(n+2),.social{display:none}.quote{font-size:11px}.brand img{width:165px}.hero h1{font-size:32px}.hero .wrap{padding-top:34px}.handwritten{display:none}.hero{height:260px}.projects{gap:8px}.card{height:auto}.card img{height:auto;aspect-ratio:288/136}.cardbottom{height:48px}.card h3{font-size:10px}.card p{font-size:9px}.cardbottom{padding:5px}.stats{grid-template-columns:repeat(2,1fr)}.stat{border:0}.cta{display:block}.cta a{display:inline-block;margin-top:14px}.footgrid{grid-template-columns:1fr}.footgrid>div:not(:first-child){border:0;padding-left:0}.footbottom{display:block}}

.icons{position:absolute;width:0;height:0;overflow:hidden}.contact-width{max-width:1024px;margin:auto;padding-inline:27px}.contact-hero{height:264px;color:white;background:linear-gradient(90deg,#11191eea 0%,#11191ec9 28%,#11191e12 62%,#10151bbb 100%),url('../images/iletisim/bina-hero.jpg') center center/cover}.contact-hero .contact-width{height:100%;position:relative;padding-top:45px}.contact-hero h1{font-size:43px;margin:13px 0 3px;line-height:1.1}.contact-hero .hero-subtitle{font-size:19px;margin:0}.contact-hero .accent{margin:12px 0 14px}.contact-hero .hero-copy{font-size:12px;line-height:1.55;max-width:375px;margin:0}.hero-slogan{position:absolute;right:50px;top:48px;font-size:21px;line-height:1.35;letter-spacing:2px;transform:rotate(-10deg);text-align:left}.hero-slogan:after{content:'';display:block;background:#e40011;width:120px;height:2px;margin-top:11px;transform:rotate(-8deg)}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 16px}.contact-card{display:flex;gap:11px;align-items:center;min-height:90px;background:#f8f9fa;border-radius:5px;padding:12px 14px}.cardicon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;flex:none;color:white}.cardicon.red{background:#df0011}.cardicon.green{background:#12ad54}.cardicon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-card small{font-size:11px;display:block;white-space:nowrap}.contact-card strong{font-size:15px;display:block;white-space:nowrap;margin:4px 0}.contact-grid{display:grid;grid-template-columns:1.72fr 1fr;gap:13px 12px}.contact-form-panel,.map-panel{background:#fafbfc;border-radius:6px;padding:10px 21px 15px;min-width:0}.section-kicker{font-size:12px;font-weight:700}.section-kicker:before{content:'';display:inline-block;width:17px;height:2px;background:#e40011;vertical-align:middle;margin-right:10px}.contact-grid h2{font-size:28px;letter-spacing:-.5px;margin:6px 0 4px;line-height:1.2}.contact-grid h2 em{color:#d90915;font-style:normal}.contact-grid p{font-size:13px;line-height:1.45}.contact-form-panel>p{margin:0 0 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label{height:40px;display:flex;align-items:center;gap:10px;border:1px solid #d1d7dc;background:white;border-radius:5px;padding:0 12px}.fields label svg{width:16px;height:16px;flex:none;fill:none;stroke:#434e56;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fields input,.fields textarea{border:0;background:transparent;width:100%;outline:0;color:#222;font-size:11px}.fields .message{grid-column:1/-1;height:91px;align-items:flex-start;padding-top:13px}.fields textarea{resize:vertical;min-height:70px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.form-bottom button{border:0;border-radius:5px;color:white;background:#df0011;padding:11px 32px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:9px;cursor:pointer}.form-bottom button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.form-bottom small{font-size:10px;color:#4d545a}.support-column{min-width:0}.support-box{height:226px;color:white;border-radius:6px;padding:25px 22px;background:linear-gradient(90deg,#101619f5 0%,#141b20df 51%,#131b2299 100%),url('../images/iletisim/destek.jpg') right center/cover}.support-box h3{font-size:17px;margin:0 0 8px}.support-box p{margin:0 0 11px}.support-box ul{padding:0;margin:0;list-style:none;font-size:12px}.support-box li{display:flex;align-items:center;gap:11px;margin:4px 0}.support-box li:before{content:'✓';display:grid;place-items:center;background:#e0000d;color:white;border-radius:50%;width:19px;height:19px;flex:none;font-size:13px}.quick-contact{border:1px solid #e6eaee;border-radius:5px;margin-top:9px;display:flex;align-items:center;gap:10px;height:120px;padding:10px 16px}.outlined-clock svg{width:34px;height:34px;fill:none;stroke:#e0000d;stroke-width:2}.quick-contact>div{flex:1}.quick-contact small,.quick-contact a{display:block;font-size:11px;margin:6px 0}.quick-contact b{font-size:14px}.qr-link{border-left:2px solid #e0000d;padding-left:15px;text-align:center;margin-left:3px!important}.qr-link img{width:82px;height:82px;object-fit:contain;display:block}.qr-link small{line-height:1.1;margin:1px 0;font-size:10px}.map-panel{height:320px;position:relative;overflow:hidden;padding:9px 14px}.map-panel h2{font-size:21px;margin:4px 0 0}.map-panel p{margin:0 0 8px}.map-panel>a{display:block;height:230px;overflow:hidden;border-radius:4px}.map-panel img{width:100%;height:100%;object-fit:cover;display:block}.address-panel{height:320px;border-radius:6px;overflow:hidden;color:white;background:linear-gradient(140deg,#141a1e 0%,#11171c 57%,#c00 100%);position:relative}.address-top{display:flex;gap:18px;padding:17px 22px;height:137px}.address-top>svg{width:45px;height:45px;fill:#e0000d;stroke:#e0000d;flex:none}.address-top h3{margin:0 0 6px;font-size:13px}.address-top p{margin:0 0 9px;font-size:12px;line-height:1.4}.address-top a{display:inline-block;background:#e0000d;padding:8px 25px;border-radius:15px;font-size:11px;font-weight:700}.address-panel>img{width:100%;height:163px;object-fit:cover;object-position:center;display:block}.address-panel .welcome{position:absolute;bottom:0;left:0;right:0;background:#111b1eec;color:white;font-size:11px;font-weight:700;margin:0;padding:8px 22px}.contact-features{max-width:1024px;margin:13px auto 0;padding:13px 27px 17px;display:grid;grid-template-columns:repeat(5,1fr)}.contact-features>div{text-align:center;border-right:1px solid #cbd0d3}.contact-features>div:last-child{border:0}.contact-features svg{display:block;width:37px;height:37px;margin:0 auto 4px;fill:none;stroke:#df0011;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-features b{font-size:11px;line-height:1.2;display:block}.contact-grid #form-feedback{margin:4px 0 0;font-size:11px}@media(min-width:1300px){.contact-width,.contact-features{max-width:1249px}.contact-hero{height:300px}.contact-hero .contact-width{padding-top:52px}.contact-grid{grid-template-columns:1.72fr 1fr}.contact-form-panel{padding:18px 26px}.support-box{height:250px}.quick-contact{height:125px}.map-panel,.address-panel{height:360px}.map-panel>a{height:268px}.address-panel>img{height:223px}}@media(max-width:820px){.contact-cards{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-width{padding-inline:16px}.contact-hero .hero-slogan{display:none}.support-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-contact{height:226px;margin:0}.map-panel,.address-panel{height:320px}}@media(max-width:560px){.contact-cards{gap:7px}.contact-card{padding:9px;gap:7px}.cardicon{width:37px;height:37px}.contact-card strong{font-size:12px}.contact-card small{font-size:9px;white-space:normal}.contact-hero h1{font-size:36px}.contact-hero{height:260px}.fields{grid-template-columns:1fr}.fields .message{grid-column:1}.form-bottom{align-items:flex-start;flex-direction:column}.support-column{display:block}.quick-contact{height:120px;margin-top:10px}.contact-features{grid-template-columns:repeat(3,1fr);row-gap:14px}.contact-features b{font-size:9px}}
.footer{background:#1c1c1c;color:#fff;padding:0}
.footer .wrap{max-width:1430px}
.footer-grid{display:grid;grid-template-columns:1.55fr .9fr 1.1fr 1.18fr 1.35fr;gap:0;padding-top:30px;padding-bottom:25px}
.footer-col{padding:0 30px;border-right:1px solid #484848}
.footer-col:first-child{padding-left:0}
.footer-col:last-child{padding-right:0;border:0}
.footer .brand{display:flex;align-items:center;line-height:1;min-width:0;transform:scale(.82);transform-origin:left top;height:58px}
.footer .brand .rm{font-weight:800;color:var(--red);font-size:65px;letter-spacing:-11px;margin-right:19px}
.footer .brand .name{display:flex;flex-direction:column;gap:5px;font-weight:800;font-size:26px;letter-spacing:5px;color:#fff}
.footer .brand small{display:block;color:var(--red);font-size:11px;letter-spacing:10px}
.footer p{font-size:13px;line-height:1.5;margin:6px 0 15px}
.footer h2{font-size:16px;margin:0 0 11px}
.footer ul{list-style:none;margin:0;padding:0;font-size:12px;line-height:2}
.footer li:before{content:'›';margin-right:12px;font-size:18px}
.footer .contact{font-size:13px;line-height:2.2;white-space:nowrap}
.footer .contact span{font-size:20px;margin-right:12px}
.footer-social{display:flex;gap:19px;font-size:21px}
.footer .newsletter{display:flex;width:100%;margin-top:13px}
.footer .newsletter input{width:66%;border:0;border-radius:8px 0 0 8px;padding:12px 15px;font-size:12px;min-width:0}
.footer .newsletter button{width:34%;background:var(--red);border:0;color:#fff;font-weight:700;font-size:12px;border-radius:0 8px 8px 0}
.footer .subscribe-status{min-height:20px;font-size:12px;color:#fff}
.footer .bottom{border-top:1px solid #414141;padding:18px 0;font-size:12px;margin:0}
.footer .bottom .wrap{display:flex;justify-content:space-between;gap:25px;max-width:1430px}
.footer .bottom a{margin:0 7px}
.red-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;border:0;border-radius:25px;padding:10px 22px;font-size:13px;font-weight:700;white-space:nowrap}
@media(max-width:1200px){.footer-col{padding:0 16px}}
@media(max-width:850px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-col{border:0}.footer .bottom .wrap{flex-wrap:wrap}}
@media(max-width:540px){.footer-grid{grid-template-columns:1fr}.footer-col{padding:0!important}.footer .bottom .wrap{display:block;line-height:2}}
.map-panel iframe{display:block;width:100%;height:230px;border:0;border-radius:4px}
@media(min-width:1300px){.map-panel iframe{height:268px}}