:root{
  --ink:#07384d;
  --muted:#617782;
  --brand:#0797c5;
  --brand-2:#2eb44a;
  --aqua:#e5f6fa;
  --soft:#f5fafb;
  --white:#ffffff;
  --dark:#062f43;
  --line:#d7e6eb;
  --shadow:0 18px 60px rgba(6,47,67,.14);
  --radius:22px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;padding:10px;z-index:999}
.skip-link:focus{left:10px}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(216,230,230,.8);
  backdrop-filter:blur(16px);
}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;flex:none}
.brand-logo{display:block;width:auto;height:66px;max-width:280px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:28px;font-size:.94rem;font-weight:650}
.main-nav a{transition:.2s ease}
.main-nav a:hover{color:var(--brand-2)}
.nav-cta{background:linear-gradient(135deg,var(--brand),#087da5);color:#fff!important;padding:12px 18px;border-radius:999px}
.menu-button{display:none;border:0;background:transparent;padding:8px}
.menu-button span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fcfd 0%,#e9f7fb 52%,#eaf8ee 100%)}
.hero-grid{
  position:absolute;inset:0;opacity:.25;
  background-image:linear-gradient(rgba(7,151,197,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(7,151,197,.10) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to right,#000,transparent 82%);
}
.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:700px;padding-block:78px}
.hero-copy{max-width:690px}
.eyebrow{margin:0 0 14px;color:var(--brand-2);font-size:.78rem;font-weight:800;letter-spacing:.18em}
.hero h1{font-size:clamp(2.8rem,5.2vw,5.25rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 26px;max-width:870px}
.hero h1 span{color:var(--brand)}
.hero-lead{font-size:1.14rem;color:var(--muted);max-width:680px;margin:0 0 34px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:13px 22px;border-radius:12px;border:1px solid transparent;
  font-weight:750;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--brand);color:#fff;box-shadow:0 10px 25px rgba(7,151,197,.25)}
.button.primary:hover{background:#067da4}
.button.secondary{border-color:rgba(7,151,197,.32);background:rgba(255,255,255,.72);color:var(--ink)}
.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:var(--muted);font-size:.86rem}
.hero-points span{display:flex;align-items:center;gap:8px}
.hero-points span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand-2)}
.hero-visual{padding-left:26px;filter:drop-shadow(0 30px 45px rgba(6,47,67,.16))}

.trust-strip{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-grid div{padding:28px 32px;border-right:1px solid var(--line)}
.trust-grid div:first-child{padding-left:0}
.trust-grid div:last-child{border-right:0}
.trust-grid strong,.trust-grid span{display:block}
.trust-grid strong{font-size:1.04rem}
.trust-grid span{color:var(--muted);font-size:.88rem;margin-top:4px}

.section{padding:112px 0}
.section-soft{background:var(--soft)}
.section-dark{background:var(--dark);color:#fff}
.two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.align-start{align-items:start}
h2{font-size:clamp(2rem,3.5vw,3.55rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.rich-text{font-size:1.06rem;color:var(--muted)}
.rich-text p:first-child{margin-top:0}
.text-link{display:inline-block;color:var(--brand);font-weight:750;margin-top:12px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}
.section-heading>p{max-width:470px;color:var(--muted);margin:0}
.section-heading.light .eyebrow{color:#5ed7da}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px;min-height:260px;transition:.25s ease;overflow:hidden;
}
.service-card:after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;
  right:-60px;bottom:-60px;background:var(--aqua);transition:.25s ease
}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8d8d8}
.service-card:hover:after{transform:scale(1.35)}
.card-number{font-size:.78rem;color:var(--brand-2);font-weight:800}
.service-card h3{font-size:1.25rem;margin:48px 0 12px}
.service-card p{color:var(--muted);margin:0;font-size:.94rem}

.technology-section{background:linear-gradient(180deg,#fff,#f4fafc)}
.technology-list{border-top:1px solid var(--line)}
.technology-item{
  display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;
  padding:25px 8px;border-bottom:1px solid var(--line);transition:.2s ease
}
.technology-item:hover{padding-left:18px;background:rgba(223,244,243,.55)}
.technology-item strong{font-size:1.5rem;color:var(--brand)}
.technology-item span{color:var(--muted)}

.sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.sector-grid span{padding:24px 28px;background:var(--dark);font-weight:650}
.sector-grid span:before{content:"↗";color:#5ed7da;margin-right:12px}

.feature-list{display:grid;gap:18px}
.feature-list>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}
.feature-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--aqua);color:var(--brand);font-weight:900}
.feature-list p{margin:0;color:var(--muted)}
.feature-list strong{display:block;color:var(--ink);margin-bottom:4px}

.contact-section{padding:105px 0;background:linear-gradient(135deg,#e8f7fb,#eaf8ee)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}
.contact-copy h2{margin-bottom:20px}
.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:530px}
.contact-details{margin-top:38px;display:grid;gap:10px}
.contact-details a,.contact-details div{
  display:grid;grid-template-columns:85px 1fr;gap:14px;
  padding:14px 0;border-bottom:1px solid rgba(7,151,197,.20)
}
.contact-details span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:800}

.contact-form{background:#fff;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;margin-bottom:16px;font-size:.86rem;font-weight:750}
input,select,textarea{
  width:100%;border:1px solid #cbdcdc;border-radius:10px;padding:12px 13px;background:#fbfdfd;color:var(--ink);outline:none
}
input:focus,select:focus,textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(7,151,197,.14)}
textarea{resize:vertical}
.full{width:100%}
.form-note{font-size:.78rem;color:var(--muted);text-align:center;margin:12px 0 0}

.site-footer{background:#052b3e;color:#dce9e9;padding:70px 0 25px}
.footer-grid{display:flex;justify-content:space-between;gap:50px;align-items:start}
.footer-brand{
  padding:10px 14px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.14)
}
.footer-logo{height:66px;max-width:280px}
.footer-grid p{color:#9fb5b8;max-width:400px}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px 30px}
.footer-links a{color:#c4d5d7}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#88a4a7;font-size:.82rem}

.legal-page{min-height:75vh;padding:90px 0}
.legal-page .content{max-width:850px}
.legal-page h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.05em}
.legal-page h2{font-size:1.5rem;margin-top:38px;letter-spacing:-.02em}
.legal-page p,.legal-page li{color:var(--muted)}

@media (max-width:980px){
  .main-nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#fff;border-bottom:1px solid var(--line)}
  .main-nav.open{display:flex}
  .menu-button{display:block}
  .hero-layout{grid-template-columns:1fr;min-height:auto;padding-block:78px 55px}
  .hero-visual{max-width:620px;margin:35px auto 0;padding-left:0}
  .two-column,.contact-layout{grid-template-columns:1fr;gap:45px}
  .card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .container{width:min(100% - 28px,var(--container))}
  .header-inner{height:72px}
  .header-inner .brand-logo{height:47px;max-width:198px}
  .footer-logo{height:56px;max-width:235px}
  .main-nav{top:72px}
  .hero-layout{padding-block:62px 40px}
  .hero h1{font-size:2.65rem}
  .hero-visual{margin-top:20px}
  .hero-points{display:grid;gap:8px}
  .trust-grid{grid-template-columns:1fr}
  .trust-grid div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
  .section{padding:78px 0}
  .section-heading{display:block}
  .section-heading>p{margin-top:18px}
  .card-grid{grid-template-columns:1fr}
  .service-card{min-height:230px}
  .technology-item{grid-template-columns:90px 1fr;gap:15px}
  .sector-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr;gap:0}
  .contact-form{padding:22px}
  .footer-grid,.footer-bottom{display:grid}
  .footer-links{grid-template-columns:1fr}
}


/* EKONİS kurumsal renk ince ayarları */
.eyebrow{
  color:var(--brand-2);
}
.hero h1 span{
  color:var(--brand);
}
.hero-points span:before,
.card-number{
  color:var(--brand-2);
  background:var(--brand-2);
}
.service-card:hover{
  border-color:rgba(7,151,197,.38);
}
.technology-item strong,
.text-link{
  color:var(--brand);
}
.sector-grid span:before{
  color:#62d777;
}
.contact-details span{
  color:var(--brand);
}


/* Gerçek proje ve teknoloji görselleri */
@media (max-width:980px){
  .hero-visual{
    max-width:760px;
  }
  .visual-card:nth-child(n){
    grid-column:span 6;
  }
}
@media (max-width:700px){
  .hero-photo-frame{
    border-radius:22px;
  }
  .hero-tech-badges{
    left:12px;
    bottom:12px;
  }
  .visual-gallery{
    grid-template-columns:1fr;
  }
  .visual-card:nth-child(n){
    grid-column:auto;
    min-height:240px;
  }
  .visual-card img{
    min-height:240px;
  }
}


/* Ana sayfa otomatik görsel slider */
.hero-carousel{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:4/3;
  max-height:660px;
  border-radius:30px;
  background:#f2f9fb;
  border:1px solid rgba(7,151,197,.15);
  box-shadow:0 28px 70px rgba(6,47,67,.18);
}
.hero-slides,
.hero-slide{
  position:absolute;
  inset:0;
}
.hero-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .65s ease, visibility .65s ease;
}
.hero-slide.active{
  opacity:1;
  visibility:visible;
}
.hero-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#f2f9fb;
}
.hero-slide:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 56%,rgba(5,43,62,.74));
  pointer-events:none;
}
.hero-slide-caption{
  position:absolute;
  z-index:2;
  left:26px;
  right:26px;
  bottom:62px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.26);
}
.hero-slide-caption strong,
.hero-slide-caption span{
  display:block;
}
.hero-slide-caption strong{
  font-size:clamp(1.05rem,1.6vw,1.35rem);
  margin-bottom:5px;
}
.hero-slide-caption span{
  max-width:560px;
  font-size:.86rem;
  line-height:1.5;
  color:rgba(255,255,255,.92);
}
.hero-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  width:42px;
  height:42px;
  margin-top:-21px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:50%;
  background:rgba(6,47,67,.68);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:transform .2s ease, background .2s ease;
}
.hero-arrow:hover{
  transform:scale(1.07);
  background:rgba(7,151,197,.9);
}
.hero-arrow span{
  font-size:2rem;
  line-height:1;
  transform:translateY(-1px);
}
.hero-arrow-prev{left:16px}
.hero-arrow-next{right:16px}

.hero-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}
.hero-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}
.hero-dot.active{
  width:26px;
  background:#fff;
}
.hero-tech-badges{
  position:absolute;
  right:18px;
  top:18px;
  z-index:4;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.hero-tech-badges span{
  padding:8px 11px;
  border-radius:999px;
  color:#fff;
  background:rgba(6,47,67,.82);
  border:1px solid rgba(255,255,255,.4);
  backdrop-filter:blur(8px);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}

@media (max-width:980px){
  .hero-carousel{
    max-height:none;
  }
}
@media (max-width:700px){
  .hero-carousel{
    border-radius:22px;
    aspect-ratio:4/3;
  }
  .hero-slide-caption{
    left:18px;
    right:18px;
    bottom:54px;
  }
  .hero-slide-caption span{
    display:none;
  }
  .hero-arrow{
    width:36px;
    height:36px;
    margin-top:-18px;
  }
  .hero-arrow-prev{left:10px}
  .hero-arrow-next{right:10px}
  .hero-tech-badges{
    top:12px;
    right:12px;
  }
  .hero-tech-badges span{
    padding:6px 8px;
    font-size:.64rem;
  }
}


/* =========================================================
   Ürün ve teknoloji kartları
   ========================================================= */
.technology-section{
  background:
    radial-gradient(circle at 92% 7%, rgba(46,180,74,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f4fafc 100%);
}
.technology-heading{
  margin-bottom:30px;
}
.technology-jump-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 30px;
}
.technology-jump-nav a{
  min-width:70px;
  padding:9px 14px;
  border:1px solid rgba(7,151,197,.22);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  text-align:center;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.055em;
  box-shadow:0 6px 18px rgba(6,47,67,.05);
  transition:transform .2s ease,border-color .2s ease,color .2s ease;
}
.technology-jump-nav a:hover{
  transform:translateY(-2px);
  border-color:var(--brand);
  color:var(--brand);
}
.technology-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.technology-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(7,151,197,.15);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 55px rgba(6,47,67,.10);
  scroll-margin-top:108px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.technology-card:hover{
  transform:translateY(-5px);
  border-color:rgba(7,151,197,.34);
  box-shadow:0 24px 64px rgba(6,47,67,.15);
}
.technology-card-media{
  position:relative;
  overflow:hidden;
  aspect-ratio:3/2;
  background:#eef7f9;
}
.technology-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(5,43,62,.24));
  pointer-events:none;
}
.technology-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s ease;
}
.technology-card:hover .technology-card-media img{
  transform:scale(1.035);
}
.technology-code{
  position:absolute;
  z-index:2;
  left:18px;
  top:18px;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  background:rgba(6,47,67,.86);
  color:#fff;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.09em;
  backdrop-filter:blur(8px);
}
.technology-card-content{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:26px;
}
.technology-card-content h3{
  margin:0 0 11px;
  color:var(--ink);
  font-size:clamp(1.35rem,2vw,1.72rem);
  line-height:1.18;
}
.technology-description{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}
.technology-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:24px 0 0;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.technology-detail h4{
  margin:0 0 12px;
  color:var(--ink);
  font-size:.88rem;
  letter-spacing:.02em;
}
.technology-detail ul{
  margin:0;
  padding:0;
  list-style:none;
}
.technology-detail li{
  position:relative;
  margin:0 0 9px;
  padding-left:17px;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.5;
}
.technology-detail li:before{
  content:"";
  position:absolute;
  left:0;
  top:.56em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-2);
  box-shadow:0 0 0 3px rgba(46,180,74,.10);
}
.technology-card-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:auto;
  padding-top:24px;
}
.technology-quote{
  padding:12px 18px;
  font-size:.85rem;
}
.technology-contact-link{
  color:var(--brand);
  font-size:.84rem;
  font-weight:750;
}
.technology-contact-link:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

@media (max-width:980px){
  .technology-card-grid{
    grid-template-columns:1fr;
  }
  .technology-card{
    max-width:820px;
    margin-inline:auto;
  }
}
@media (max-width:620px){
  .technology-jump-nav{
    gap:8px;
  }
  .technology-jump-nav a{
    flex:1 1 calc(33.333% - 8px);
    min-width:0;
    padding:8px 9px;
  }
  .technology-card{
    border-radius:20px;
  }
  .technology-card-content{
    padding:21px;
  }
  .technology-detail-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .technology-card-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .technology-quote{
    width:100%;
    text-align:center;
  }
  .technology-contact-link{
    text-align:center;
  }
}


/* =========================================================
   RO ve SWRO detay sayfaları
   ========================================================= */
.detail-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#f8fcfd 0%,#e8f6fa 54%,#eaf8ee 100%);
}
.detail-hero-grid{
  position:absolute;
  inset:0;
  opacity:.2;
  background-image:
    linear-gradient(rgba(7,151,197,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,151,197,.10) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to right,#000,transparent 88%);
}
.detail-hero-layout{
  position:relative;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:68px;
  align-items:center;
  min-height:650px;
  padding-block:76px;
}
.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 0 28px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
}
.breadcrumb a:hover{color:var(--brand)}
.breadcrumb strong{color:var(--ink)}
.detail-hero-copy h1{
  margin:0 0 22px;
  font-size:clamp(2.65rem,4.7vw,4.9rem);
  line-height:1.02;
  letter-spacing:-.05em;
}
.detail-hero-lead{
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:1.12rem;
  line-height:1.72;
}
.detail-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.detail-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:34px;
}
.detail-stat-grid div{
  min-width:0;
  padding:15px 16px;
  border:1px solid rgba(7,151,197,.16);
  border-radius:14px;
  background:rgba(255,255,255,.7);
}
.detail-stat-grid strong,
.detail-stat-grid span{display:block}
.detail-stat-grid strong{
  color:var(--brand);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.detail-stat-grid span{
  margin-top:5px;
  color:var(--ink);
  font-size:.86rem;
  font-weight:700;
}
.detail-hero-media,
.detail-support-media{
  margin:0;
  overflow:hidden;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,151,197,.15);
  box-shadow:0 24px 68px rgba(6,47,67,.16);
}
.detail-hero-media img,
.detail-support-media img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}
.detail-hero-media figcaption,
.detail-support-media figcaption{
  padding:12px 16px;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.45;
}
.detail-summary-section{
  background:#fff;
}
.detail-summary-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:90px;
  align-items:start;
}
.detail-rich-text p{
  font-size:1.04rem;
  line-height:1.82;
}
.application-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.application-item{
  display:flex;
  gap:14px;
  align-items:center;
  min-height:92px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 26px rgba(6,47,67,.05);
}
.application-item span{
  display:grid;
  flex:none;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:var(--aqua);
  color:var(--brand);
  font-weight:900;
}
.application-item strong{
  font-size:.9rem;
  line-height:1.45;
}
.detail-process-section{
  background:#fff;
}
.process-steps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--line);
}
.process-step{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:18px;
  min-height:150px;
  padding:26px;
  background:#fff;
}
.process-step>span{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border-radius:50%;
  background:var(--aqua);
  color:var(--brand);
  font-size:.78rem;
  font-weight:850;
}
.process-step strong{
  display:block;
  margin:2px 0 7px;
  color:var(--ink);
  font-size:1rem;
}
.process-step p{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.6;
}
.detail-engineering-section{
  position:relative;
}
.detail-engineering-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:66px;
  align-items:start;
}
.detail-light-text{
  max-width:650px;
  color:#a9c2c7;
  line-height:1.7;
}
.design-inputs{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.14);
}
.design-input-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.design-input-row strong{
  color:#fff;
  font-size:.84rem;
}
.design-input-row span{
  color:#a9c2c7;
  font-size:.84rem;
  line-height:1.55;
}
.engineering-panel{
  padding:32px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.06);
}
.engineering-panel h3{
  margin:0 0 24px;
  font-size:1.75rem;
}
.check-list{
  margin:24px 0 0;
  padding:0;
  list-style:none;
}
.check-list li{
  position:relative;
  margin-bottom:13px;
  padding-left:26px;
  color:var(--muted);
  line-height:1.58;
}
.check-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--brand-2);
  font-weight:900;
}
.light-check-list li{color:#c5d7da}
.detail-scope-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:76px;
  align-items:center;
}
.detail-intro{
  color:var(--muted);
  line-height:1.72;
}
.detail-cta-section{
  padding:88px 0;
  background:linear-gradient(135deg,#e8f7fb,#eaf8ee);
}
.detail-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:center;
}
.detail-cta h2{
  font-size:clamp(2rem,3.4vw,3.35rem);
}
.detail-cta p:not(.eyebrow){
  max-width:760px;
  color:var(--muted);
  line-height:1.7;
}
.detail-cta-actions{
  display:grid;
  gap:10px;
  min-width:240px;
}

@media (max-width:980px){
  .detail-hero-layout,
  .detail-summary-grid,
  .detail-engineering-grid,
  .detail-scope-grid{
    grid-template-columns:1fr;
    gap:44px;
  }
  .detail-hero-layout{
    min-height:auto;
    padding-block:62px;
  }
  .detail-hero-media{
    max-width:760px;
  }
  .application-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .detail-cta{
    grid-template-columns:1fr;
  }
  .detail-cta-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-width:0;
  }
}
@media (max-width:700px){
  .detail-hero-copy h1{
    font-size:2.55rem;
  }
  .detail-stat-grid{
    grid-template-columns:1fr;
  }
  .application-grid,
  .process-steps{
    grid-template-columns:1fr;
  }
  .design-input-row{
    grid-template-columns:1fr;
    gap:7px;
  }
  .engineering-panel{
    padding:23px;
  }
  .detail-cta-actions{
    grid-template-columns:1fr;
  }
}


/* Detay sayfaları arası teknoloji navigasyonu */
.related-tech-section{
  background:#f4fafc;
  border-top:1px solid var(--line);
}
.related-tech-section h2{
  margin-bottom:24px;
}
.related-tech-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.related-tech-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  border:1px solid rgba(7,151,197,.22);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.045em;
  box-shadow:0 7px 22px rgba(6,47,67,.05);
  transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease;
}
.related-tech-link:hover{
  transform:translateY(-2px);
  border-color:var(--brand);
  color:var(--brand);
}
.related-tech-link.current{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
  pointer-events:none;
}
.technology-card-content h3 a{
  color:inherit;
}
.technology-card-content h3 a:hover{
  color:var(--brand);
}
.technology-card-media{
  text-decoration:none;
}
@media (max-width:620px){
  .related-tech-link{
    flex:1 1 calc(50% - 10px);
    text-align:center;
  }
}

/* Hizmet kartları ve detay sayfaları */
.services-section{position:relative;overflow:hidden}.services-heading{margin-bottom:30px}.service-detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-detail-card{min-width:0;overflow:hidden;border:1px solid rgba(7,151,197,.16);border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(6,47,67,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-detail-card:hover{transform:translateY(-5px);border-color:rgba(7,151,197,.34);box-shadow:0 22px 56px rgba(6,47,67,.13)}.service-card-main-link{display:flex;flex-direction:column;height:100%;padding:24px;color:inherit}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.service-card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--aqua),#eaf8ee);color:var(--brand);font-size:1.35rem;font-weight:900}.service-detail-card .card-number{color:var(--brand);font-size:.76rem;font-weight:850;letter-spacing:.1em}.service-detail-card h3{margin:0 0 10px;font-size:1.25rem;line-height:1.25}.service-detail-card p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.65}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.service-tags span{padding:6px 9px;border-radius:999px;background:#f3f8fa;color:#526f7b;font-size:.7rem;font-weight:750}.service-detail-link{margin-top:auto;padding-top:22px;color:var(--brand);font-size:.84rem;font-weight:800}.service-phases-section{background:#fff}.service-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line)}.service-phase{min-height:210px;padding:25px;background:#fff}.service-phase>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--aqua);color:var(--brand);font-size:.76rem;font-weight:850}.service-phase h3{margin:0 0 9px;font-size:1rem}.service-phase p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.62}.service-detail-hero .detail-hero-copy h1{max-width:760px}@media(max-width:980px){.service-detail-card-grid,.service-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-detail-card-grid,.service-phase-grid{grid-template-columns:1fr}.service-phase{min-height:auto}}