/* ============ FEXSA Sektör Sitesi Teması (accent değişkenli) ============ */
:root{ --ac:#0d9488; --ac2:#22d3c5; }

.shero{position:relative;min-height:88vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.shero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05)}
.shero .ov{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,20,32,.92) 0%,rgba(8,20,32,.72) 45%,rgba(8,20,32,.35) 100%)}
.shero .ac-glow{position:absolute;inset:0;background:radial-gradient(900px 500px at 80% 12%,color-mix(in srgb,var(--ac) 40%,transparent),transparent 60%)}
.shero-in{position:relative;z-index:3;padding:130px 0}
.shero .kick{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:.45rem 1.1rem;border-radius:999px;font-size:.76rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;backdrop-filter:blur(6px)}
.shero .kick .dot{width:8px;height:8px;border-radius:50%;background:var(--ac2);box-shadow:0 0 12px var(--ac2)}
.shero h1{font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.08;margin:0 0 1.2rem;font-weight:800;letter-spacing:-1px}
.shero .lead{font-size:1.2rem;color:rgba(255,255,255,.9);max-width:620px;margin:0 0 2.2rem}
.shero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.b-ac{background:linear-gradient(120deg,var(--ac),var(--ac2));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--ac) 45%,transparent)}
.b-ac:hover{filter:brightness(1.08);transform:translateY(-2px)}
.b-wa2{background:#22c55e;color:#fff}.b-wa2:hover{background:#16a34a;transform:translateY(-2px)}

.tag-ac{color:var(--ac);font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:.76rem;display:inline-flex;gap:.5rem;align-items:center}
.tag-ac::before{content:"";width:26px;height:2px;background:var(--ac)}
.blk-dark .tag-ac{color:var(--ac2)}

/* Hizmet kartları */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 26px;transition:.25s;position:relative;overflow:hidden}
.sv::before{content:"";position:absolute;left:0;top:0;width:0;height:4px;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:.35s}
.sv:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.sv:hover::before{width:100%}
.sv .ic{width:62px;height:62px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--ac) 12%,#fff);color:var(--ac);margin-bottom:18px;transition:.25s}
.sv:hover .ic{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;transform:rotate(-5deg)}
.sv .ic svg{width:30px;height:30px}
.sv h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--navy-900);font-weight:800}
.sv p{margin:0;color:var(--muted);font-size:.93rem}

/* İstatistik bandı (accent) */
.sband{background:linear-gradient(120deg,var(--navy-950),var(--navy-900));position:relative;overflow:hidden}
.sband::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 12% 50%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 60%)}
.sstats{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.sstat{text-align:center;padding:46px 12px;position:relative}
.sstat:not(:last-child)::after{content:"";position:absolute;right:0;top:30%;height:40%;width:1px;background:rgba(255,255,255,.12)}
.sstat b{display:block;font-size:2.5rem;font-weight:800;color:#fff}
.sstat span{color:rgba(255,255,255,.62);font-size:.9rem}

/* Galeri */
.gal4{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}
.gal4 a{border-radius:14px;overflow:hidden;position:relative}
.gal4 a:first-child{grid-column:span 2;grid-row:span 2}
.gal4 img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal4 a:hover img{transform:scale(1.08)}
.gal4 a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ac) 55%,transparent));opacity:0;transition:.3s}
.gal4 a:hover::after{opacity:.5}

.ck-ac{background:linear-gradient(135deg,var(--ac),var(--ac2))!important}
.imgbox .chip b{color:#fff}

/* Sektör CTA */
.sc-cta{background:linear-gradient(120deg,var(--ac),var(--ac2));position:relative;overflow:hidden;color:#fff;text-align:center;border-radius:24px;padding:64px 28px;box-shadow:var(--shadow)}
.sc-cta::before,.sc-cta::after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.2)}
.sc-cta::before{width:340px;height:340px;right:-120px;top:-140px}
.sc-cta::after{width:220px;height:220px;left:-80px;bottom:-100px}
.sc-cta h2{position:relative;z-index:2;font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 .6rem;font-weight:800}
.sc-cta p{position:relative;z-index:2;color:rgba(255,255,255,.92);margin:0 0 1.8rem}
.sc-cta .row{position:relative;z-index:2;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.b-white{background:#fff;color:var(--navy-900)}.b-white:hover{transform:translateY(-2px)}

/* Header'da aktif sektör vurgusu */
header .menu a.sec-active{color:var(--ac2)}
.logo .badge{font-size:.62rem;font-weight:700;letter-spacing:1px;padding:.12rem .45rem;border-radius:6px;background:var(--ac);color:#fff;margin-left:.15rem;vertical-align:middle}

.fab-wa{background:#22c55e}

@media (max-width:960px){.svc{grid-template-columns:repeat(2,1fr)}.sstats{grid-template-columns:repeat(2,1fr)}.gal4{grid-template-columns:repeat(2,1fr)}.gal4 a:first-child{grid-column:span 2;grid-row:span 1}}
@media (max-width:560px){.svc{grid-template-columns:1fr}.sstats{grid-template-columns:1fr}.gal4{grid-template-columns:1fr}}