:root{
    --lacivert:#0b2545;
    --lacivert-koyu:#08192f;
    --mavi:#1b6ca8;
    --mavi-acik:#2e8bc0;
    --turuncu:#f2711c;
    --turuncu-koyu:#d65a0a;
    --zemin:#f5f7fa;
    --beyaz:#ffffff;
    --gri:#5b6b7d;
    --gri-acik:#e3e9f0;
    --metin:#122036;
    --yesil:#1e9e5a;
    --golge:0 6px 24px rgba(11,37,69,.08);
    --golge-buyuk:0 14px 40px rgba(11,37,69,.14);
    --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--metin);
    background:var(--zemin);
    line-height:1.65;
    font-size:16px;
    font-weight:400;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--lacivert)}
h1{font-size:clamp(1.9rem,5vw,3.1rem)}
h2{font-size:clamp(1.6rem,4vw,2.4rem)}
h3{font-size:1.25rem}
p{color:var(--gri)}

.btn{
    display:inline-flex;align-items:center;gap:8px;justify-content:center;
    font-weight:700;font-size:1rem;padding:14px 26px;border-radius:10px;
    border:none;cursor:pointer;transition:.2s;text-align:center;
}
.btn-turuncu{background:var(--turuncu);color:#fff}
.btn-turuncu:hover{background:var(--turuncu-koyu);transform:translateY(-2px)}
.btn-lacivert{background:var(--lacivert);color:#fff}
.btn-lacivert:hover{background:var(--lacivert-koyu);transform:translateY(-2px)}
.btn-hat{background:transparent;border:2px solid var(--lacivert);color:var(--lacivert)}
.btn-hat:hover{background:var(--lacivert);color:#fff}
.btn-blok{width:100%}

/* HEADER */
.ust-bar{background:var(--lacivert-koyu);color:#cdd9e8;font-size:.86rem;padding:8px 0}
.ust-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ust-bar a{color:#fff;font-weight:600}
.ust-bar .sol{display:flex;gap:20px;flex-wrap:wrap}
header{background:var(--beyaz);box-shadow:var(--golge);position:sticky;top:0;z-index:100}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.35rem;color:var(--lacivert)}
.logo .mark{width:44px;height:44px;background:linear-gradient(135deg,var(--mavi),var(--lacivert));border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.3rem;flex-shrink:0}
.logo small{display:block;font-size:.68rem;font-weight:600;color:var(--turuncu);letter-spacing:.06em}
nav.ana{display:flex;align-items:center;gap:6px}
nav.ana a{padding:10px 14px;font-weight:600;color:var(--metin);border-radius:8px;transition:.15s;font-size:.98rem}
nav.ana a:hover{background:var(--zemin);color:var(--mavi)}
.header-tel{background:var(--turuncu);color:#fff!important;padding:11px 20px!important;border-radius:10px}
.header-tel:hover{background:var(--turuncu-koyu)!important}
.menu-ac{display:none;background:none;border:none;cursor:pointer;padding:8px}
.menu-ac span{display:block;width:26px;height:3px;background:var(--lacivert);margin:5px 0;border-radius:2px;transition:.3s}

/* HERO */
.hero{background:linear-gradient(135deg,var(--lacivert) 0%,var(--lacivert-koyu) 100%);color:#fff;padding:70px 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-120px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(242,113,28,.22),transparent 70%);border-radius:50%}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.hero h1{color:#fff;margin-bottom:18px}
.hero h1 span{color:var(--turuncu)}
.hero p.lead{color:#c6d4e6;font-size:1.14rem;margin-bottom:28px;max-width:540px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.hero-guven{display:flex;gap:26px;flex-wrap:wrap}
.hero-guven div{display:flex;flex-direction:column}
.hero-guven b{font-size:1.7rem;color:var(--turuncu);font-weight:800}
.hero-guven small{color:#c6d4e6;font-size:.9rem}
.hero-kart{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:30px;backdrop-filter:blur(6px)}
.hero-kart h3{color:#fff;margin-bottom:6px}
.hero-kart .form-mini label{display:block;color:#c6d4e6;font-size:.85rem;font-weight:600;margin:12px 0 5px}
.hero-kart .form-mini input,.hero-kart .form-mini select{width:100%;padding:12px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.95);color:var(--metin);font-size:1rem;font-family:inherit}

/* SERITLER */
.seritler{background:var(--beyaz);padding:26px 0;border-bottom:1px solid var(--gri-acik)}
.seritler .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.serit{display:flex;align-items:center;gap:13px}
.serit .ic{width:46px;height:46px;background:var(--zemin);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.serit b{display:block;color:var(--lacivert);font-size:1rem}
.serit small{color:var(--gri);font-size:.85rem}

/* BOLUM */
section.blok{padding:66px 0}
.blok-bas{text-align:center;max-width:680px;margin:0 auto 46px}
.blok-bas .eyebrow{color:var(--turuncu);font-weight:800;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;display:block;margin-bottom:10px}
.blok-bas p{margin-top:12px;font-size:1.05rem}

/* HIZMET KARTLARI */
.hizmet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hizmet-kart{background:var(--beyaz);border:1px solid var(--gri-acik);border-radius:var(--radius);padding:30px;transition:.22s;position:relative;overflow:hidden}
.hizmet-kart:hover{box-shadow:var(--golge-buyuk);transform:translateY(-4px);border-color:var(--mavi-acik)}
.hizmet-kart .ikon{width:58px;height:58px;background:linear-gradient(135deg,var(--mavi),var(--lacivert));border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.hizmet-kart .ikon svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2}
.hizmet-kart h3{margin-bottom:9px}
.hizmet-kart p{font-size:.96rem;margin-bottom:16px}
.hizmet-kart .devam{color:var(--turuncu);font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:6px}

/* NEDEN BIZ */
.neden{background:var(--lacivert);color:#fff}
.neden h2{color:#fff}
.neden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:44px}
.neden-kart{text-align:center;padding:24px 16px}
.neden-kart .no{font-size:2.4rem;font-weight:800;color:var(--turuncu);line-height:1}
.neden-kart h3{color:#fff;margin:14px 0 8px;font-size:1.1rem}
.neden-kart p{color:#c6d4e6;font-size:.94rem}

/* ILCE LISTE */
.ilce-liste{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;justify-content:center}
.ilce-liste a{background:var(--beyaz);border:1px solid var(--gri-acik);padding:9px 16px;border-radius:30px;font-weight:600;font-size:.92rem;color:var(--lacivert);transition:.15s}
.ilce-liste a:hover{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}

/* ADIMLAR */
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
.adim{position:relative;padding:26px;background:var(--beyaz);border-radius:var(--radius);border:1px solid var(--gri-acik)}
.adim .say{position:absolute;top:-16px;left:26px;width:38px;height:38px;background:var(--turuncu);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.adim h3{margin:14px 0 8px;font-size:1.08rem}
.adim p{font-size:.93rem}

/* CTA */
.cta-serit{background:linear-gradient(135deg,var(--turuncu),var(--turuncu-koyu));color:#fff;text-align:center;padding:54px 0}
.cta-serit h2{color:#fff;margin-bottom:12px}
.cta-serit p{color:#ffe6d4;margin-bottom:26px;font-size:1.08rem}
.cta-serit .btn-lacivert{background:#fff;color:var(--lacivert)}
.cta-serit .btn-lacivert:hover{background:var(--lacivert-koyu);color:#fff}

/* SSS */
.sss-liste{max-width:820px;margin:0 auto}
.sss-item{background:var(--beyaz);border:1px solid var(--gri-acik);border-radius:11px;margin-bottom:12px;overflow:hidden}
.sss-item summary{padding:20px 24px;font-weight:700;color:var(--lacivert);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:1.03rem}
.sss-item summary::-webkit-details-marker{display:none}
.sss-item summary::after{content:"+";font-size:1.5rem;color:var(--turuncu);font-weight:400}
.sss-item[open] summary::after{content:"−"}
.sss-item .icerik{padding:0 24px 20px;color:var(--gri)}

/* FOOTER */
footer{background:var(--lacivert-koyu);color:#a9bcd3;padding:56px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}
footer h4{color:#fff;margin-bottom:18px;font-size:1.05rem}
footer ul{list-style:none}
footer ul li{margin-bottom:9px}
footer ul li a{color:#a9bcd3;transition:.15s;font-size:.94rem}
footer ul li a:hover{color:var(--turuncu)}
footer .aciklama{font-size:.92rem;line-height:1.7;margin:14px 0}
.footer-alt{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:.86rem;color:#7e93ad}
.footer-alt a{color:#a9bcd3}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:22px;right:22px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.5);z-index:99;transition:.2s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}

/* IC SAYFA */
.sayfa-bas{background:linear-gradient(135deg,var(--lacivert),var(--lacivert-koyu));color:#fff;padding:56px 0}
.sayfa-bas h1{color:#fff;margin-bottom:10px}
.sayfa-bas .yol{color:#c6d4e6;font-size:.92rem}
.sayfa-bas .yol a{color:var(--turuncu)}
.icerik-blok{padding:56px 0}
.icerik-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.icerik-metin p{margin-bottom:16px;font-size:1.02rem;color:#33465e}
.icerik-metin h2{margin:32px 0 14px}
.icerik-metin ul{margin:0 0 20px 4px;list-style:none}
.icerik-metin ul li{padding:8px 0 8px 30px;position:relative;color:#33465e}
.icerik-metin ul li::before{content:"✓";position:absolute;left:0;color:var(--yesil);font-weight:800;font-size:1.1rem}
.yan-kart{background:var(--beyaz);border:1px solid var(--gri-acik);border-radius:var(--radius);padding:26px;box-shadow:var(--golge);position:sticky;top:96px}
.yan-kart h3{margin-bottom:8px}
.yan-kart p{font-size:.94rem;margin-bottom:18px}

.form-grup{margin-bottom:16px}
.form-grup label{display:block;font-weight:600;margin-bottom:6px;font-size:.92rem;color:var(--metin)}
.form-grup input,.form-grup select,.form-grup textarea{width:100%;padding:12px 14px;border:1px solid var(--gri-acik);border-radius:9px;font-size:1rem;font-family:inherit;background:var(--zemin)}
.form-grup input:focus,.form-grup select:focus,.form-grup textarea:focus{outline:2px solid var(--mavi-acik);border-color:var(--mavi-acik);background:#fff}
.uyari{padding:13px 16px;border-radius:9px;margin-bottom:16px;font-weight:600;font-size:.94rem}
.uyari-basari{background:#e4f7ec;color:#12703f;border:1px solid #b6e6cb}
.uyari-hata{background:#fdeaea;color:#a1281f;border:1px solid #f3c2be}

@media(max-width:960px){
    .hero .wrap{grid-template-columns:1fr}
    .hero-kart{order:-1}
    .seritler .wrap{grid-template-columns:repeat(2,1fr)}
    .hizmet-grid{grid-template-columns:repeat(2,1fr)}
    .neden-grid{grid-template-columns:repeat(2,1fr)}
    .adimlar{grid-template-columns:repeat(2,1fr)}
    .icerik-grid{grid-template-columns:1fr}
    .yan-kart{position:static}
    .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
    nav.ana{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:320px;background:#fff;flex-direction:column;align-items:stretch;padding:90px 20px 20px;box-shadow:-8px 0 30px rgba(0,0,0,.15);transition:right .3s;z-index:120}
    nav.ana.acik{right:0}
    nav.ana a{padding:14px;font-size:1.05rem;border-bottom:1px solid var(--gri-acik)}
    .header-tel{margin-top:12px}
    .menu-ac{display:block;z-index:130}
    .menu-ac.acik span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
    .menu-ac.acik span:nth-child(2){opacity:0}
    .menu-ac.acik span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
    .seritler .wrap,.hizmet-grid,.neden-grid,.adimlar,.footer-grid{grid-template-columns:1fr}
    .ust-bar .sol{display:none}
    section.blok{padding:48px 0}
    .hero{padding:44px 0}
    body{font-size:15px}
}