:root{
  --c-primary-900:#061B3A;
  --c-primary-700:#082B59;
  --c-primary-600:#0B3A77; /* parlamento mavisi */
  --c-primary-500:#0E4A98;
  --c-primary-100:#E9F1FF;

  --c-accent-600:#D99000;
  --c-accent-500:#FFC24A; /* güneş */
  --c-accent-100:#FFF4D6;

  --c-bg:#F7FAFF;
  --c-surface:#FFFFFF;
  --c-text:#0B1220;
  --c-muted:#4B5565;
  --c-border:rgba(11,58,119,.14);

  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;

  --shadow-sm:0 8px 22px rgba(11,18,32,.06);
  --shadow-md:0 14px 34px rgba(11,18,32,.10);

  --container:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* Prevent background scroll when mobile menu is open */
html.is-menu-open, html.is-menu-open body{overflow:hidden}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--c-text);
  background:radial-gradient(1100px 600px at 20% -10%, rgba(14,74,152,.14), transparent 60%),
             radial-gradient(900px 500px at 90% 0%, rgba(255,178,0,.10), transparent 55%),
             var(--c-bg);
}

/* Light Tech ambience (soft glow + subtle grain) */
body{
  background:
    radial-gradient(900px 600px at 15% -10%, rgba(255,178,0,.10), transparent 60%),
    radial-gradient(900px 600px at 85% 10%, rgba(14,74,152,.12), transparent 55%),
    linear-gradient(180deg, var(--c-bg), #ffffff);
}
body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,0,0,.015) 0, rgba(0,0,0,.015) 1px, transparent 1px, transparent 3px);
  opacity:.25;
  mix-blend-mode:multiply;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}

.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}

.u-hidden{display:none}
.u-mt-16{margin-top:16px}
.u-mt-24{margin-top:24px}

.u-gradient{
  background:linear-gradient(90deg,var(--c-primary-600),var(--c-accent-600));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.l-container{max-width:var(--container);margin:0 auto;padding:0 16px}
.l-main{min-height:60vh}

.l-section{padding:56px 0}
.l-section--soft{
  background:linear-gradient(180deg, rgba(11,58,119,.06), rgba(255,178,0,.04));
  border-top:1px solid var(--c-border);
  border-bottom:1px solid var(--c-border);
}

.l-section__head{max-width:720px;margin-bottom:22px}

/* Tech divider under section headings */
.l-section__head{position:relative;padding-bottom:14px}
.l-section__head:after{
  content:"";
  position:absolute;left:0;bottom:0;
  width:160px;height:2px;
  background:linear-gradient(90deg, rgba(255,178,0,.65), rgba(14,74,152,.65), transparent);
  border-radius:99px;
}

.l-grid{display:grid;gap:16px}
.l-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.l-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Cards grid: avoids empty right side when item count < columns */
.l-grid--cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

@media (max-width: 900px){
  .l-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-grid--cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media (max-width: 640px){
  .l-section{padding:42px 0}
  .l-grid--2,.l-grid--3,.l-grid--cards{grid-template-columns:1fr}
}


/* Perf: reduce rendering cost below the fold */
.l-section{content-visibility:auto;contain-intrinsic-size:800px;}
/* Header */
.c-header{
  position:sticky;top:0;z-index:50;
  background:rgba(247,250,255,.72);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--c-border);
}
.c-header__inner{display:flex;align-items:center;gap:14px;min-height:66px}

.c-logo{display:flex;align-items:center;gap:10px}
/*
  Logo mark: “foton” hissi veren yanıp sönen nokta.
  Mavi zemin + ortada pulse yapan ışık noktası.
*/
.c-logo__mark{
  width:22px;height:22px;border-radius:8px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%),
    linear-gradient(135deg, var(--c-primary-600), var(--c-primary-700));
  box-shadow:
    0 0 0 6px rgba(11,58,119,.10),
    0 8px 20px rgba(2,18,42,.18);
  position:relative;
  flex:0 0 auto;
  overflow:hidden;
}
.c-logo__mark::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:6px;height:6px;border-radius:999px;
	  background:var(--c-accent-600);
  transform:translate(-50%,-50%) scale(.9);
	  box-shadow:0 0 14px rgba(255,176,0,.28);
  animation:photonPulse 1.4s ease-in-out infinite;
}
.c-logo__mark::after{
  content:"";
  position:absolute;
  inset:-30%;
	  background:radial-gradient(circle at 50% 50%, rgba(255,176,0,.16), rgba(255,176,0,0) 60%);
  opacity:.55;
  pointer-events:none;
}

@keyframes photonPulse{
  0%,100%{
    opacity:.40;
    transform:translate(-50%,-50%) scale(.85);
    box-shadow:
	      0 0 0 0 rgba(255,176,0,0),
	      0 0 12px rgba(255,176,0,.22);
  }
  50%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.45);
    box-shadow:
	      0 0 0 10px rgba(255,176,0,.16),
	      0 0 26px rgba(255,176,0,.58);
  }
}

@media (prefers-reduced-motion: reduce){
	  .c-logo__mark::before{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 16px rgba(255,176,0,.40)}
}
	.c-logo__text{font-weight:750;letter-spacing:.2px;color:var(--c-primary-600)}
	.c-logo__accent{color:var(--c-accent-600)}

.c-nav{margin-left:auto;display:flex;align-items:center;gap:10px}
.c-nav__link{padding:10px 10px;border-radius:12px;color:var(--c-muted);font-weight:600}
.c-nav__link:hover{background:rgba(11,58,119,.06);color:var(--c-text)}
.c-nav__link.is-active{background:rgba(11,58,119,.10);color:var(--c-primary-700)}

.c-nav__cta{display:flex;gap:10px;align-items:center;margin-left:6px}

.c-nav__dropdown{position:relative}
.c-nav__subtoggle{appearance:none;-webkit-appearance:none;padding:0;display:none;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  background:transparent;border:1px solid rgba(11,58,119,.14);
  cursor:pointer;
}
.c-nav__chev{display:block;width:10px;height:10px;border-right:2px solid var(--c-primary-600);border-bottom:2px solid var(--c-primary-600);
  transform:rotate(45deg);transition:transform .12s ease;
}
.c-nav__dropdown.is-open .c-nav__chev{transform:rotate(-135deg)}
.c-nav__menu{
  position:absolute;left:0;top:calc(100% + 10px);
  min-width:280px;max-height:70vh;overflow:auto;
  background:rgba(255,255,255,.92);
  border:1px solid var(--c-border);
  border-radius:16px;
  box-shadow:var(--shadow-md);
  padding:10px;
  display:none;
}
.c-nav__dropdown:hover .c-nav__menu{display:block}
.c-nav__item{display:block;padding:10px;border-radius:12px;color:var(--c-muted);font-weight:600}
.c-nav__item:hover{background:rgba(11,58,119,.06);color:var(--c-text)}

.c-nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--c-border);border-radius:14px;padding:10px;cursor:pointer;position:relative;z-index:1002}
.c-nav-toggle__bar{display:block;width:18px;height:2px;background:var(--c-primary-600);margin:4px 0;border-radius:2px}

.c-nav__top{display:none}
.c-nav__title{font-weight:800;color:var(--c-text)}
.c-nav__close{appearance:none;-webkit-appearance:none;padding:0;font:inherit;line-height:1;
  width:38px;height:38px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;
  border:1px solid var(--c-border);
  background:rgba(255,255,255,.8);
  color:var(--c-text);
  cursor:pointer;
}
.c-nav__close:active{transform:scale(.98)}

/* Mobile menu backdrop (prevents click-through) */
.c-nav-backdrop{display:none}
.c-nav-state,.c-nav__substate{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important;}


@media (max-width: 980px){
  .c-nav-toggle{display:inline-block}
  /* Keep mobile interactions reliable and light. */
  .c-header{backdrop-filter:none}

  .c-nav-backdrop{
    position:fixed;inset:0;
    background:rgba(6,27,58,.22);
    display:none;
    z-index:1000;
    opacity:0;
    pointer-events:none;
    transition:opacity .12s ease;
  }
  html.is-menu-open .c-nav-backdrop{display:block;opacity:1;pointer-events:auto}
#nav-state:checked ~ .c-nav-backdrop{display:block;opacity:1;pointer-events:auto}
  html.is-menu-open, html.is-menu-open body{overflow:hidden}

  .c-nav{
    position:fixed;left:12px;right:12px;top:76px;
    z-index:1001;
    max-height:calc(100vh - 96px);
    overflow:auto;
    background:rgba(255,255,255,.96);
    border:1px solid var(--c-border);
    border-radius:18px;
    box-shadow:var(--shadow-md);
    padding:12px;
    padding-bottom:18px;
    /* Keep mounted to avoid tap-target mismatch on some browsers */
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
  }
  .c-nav{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease;
  }
  html.is-menu-open .c-nav{opacity:1;visibility:visible;pointer-events:auto}
#nav-state:checked ~ .c-nav{opacity:1;visibility:visible;pointer-events:auto}
  html.is-menu-open .c-nav .c-nav__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}

  .c-nav__link,.c-nav__item{display:block;width:100%;touch-action:manipulation;min-height:44px}
  .c-nav__cta{flex-direction:column;margin-left:0}
  /* Services submenu (mobile): tap to expand */
  /* When services checkbox is checked, expand submenu + rotate chevron (CSS-only) */
  #nav-services-state:checked + .c-nav__dropdown .c-nav__menu{max-height:70vh}
  #nav-services-state:checked + .c-nav__dropdown .c-nav__chev{transform:rotate(-135deg)}
  .c-nav__dropdown{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items:center;
    gap:8px;
  }
  .c-nav__subtoggle{display:inline-flex}
  /* Keep desktop hover behavior from "sticking" on touch devices */
  .c-nav__dropdown:hover .c-nav__menu{display:block}

  .c-nav__menu{
    grid-column:1 / -1; /* span full width under the two-column header row */
    grid-row:2;
    position:static;
    display:block;
    box-shadow:none;
    border:none;
    padding:0 0 0 10px;
    background:transparent;
    max-height:0;
    overflow:hidden;
    transition:max-height .16s ease;
  }
  .c-nav__dropdown.is-open .c-nav__menu{max-height:70vh}
  .c-nav__dropdown .c-nav__item{padding:12px 10px}
}

/* Buttons */
.c-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 14px;border-radius:16px;border:1px solid transparent;
  font-weight:700;cursor:pointer;transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.c-button:active{transform:scale(.98)}

.c-button--primary{background:var(--c-primary-600);color:#fff}
.c-button--primary:hover{background:var(--c-primary-500)}

.c-button--accent{background:linear-gradient(135deg,var(--c-accent-600),var(--c-accent-500));color:#1a1200}
.c-button--accent:hover{filter:saturate(1.02)}

.c-button--ghost{background:rgba(11,58,119,.06);border-color:rgba(11,58,119,.14);color:var(--c-primary-700)}
.c-button--ghost:hover{background:rgba(11,58,119,.10)}

/* Typography */
.c-h1{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 10px 0;letter-spacing:-.4px}
.c-h2{font-size:clamp(22px,2.8vw,30px);line-height:1.18;margin:0 0 10px 0;letter-spacing:-.2px}
.c-h3{font-size:18px;line-height:1.25;margin:0 0 10px 0}
.c-lead{color:var(--c-muted);font-size:16px;line-height:1.7;margin:0}
.c-kicker{color:var(--c-primary-700);font-weight:800;letter-spacing:.6px;text-transform:uppercase;font-size:12px;margin:0 0 10px 0}

.c-link{color:var(--c-primary-600);font-weight:700}
.c-link:hover{text-decoration:underline}

/* Cards */
.c-card{
  background:rgba(255,255,255,.86);
  border:1px solid var(--c-border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  padding:18px;
}

/* Hero */
.c-hero{padding:44px 0 20px}
.c-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}
.c-hero__title{margin:0 0 12px 0}
.c-hero__desc{color:var(--c-muted);font-size:16px;line-height:1.75;max-width:640px;margin:0}
.c-hero__cta{display:flex;gap:10px;flex-wrap:wrap}

.c-hero__visual{display:flex;justify-content:flex-end}
.c-solar-card{position:relative;width:360px;max-width:100%;aspect-ratio:1/1;border-radius:28px;
  background:linear-gradient(145deg, rgba(11,58,119,.16), rgba(255,178,0,.10));
  border:1px solid rgba(11,58,119,.16);
  overflow:hidden;
}
.c-solar-card__glow{position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%, rgba(255,178,0,.38), transparent 55%),
  radial-gradient(circle at 70% 60%, rgba(14,74,152,.32), transparent 55%);
  filter:blur(18px)
}
.c-solar-card__grid{position:absolute;inset:0;background-image:linear-gradient(to right, rgba(255,255,255,.10) 1px, transparent 1px),
  linear-gradient(to bottom, rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:22px 22px;opacity:.35
}
.c-solar-card__label{position:absolute;left:16px;bottom:16px;
  padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(11,58,119,.14);
  font-weight:800;color:var(--c-primary-700)
}

@media (max-width: 900px){
  .c-hero__grid{grid-template-columns:1fr}
  .c-hero__visual{justify-content:flex-start}
}

/* Hero image (Sprint 2) */
.c-hero__visual{position:relative;align-items:flex-start}
.c-hero__img{display:block;width:min(560px, 100%);aspect-ratio:1440/900;background:rgba(11,58,119,.08);border-radius:26px;overflow:hidden;box-shadow:0 22px 70px rgba(6,27,58,.20);border:1px solid rgba(255,255,255,.22)}
.c-hero__img img{display:block;width:100%;height:100%;object-fit:cover}
.c-hero__badge{position:absolute;right:14px;bottom:-24px;max-width:240px;transform:rotate(-1.5deg)}
@media (max-width: 900px){
  .c-hero__img{width:100%}
  .c-hero__badge{right:10px;bottom:-18px;max-width:220px}
}

/* Service card media */
.c-service-card__media{border-radius:18px;overflow:hidden;border:1px solid rgba(11,58,119,.12);margin-bottom:12px;aspect-ratio: 960 / 630;background:rgba(11,58,119,.06)}
.c-service-card__media picture,.c-service-card__media img{display:block;width:100%;height:100%}.c-service-card__media img{object-fit:cover}

/* Service detail hero */
.c-service-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-bottom:18px}
.c-service-hero__media{border-radius:22px;overflow:hidden;border:1px solid rgba(11,58,119,.12);background:rgba(11,58,119,.06);aspect-ratio:960/640}
.c-service-hero__media picture,.c-service-hero__media img{display:block;width:100%;height:100%}
.c-service-hero__media img{object-fit:cover}
@media (max-width: 900px){.c-service-hero{grid-template-columns:1fr;gap:14px}.c-service-hero__media{order:-1}}


/* Trust badges */
.c-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.c-trust__item{padding:10px 12px;border-radius:14px;border:1px solid var(--c-border);
  background:rgba(255,255,255,.72);color:var(--c-muted);font-weight:650}

/* Service cards */
.c-service-card{display:block;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.c-service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(11,58,119,.22)}
.c-service-card__title{font-weight:800;margin-bottom:6px}
.c-service-card__text{color:var(--c-muted);line-height:1.6;margin-bottom:10px}
.c-service-card__more{color:var(--c-primary-600);font-weight:800}

/* Area cards */
.c-area-card{display:block}
.c-area-card__title{font-weight:850}
.c-area-card__meta{color:var(--c-muted);margin-top:6px}

/* Page head */
.c-pagehead{max-width:840px;margin-bottom:18px}

/* Lists */
.c-list{margin:0;padding-left:18px;color:var(--c-muted);line-height:1.8}
.c-steps{margin:0;padding-left:18px;color:var(--c-muted);line-height:1.9}

/* Search */
.c-search{max-width:520px;margin:16px 0}
.c-search__label{display:block;font-weight:800;margin-bottom:8px;color:var(--c-primary-700)}
.c-search__input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--c-border);
  background:rgba(255,255,255,.86);outline:none}
.c-search__input:focus{border-color:rgba(11,58,119,.34);box-shadow:0 0 0 4px rgba(11,58,119,.10)}

/* FAQ */
.c-faq__item{border:1px solid var(--c-border);border-radius:18px;background:rgba(255,255,255,.86);overflow:hidden;margin-bottom:10px}
.c-faq__item > summary::-webkit-details-marker{display:none}
.c-faq__item > summary{list-style:none}

.c-faq__q{width:100%;text-align:left;background:transparent;border:0;padding:14px 16px;cursor:pointer;
  display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:850}
.c-faq__a{padding:0 16px 14px 16px;color:var(--c-muted);line-height:1.75}
.c-faq__chev{width:10px;height:10px;border-right:2px solid var(--c-primary-600);border-bottom:2px solid var(--c-primary-600);
  transform:rotate(45deg);transition:transform .12s ease}
.c-faq__item[open] .c-faq__chev{transform:rotate(-135deg)}

/* CTA panel */
.c-cta-panel{display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:18px;border-radius:22px;
  background:linear-gradient(135deg, rgba(11,58,119,.12), rgba(255,178,0,.08));
  border:1px solid rgba(11,58,119,.16);
}
.c-cta-panel__title{font-weight:900;font-size:18px}
.c-cta-panel__text{color:var(--c-muted);margin-top:6px;line-height:1.6}
.c-cta-panel__actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width: 760px){
  .c-cta-panel{flex-direction:column;align-items:flex-start}
}

/* Forms */
.c-form__row{margin-bottom:14px}
.c-form__label{display:block;font-weight:800;margin-bottom:8px;color:var(--c-primary-700)}
.c-form__input,.c-form__textarea{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--c-border);
  background:rgba(255,255,255,.86);outline:none}
.c-form__input:focus,.c-form__textarea:focus{border-color:rgba(11,58,119,.34);box-shadow:0 0 0 4px rgba(11,58,119,.10)}
.c-form__hint{color:var(--c-muted);font-size:13px;line-height:1.5;margin-top:10px}

.c-alert{padding:12px 14px;border-radius:16px;margin-bottom:12px;border:1px solid}
.c-alert--success{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.20)}
.c-alert--error{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22)}

/* Map */
.c-map{margin-top:16px}
.c-map__btn{width:100%;padding:12px 14px;border-radius:16px;border:1px dashed rgba(11,58,119,.28);
  background:rgba(255,255,255,.74);cursor:pointer;font-weight:850;color:var(--c-primary-700)}
.c-map__frame{margin-top:10px;border-radius:18px;overflow:hidden;border:1px solid var(--c-border)}
.c-map__frame iframe{width:100%;height:300px;border:0}

/* Footer */
.c-footer{border-top:none;background:#fff}
.c-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;padding:34px 16px}
.c-footer__brand{font-weight:950;font-size:16px;margin-bottom:8px}
.c-footer__text{color:var(--c-muted);line-height:1.7;margin:0 0 10px 0}
.c-footer__nap{color:var(--c-muted);line-height:1.8}
.c-footer__title{font-weight:900;margin-bottom:10px}
.c-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--c-muted)}
.c-footer__list a:hover{color:var(--c-primary-600)}

/* Social icons (inline SVG - avoids broken icon fonts) */
.c-social{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.c-social__link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--c-border);border-radius:12px;color:var(--c-text);background:#fff;transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease}
.c-social__link:hover{transform:translateY(-1px);border-color:rgba(0,0,0,.18);box-shadow:0 10px 22px rgba(17,24,39,.08);color:var(--c-primary-700)}
.c-social__link:focus-visible{outline:3px solid rgba(255,176,0,.35);outline-offset:2px}
.c-social__icon{width:18px;height:18px;display:block;fill:currentColor}
.c-footer__bottom{border-top:1px solid var(--c-border);padding:14px 0}
.c-footer__bottom-inner{display:flex;justify-content:space-between;gap:10px;color:var(--c-muted);font-size:13px}
.c-footer__mini{opacity:.9}
.c-footer__legal{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.c-footer__legal a{color:var(--c-muted)}
.c-footer__legal a:hover{color:var(--c-primary-600)}
.c-footer__legal span{opacity:.55}
.c-footer__top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;
  border:1px solid rgba(11,58,119,.16);background:rgba(255,255,255,.9);color:var(--c-primary-700);box-shadow:var(--shadow-md)}
.c-footer__top:hover{transform:translateY(-1px)}
@media (max-width: 820px){
  .c-footer__grid{grid-template-columns:1fr}
  .c-footer__bottom-inner{flex-direction:column}
}

@media (min-width: 821px){
  .c-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
}

/* Mobile CTA bar */
.c-cta-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;
  display:none;gap:10px}
.c-cta-bar__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:14px 16px;border-radius:18px;border:1px solid rgba(11,58,119,.18);
  background:rgba(255,255,255,.92);box-shadow:var(--shadow-md);font-weight:900;color:var(--c-primary-700)}
.c-cta-bar__btn--accent{background:linear-gradient(135deg,var(--c-accent-600),var(--c-accent-500));border-color:rgba(255,178,0,.24);color:#1a1200}
@media (max-width: 980px){
  .c-cta-bar{display:flex}
  body{padding-bottom:96px}
}

/* ==============================
   Light Tech polish (futuristic)
   ============================== */

/* Header: subtle light line */
.c-header{position:sticky}
.c-header:after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,178,0,.45), rgba(14,74,152,.45), transparent);
  opacity:.55;
  pointer-events:none;
}

/* Buttons: cleaner tech feel */
.c-button{font-weight:800;letter-spacing:.2px;transition:transform .12s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease}
.c-button--accent{box-shadow:0 10px 26px rgba(255,178,0,.22)}
.c-button--accent:hover{box-shadow:0 14px 30px rgba(255,178,0,.28)}
.c-button--ghost{background:rgba(255,255,255,.66)}
.c-button--ghost:hover{background:rgba(255,255,255,.86)}

/* Cards: frosted glass (safe) */
.c-card{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border:1px solid rgba(11,58,119,.14);
  box-shadow:0 14px 40px rgba(6,27,58,.06);
}
@supports (backdrop-filter: blur(10px)){
  .c-card{background:rgba(255,255,255,.70);backdrop-filter:saturate(140%) blur(10px)}
}
.c-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(6,27,58,.09);border-color:rgba(11,58,119,.22)}

/* Hero: softer glow + solar sweep */
.c-hero{position:relative;padding:56px 0 24px;overflow:hidden}
.c-hero:before{
  content:"";
  position:absolute;inset:-40% -20% auto -20%;
  height:520px;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,178,0,.16), transparent 55%),
    radial-gradient(circle at 70% 20%, rgba(14,74,152,.18), transparent 55%);
  filter:blur(18px);
  pointer-events:none;
}
.c-hero__desc{font-size:17px;line-height:1.8}

.c-solar-card:after{
  content:"";
  position:absolute;inset:-30%;
  background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%);
  transform:translateX(-30%) rotate(10deg);
  opacity:.7;
  pointer-events:none;
  animation:solarSweep 5.2s ease-in-out infinite;
}
@keyframes solarSweep{
  0%,45%{transform:translateX(-35%) rotate(10deg);opacity:0}
  55%{opacity:.65}
  100%{transform:translateX(35%) rotate(10deg);opacity:0}
}
@media (prefers-reduced-motion: reduce){
  .c-solar-card:after{animation:none;opacity:.15}
}

/* Micro badge */
.c-chip{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  font-weight:800;font-size:12px;
  background:rgba(255,178,0,.14);
  color:var(--c-primary-700);
  border:1px solid rgba(255,178,0,.22);
  margin:0 0 10px 0;
}


/* Dark tech panel (single section) */
.l-section--dark{
  padding:44px 0;
  background:
    radial-gradient(900px 520px at 12% 20%, rgba(255,178,0,.20), transparent 55%),
    radial-gradient(900px 520px at 82% 10%, rgba(14,74,152,.30), transparent 60%),
    linear-gradient(180deg, #071a3a, #06122a);
  color:#f3f7ff;
  position:relative;
  overflow:hidden;
}
@media (max-width: 720px){
  .l-section--dark{padding:36px 0;}
}
.c-h2--dark{ color:#f3f7ff; }
.c-lead--dark{ color:rgba(243,247,255,.86); }
.c-kicker--dark{ color:rgba(243,247,255,.78); }

.c-dark-cta{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:24px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:22px;
  padding:26px;
  /* Clip the blurred orb/glow so it never bleeds below the frosted panel */
  overflow:hidden;
  isolation:isolate;
}
@media (max-width: 900px){
  .c-dark-cta{ grid-template-columns:1fr; }
}
.c-dark-cta__actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; }
.c-button--ghost-dark{
  background:rgba(255,255,255,.10);
  color:#f3f7ff;
  border:1px solid rgba(255,255,255,.16);
}
.c-button--ghost-dark:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.22);
}

/* Futuristic visual elements (no images) */
.c-dark-cta__visual{ position:relative; min-height:220px; }
.c-grid-orb{
  position:absolute; inset:10% 12% 10% 12%;
  border-radius:22px;
  background:
    radial-gradient(circle at 25% 25%, rgba(255,178,0,.18), transparent 55%),
    radial-gradient(circle at 70% 30%, rgba(14,74,152,.24), transparent 60%);
  filter: blur(10px);
}
.c-grid-lines{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 50% 45%, rgba(0,0,0,.95), transparent 70%);
  opacity:.35;
}

/* SVG icon styling */
.c-icon{
  width:28px; height:28px;
  display:block;
  flex:0 0 auto;
  max-width:100%;
  max-height:100%;
  color: var(--c-primary-700);
}
.l-section--dark .c-icon{ color: rgba(243,247,255,.92); }

/* Force-perfect centering across browsers */
.c-service-card__icon > svg{ display:block; margin:0 auto; }

/* Ensure <svg> never escapes its box */
/* Use a class-based rule (not element selector) to keep SVG icon sizing consistent */
.c-service-card__icon .c-icon{ width:28px !important; height:28px !important; }

/* Mobile icon sizing (keep cards compact) */
@media (max-width: 520px){
  .c-service-card__icon .c-icon{width:18px !important;height:18px !important}
  .c-icon{width:18px;height:18px}
}

/* Pills (district links) */
.c-pill-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.c-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(11,58,119,.16);
  background:rgba(255,255,255,.72);
  font-weight:800;
  font-size:13px;
  color:var(--c-primary-800);
  text-decoration:none;
  transition:transform .12s ease, border-color .18s ease, background-color .18s ease;
}
.c-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(11,58,119,.26);
  background:rgba(255,255,255,.90);
}
/* Page-specific tweaks (kept minimal for performance) */
.c-area-cta{display:flex;gap:10px;flex-wrap:wrap}
.c-contact{color:var(--c-muted);line-height:1.85}


.c-pagehead__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(14,74,152,.08);border:1px solid rgba(11,58,119,.12);margin-bottom:10px;}
.c-pagehead__icon .c-icon{width:30px;height:30px;}


/* --- Sprint 3: Gallery, reviews, map, mobile CTA bar (progressive enhancement) --- */
.c-section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.c-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.c-chip{appearance:none;border:1px solid rgba(11,58,119,.18);background:rgba(255,255,255,.72);color:var(--c-text);padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease, background .15s ease, border-color .15s ease}
.c-chip:hover{transform:translateY(-1px)}
.c-chip.is-active{background:rgba(11,58,119,.10);border-color:rgba(11,58,119,.35)}
.c-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:900px){.c-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.c-gallery__item{border:1px solid rgba(11,58,119,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.70);box-shadow:0 10px 28px rgba(0,0,0,.05)}
.c-gallery__media{aspect-ratio:3/2;background:rgba(11,58,119,.06);overflow:hidden}
.c-gallery__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease}
.c-gallery__item:hover .c-gallery__img{transform:scale(1.02)}
.c-gallery__meta{padding:12px 12px 14px}
.c-gallery--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.c-gallery--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}

.c-reviews{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}
@media (min-width:900px){.c-reviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.c-review{border:1px solid rgba(11,58,119,.12);border-radius:18px;background:rgba(255,255,255,.70);padding:14px;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.c-review__stars{letter-spacing:1px;font-weight:900}
.c-review__text{margin:10px 0 12px;color:var(--c-text);line-height:1.7}
.c-review__who{font-weight:800}

.c-map{border:1px solid rgba(11,58,119,.12);border-radius:18px;background:rgba(255,255,255,.70);overflow:hidden}
.c-map__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px;font-weight:900}
.c-map__summary::-webkit-details-marker{display:none}
.c-map__frame{border-top:1px solid rgba(11,58,119,.10)}
.c-map__frame iframe{width:100%;height:360px;border:0;display:block}
.c-map[open] .c-chevron{transform:rotate(180deg)}

.c-mobilebar{position:fixed;left:10px;right:10px;bottom:10px;display:flex;gap:10px;z-index:1200}
@media (min-width:900px){.c-mobilebar{display:none}}
.c-mobilebar__btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:14px 12px;border-radius:16px;font-weight:900;text-decoration:none;border:1px solid rgba(11,58,119,.18);background:rgba(255,255,255,.78);backdrop-filter:saturate(120%) blur(10px);-webkit-backdrop-filter:saturate(120%) blur(10px)}
.c-mobilebar__btn--primary{background:rgba(11,58,119,.92);color:#fff;border-color:rgba(11,58,119,.92)}
.c-mobilebar__btn--accent{background:rgba(0,180,120,.92);color:#fff;border-color:rgba(0,180,120,.92)}
.c-mobilebar__btn--ghost{color:var(--c-text)}
@media (max-width:899px){body{padding-bottom:78px}}

/* Gallery filter (CSS-only radios; works even if JS fails) */
.c-filter__state{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
@supports(selector(:has(*))){
  .c-filter--radios:has(#gf-all:checked) label[for="gf-all"],
  .c-filter--radios:has(#gf-konut:checked) label[for="gf-konut"],
  .c-filter--radios:has(#gf-ofis:checked) label[for="gf-ofis"],
  .c-filter--radios:has(#gf-vitrin:checked) label[for="gf-vitrin"],
  .c-filter--radios:has(#gf-guvenlik:checked) label[for="gf-guvenlik"]{background:rgba(11,58,119,.10);border-color:rgba(11,58,119,.35)}
}
#gf-all:checked ~ .c-gallery .c-gallery__item{display:block}
#gf-konut:checked ~ .c-gallery .c-gallery__item{display:none}
#gf-konut:checked ~ .c-gallery .c-gallery__item.cat-konut{display:block}
#gf-ofis:checked ~ .c-gallery .c-gallery__item{display:none}
#gf-ofis:checked ~ .c-gallery .c-gallery__item.cat-ofis{display:block}
#gf-vitrin:checked ~ .c-gallery .c-gallery__item{display:none}
#gf-vitrin:checked ~ .c-gallery .c-gallery__item.cat-vitrin{display:block}
#gf-guvenlik:checked ~ .c-gallery .c-gallery__item{display:none}
#gf-guvenlik:checked ~ .c-gallery .c-gallery__item.cat-guvenlik{display:block}

/* Use cases */
.c-usecases{overflow:hidden}
.c-usecases .c-usecase{box-shadow:none}
.c-usecases .c-usecase{border:1px solid rgba(0,0,0,.08)}
@media (prefers-color-scheme: dark){.c-usecases .c-usecase{border-color:rgba(255,255,255,.12)}}

.u-muted{opacity:.75;font-size:.9em}

/* Lighthouse touch-target fix: avoid duplicate mobile bars + larger hit areas */
@media (max-width: 980px){.c-mobilebar{display:none!important}.c-cta-bar{gap:12px;left:16px;right:16px;bottom:16px}.c-cta-bar__btn{min-height:56px;padding:16px 18px}}


/* === Anchor/Sticky header offset (Lighthouse + UX) === */
:root{--header-h:66px}
@media (max-width:480px){:root{--header-h:66px}}
html{scroll-padding-top:calc(var(--header-h) + 16px)}
[id],h1,h2,h3{scroll-margin-top:calc(var(--header-h) + 16px)}

/* === Gallery hero spacing === */
.l-hero{padding:28px 0 12px}
.l-hero--compact{padding-top:22px}
.l-hero__grid{display:grid;gap:18px;align-items:center}
@media (min-width:900px){.l-hero__grid{grid-template-columns:1.2fr .8fr}}


/* === FAQ Table of contents === */
.c-toc{margin:18px 0 10px;padding:14px 14px 10px;border:1px solid var(--c-border);border-radius:16px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px)}
.c-toc__title{font-weight:700;font-size:14px;margin:0 0 8px;color:var(--c-text)}
.c-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.c-toc__item{margin:0;padding:0}
.c-toc__link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid var(--c-border);background:rgba(255,255,255,.8);color:var(--c-text);text-decoration:none;font-size:13px;line-height:1}
.c-toc__link:hover{background:rgba(255,255,255,1)}


/* Cookie consent */
.c-cookie{position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:12px}
.c-cookie__inner{max-width:1100px;margin:0 auto;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:14px 14px;display:flex;gap:14px;align-items:center;justify-content:space-between}
.c-cookie__title{font-weight:700;margin:0 0 2px 0;font-size:14px}
.c-cookie__desc{margin:0;font-size:13px;line-height:1.35;color:rgba(0,0,0,.72)}
.c-cookie__actions{display:flex;gap:10px;flex:0 0 auto}
@media (max-width:720px){
  .c-cookie__inner{flex-direction:column;align-items:stretch}
  .c-cookie__actions{width:100%}
  .c-cookie__actions .c-button{width:100%;min-height:48px}
}

.c-footer__cookie{background:transparent;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:6px 8px;line-height:1.2;font:inherit;opacity:.85}
.c-footer__cookie:focus{outline:2px solid currentColor;outline-offset:2px}


/* Service detail: examples grid (lightweight, reuses gallery card pattern) */
.c-gallery-grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr));}
@media (min-width:720px){.c-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.c-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.c-gallery-card{display:block;border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);text-decoration:none;color:inherit}
.c-gallery-card__media{aspect-ratio:4/3;overflow:hidden;background:rgba(0,0,0,.03)}
.c-gallery-card__img{width:100%;height:100%;object-fit:cover;display:block}
.c-gallery-card__meta{padding:12px 14px}
.c-gallery-card__title{font-weight:700}
.c-gallery-card__sub{font-size:.9rem;margin-top:2px}

.c-footer__map{display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);text-decoration:none;border:1px solid var(--c-border);border-radius:999px;padding:6px 10px;line-height:1}.c-footer__map:hover{color:var(--c-primary-700);border-color:rgba(0,0,0,.18)}.c-footer__map:focus-visible{outline:3px solid rgba(255,176,0,.35);outline-offset:2px}

.c-article-card{display:block;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.c-article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(11,58,119,.22)}.c-article-card__media{border-radius:18px;overflow:hidden;border:1px solid rgba(11,58,119,.12);margin-bottom:12px;aspect-ratio:960/630;background:rgba(11,58,119,.06)}.c-article-card__img{display:block;width:100%;height:100%;object-fit:cover}.c-article-card__meta{font-size:12px;font-weight:800;letter-spacing:.4px;color:rgba(11,58,119,.75);text-transform:uppercase;margin-bottom:6px}.c-article-card__title{font-weight:900;margin-bottom:6px}.c-article-card__text{color:var(--c-muted);line-height:1.6;margin-bottom:10px}.c-article-card__more{color:var(--c-primary-600);font-weight:800}

/* Tables (Bilgi Merkezi) */
.c-table-wrap{margin-top:12px;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(11,58,119,.14);border-radius:14px;background:rgba(255,255,255,.72)}.c-table{width:100%;border-collapse:separate;border-spacing:0;min-width:480px}.c-table th,.c-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(11,58,119,.10);white-space:normal}.c-table th{position:sticky;top:0;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));font-weight:900;color:var(--c-primary-900)}.c-table tbody tr:nth-child(even){background:rgba(11,58,119,.03)}.c-table tr:last-child td{border-bottom:0}.c-table td:first-child{font-weight:800;color:var(--c-primary-900)}


.c-logo--footer{margin-bottom:12px;max-width:max-content}.c-logo--footer .c-logo__text{font-size:24px;font-weight:900}.c-logo--footer .c-logo__mark{width:40px;height:40px}
/* Contrast patch: footer readability */.c-footer{color:#111827}.c-footer .c-footer__text,.c-footer .c-footer__nap,.c-footer .c-footer__list{color:#374151}.c-footer .c-footer__list a{color:#111827}.c-footer .c-logo__accent{color:#8A5A00}
.c-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 10px 28px rgba(11,18,32,.06)}.c-box .c-h3{margin:0 0 10px}.c-box .c-list{margin:0}
/*patch*/.u-span-all{grid-column:1/-1}.l-grid--2:has(>:only-child){grid-template-columns:1fr}