/* Webyurdu — tek stil dosyası. Renkler logodan: mavi, yeşil, kırmızı, sarı, siyah, gri. */
:root{
  --mavi:#2A55B8; --mavi-k:#1F418F; --yesil:#6DBE45; --yesil-k:#4E9A2C; --kirmizi:#E3261C; --sari:#F2DC1C; --gri:#A8A8A8;
  --murekkep:#14161A; --metin:#2B2F36; --sonuk:#5D646E; --cizgi:#E4E7EC; --zemin:#FFFFFF; --zemin2:#F5F7FA; --zemin3:#EEF2F7;
  --mavi-a:#EAF0FB; --yesil-a:#EDF7E6; --kirmizi-a:#FCEBEA; --sari-a:#FDF9DC;
  --yaricap:14px; --golge:0 1px 2px rgba(20,22,26,.06),0 8px 24px -12px rgba(20,22,26,.18);
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --kap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.6;color:var(--metin);background:var(--zemin)}
img,svg{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--murekkep);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.2vw,3.25rem);font-weight:800;letter-spacing:-.025em}
h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em}
h3{font-size:1.25rem;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
.kap{width:min(var(--kap),100% - 2.5rem);margin-inline:auto}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:0;background:var(--murekkep);color:#fff;padding:.6rem 1rem;z-index:100}
.atla:focus{left:0}
.ik{flex:none}

/* Marka şeridi: logonun 5 rengi */
.serit{height:4px;background:linear-gradient(90deg,var(--mavi) 0 20%,var(--yesil) 20% 40%,var(--kirmizi) 40% 60%,var(--sari) 60% 80%,var(--murekkep) 80% 100%)}

/* Üst bilgi şeridi */
.ust-bilgi{background:var(--murekkep);color:#C9CDD3;font-size:.82rem}
.ust-bilgi-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:36px}
.ust-bilgi-sol{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.ust-bilgi-sol a,.ust-bilgi-sol span{display:inline-flex;align-items:center;gap:.35rem;color:#C9CDD3}
.ust-bilgi-sol a:hover{color:#fff;text-decoration:none}
.ust-bilgi .ik{opacity:.8}

.ep{color:var(--mavi);font-weight:600}
.ust-bilgi .ep{color:#C9CDD3;font-weight:400}
.alt .ep{color:var(--metin);font-weight:400}

/* Sosyal medya */
.sosyal{display:flex;align-items:center;gap:.25rem}
.sosyal a{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:inherit;transition:background .12s,color .12s}
.sosyal a:hover{text-decoration:none;color:#fff}
.sosyal-whatsapp:hover{background:#25D366}.sosyal-instagram:hover{background:#E1306C}.sosyal-facebook:hover{background:#1877F2}.sosyal-x:hover{background:#000}.sosyal-linkedin:hover{background:#0A66C2}.sosyal-youtube:hover{background:#FF0000}
.alt .sosyal{margin-top:1rem;gap:.4rem}
.alt .sosyal a{width:38px;height:38px;border:1px solid var(--cizgi);background:#fff;color:var(--metin)}
.alt .sosyal a:hover{border-color:transparent}

/* Üst */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.logo{display:inline-flex;flex:none}
.menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.25rem}
.menu a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border-radius:8px;color:var(--metin);font-weight:600;font-size:.93rem;white-space:nowrap}
.menu a .ik{opacity:.55;transition:opacity .12s}
.menu a:hover .ik,.menu a[aria-current] .ik{opacity:1}
.menu a:hover{background:var(--zemin2);text-decoration:none}
.menu a[aria-current]{color:var(--mavi);background:var(--mavi-a)}
.menu a.vurgu{color:var(--kirmizi)}
.menu a.vurgu[aria-current]{background:var(--kirmizi-a)}
.menu-cta{margin-left:.5rem}
.menu-cta .dugme{padding:.55rem 1rem;font-size:.9rem}
.menu-dugme{display:none;background:none;border:1px solid var(--cizgi);border-radius:8px;padding:.45rem;color:var(--murekkep);cursor:pointer}
.menu-dugme .menu-kapa{display:none}
.menu-dugme[aria-expanded="true"] .menu-ac{display:none}
.menu-dugme[aria-expanded="true"] .menu-kapa{display:inline}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:10px;font-weight:700;font-size:1rem;line-height:1.2;border:2px solid transparent;transition:transform .12s,box-shadow .12s,background .12s;cursor:pointer;font-family:inherit}
.dugme:hover{text-decoration:none;transform:translateY(-1px)}
.dugme-birincil{background:var(--mavi);color:#fff}
.dugme-birincil:hover{background:var(--mavi-k)}
.dugme-yesil{background:var(--yesil);color:#fff}
.dugme-yesil:hover{background:var(--yesil-k)}
.dugme-kirmizi{background:var(--kirmizi);color:#fff}
.dugme-kirmizi:hover{background:#B81C14}
.dugme-cizgi{border-color:var(--cizgi);color:var(--murekkep);background:#fff}
.dugme-cizgi:hover{border-color:var(--murekkep)}
.dugme-beyaz{background:#fff;color:var(--murekkep)}
.dugme-cizgi-beyaz{border-color:rgba(255,255,255,.5);color:#fff}
.dugme-cizgi-beyaz:hover{background:rgba(255,255,255,.12)}

/* Bölümler */
.bolum{padding:clamp(3rem,7vw,5.5rem) 0}
.bolum-alt{background:var(--zemin2)}
.bolum-koyu{background:var(--murekkep);color:#C9CDD3}
.bolum-koyu h2,.bolum-koyu h3{color:#fff}
.baslik-blok{max-width:760px;margin-bottom:2.5rem}
.baslik-blok.orta{margin-inline:auto;text-align:center}
.etiket{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mavi);margin-bottom:.75rem}
.etiket::before{content:"";width:22px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--mavi),var(--yesil),var(--kirmizi),var(--sari))}
.etiket.kirmizi{color:var(--kirmizi)}
.etiket.yesil{color:var(--yesil-k)}
.giris{font-size:1.15rem;color:var(--sonuk)}
.bolum-koyu .giris{color:#B5BAC2}

/* Kahraman */
.kahraman{padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,5vw,4rem);background:radial-gradient(900px 420px at 15% -10%,var(--mavi-a),transparent 60%),radial-gradient(700px 360px at 95% 10%,var(--yesil-a),transparent 60%)}
.kahraman-ic{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.kahraman h1 span{background:linear-gradient(120deg,var(--mavi),var(--yesil-k));-webkit-background-clip:text;background-clip:text;color:transparent}
.kahraman .giris{font-size:1.2rem;max-width:560px}
.kahraman-dugmeler{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
.kahraman-notlar{display:flex;flex-wrap:wrap;gap:1.25rem;list-style:none;padding:0;margin:0;font-size:.92rem;color:var(--sonuk)}
.kahraman-notlar li{display:flex;align-items:center;gap:.4rem}
.kahraman-notlar .ik{color:var(--yesil-k)}

/* Tarayıcı maketi: haber yazılımı önizlemesi (saf CSS) */
.maket{background:#fff;border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge);overflow:hidden;font-size:11px;color:var(--sonuk)}
.maket-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:var(--zemin2);border-bottom:1px solid var(--cizgi)}
.maket-bar i{width:9px;height:9px;border-radius:50%;background:var(--cizgi)}
.maket-bar i:nth-child(1){background:#F26D5B}.maket-bar i:nth-child(2){background:#F2C94C}.maket-bar i:nth-child(3){background:#6DBE45}
.maket-bar span{margin-left:.5rem;background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:.15rem .6rem;flex:1;color:var(--gri)}
.maket-ust{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-bottom:2px solid var(--kirmizi)}
.maket-ust b{color:var(--murekkep);font-size:13px;letter-spacing:-.02em}
.maket-ust em{font-style:normal;background:var(--kirmizi);color:#fff;font-weight:700;padding:.1rem .45rem;border-radius:4px;font-size:9px}
.maket-ust u{text-decoration:none;color:var(--metin);font-weight:600}
.maket-ust u:first-of-type{margin-left:auto}
.maket-govde{display:grid;grid-template-columns:1.6fr 1fr;gap:.6rem;padding:.7rem .8rem}
.maket-manset{border-radius:8px;background:linear-gradient(160deg,var(--mavi) 0%,#1B2E5C 100%);aspect-ratio:16/8.5;padding:.7rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.maket-manset small{background:var(--sari);color:var(--murekkep);font-weight:700;padding:.1rem .4rem;border-radius:3px;align-self:flex-start;font-size:9px}
.maket-manset strong{font-size:13px;line-height:1.25;margin-top:.35rem}
.maket-liste{display:grid;gap:.45rem;align-content:start}
.maket-liste div{display:grid;grid-template-columns:38px 1fr;gap:.45rem;align-items:center}
.maket-liste i{height:28px;border-radius:5px;background:var(--zemin3)}
.maket-liste i:nth-child(1){background:linear-gradient(135deg,var(--yesil-a),var(--yesil))}
.maket-liste s{display:block;height:7px;border-radius:3px;background:var(--zemin3);margin:.2rem 0}
.maket-liste s.k{width:60%}
.maket-alt{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 .8rem .8rem}
.maket-alt div{border:1px solid var(--cizgi);border-radius:7px;padding:.45rem;display:flex;flex-direction:column;gap:.25rem}
.maket-alt b{font-size:12px;color:var(--murekkep)}
.maket-alt span{font-size:9px}
.maket-alt div:nth-child(1) b{color:var(--mavi)}.maket-alt div:nth-child(2) b{color:var(--yesil-k)}.maket-alt div:nth-child(3) b{color:var(--kirmizi)}.maket-alt div:nth-child(4) b{color:#B39A00}
.maket-rozet{position:absolute;right:-8px;top:-12px;background:#fff;border:1px solid var(--cizgi);border-radius:999px;box-shadow:var(--golge);padding:.45rem .8rem;font-size:.85rem;font-weight:700;color:var(--murekkep);display:flex;align-items:center;gap:.4rem}
.maket-rozet .ik{color:var(--yesil-k)}
.maket-sar{position:relative}

/* Güven şeridi (rakamlar) */
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:1.5rem 0}
.rakamlar div{text-align:center}
.rakamlar b{display:block;font-size:2rem;font-weight:800;color:var(--murekkep);letter-spacing:-.03em;line-height:1.1}
.rakamlar span{font-size:.9rem;color:var(--sonuk)}
.rakamlar div:nth-child(1) b{color:var(--mavi)}.rakamlar div:nth-child(2) b{color:var(--yesil-k)}.rakamlar div:nth-child(3) b{color:var(--kirmizi)}.rakamlar div:nth-child(4) b{color:#B39A00}

/* Kart ızgaraları */
.izgara{display:grid;gap:1.25rem}
.izgara-2{grid-template-columns:repeat(2,1fr)}
.izgara-3{grid-template-columns:repeat(3,1fr)}
.izgara-4{grid-template-columns:repeat(4,1fr)}
.kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:1.5rem;box-shadow:0 1px 2px rgba(20,22,26,.04);transition:transform .15s,box-shadow .15s}
a.kart{color:inherit;display:block}
a.kart:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--golge)}
.kart::before{content:"";position:absolute;inset:0 auto auto 0;height:4px;width:100%;border-radius:var(--yaricap) var(--yaricap) 0 0;background:var(--mavi)}
.kart.r-yesil::before{background:var(--yesil)}.kart.r-kirmizi::before{background:var(--kirmizi)}.kart.r-sari::before{background:var(--sari)}.kart.r-siyah::before{background:var(--murekkep)}.kart.r-gri::before{background:var(--gri)}
.kart.sade::before{display:none}
.kart-ikon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:1rem;background:var(--mavi-a);color:var(--mavi)}
.r-yesil .kart-ikon{background:var(--yesil-a);color:var(--yesil-k)}.r-kirmizi .kart-ikon{background:var(--kirmizi-a);color:var(--kirmizi)}.r-sari .kart-ikon{background:var(--sari-a);color:#8F7A00}.r-siyah .kart-ikon{background:var(--zemin3);color:var(--murekkep)}.r-gri .kart-ikon{background:var(--zemin3);color:var(--sonuk)}
.kart h3{margin-bottom:.4rem}
.kart p{color:var(--sonuk);margin-bottom:0}
.kart .devam{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-weight:700;color:var(--mavi);font-size:.95rem}
.kart-sektor{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sonuk);margin-bottom:.35rem}

/* Öne çıkan: haber yazılımı */
.one{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.one .liste{list-style:none;padding:0;margin:1.25rem 0 1.5rem;display:grid;gap:.6rem}
.one .liste li{display:flex;gap:.6rem;align-items:flex-start}
.one .liste .ik{color:var(--yesil-k);margin-top:.2rem}
.one-tema{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1.25rem}
.one-tema span{display:block;text-align:center;font-size:.8rem;font-weight:700;padding:.5rem .25rem;border-radius:8px;border:1px solid var(--cizgi);background:#fff;color:var(--murekkep)}

/* Özellik listesi (haber sayfası) */
.ozellik-grup{display:grid;grid-template-columns:260px 1fr;gap:2rem;padding:2.25rem 0;border-top:1px solid var(--cizgi)}
.ozellik-grup:first-of-type{border-top:0}
.ozellik-grup h3{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;position:sticky;top:90px}
.ozellik-grup h3 .kart-ikon{margin:0;width:42px;height:42px}
.ozellik-grup p.ozet{color:var(--sonuk);margin-top:.5rem}
.ozellik-liste{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem 1.5rem}
.ozellik-liste li{display:flex;gap:.55rem;align-items:flex-start;line-height:1.45}
.ozellik-liste li::before{content:"";flex:none;width:18px;height:18px;margin-top:.2rem;border-radius:50%;background:var(--yesil-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E9A2C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ozellik-liste b{color:var(--murekkep)}
.hizli-menu{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0}
.hizli-menu a{font-size:.85rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--cizgi);background:#fff;color:var(--metin)}
.hizli-menu a:hover{border-color:var(--mavi);color:var(--mavi);text-decoration:none}

/* Tema rozetleri */
.temalar{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.tema{border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;background:#fff}
.tema-on{height:96px;padding:.6rem;display:grid;gap:.35rem;grid-template-rows:14px 1fr}
.tema-on i{display:block;border-radius:3px}
.tema-on .b{grid-column:1/-1;background:var(--murekkep)}
.tema-on .m{background:var(--zemin3)}
.tema-on.retnews{grid-template-columns:2fr 1fr}.tema-on.retnews .b{background:#ed1c24}
.tema-on.klasik{grid-template-columns:1fr 1fr 1fr}.tema-on.klasik .b{background:#1d3557}
.tema-on.v2{grid-template-columns:1fr 2fr}.tema-on.v2 .b{background:#111}
.tema-on.milenyum{grid-template-columns:1fr}.tema-on.milenyum .b{background:linear-gradient(90deg,var(--mavi),var(--yesil))}
.tema-on.kasmir{grid-template-columns:1.5fr 1fr}.tema-on.kasmir .b{background:#0A1628;border-bottom:3px solid #D4A017}
.tema-ad{padding:.6rem .8rem;border-top:1px solid var(--cizgi);font-weight:700;font-size:.9rem;color:var(--murekkep)}
.tema-ad small{display:block;font-weight:500;color:var(--sonuk)}

/* Teknik tablo */
.teknik{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.teknik div{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:1rem 1.15rem}
.teknik b{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sonuk);margin-bottom:.25rem}
.bolum-koyu .teknik div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
.bolum-koyu .teknik b{color:#9AA1AB}

/* Süreç adımları */
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;counter-reset:adim}
.adim{position:relative;padding:1.5rem 1.25rem 1.25rem;border:1px solid var(--cizgi);border-radius:var(--yaricap);background:#fff}
.adim::before{counter-increment:adim;content:counter(adim,decimal-leading-zero);font-weight:800;font-size:1.75rem;letter-spacing:-.03em;color:var(--mavi);display:block;margin-bottom:.35rem}
.adim:nth-child(2)::before{color:var(--yesil-k)}.adim:nth-child(3)::before{color:var(--kirmizi)}.adim:nth-child(4)::before{color:#B39A00}
.adim h3{font-size:1.1rem}
.adim p{color:var(--sonuk);margin:0;font-size:.95rem}

/* SSS */
.sss{max-width:820px;margin-inline:auto}
.sss details{border-top:1px solid var(--cizgi);padding:.25rem 0}
.sss details:last-child{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;font-weight:700;color:var(--murekkep);padding:.9rem 2rem .9rem 0;list-style:none;position:relative;font-size:1.05rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:0;top:.75rem;font-size:1.5rem;color:var(--mavi);font-weight:400;line-height:1}
.sss details[open] summary::after{content:"–"}
.sss details p{color:var(--sonuk);margin:0 0 1rem}

/* Sektör blokları (özel yazılımlar) */
.sektor{display:grid;grid-template-columns:1fr 1.4fr;gap:2.5rem;padding:clamp(2rem,5vw,3.5rem) 0;border-top:1px solid var(--cizgi);scroll-margin-top:90px}
.sektor:first-of-type{border-top:0}
.sektor-bas .kart-ikon{width:56px;height:56px}
.sektor-bas h2{font-size:1.75rem}
.sektor-bas .kart-sektor{color:var(--mavi)}
.sektor-bas p{color:var(--sonuk)}
.sektor-etiketler{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.sektor-etiketler span{font-size:.78rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:var(--zemin3);color:var(--metin)}
.sektor .ozellik-liste{grid-template-columns:repeat(2,1fr)}
.eski-sistemler{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.eski-sistemler div{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:1rem}
.eski-sistemler .ik{color:var(--sonuk);margin-top:.15rem}
.eski-sistemler b{display:block;color:var(--murekkep)}
.eski-sistemler span{font-size:.9rem;color:var(--sonuk)}

/* Hosting paketleri */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.paket{border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:1.75rem;background:#fff;display:flex;flex-direction:column}
.paket.one-cikan{border-color:var(--mavi);box-shadow:var(--golge)}
.paket h3{font-size:1.35rem}
.paket .kime{color:var(--sonuk);margin-bottom:1.25rem}
.paket ul{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.5rem;flex:1}
.paket li{display:flex;gap:.5rem;align-items:flex-start}
.paket li .ik{color:var(--yesil-k);margin-top:.2rem}

/* İçerik sayfaları */
.icerik{max-width:820px}
.icerik h2{font-size:1.6rem;margin-top:2rem}
.icerik h3{margin-top:1.5rem}
.ekmek{font-size:.85rem;color:var(--sonuk);margin-bottom:1rem}
.ekmek ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}
.ekmek li+li::before{content:"›";margin-right:.35rem;color:var(--gri)}
.sayfa-bas{padding:clamp(2rem,5vw,3.5rem) 0 clamp(1.5rem,4vw,2.5rem);background:linear-gradient(180deg,var(--zemin2),#fff)}
.sayfa-bas .giris{max-width:720px;font-size:1.15rem}

/* İletişim */
.iletisim{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start}
.iletisim-kanal{display:grid;gap:1rem}
.kanal{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.15rem;border:1px solid var(--cizgi);border-radius:12px;background:#fff}
.kanal .kart-ikon{margin:0;width:42px;height:42px;flex:none}
.kanal b{display:block;color:var(--murekkep)}
.kanal a{font-weight:600}
.kanal span{font-size:.9rem;color:var(--sonuk)}
.form{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:1.75rem;box-shadow:var(--golge)}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.alan{display:grid;gap:.35rem;margin-bottom:1rem}
.alan label{font-weight:600;font-size:.92rem;color:var(--murekkep)}
.alan input,.alan select,.alan textarea{font:inherit;padding:.7rem .85rem;border:1px solid #CFD5DE;border-radius:9px;background:#fff;color:var(--metin);width:100%}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:2px solid var(--mavi);outline-offset:1px;border-color:var(--mavi)}
.alan small{color:var(--sonuk);font-size:.82rem}
.alan.onay{grid-template-columns:auto 1fr;align-items:start;gap:.6rem}
.alan.onay input{width:auto;margin-top:.3rem}
.alan.onay label{font-weight:500;font-size:.88rem;color:var(--sonuk)}
.bal{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.uyari{padding:.9rem 1.1rem;border-radius:10px;margin-bottom:1rem;border:1px solid}
.uyari-hata{background:var(--kirmizi-a);border-color:#F3B8B4;color:#8C1911}
.uyari-tamam{background:var(--yesil-a);border-color:#BFE3A8;color:#2E6318}
.uyari ul{margin:0;padding-left:1.1em}

/* CTA */
.cta{background:linear-gradient(120deg,var(--mavi),#1B2E5C 70%);color:#fff;padding:clamp(2.5rem,6vw,4rem) 0}
.cta-ic{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta h2{color:#fff;margin-bottom:.35rem}
.cta p{margin:0;color:#D6DEF0;max-width:560px}
.cta-dugmeler{display:flex;gap:.75rem;flex-wrap:wrap}

/* Alt bilgi */
.alt{background:var(--zemin2);border-top:1px solid var(--cizgi);padding:3rem 0 1.5rem;font-size:.93rem}
.alt-ic{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2rem}
.alt-marka p{color:var(--sonuk);max-width:380px;margin-top:1rem}
.alt-tel a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--murekkep)}
.alt-sutun h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sonuk);margin-bottom:.75rem}
.alt-sutun ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.alt-sutun a{color:var(--metin)}
.kunye{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--cizgi);display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}
.kunye-firma{display:grid;gap:.15rem;font-size:.8rem;color:var(--sonuk);max-width:760px}
.kunye-firma b{color:var(--murekkep);font-size:.85rem}
.kunye-firma a{color:var(--metin)}
.btk{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid var(--cizgi);border-radius:10px;background:#fff;color:var(--sonuk);font-size:.78rem;line-height:1.3;flex:none}
.btk:hover{text-decoration:none;border-color:var(--mavi)}
.btk .ik{color:var(--mavi)}
.btk b{display:block;color:var(--murekkep);font-size:.85rem}
.alt-yasal{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--cizgi);font-size:.8rem;color:var(--sonuk);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.alt-yasal p{margin:0}

/* Sabit WhatsApp düğmesi */
.wa-sabit{position:fixed;right:1.1rem;bottom:1.1rem;z-index:40;display:inline-flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;font-weight:700;font-size:.92rem;padding:.6rem .9rem .6rem .7rem;border-radius:999px;box-shadow:0 6px 20px -6px rgba(0,0,0,.45)}
.wa-sabit:hover{text-decoration:none;background:#1EBE5A}
@media (max-width:560px){.wa-sabit span{display:none}.wa-sabit{padding:.7rem}}

/* 404 */
.bos{text-align:center;padding:5rem 0}
.bos h1{font-size:5rem;color:var(--cizgi);margin:0}

/* Duyarlı */
@media (max-width:1180px){
  .menu a{padding:.5rem .55rem;font-size:.9rem}
  .menu a .ik{display:none}
  .menu-cta{margin-left:.25rem}
}
@media (max-width:1024px){
  .izgara-4{grid-template-columns:repeat(2,1fr)}
  .rakamlar{grid-template-columns:repeat(2,1fr);gap:1.5rem}
  .adimlar{grid-template-columns:repeat(2,1fr)}
  .temalar{grid-template-columns:repeat(3,1fr)}
  .alt-ic{grid-template-columns:1fr 1fr}
  .ozellik-grup{grid-template-columns:1fr;gap:1rem}
  .ozellik-grup h3{position:static}
}
@media (max-width:960px){
  body{font-size:16px}
  .kahraman-ic,.one,.sektor,.iletisim{grid-template-columns:1fr;gap:2rem}
  .izgara-3,.izgara-2,.teknik,.paketler,.eski-sistemler{grid-template-columns:1fr}
  .ozellik-liste,.sektor .ozellik-liste{grid-template-columns:1fr}
  .form-satir{grid-template-columns:1fr}
  .menu-dugme{display:inline-flex}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--cizgi);box-shadow:var(--golge)}
  .menu.acik{display:block}
  .menu ul{flex-direction:column;align-items:stretch;padding:.75rem 1.25rem 1rem;gap:.15rem}
  .menu a{padding:.75rem .8rem;font-size:1.05rem;display:flex;gap:.6rem}
  .menu a .ik{width:20px;height:20px}
  .ust-bilgi-sol span,.ust-bilgi-sol a:nth-child(2){display:none}
  .menu-cta{margin:.5rem 0 0}
  .menu-cta .dugme{justify-content:center}
  .maket-rozet{right:0;top:-14px}
  .one-tema{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
  .ust-bilgi .sosyal a{width:26px;height:26px}
  .izgara-4,.rakamlar,.adimlar,.temalar,.alt-ic{grid-template-columns:1fr}
  .kahraman-dugmeler .dugme{width:100%;justify-content:center}
  .maket-alt{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dugme,.kart{transition:none}}