:root{--n:#071d35;--n2:#0a315b;--b:#1687e8;--bg:#f4f7fb;--t:#10233b;--m:#607086;--l:#dce5ef;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--t);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.c{width:min(1180px,92%);margin:auto}.sec{padding:84px 0}.ey{color:var(--b);font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.ttl{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:10px 0 15px}.lead{font-size:18px;color:var(--m);max-width:850px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:13px;font-weight:800;border:1px solid transparent}.blue{background:var(--b);color:white}.dark{background:var(--n);color:white}.light{background:white;color:var(--n)}.outline{border-color:var(--l);background:white}
.top{background:#05172a;color:#d5e5f4;font-size:13px}.top .c{min-height:38px;display:flex;justify-content:flex-end;align-items:center;gap:18px}
header{position:sticky;top:0;z-index:99;background:rgba(7,29,53,.95);backdrop-filter:blur(15px)}.nav{min-height:74px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:13px;color:white;font-weight:800;letter-spacing:.08em}.mark{width:44px;height:44px;border:2px solid white;display:grid;place-items:center}.brand small{display:block;color:#9fc8ef;font-size:9px}.menu{margin-left:auto;display:flex;align-items:center;gap:24px}.menu a{color:#dbe9f8;font-size:14px;font-weight:600}.menu a.btn{color:white}.toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:27px}
.hero{position:relative;min-height:730px;display:flex;align-items:center;color:white;overflow:hidden;background:#06192e}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.96),rgba(5,20,38,.8) 42%,rgba(5,20,38,.25)),url("veri-merkezleri.png") center/cover}.hero .c{position:relative;z-index:2}.hero-box{max-width:760px;padding:90px 0 120px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:20px 0;letter-spacing:-.04em}.hero h1 span{color:#55b9ff}.hero p{font-size:20px;color:#d4e4f4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.stat{padding:17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:15px}.stat b{display:block}.stat span{font-size:12px;color:#bed0e2}
.quick{margin-top:-66px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--l);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(7,29,53,.13)}.q{padding:25px;border-right:1px solid var(--l)}.q:last-child{border:0}.ico{width:44px;height:44px;border-radius:13px;background:#eaf5ff;color:var(--b);display:grid;place-items:center;font-size:22px}.q b{display:block;margin:11px 0 5px}.q p{margin:0;color:var(--m);font-size:13px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.pic{border-radius:var(--r);overflow:hidden;box-shadow:0 20px 55px rgba(7,29,53,.15)}.checks{display:grid;gap:11px;margin:25px 0}.check{padding:13px 15px;background:var(--bg);border:1px solid var(--l);border-radius:13px}
.services{background:var(--bg)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:white;border:1px solid var(--l);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(7,29,53,.05)}.card h3{margin:14px 0 8px}.card p{margin:0;color:var(--m);font-size:14px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.sector{position:relative;min-height:350px;border-radius:20px;overflow:hidden;background:var(--n);box-shadow:0 18px 48px rgba(7,29,53,.14)}.sector img{width:100%;height:100%;object-fit:cover}.sector:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,29,53,.96))}.copy{position:absolute;left:24px;right:24px;bottom:22px;color:white;z-index:2}.copy h3{font-size:25px;margin:0 0 6px}.copy p{margin:0;color:#d3e0ed;font-size:14px}
.bim{background:linear-gradient(135deg,var(--n),var(--n2));color:white}.bim-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.bim .lead{color:#c8d8e8}.bim img{border-radius:20px}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.features div{padding:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:13px}.features span{display:block;font-size:12px;color:#c9d8e7}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}.step{padding:21px;background:var(--bg);border:1px solid var(--l);border-radius:16px}.num{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--n);color:white;font-weight:800}.step h3{font-size:16px}.step p{font-size:13px;color:var(--m)}
.cta{background:linear-gradient(90deg,rgba(7,29,53,.97),rgba(7,29,53,.82)),url("og-trafo.png") center/cover;color:white}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0}.cta p{color:#c8d8e8;font-size:18px}
.contact{background:var(--bg)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:34px}.box{background:white;border:1px solid var(--l);border-radius:18px;padding:25px}.line{padding:13px 0;border-bottom:1px solid var(--l)}.line small{display:block;color:var(--m)}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}input,textarea{width:100%;padding:13px;border:1px solid var(--l);border-radius:11px}textarea{min-height:120px}
footer{background:#05172a;color:#b9ccdf;padding:36px 0}.foot{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:28px}.foot h4{color:white}.foot a{display:block;margin:7px 0}.copyr{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.wa{position:fixed;right:20px;bottom:20px;width:57px;height:57px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-size:26px;z-index:100}
@media(max-width:950px){.menu{display:none;position:fixed;top:74px;left:0;right:0;background:var(--n);padding:20px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.toggle{display:block}.stats,.quick-grid{grid-template-columns:repeat(2,1fr)}.about,.bim-grid,.contact-grid{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.top{display:none}.hero{min-height:760px}.hero p{font-size:17px}.stats,.quick-grid,.grid3,.grid2,.steps,.features{grid-template-columns:1fr}.q{border-right:0;border-bottom:1px solid var(--l)}.sec{padding:66px 0}.sector{min-height:300px}.cta-flex{flex-direction:column;align-items:flex-start}.foot{grid-template-columns:1fr}form{grid-template-columns:1fr}.full{grid-column:auto}}


/* --- Landing page additions --- */
.subhero{position:relative;padding:92px 0 78px;color:white;overflow:hidden;background:#06192e}
.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.97),rgba(5,20,38,.82) 48%,rgba(5,20,38,.35)),url("/endustriyel-tesisler.png") center/cover}
.subhero .c{position:relative;z-index:2}.subhero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.04;letter-spacing:-.035em;margin:15px 0 18px;max-width:900px}
.subhero p{max-width:820px;color:#d4e4f4;font-size:19px}.crumb{font-size:13px;color:#bcd0e4;margin-bottom:20px}.crumb a{color:#fff}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:start}
.prose h2{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:48px 0 15px;color:var(--n)}
.prose h2:first-child{margin-top:0}.prose h3{font-size:21px;margin:28px 0 9px}.prose p{color:#334861;font-size:16px}.prose ul{padding-left:22px;color:#334861}.prose li{margin:7px 0}
.side{position:sticky;top:100px}.sidebox{background:var(--bg);border:1px solid var(--l);border-radius:18px;padding:22px;margin-bottom:16px}.sidebox h3{margin:0 0 12px}.sidebox a:not(.btn){display:block;padding:9px 0;border-bottom:1px solid var(--l);font-size:14px}.sidebox a:last-child{border-bottom:0}
.callout{padding:25px;border-radius:18px;background:linear-gradient(135deg,var(--n),var(--n2));color:white;margin:35px 0}.callout h3{margin-top:0;color:white}.callout p{color:#d1dfed}.callout .actions{margin-top:18px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.service-item{padding:18px;background:var(--bg);border:1px solid var(--l);border-radius:14px}.service-item b{display:block;margin-bottom:4px}.service-item span{font-size:13px;color:var(--m)}
.faq details{border:1px solid var(--l);border-radius:14px;padding:16px 18px;margin:10px 0;background:white}.faq summary{cursor:pointer;font-weight:800;color:var(--n)}.faq details p{margin-bottom:0}
@media(max-width:950px){.content-grid{grid-template-columns:1fr}.side{position:static}.service-grid{grid-template-columns:1fr}}


/* Web V2 - linked service cards */
.service-link{display:block;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-link:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(7,29,53,.12);border-color:#b8d9f5}
.service-link .more{display:inline-block;margin-top:16px;color:var(--b);font-size:13px;font-weight:800}


/* === Teknik Bilgi Merkezi: izole stiller === */
.tech-hero{padding:76px 0 62px;background:linear-gradient(135deg,#071d35,#0a315b);color:#fff}
.tech-hero .ey{color:#72bfff}.tech-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 16px;max-width:900px}
.tech-hero p{max-width:800px;color:#d7e4f1;font-size:18px}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tech-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--l);border-radius:18px;padding:24px;min-height:260px;transition:.2s ease}
.tech-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(7,29,53,.1)}
.tech-tag{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#e9f4ff;color:#0d6fc2;font-size:12px;font-weight:800;margin-bottom:14px}
.tech-card h2{font-size:22px;line-height:1.2;margin:0 0 10px;color:var(--n)}
.tech-card p{color:var(--m);font-size:14px;flex:1}.tech-card .more{font-weight:800;color:var(--b);margin-top:16px}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.article{max-width:820px}.article h2{font-size:32px;line-height:1.18;margin:48px 0 14px;color:var(--n)}.article h3{font-size:21px;margin:28px 0 10px;color:var(--n)}
.article p,.article li{color:#344a62;font-size:16px;line-height:1.78}.article ul,.article ol{padding-left:24px}
.article-lead{font-size:20px!important;color:#243b55!important}
.formula{margin:22px 0;padding:20px 22px;background:#071d35;color:#fff;border-radius:15px;font-size:20px;font-weight:800;overflow:auto}
.eng-note{margin:26px 0;padding:20px 22px;border-left:4px solid var(--b);background:#eef7ff;border-radius:0 14px 14px 0}
.compare{width:100%;border-collapse:collapse;margin:22px 0}.compare th,.compare td{border:1px solid var(--l);padding:12px;text-align:left}.compare th{background:var(--n);color:#fff}
.authorbox{display:flex;gap:16px;padding:22px;border:1px solid var(--l);border-radius:16px;background:var(--bg);margin:42px 0}.authorbox b{display:block;color:var(--n);margin-bottom:4px}
.article-side{position:sticky;top:100px}.article-side .sidebox{background:var(--bg);border:1px solid var(--l);border-radius:16px;padding:20px;margin-bottom:16px}
.article-side a:not(.btn){display:block;padding:8px 0;border-bottom:1px solid var(--l);font-size:14px}
@media(max-width:950px){.tech-grid{grid-template-columns:1fr 1fr}.article-wrap{grid-template-columns:1fr}.article-side{position:static}}
@media(max-width:620px){.tech-grid{grid-template-columns:1fr}.tech-hero{padding:55px 0 45px}.article h2{font-size:27px}}
/* === Harmonik makalesi teknik görsel === */
.article-figure{
    width:100%;
    margin:30px 0 42px;
}

.article-figure img{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
    border:1px solid #dce5ef;
    box-shadow:0 12px 32px rgba(7,29,53,.10);
}

.article-figure figcaption{
    margin-top:12px;
    font-size:.92rem;
    line-height:1.55;
    color:#607086;
    text-align:center;
}