:root{--bg:#071017;--bg2:#0a151d;--panel:#0c1922;--line:rgba(255,255,255,.10);--text:#f1f6f8;--muted:#96a8b3;--blue:#35bfff;--mint:#6df0c2;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;font-size:16.5px;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.desktop-nav,.menu-toggle,.section-label,.eyebrow,.header-cta{font-family:'Inter',sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:84px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(7,16,23,.28);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{width:54px;height:54px;filter:drop-shadow(0 0 12px rgba(53,191,255,0.35)) brightness(1.12)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Orbitron,sans-serif;font-size:20px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:5px;text-transform:uppercase}.desktop-nav{display:flex;gap:32px}.desktop-nav a,.footer-links a{color:#bdcad1;text-decoration:none;font-size:13px;transition:.25s}.desktop-nav a:hover,.footer-links a:hover{color:var(--mint)}.header-cta{padding:12px 18px;border:1px solid rgba(109,240,194,.5);color:var(--mint);text-decoration:none;font-size:12px;letter-spacing:.4px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:920px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:150px max(28px,calc((100vw - var(--max))/2)) 110px;background:radial-gradient(circle at 82% 30%,rgba(53,191,255,.14),transparent 30%),linear-gradient(145deg,#071017 30%,#0a1720 100%);overflow:hidden}.radar-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(53,191,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(53,191,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.orbit{position:absolute;border:1px solid rgba(53,191,255,.12);border-radius:50%}.orbit-one{width:720px;height:720px;right:-220px;top:30px}.orbit-two{width:520px;height:520px;right:-120px;top:130px}.hero-content,.hero-panel{position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;letter-spacing:2.5px;color:var(--mint);font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.eyebrow span{width:36px;height:1px;background:var(--mint)}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.02;letter-spacing:-4px;margin:0 0 28px;max-width:780px}h1 em{font-style:normal;color:var(--blue)}.hero-content>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:14px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;text-decoration:none;border:1px solid var(--line);font-size:13px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--blue),var(--mint));color:#061017;border:0}.btn.ghost{color:white;background:rgba(255,255,255,.03)}.hero-panel{border:1px solid rgba(53,191,255,.24);background:rgba(6,18,26,.72);box-shadow:0 30px 80px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.panel-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:var(--muted)}.panel-head b{color:var(--mint)}.system-map{height:360px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(53,191,255,.15),transparent 55%),repeating-radial-gradient(circle at center,rgba(53,191,255,.13) 0 1px,transparent 1px 64px)}.system-map:before,.system-map:after{content:"";position:absolute;background:rgba(53,191,255,.16)}.system-map:before{width:1px;height:100%;left:50%}.system-map:after{height:1px;width:100%;top:50%}.system-map svg{position:absolute;inset:0;width:100%;height:100%}.scan-line{position:absolute;left:50%;top:50%;width:46%;height:1px;background:linear-gradient(90deg,var(--mint),transparent);transform-origin:left;animation:scan 6s linear infinite}.target{position:absolute;width:8px;height:8px;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 16px var(--mint)}.t1{left:28%;top:36%}.t2{left:65%;top:62%}.t3{left:73%;top:28%}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.panel-stats div{padding:18px;border-right:1px solid var(--line)}.panel-stats div:last-child{border:0}.panel-stats span{font-size:20px;color:var(--blue);font-family:Orbitron}.panel-stats p{font-size:9px;line-height:1.5;letter-spacing:1px;color:var(--muted)}.hero-bottom{position:absolute;bottom:35px;left:max(28px,calc((100vw - var(--max))/2));right:max(28px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:#6e828d;font-size:10px;letter-spacing:1.6px}.section{max-width:var(--max);margin:auto;padding:120px 28px}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;margin-top:34px}.intro h2,.section-heading h2,.consulting-copy h2,.cta-box h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-2.6px;margin:0}.intro h2 span{color:var(--blue)}.intro-copy p,.section-heading>p,.consulting-copy p,.cta-box p{color:var(--muted);line-height:1.8}.text-link{display:inline-block;margin-top:20px;color:var(--mint);text-decoration:none}.capabilities{max-width:none;background:#09151d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading>p{max-width:470px}.section-heading h2{margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{min-height:320px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s;background:rgba(255,255,255,.01)}.card:hover{background:rgba(53,191,255,.07);transform:translateY(-4px)}.card>span{position:absolute;right:22px;top:20px;color:#51626c;font-size:12px}.icon{font-size:42px;color:var(--mint);margin:30px 0}.card h3{font-size:20px}.card p{color:var(--muted);line-height:1.7;font-size:15px}.consulting{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.consulting-visual{height:620px;position:relative;background:radial-gradient(circle at center,rgba(53,191,255,.16),transparent 55%),linear-gradient(145deg,#0b1a24,#071017);border:1px solid var(--line);overflow:hidden}.globe{position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(53,191,255,.25);left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle at 30% 45%,rgba(109,240,194,.10) 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(53,191,255,.08) 40px)}.globe:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(109,240,194,.3);border-radius:50%;animation:spin 18s linear infinite}.visual-copy{position:absolute;left:30px;bottom:30px}.visual-copy small{display:block;color:var(--mint);letter-spacing:2px}.visual-copy strong{font-family:Orbitron;font-size:48px;line-height:1;color:white}.consulting-copy h2{margin:20px 0 30px}.consulting-copy ul{list-style:none;padding:0;margin-top:30px}.consulting-copy li{padding:17px 0;border-bottom:1px solid var(--line);color:#cad5da}.consulting-copy li:before{content:"+";color:var(--mint);margin-right:14px}.technologies{max-width:none;background:#09151d;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.tech-list{border-top:1px solid var(--line)}.tech-list>div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:.25s}.tech-list>div:hover{padding-left:16px;background:linear-gradient(90deg,rgba(53,191,255,.07),transparent)}.tech-list span{font-family:Orbitron;color:var(--blue)}.tech-list h3{font-size:24px;margin:0}.tech-list b{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.cta-section{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 20% 40%,rgba(53,191,255,.11),transparent 35%)}.cta-box{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px;border:1px solid rgba(53,191,255,.25);background:rgba(9,21,29,.78)}.cta-box h2{margin:20px 0}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;background:#071017;border:1px solid var(--line);padding:15px;color:white;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--blue)}footer{max-width:var(--max);margin:auto;padding:55px 28px 25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line)}.footer-copy{text-align:center;color:var(--muted);font-size:12px}.footer-links{display:flex;justify-content:flex-end;gap:20px}.copyright{grid-column:1/-1;color:#52636d;font-size:11px;padding-top:30px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}@keyframes scan{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.site-header.open .desktop-nav{display:flex;position:absolute;top:84px;left:0;right:0;flex-direction:column;padding:24px;background:#071017;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-panel{max-width:650px}.intro-grid,.consulting,.cta-box{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.consulting-visual{height:500px}.section-heading{align-items:flex-start;flex-direction:column}.cta-box{padding:40px}}@media(max-width:640px){h1{letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-panel{display:none}.hero{min-height:760px}.intro-grid{gap:35px}.cards{grid-template-columns:1fr}.section{padding-top:85px;padding-bottom:85px}.tech-list>div{grid-template-columns:48px 1fr}.tech-list b{display:none}.tech-list h3{font-size:18px}.consulting-visual{height:400px}.globe{width:330px;height:330px}.visual-copy strong{font-size:36px}.cta-box{padding:26px;gap:30px}footer{grid-template-columns:1fr;text-align:left}.footer-copy{text-align:left}.footer-links{justify-content:flex-start}.copyright{grid-column:1}}

/* About Page Specific Styles */
.about-hero {
  min-height: 440px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 160px max(28px, calc((100vw - var(--max)) / 2)) 80px;
  background: radial-gradient(circle at 50% 100%, rgba(53, 191, 255, 0.1), transparent 60%), linear-gradient(180deg, #071017 0%, #0a151d 100%);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.about-hero h1 {
  margin: 0;
}
.about-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 80px;
  align-items: center;
}
.about-content p {
  font-size: 17.5px;
  line-height: 1.8;
  color: var(--muted);
  margin-bottom: 24px;
}
.about-content p:first-of-type {
  font-size: 19.5px;
  font-weight: 500;
  color: var(--text);
}
.about-image-wrapper {
  position: relative;
  border: 1px solid rgba(53, 191, 255, 0.2);
  background: rgba(9, 21, 29, 0.5);
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}
.about-image-wrapper::before {
  content: '';
  position: absolute;
  inset: -1px;
  background: linear-gradient(135deg, var(--blue), var(--mint));
  border-radius: 8px;
  z-index: -1;
  opacity: 0.3;
}
.about-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  filter: contrast(1.05) brightness(0.95);
  border: 1px solid var(--line);
}
.services-section {
  background: #09151d;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.services-section .cards {
  border: 0;
  gap: 20px;
}
.services-section .card {
  border: 1px solid var(--line);
  border-radius: 6px;
  min-height: auto;
  padding: 30px 24px;
}
.services-section .card .icon {
  margin: 0 0 16px;
}
.vision-mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}
.vision-mission-card {
  padding: 48px;
  background: rgba(9, 21, 29, 0.6);
  border: 1px solid rgba(109, 240, 194, 0.15);
  border-radius: 8px;
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}
.vision-mission-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--mint));
}
.vision-mission-card h3 {
  font-family: Orbitron, sans-serif;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.vision-mission-card.vision h3 {
  color: var(--blue);
}
.vision-mission-card.mission h3 {
  color: var(--mint);
}
.vision-mission-card p {
  color: var(--muted);
  line-height: 1.75;
  margin: 0;
}

/* Responsive updates for About page */
@media (max-width: 980px) {
  .about-grid, .vision-mission-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .services-section .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .services-section .cards {
    grid-template-columns: 1fr;
  }
  .vision-mission-card {
    padding: 30px 24px;
  }
}

/* Card details sub-lists (bullets) for Kabiliyetler page */
.card-details {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
}
.card-details li {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--muted);
  padding-left: 18px;
  position: relative;
}
.card-details li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 6px var(--mint);
}

/* Insaat Page Styles */
.insaat-page {
  background: #001321;
}

.insaat-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 120px max(28px, calc((100vw - var(--max)) / 2)) 80px;
  border-bottom: 2px solid rgba(53, 191, 255, 0.4);
  overflow: hidden;
}

.insaat-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('blueprint_bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.8;
  z-index: 1;
}

.insaat-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 19, 33, 0.7) 0%, rgba(0, 19, 33, 0.95) 100%);
  z-index: 2;
}

.insaat-hero-content {
  position: relative;
  z-index: 3;
  max-width: 900px;
}

.insaat-hero-content h1 {
  font-size: clamp(40px, 5vw, 64px);
  margin-bottom: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.insaat-hero-content h1::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 32px;
  background: var(--blue);
  margin-right: 16px;
  vertical-align: middle;
}

.insaat-hero-content p {
  font-size: 18px;
  line-height: 1.8;
  color: #bdcad1;
}

.insaat-services {
  padding-top: 0;
  margin-top: -60px;
  position: relative;
  z-index: 10;
}

.insaat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 28px;
}

.insaat-card {
  background: #021a2c;
  border: 1px solid rgba(53, 191, 255, 0.2);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.insaat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  border-color: rgba(53, 191, 255, 0.5);
}

.insaat-media {
  height: 260px;
  overflow: hidden;
  border-bottom: 2px solid rgba(53, 191, 255, 0.3);
}

.insaat-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.insaat-card:hover .insaat-media img {
  transform: scale(1.05);
}

.insaat-content {
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.insaat-icon-title {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.insaat-icon-title svg {
  width: 48px;
  height: 48px;
  color: var(--blue);
  flex-shrink: 0;
}

.insaat-icon-title h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
  text-transform: uppercase;
}

.insaat-content > p {
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.7;
  margin-bottom: 24px;
}

.insaat-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  flex-grow: 1;
}

.insaat-content li {
  color: #bdcad1;
  font-size: 14px;
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.insaat-content li::before {
  content: '✓';
  color: var(--blue);
  font-size: 16px;
  font-family: system-ui;
  font-weight: bold;
}

.insaat-action {
  margin-top: auto;
}

.btn-outline {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid rgba(53, 191, 255, 0.4);
  color: var(--text);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.btn-outline:hover {
  background: rgba(53, 191, 255, 0.1);
  border-color: var(--blue);
  color: var(--blue);
}

.insaat-features {
  padding: 80px 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 80px;
}

.insaat-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  max-width: var(--max);
  margin: 0 auto;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.feature-icon {
  background: rgba(255, 255, 255, 0.05);
  padding: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-icon svg {
  width: 32px;
  height: 32px;
  color: #8fa6b5;
}

.feature-item h4 {
  margin: 0 0 8px 0;
  font-size: 15px;
  letter-spacing: 1px;
}

.feature-item p {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .insaat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .insaat-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .insaat-grid {
    grid-template-columns: 1fr;
  }
  .insaat-features-grid {
    grid-template-columns: 1fr;
  }
  .insaat-hero {
    padding-top: 150px;
  }
}