:root{--primary:#071a45;--accent:#1769ff;--ink:#101828;--muted:#667085;--surface:#f6f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8ecf3}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:220px;max-height:58px;object-fit:contain}
.nav{display:flex;gap:28px;align-items:center}
.nav a{font-weight:650;font-size:14px}
.nav a:hover{color:var(--accent)}
.menu-btn{display:none;background:none;border:0;font-size:28px}
.hero{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(115deg,var(--primary),#0f3475)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;display:flex;align-items:center;background-size:cover;background-position:center}
.slide.active{opacity:1}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,51,.96) 0%,rgba(4,18,51,.82) 48%,rgba(4,18,51,.25))}
.hero-content{position:relative;z-index:2;color:#fff;max-width:720px}
.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#85adff;font-weight:800}
.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:18px 0}
.hero p{font-size:20px;line-height:1.65;color:#d6e1f7}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:15px 23px;border-radius:10px;font-weight:750;border:0;cursor:pointer}
.dots{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dot{width:10px;height:10px;border:0;border-radius:20px;background:#ffffff66}
.dot.active{width:30px;background:#fff}
.section{padding:90px 0}
.section.alt{background:var(--surface)}
.section-head{max-width:700px;margin:0 auto 44px;text-align:center}
.section h2{font-size:clamp(30px,4vw,46px);margin:0 0 14px}
.subtitle{font-size:18px;color:var(--muted);line-height:1.7}
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.about-image{min-height:340px;border-radius:24px;background:linear-gradient(135deg,#dce8ff,#f6f8fc);overflow:hidden}
.about-image img{width:100%;height:100%;object-fit:cover}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{--card-color:#1769ff;--card-soft:#eaf1ff;position:relative;overflow:hidden;padding:30px;border-radius:20px;background:linear-gradient(145deg,#fff 55%,var(--card-soft));border:1px solid color-mix(in srgb,var(--card-color) 18%,#fff);box-shadow:0 12px 35px rgba(16,24,40,.07);transition:transform .25s,box-shadow .25s}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--card-color)}
.card:hover{transform:translateY(-7px);box-shadow:0 20px 45px color-mix(in srgb,var(--card-color) 18%,transparent)}
.card i{display:grid;place-items:center;width:58px;height:58px;background:var(--card-color);color:#fff;border-radius:16px;font-size:28px;box-shadow:0 9px 20px color-mix(in srgb,var(--card-color) 28%,transparent)}
.card h3{margin:20px 0 10px;color:#14213d}
.card p{color:var(--muted);line-height:1.65}
.card:nth-child(6n+1){--card-color:#1769ff;--card-soft:#edf4ff}
.card:nth-child(6n+2){--card-color:#00a86b;--card-soft:#e9fbf4}
.card:nth-child(6n+3){--card-color:#7c3aed;--card-soft:#f2edff}
.card:nth-child(6n+4){--card-color:#f79009;--card-soft:#fff6e8}
.card:nth-child(6n+5){--card-color:#e5484d;--card-soft:#fff0f0}
.card:nth-child(6n+6){--card-color:#0891b2;--card-soft:#e9faff}
#hizmetler{background:radial-gradient(circle at 10% 10%,#eaf2ff 0,transparent 24%),radial-gradient(circle at 90% 85%,#eafbf3 0,transparent 25%),#f9fbff}
#hizmetler .cards{grid-template-columns:repeat(4,1fr)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.contact-list{display:grid;gap:18px}
.contact-list div{padding:18px;background:#fff;border-radius:12px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form input,.form textarea{width:100%;padding:15px;border:1px solid #d6dce7;border-radius:10px;font:inherit}
.form textarea,.form .wide{grid-column:1/-1}
.footer{padding:38px 0;background:#06142f;color:#c9d2e3}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:32px;box-shadow:0 8px 25px #25d36666}
.notice{padding:12px 15px;background:#dcfce7;color:#166534;border-radius:10px;margin-bottom:15px}
@media(min-width:801px) and (max-width:1100px){#hizmetler .cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.header-inner{height:68px}
.logo img{width:170px}
.menu-btn{display:block}
.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:#fff;flex-direction:column;align-items:flex-start;box-shadow:0 15px 20px #0001}
.nav.open{display:flex}
.hero{min-height:580px}
.hero p{font-size:17px}
.section{padding:65px 0}
.about,.contact-grid{grid-template-columns:1fr}
.cards{grid-template-columns:1fr}
#hizmetler .cards{grid-template-columns:1fr}
.form{grid-template-columns:1fr}
.footer-inner{display:block;text-align:center}
.whatsapp{width:54px;height:54px}
.container{width:min(100% - 28px,1160px)}
}