.services-page{min-height:100vh;background:#f7f9fb}.services-hero{min-height:445px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:86px max(34px,calc((100% - 1250px)/2));background:linear-gradient(105deg,#f5f8fb 0%,#f5f8fb 58%,transparent 58%),url("https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1800&q=85") center/cover}.services-hero h1{margin:0 0 20px;color:#12273a;font-size:clamp(44px,5.3vw,73px);line-height:.98}.services-hero h1 em{color:#d49400;font-style:normal}.services-hero>div>p:last-child{max-width:560px;margin:0;color:#526577;font-size:16px;line-height:1.7}.services-hero-visual{justify-self:end;width:min(330px,100%);min-height:235px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(7,30,51,.84);color:#fff;box-shadow:0 20px 45px rgba(6,23,38,.2)}.services-hero-visual span{width:61px;height:61px;display:grid;place-items:center;border-radius:16px;background:#ffba13;color:#0a2846;font-size:31px}.services-hero-visual p{margin:0;font-size:22px;font-weight:800;line-height:1.2}.services-list{position:relative;display:grid;grid-template-columns:.77fr 1.23fr;gap:70px;padding:105px max(34px,calc((100% - 1250px)/2));background-image:radial-gradient(rgba(10,40,70,.16) 1px,transparent 1.2px);background-size:22px 22px}.services-list:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,249,251,.94),rgba(247,249,251,.55));pointer-events:none}.services-list>*{position:relative;z-index:1}.services-list-heading h2{margin:0 0 20px;color:#1e2831;font-size:clamp(34px,3.7vw,54px);line-height:1.04;letter-spacing:-.05em}.services-list-heading>p:last-child{max-width:335px;color:#5d6a76;font-size:14px;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-detail-card{position:relative;min-height:254px;padding:27px;overflow:hidden;border:1px solid #e1e8ee;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(20,43,63,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.service-detail-card:hover{transform:translateY(-7px);border-color:rgba(255,186,19,.75);box-shadow:0 20px 35px rgba(20,43,63,.13)}.detail-number{color:#d49400;font-size:12px;font-weight:900}.detail-icon{position:absolute;top:24px;right:24px;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eef4f8;color:#0b416c;font-size:24px;transition:background .28s ease,color .28s ease,transform .28s ease}.service-detail-card:hover .detail-icon{background:#ffba13;color:#0a2846;transform:rotate(-7deg) scale(1.08)}.service-detail-card h3{max-width:265px;margin:54px 0 10px;color:#132f49;font-size:20px;line-height:1.13;letter-spacing:-.035em}.service-detail-card p{margin:0;color:#64717e;font-size:12px;line-height:1.65}.detail-line{position:absolute;bottom:0;left:0;width:0;height:4px;background:#ffba13;transition:width .38s ease}.service-detail-card:hover .detail-line{width:100%}.services-cta{min-height:185px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px max(34px,calc((100% - 1250px)/2));background:#0a2846;color:#fff}.services-cta p{margin:0;font-size:clamp(23px,2.3vw,34px);font-weight:800;letter-spacing:-.03em}.services-cta .quote-button{flex:0 0 auto}.services-page-footer{display:flex;justify-content:space-between;gap:20px;padding:21px max(34px,calc((100% - 1250px)/2));background:#121212;color:#8e969d;font-size:12px}.services-page-footer p{margin:0}.services-page-footer a{color:#ffba13}@media(max-width:950px){.services-hero,.services-list{grid-template-columns:1fr}.services-hero{gap:36px;padding-top:65px;padding-bottom:65px}.services-hero-visual{justify-self:start}.services-list{gap:42px}.services-list-heading>p:last-child{max-width:550px}}@media(max-width:680px){.services-hero,.services-list{padding-left:20px;padding-right:20px}.services-hero{background:#f5f8fb}.services-grid{grid-template-columns:1fr}.services-cta{align-items:flex-start;flex-direction:column;padding:35px 20px}.services-cta .quote-button{width:100%}.services-page .main-nav{display:none}.services-page-footer{padding:20px;flex-direction:column}}
.services-hero-visual{justify-self:end;width:min(430px,100%);min-height:0;padding:0;display:flex;align-items:center;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;animation:slogan-slide-in 1.15s cubic-bezier(.16,1,.3,1) .25s both}.services-hero-visual:before{content:"";width:48px;height:5px;margin-right:17px;border-radius:999px;background:#ffba13;box-shadow:0 0 14px rgba(255,186,19,.5)}.services-hero-visual span{display:none}.services-hero-visual p{margin:0;font-size:0}.services-hero-visual p:after{content:"Güvenli Enerji,\A Güçlü Altyapı";white-space:pre;color:#fff;font-size:clamp(28px,3vw,45px);font-weight:800;line-height:1.04;letter-spacing:-.055em;text-shadow:0 4px 17px rgba(0,0,0,.42)}@keyframes slogan-slide-in{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:translateX(0)}}@media(max-width:950px){.services-hero-visual{justify-self:start}.services-hero-visual p:after{color:#0a2846;text-shadow:none}}@media(max-width:680px){.services-hero-visual:before{width:34px}.services-hero-visual{width:100%}}
.services-hero .services-hero-visual{justify-self:end;width:min(430px,100%);min-height:0;padding:0;display:flex;align-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}.services-hero .services-hero-visual p{margin:0;max-width:none;color:transparent;font-size:0!important;line-height:0}.services-hero .services-hero-visual p:after{content:"Güvenli Enerji,\A Güçlü Altyapı";display:block;white-space:pre;color:#fff;font-size:clamp(28px,3vw,45px);font-weight:800;line-height:1.04;letter-spacing:-.055em;text-shadow:0 4px 17px rgba(0,0,0,.42)}@media(max-width:950px){.services-hero .services-hero-visual{justify-self:start}.services-hero .services-hero-visual p:after{color:#0a2846;text-shadow:none}}