:root{
--kirmizi:#d32027;
--kirmizi-koyu:#a4161a;
--kirmizi-acik:#e63946;
--siyah:#15171a;
--gri-koyu:#2b2f36;
--gri:#5a626d;
--gri-acik:#8a929e;
--zemin:#f5f6f8;
--beyaz:#ffffff;
--cizgi:#e2e5ea;
--golge:0 10px 40px rgba(21,23,26,.08);
--golge-buyuk:0 24px 60px rgba(163,22,26,.18);
--radius:14px;
--gecis:.3s cubic-bezier(.4,0,.2,1);
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
font-size:16px;
line-height:1.7;
color:var(--gri-koyu);
background:var(--beyaz);
overflow-x:hidden;
font-weight:400;
}

img{max-width:100%;height:auto;display:block}

a{text-decoration:none;color:inherit;transition:var(--gecis)}

ul{list-style:none}

h1,h2,h3,h4{font-weight:800;line-height:1.2;color:var(--siyah);letter-spacing:-.02em}

.kapsayici{max-width:1240px;margin:0 auto;padding:0 24px}

.btn{
display:inline-flex;align-items:center;gap:10px;
padding:15px 34px;border-radius:50px;
font-weight:700;font-size:15px;cursor:pointer;border:none;
transition:var(--gecis);text-align:center;
}
.btn-kirmizi{background:var(--kirmizi);color:#fff;box-shadow:0 8px 24px rgba(211,32,39,.32)}
.btn-kirmizi:hover{background:var(--kirmizi-koyu);transform:translateY(-3px);box-shadow:0 14px 30px rgba(211,32,39,.4)}
.btn-beyaz{background:#fff;color:var(--kirmizi)}
.btn-beyaz:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.btn-cizgi{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.btn-cizgi:hover{background:#fff;color:var(--kirmizi);border-color:#fff}

.ust-bar{background:var(--siyah);color:#fff;font-size:14px;padding:9px 0}
.ust-bar .kapsayici{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.ust-bar-sol{display:flex;gap:26px;flex-wrap:wrap}
.ust-bar-sol span{display:flex;align-items:center;gap:7px;color:#c9cdd4}
.ust-bar-sol svg{width:15px;height:15px;fill:var(--kirmizi-acik)}
.ust-bar-sag{display:flex;gap:14px;align-items:center}
.ust-bar-sag a{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.ust-bar-sag a:hover{background:var(--kirmizi)}
.ust-bar-sag svg{width:15px;height:15px;fill:#fff}

header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:var(--gecis)}
.header-ic{display:flex;align-items:center;justify-content:space-between;padding:16px 0}

.logo{display:flex;align-items:center;gap:14px}
.logo-ikon{width:54px;height:54px;background:linear-gradient(135deg,var(--kirmizi),var(--kirmizi-koyu));border-radius:14px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px rgba(211,32,39,.3)}
.logo-ikon svg{width:30px;height:30px;fill:#fff}
.logo-yazi b{display:block;font-size:20px;font-weight:800;color:var(--siyah);line-height:1.1;letter-spacing:-.03em}
.logo-yazi span{font-size:12.5px;color:var(--kirmizi);font-weight:700;text-transform:uppercase;letter-spacing:.5px}

.ana-menu{display:flex;align-items:center;gap:4px}
.menu-kapat-btn{display:none}
.ana-menu a{padding:11px 18px;font-weight:600;font-size:15.5px;color:var(--gri-koyu);border-radius:8px;position:relative}
.ana-menu a:hover,.ana-menu a.aktif{color:var(--kirmizi)}
.ana-menu a.aktif::after{content:"";position:absolute;bottom:2px;left:18px;right:18px;height:3px;background:var(--kirmizi);border-radius:3px}

.header-btn{display:flex;align-items:center;gap:14px}
.tel-btn{display:flex;align-items:center;gap:11px;background:var(--zemin);padding:9px 18px;border-radius:50px}
.tel-btn .ikon-yuvarlak{width:38px;height:38px;background:var(--kirmizi);border-radius:50%;display:grid;place-items:center;flex-shrink:0;animation:zilcal 2s infinite}
.tel-btn .ikon-yuvarlak svg{width:18px;height:18px;fill:#fff}
.tel-btn small{display:block;font-size:11.5px;color:var(--gri);font-weight:600}
.tel-btn b{display:block;font-size:16px;color:var(--siyah);font-weight:800}

@keyframes zilcal{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}

.menu-ac{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.menu-ac span{width:26px;height:3px;background:var(--siyah);border-radius:3px;transition:var(--gecis)}

.hero{position:relative;background:linear-gradient(125deg,var(--siyah) 0%,#3a0a0c 55%,var(--kirmizi-koyu) 100%);color:#fff;overflow:hidden;padding:100px 0 110px}
.hero::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='1'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E")}
.hero::after{content:"";position:absolute;top:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(211,32,39,.45),transparent 70%);border-radius:50%}
.hero-ic{position:relative;z-index:2;max-width:720px}
.hero-rozet{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:9px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:26px;backdrop-filter:blur(8px)}
.hero-rozet i{width:9px;height:9px;background:#2ecc71;border-radius:50%;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:nabiz 2s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}70%{box-shadow:0 0 0 12px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;color:#fff;margin-bottom:22px}
.hero h1 em{color:var(--kirmizi-acik);font-style:normal;position:relative}
.hero p{font-size:18.5px;color:rgba(255,255,255,.85);margin-bottom:38px;max-width:600px;line-height:1.65}
.hero-btnler{display:flex;gap:16px;flex-wrap:wrap}
.hero-istatistik{display:flex;gap:48px;margin-top:60px;flex-wrap:wrap}
.hero-istatistik div b{display:block;font-size:40px;font-weight:800;color:#fff;line-height:1}
.hero-istatistik div span{font-size:14.5px;color:rgba(255,255,255,.7);font-weight:500}

.bolum{padding:90px 0}
.bolum-zemin{background:var(--zemin)}
.bolum-baslik{text-align:center;max-width:680px;margin:0 auto 60px}
.bolum-baslik .etiket{display:inline-block;color:var(--kirmizi);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.bolum-baslik h2{font-size:clamp(28px,4vw,42px);margin-bottom:16px}
.bolum-baslik p{color:var(--gri);font-size:17px}
.baslik-sol{text-align:left;margin-left:0}

.hizmet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hizmet-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:36px 30px;transition:var(--gecis);position:relative;overflow:hidden}
.hizmet-kart::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--kirmizi);transform:scaleX(0);transform-origin:left;transition:var(--gecis)}
.hizmet-kart:hover{transform:translateY(-8px);box-shadow:var(--golge-buyuk);border-color:transparent}
.hizmet-kart:hover::before{transform:scaleX(1)}
.hizmet-ikon{width:70px;height:70px;background:linear-gradient(135deg,#fff0f0,#ffe0e0);border-radius:18px;display:grid;place-items:center;margin-bottom:24px;transition:var(--gecis)}
.hizmet-kart:hover .hizmet-ikon{background:var(--kirmizi)}
.hizmet-ikon svg{width:36px;height:36px;fill:var(--kirmizi);transition:var(--gecis)}
.hizmet-kart:hover .hizmet-ikon svg{fill:#fff}
.hizmet-kart h3{font-size:21px;margin-bottom:13px}
.hizmet-kart p{color:var(--gri);font-size:15.5px;margin-bottom:18px}
.hizmet-link{display:inline-flex;align-items:center;gap:8px;color:var(--kirmizi);font-weight:700;font-size:15px}
.hizmet-link svg{width:16px;height:16px;fill:var(--kirmizi);transition:var(--gecis)}
.hizmet-kart:hover .hizmet-link svg{transform:translateX(5px)}

.ozellik-serit{background:var(--kirmizi);color:#fff;padding:0}
.ozellik-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ozellik-oge{padding:42px 30px;display:flex;align-items:center;gap:18px;border-right:1px solid rgba(255,255,255,.15)}
.ozellik-oge:last-child{border-right:none}
.ozellik-oge svg{width:44px;height:44px;fill:#fff;flex-shrink:0;opacity:.92}
.ozellik-oge b{display:block;font-size:18px;font-weight:800;margin-bottom:3px}
.ozellik-oge span{font-size:14px;color:rgba(255,255,255,.82)}

.hakkinda-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hakkinda-gorsel{position:relative}
.hakkinda-gorsel img{border-radius:var(--radius);box-shadow:var(--golge);width:100%;aspect-ratio:4/3;object-fit:cover}
.hakkinda-rozet{position:absolute;bottom:-28px;right:-20px;background:var(--kirmizi);color:#fff;padding:26px 32px;border-radius:var(--radius);box-shadow:var(--golge-buyuk);text-align:center}
.hakkinda-rozet b{display:block;font-size:42px;font-weight:800;line-height:1}
.hakkinda-rozet span{font-size:14px;font-weight:600}
.hakkinda-yazi h2{font-size:clamp(28px,4vw,40px);margin-bottom:20px}
.hakkinda-yazi>p{color:var(--gri);font-size:16.5px;margin-bottom:26px}
.hakkinda-liste{display:grid;gap:16px;margin-bottom:32px}
.hakkinda-liste li{display:flex;align-items:flex-start;gap:13px;font-weight:600;color:var(--gri-koyu)}
.hakkinda-liste .tik{width:26px;height:26px;background:var(--kirmizi);border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:2px}
.hakkinda-liste .tik svg{width:14px;height:14px;fill:#fff}

.cta-serit{background:linear-gradient(125deg,var(--siyah),var(--kirmizi-koyu));color:#fff;border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden}
.cta-serit::after{content:"";position:absolute;top:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(211,32,39,.5),transparent 70%);border-radius:50%}
.cta-serit-ic{position:relative;z-index:2}
.cta-serit h2{font-size:clamp(26px,4vw,40px);color:#fff;margin-bottom:16px}
.cta-serit p{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:32px;max-width:560px;margin-inline:auto}
.cta-btnler{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.galeri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.galeri-oge{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1;cursor:pointer}
.galeri-oge img{width:100%;height:100%;object-fit:cover;transition:var(--gecis)}
.galeri-oge:hover img{transform:scale(1.08)}
.galeri-oge::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(211,32,39,.7),transparent 60%);opacity:0;transition:var(--gecis)}
.galeri-oge:hover::after{opacity:1}
.galeri-oge .galeri-baslik{position:absolute;bottom:18px;left:18px;color:#fff;font-weight:700;z-index:2;opacity:0;transform:translateY(10px);transition:var(--gecis)}
.galeri-oge:hover .galeri-baslik{opacity:1;transform:translateY(0)}

.sayfa-bas{background:linear-gradient(125deg,var(--siyah),var(--kirmizi-koyu));color:#fff;padding:70px 0;text-align:center;position:relative;overflow:hidden}
.sayfa-bas::after{content:"";position:absolute;top:-100px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(211,32,39,.4),transparent 70%);border-radius:50%}
.sayfa-bas-ic{position:relative;z-index:2}
.sayfa-bas h1{font-size:clamp(30px,5vw,46px);color:#fff;margin-bottom:14px}
.sayfa-bas .yol{display:flex;justify-content:center;gap:10px;align-items:center;font-size:15px;color:rgba(255,255,255,.75)}
.sayfa-bas .yol a:hover{color:#fff}
.sayfa-bas .yol span{color:var(--kirmizi-acik)}

.iletisim-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}
.iletisim-bilgi{display:grid;gap:22px}
.iletisim-kart{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--cizgi);padding:24px;border-radius:var(--radius);transition:var(--gecis)}
.iletisim-kart:hover{box-shadow:var(--golge);border-color:transparent;transform:translateY(-4px)}
.iletisim-kart .ik{width:52px;height:52px;background:linear-gradient(135deg,var(--kirmizi),var(--kirmizi-koyu));border-radius:13px;display:grid;place-items:center;flex-shrink:0}
.iletisim-kart .ik svg{width:24px;height:24px;fill:#fff}
.iletisim-kart b{display:block;font-size:17px;margin-bottom:4px;color:var(--siyah)}
.iletisim-kart p{color:var(--gri);font-size:15.5px;line-height:1.5}

.form-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);padding:38px;box-shadow:var(--golge)}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grup{margin-bottom:20px}
.form-grup label{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px;color:var(--gri-koyu)}
.form-grup input,.form-grup textarea{width:100%;padding:14px 16px;border:1.5px solid var(--cizgi);border-radius:10px;font-family:inherit;font-size:15.5px;transition:var(--gecis);background:var(--zemin)}
.form-grup input:focus,.form-grup textarea:focus{outline:none;border-color:var(--kirmizi);background:#fff;box-shadow:0 0 0 4px rgba(211,32,39,.08)}
.form-grup textarea{resize:vertical;min-height:130px}

.uyari{padding:15px 20px;border-radius:10px;font-weight:600;margin-bottom:22px;font-size:15px}
.uyari-basari{background:#e6f7ed;color:#1a7a45;border:1px solid #b5e6c9}
.uyari-hata{background:#fdeaea;color:#b02525;border:1px solid #f5c2c2}

.harita-kutu{border-radius:var(--radius);overflow:hidden;box-shadow:var(--golge);margin-top:50px;line-height:0}
.harita-kutu iframe{width:100%;height:420px;border:0}

footer{background:var(--siyah);color:#c9cdd4;padding:70px 0 0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:50px}
.footer-hak .logo{margin-bottom:20px}
.footer-hak .logo-yazi b,.footer-hak .logo-yazi span{color:#fff}
.footer-hak p{font-size:15px;line-height:1.7;color:#9aa1ab;margin-bottom:22px}
.footer-sosyal{display:flex;gap:11px}
.footer-sosyal a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center}
.footer-sosyal a:hover{background:var(--kirmizi);transform:translateY(-3px)}
.footer-sosyal svg{width:18px;height:18px;fill:#fff}
.footer-sutun h4{color:#fff;font-size:18px;margin-bottom:24px;position:relative;padding-bottom:12px}
.footer-sutun h4::after{content:"";position:absolute;bottom:0;left:0;width:36px;height:3px;background:var(--kirmizi);border-radius:3px}
.footer-sutun ul li{margin-bottom:13px}
.footer-sutun ul a{color:#9aa1ab;font-size:15px;display:inline-flex;align-items:center;gap:9px}
.footer-sutun ul a:hover{color:#fff;padding-left:5px}
.footer-sutun ul a svg{width:13px;height:13px;fill:var(--kirmizi-acik)}
.footer-iletisim li{display:flex;gap:13px;margin-bottom:18px;font-size:15px;color:#9aa1ab}
.footer-iletisim li svg{width:19px;height:19px;fill:var(--kirmizi-acik);flex-shrink:0;margin-top:3px}
.footer-alt{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;text-align:center;font-size:14px;color:#7e858f}
.footer-alt a{color:var(--kirmizi-acik)}

.float-btnler{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:12px}
.float-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:var(--gecis)}
.float-btn:hover{transform:scale(1.1)}
.float-btn svg{width:28px;height:28px;fill:#fff}
.float-wp{background:#25d366}
.float-tel{background:var(--kirmizi);animation:zilcal 2.5s infinite}

.acilim{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.acilim.gorundu{opacity:1;transform:translateY(0)}
.no-js .acilim{opacity:1;transform:none}

@media(max-width:1024px){
.hizmet-grid,.galeri-grid{grid-template-columns:repeat(2,1fr)}
.ozellik-grid{grid-template-columns:repeat(2,1fr)}
.ozellik-oge:nth-child(2){border-right:none}
.ozellik-oge{border-bottom:1px solid rgba(255,255,255,.15)}
.footer-grid{grid-template-columns:1fr 1fr;gap:36px}
.hakkinda-grid{gap:40px}
}

@media(max-width:860px){
.header-btn .tel-btn{display:none}
.menu-ac{display:flex;position:relative;z-index:210}
.ana-menu{display:flex;position:fixed;top:0;right:-100%;width:82%;max-width:330px;height:100vh;background:#fff;flex-direction:column;align-items:stretch;padding:90px 24px 24px;gap:6px;box-shadow:-10px 0 40px rgba(0,0,0,.15);transition:right .35s ease;z-index:200}
.menu-anahtar:checked ~ .ana-menu{right:0}
.ana-menu .menu-kapat-btn{display:flex;position:absolute;top:18px;right:18px;width:44px;height:44px;align-items:center;justify-content:center;background:var(--kirmizi);border:none;border-radius:10px;cursor:pointer;z-index:5;padding:0}
.ana-menu .menu-kapat-btn svg{width:24px;height:24px;fill:#fff;pointer-events:none}
.ana-menu a{padding:14px 16px;border-radius:10px;font-size:17px;border-bottom:1px solid var(--cizgi)}
.ana-menu a.aktif::after{display:none}
.ana-menu a.aktif{background:var(--kirmizi);color:#fff}
.menu-kapat{display:none;position:fixed;inset:0;background:transparent;z-index:150}
.menu-anahtar:checked ~ .menu-kapat{display:block}
.menu-anahtar:checked ~ .header-btn .menu-ac{display:none}
.hakkinda-grid,.iletisim-grid{grid-template-columns:1fr}
.hakkinda-rozet{right:20px;bottom:-20px;padding:20px 24px}
.hero-istatistik{gap:32px}
.ust-bar-sol{gap:16px;font-size:13px}
}

@media(max-width:560px){
.kapsayici{padding:0 18px}
.bolum{padding:60px 0}
.hizmet-grid,.galeri-grid,.ozellik-grid,.form-satir{grid-template-columns:1fr}
.ozellik-oge{border-right:none}
.footer-grid{grid-template-columns:1fr}
.hero{padding:70px 0 80px}
.cta-serit{padding:40px 26px}
.hero-istatistik div b{font-size:32px}
.ust-bar-sag{display:none}
.form-kutu{padding:26px 20px}
.hero-btnler .btn,.cta-btnler .btn{width:100%;justify-content:center}
}