/* ════════════════════════════════════════════
   LAYOUT
════════════════════════════════════════════ */
/* 1440px içerik kaseti */
.w{max-width:1440px;margin-inline:auto;padding-inline:clamp(1.25rem,3vw,3rem)}

/* Section ritmi */
.sec{padding-block:clamp(3rem,5.5vw,5.5rem)}

/* Hero: aside 268px + main */
.l-grid{display:grid;grid-template-columns:268px 1fr;align-items:start}

/* ════════════════════════════════════════════
   ASIDE — masaüstü sticky nav
════════════════════════════════════════════ */
.aside{
  grid-column:1; position:sticky; top:135px;
  max-height:calc(100vh - 155px);
  overflow-y:auto; scrollbar-width:none;
  padding:1.5rem 1.75rem 2rem 0;
}
.aside::-webkit-scrollbar{display:none}

.aside__cap{
  font-size:.55rem; font-weight:800; letter-spacing:.25em; text-transform:uppercase;
  color:var(--g400); display:block; padding-inline:.6rem; margin-bottom:.9rem;
}

.aside__nav{ display:flex; flex-direction:column; gap:.15rem}

.aside__link{
  display:flex; align-items:center; gap:.7rem;
  padding:.65rem .75rem; border-radius:11px;
  font-size:.79rem; font-weight:600; color:var(--g500);
  transition:all var(--tm); position:relative;
}
.aside__link:hover{
  background:#fff; color:var(--blue-deep);
  box-shadow:0 2px 14px rgba(41,94,195,.08);
}
.aside__link[aria-current="page"]{
  background:#fff; color:var(--primary-blue); font-weight:700;
  box-shadow:0 2px 18px rgba(41,94,195,.12);
}
.aside__link[aria-current="page"]::before{
  content:''; position:absolute; left:0; top:24%; bottom:24%;
  width:3px; background:var(--primary-blue); border-radius:0 4px 4px 0;
}

.aside__ico{
  width:30px; height:30px; border-radius:8px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--g100); color:var(--g400); transition:all var(--tm);
}
.aside__link:hover .aside__ico{background:var(--surf);color:var(--primary-blue)}
.aside__link[aria-current="page"] .aside__ico{background:rgba(41,94,195,.1);color:var(--primary-blue)}
.aside__name{display:block; line-height:1.25; flex:1}

.aside__sep{height:1px;background:var(--g200);margin:.5rem .65rem;border:none}

/* Aside CTA kutusu */
.aside__cta{
  margin-top:1.25rem; padding:1.25rem 1rem 1.1rem;
  border-radius:14px; text-align:center;
  background:linear-gradient(140deg,var(--primary-blue),var(--primary-blue-dark));
  position:relative; overflow:hidden;
}
.aside__cta::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 80% 65% at 15% -20%,rgba(255,255,255,.11),transparent 60%);
}
.aside__cta-label{
  font-size:.58rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.48); display:block; margin-bottom:.45rem; position:relative;
}
.aside__cta-title{font-size:.83rem;font-weight:800;color:#fff;margin-bottom:.18rem;position:relative}
.aside__cta-sub{
  font-size:.66rem;font-weight:500;color:rgba(255,255,255,.52);
  line-height:1.5;margin-bottom:.9rem;position:relative;
}
.aside__cta-btn{
  display:flex; align-items:center; justify-content:center; gap:.42rem;
  background:#fff; color:var(--primary-blue-dark);
  font-size:.74rem; font-weight:800; letter-spacing:.01em;
  padding:.56rem .9rem; border-radius:9px;
  transition:all var(--tm); position:relative;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.aside__cta-btn:hover{background:var(--surf);transform:translateY(-1px)}

/* ════════════════════════════════════════════
   MAIN
════════════════════════════════════════════ */
.main{grid-column:2;min-width:0}
.l-grid .main{
  border-left:1px solid rgba(41,94,195,.1);
  padding-left:clamp(1.75rem,3vw,2.75rem);
}
/* §2+ bölümler tam genişlik */
.s-scope .main,.s-process .main,.s-why .main,
.s-gallery .main,.s-reviews .main,.s-info .main,
.s-faq .main,.s-cta .main{
  border-left:none; padding-left:0; width:100%;
}

/* ════════════════════════════════════════════
   ORTAK TOKEN'LAR
════════════════════════════════════════════ */
/* Chip / eyebrow */
.chip{
  display:inline-flex; align-items:center; gap:.44rem;
  font-size:.59rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
  padding:.38em 1em; border-radius:100px; margin-bottom:.85rem;
}
.chip--blue{color:var(--primary-blue);background:rgba(41,94,195,.08)}
.chip--lt{color:rgba(255,255,255,.82);background:rgba(255,255,255,.12)}
.chip--amber{color:var(--primary-orange-dark);background:rgba(216,145,3,.09)}
.chip--green{color:var(--primary-green-dark);background:rgba(23,157,46,.08)}

/* Heading */
.h2{
  font-size:clamp(1.6rem,2.4vw,2.25rem);
  font-weight:800; letter-spacing:-.035em; line-height:1.13;
  color:var(--blue-deep); margin-bottom:.7rem;
}
.h2--lt{color:#fff}
.h2 em{font-style:italic;color:var(--primary-blue);font-weight:700}

/* Lead */
.lead{font-size:.9rem;color:var(--g500);line-height:1.82;margin-bottom:1.5rem}
.lead strong{color:var(--blue-deep);font-weight:700}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; gap:.48rem;
  font-size:.8rem; font-weight:700; letter-spacing:.01em;
  padding:.72rem 1.5rem; border-radius:10px;
  border:2px solid transparent; cursor:pointer;
  transition:all var(--tm); white-space:nowrap;
}
.btn:active{transform:scale(.97)!important}
.btn--fill{background:var(--primary-blue);color:#fff;box-shadow:0 4px 20px rgba(41,94,195,.28)}
.btn--fill:hover{background:var(--primary-blue-light);transform:translateY(-2px);box-shadow:0 8px 28px rgba(41,94,195,.38)}
.btn--line{background:#fff;color:var(--primary-blue);border-color:rgba(41,94,195,.22)}
.btn--line:hover{border-color:var(--primary-blue);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:rgba(255,255,255,.88);border-color:rgba(255,255,255,.28)}
.btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65)}
.btn--snow{background:#fff;color:var(--blue-deep);box-shadow:0 4px 14px rgba(0,0,0,.11)}
.btn--snow:hover{background:var(--surf);transform:translateY(-2px)}

/* Scroll reveal */
.reveal{
  opacity:0; transform:translateY(18px);
  transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);
}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.07s} .reveal.d2{transition-delay:.14s}
.reveal.d3{transition-delay:.21s} .reveal.d4{transition-delay:.28s}
.reveal.d5{transition-delay:.35s}

/* ════════════════════════════════════════════
   §1  HERO
════════════════════════════════════════════ */
.s-hero{
  background:linear-gradient(160deg,#fff 0%,#f7faff 100%);
  border-bottom:1px solid rgba(41,94,195,.1);
  position:relative; overflow:hidden;
}
/* Subtle ambient */
.s-hero::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 65% 55% at 88% 18%,rgba(41,94,195,.05),transparent 65%),
    radial-gradient(ellipse 38% 42% at 12% 88%,rgba(23,157,46,.04),transparent 55%);
}

.hero-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(2rem,4vw,4.5rem); align-items:center;
  padding-block:clamp(2.75rem,5.5vw,5rem); position:relative; z-index:1;
}

.hero-kicker{
  display:inline-flex; align-items:center; gap:.42rem;
  font-size:.59rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--primary-orange-dark); background:rgba(216,145,3,.09);
  padding:.36em 1em; border-radius:100px; margin-bottom:1.25rem;
}

.hero-title{
  font-size:clamp(1.9rem,3vw,2.75rem); font-weight:900;
  letter-spacing:-.04em; line-height:1.08; color:var(--blue-deep); margin-bottom:1rem;
}
.hero-title em{font-style:italic;color:var(--primary-blue);font-weight:700}

.hero-desc{
  font-size:.9rem; color:var(--g500); line-height:1.82;
  margin-bottom:1.6rem; max-width:440px;
}
.hero-desc strong{color:var(--blue-deep);font-weight:700}

/* Checklist */
.chk{ display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.75rem}
.chk__row{display:flex;align-items:center;gap:.65rem;font-size:.8rem;font-weight:600;color:var(--g700)}
.chk__dot{
  width:20px; height:20px; border-radius:50%; flex-shrink:0;
  background:rgba(23,157,46,.11); color:var(--primary-green);
  display:flex; align-items:center; justify-content:center;
}

.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}

.trust{display:flex;flex-wrap:wrap;gap:.35rem}
.trust__tag{
  display:inline-flex; align-items:center; gap:.33rem;
  font-size:.67rem; font-weight:600; color:var(--g500);
  background:var(--g100); padding:.28em .82em; border-radius:100px;
  border:1px solid var(--g200); transition:all var(--tf);
}
.trust__tag:hover{background:var(--surf);border-color:rgba(41,94,195,.2);color:var(--primary-blue)}

/* Sağ görsel */
.hero-vis{position:relative}
.hero-frame{
  border-radius:20px; overflow:hidden;
  box-shadow:0 24px 70px rgba(19,38,96,.13);
}
.hero-img{
  width:100%; height:420px; object-fit:cover; display:block;
  transition:transform .75s var(--ease-out);
}
.hero-frame:hover .hero-img{transform:scale(1.04)}

.hero-badge{
  position:absolute; bottom:-15px; left:-15px;
  background:#fff; border-radius:15px;
  padding:.85rem 1.1rem; display:flex; align-items:center; gap:.75rem;
  box-shadow:0 12px 44px rgba(19,38,96,.12); min-width:162px;
  animation:badge-in .65s .4s var(--ease-out) both;
}
.hero-badge__ico{
  width:36px; height:36px; border-radius:10px; flex-shrink:0;
  background:rgba(23,157,46,.1); color:var(--primary-green);
  display:flex; align-items:center; justify-content:center;
}
.hero-badge__n{font-size:1.3rem;font-weight:900;color:var(--blue-deep);line-height:1}
.hero-badge__l{font-size:.62rem;font-weight:600;color:var(--g400);margin-top:.13rem}
@keyframes badge-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Stats bar */
.s-stats{background:var(--blue-deep)}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats__cell{
  padding:1.5rem 1rem; text-align:center;
  border-right:1px solid rgba(255,255,255,.06);
  transition:background var(--tf); position:relative;
}
.stats__cell:last-child{border-right:none}
.stats__cell:hover{background:rgba(255,255,255,.04)}
.stats__cell::after{
  content:''; position:absolute; bottom:0; left:15%; right:15%; height:2px;
  background:var(--primary-blue-light);
  transform:scaleX(0); transition:transform var(--tm); border-radius:1px;
}
.stats__cell:hover::after{transform:scaleX(1)}
.stats__val{
  font-size:clamp(1.35rem,2.2vw,1.85rem); font-weight:900;
  letter-spacing:-.03em; line-height:1; color:#fff;
}
.stats__val sup{font-size:55%;color:var(--primary-blue-light);vertical-align:super}
.stats__key{font-size:.62rem;font-weight:600;color:rgba(255,255,255,.42);margin-top:.35rem;letter-spacing:.04em}

/* ════════════════════════════════════════════
   §2  HİZMET KAPSAMI
════════════════════════════════════════════ */
.s-scope{background:linear-gradient(168deg,#f3f6fb 0%,#ecf0f9 100%)}
.scope-head{
  margin-bottom:clamp(1.5rem,3vw,2.5rem);
  padding-bottom:clamp(1.25rem,2.5vw,2rem);
  border-bottom:1px solid rgba(41,94,195,.06);
}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.scope-grid>article:first-child{grid-column:1/-1}

/* Hizmet kartı */
.svc-card{
  background:#fff;
  border:1px solid rgba(41,94,195,.07);
  border-radius:18px; overflow:hidden;
  display:flex; flex-direction:column;
  transition:all var(--tm);
}
.svc-card:hover{
  box-shadow:0 16px 52px rgba(41,94,195,.1);
  transform:translateY(-4px); border-color:rgba(41,94,195,.15);
}
.svc-card:hover .svc-card__img{transform:scale(1.05)}
.svc-card:hover .svc-card__ico{background:rgba(41,94,195,.14);transform:scale(1.05)}

/* featured variant */
.svc-card--feat{flex-direction:row}
.svc-card--feat::before{
  content:''; display:block; height:4px; flex-shrink:0;
  background:linear-gradient(90deg,var(--primary-blue),#6495ed,var(--primary-blue-light));
}
.svc-card--feat .svc-card__media{flex:0 0 50%;overflow:hidden;position:relative}
.svc-card--feat .svc-card__img{height:100%;min-height:275px}
.svc-card--feat .svc-card__body{padding:2rem;display:flex;flex-direction:column;justify-content:center}

.svc-card__media{overflow:hidden;position:relative;flex-shrink:0}
.svc-card__img{
  width:100%; height:215px; object-fit:cover; display:block;
  transition:transform .65s var(--ease-out);
}
.svc-card__badge{
  position:absolute; top:11px; left:11px;
  background:rgba(13,30,82,.72); backdrop-filter:blur(8px);
  color:#fff; font-size:.57rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  padding:.28em .85em; border-radius:100px; border:1px solid rgba(255,255,255,.14);
}
.svc-card__badge--accent{background:var(--primary-orange);border-color:transparent}

.svc-card__body{padding:1.35rem 1.45rem 1.55rem}
.svc-card__ico{
  width:40px; height:40px; border-radius:11px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(41,94,195,.08); color:var(--primary-blue);
  margin-bottom:.8rem; transition:all var(--tm);
}
.svc-card__name{font-size:.9375rem;font-weight:800;letter-spacing:-.01em;color:var(--blue-deep);margin-bottom:.42rem}
.svc-card__desc{font-size:.8rem;color:var(--g500);line-height:1.78;margin-bottom:.8rem}
.svc-card__list{display:flex;flex-direction:column;gap:.36rem}
.svc-card__list li{
  font-size:.75rem; font-weight:600; color:var(--g600);
  padding-left:1.1em; position:relative;
}
.svc-card__list li::before{
  content:''; position:absolute; left:0; top:.55em;
  width:4px; height:4px; border-radius:50%;
  background:var(--primary-blue); box-shadow:0 0 0 2px rgba(41,94,195,.12);
}

/* ════════════════════════════════════════════
   §3  SÜREÇ
════════════════════════════════════════════ */
.s-process{background:var(--blue-deep);position:relative;overflow:hidden}
.s-process::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 58% 52% at 96% -4%,rgba(41,94,195,.55),transparent 60%),
    radial-gradient(ellipse 40% 40% at 4% 104%,rgba(23,157,46,.22),transparent 55%);
}
.process-grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(2.5rem,5vw,5rem); align-items:center;
  position:relative; z-index:1;
}
.process-img{
  width:100%; height:490px; object-fit:cover; display:block;
  border-radius:18px; box-shadow:0 30px 72px rgba(0,0,0,.28);
}

.steps{display:flex;flex-direction:column}
.step{display:flex;gap:1.1rem;padding-bottom:1.75rem;position:relative}
.step:last-child{padding-bottom:0}
.step:not(:last-child)::after{
  content:''; position:absolute; left:20px; top:44px; bottom:0;
  width:1px; background:rgba(255,255,255,.09);
}
.step__n{
  width:42px; height:42px; border-radius:50%; flex-shrink:0;
  background:var(--primary-blue); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:.73rem; font-weight:900;
  box-shadow:0 5px 20px rgba(41,94,195,.44);
  z-index:1; position:relative;
}
.step__n::after{
  content:''; position:absolute; inset:-3px; border-radius:50%;
  border:1px solid rgba(41,94,195,.22);
  animation:step-ring 2.8s ease-in-out infinite;
}
@keyframes step-ring{
  0%,100%{opacity:0;transform:scale(1)}
  50%{opacity:1;transform:scale(1.15)}
}
.step__title{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.28rem}
.step__desc{font-size:.8rem;color:rgba(255,255,255,.52);line-height:1.78}

/* ════════════════════════════════════════════
   §4  NEDEN BİZ
════════════════════════════════════════════ */
.s-why{background:#fefefe}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.95rem}
.why-card{
  padding:1.5rem 1.4rem; border-radius:16px; background:#fff;
  border:1px solid rgba(41,94,195,.08); border-left:3px solid transparent;
  display:flex; flex-direction:column; gap:.65rem; transition:all var(--tm);
}
.why-card:hover{
  border-color:rgba(41,94,195,.15); border-left-color:var(--primary-blue);
  box-shadow:0 10px 36px rgba(41,94,195,.09); transform:translateY(-3px); background:var(--surf);
}
.why-card__ico{
  width:42px; height:42px; border-radius:11px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(41,94,195,.08); color:var(--primary-blue); transition:background var(--tm);
}
.why-card:hover .why-card__ico{background:rgba(41,94,195,.15)}
.why-card__name{font-size:.84rem;font-weight:800;color:var(--blue-deep)}
.why-card__desc{font-size:.775rem;color:var(--g500);line-height:1.78}

/* ════════════════════════════════════════════
   §5  GALERİ
════════════════════════════════════════════ */
.s-gallery{background:linear-gradient(168deg,#edf1fb 0%,#e5eaf5 100%)}
.gallery-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  grid-template-rows:228px 192px;
  gap:.95rem;
}
.gitem{border-radius:16px;overflow:hidden;position:relative;transition:transform var(--tm)}
.gitem:hover{transform:scale(1.02)}
.gitem:hover img{transform:scale(1.07)}
.gitem--tall{grid-row:1/3}
.gitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s var(--ease-out)}
.gitem figcaption{
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(13,30,82,.68),transparent);
  padding:1.1rem .85rem .6rem;
  font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.92);
}

/* ════════════════════════════════════════════
   §6  YORUMLAR
════════════════════════════════════════════ */
.s-reviews{background:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.95rem}
.review{
  background:#f9fafe; border:1px solid rgba(41,94,195,.08);
  border-top:3px solid rgba(41,94,195,.12); border-radius:16px;
  padding:1.5rem; display:flex; flex-direction:column; gap:.9rem;
  transition:all var(--tm);
}
.review:hover{
  box-shadow:0 14px 42px rgba(41,94,195,.1); transform:translateY(-3px);
  border-top-color:var(--primary-blue); background:#fff;
}
.review__stars{display:flex;gap:.18rem;color:var(--primary-orange)}
.review__q{
  flex:1; font-size:.8rem; font-style:italic; color:var(--g600); line-height:1.82;
  padding-top:.75rem; border-top:1px solid var(--g100);
}
.review__q::before{
  content:'\201C'; font-size:2.2rem; font-weight:900; line-height:.5;
  color:var(--primary-blue); opacity:.13;
  display:block; margin-bottom:.28rem;
}
.review__div{display:flex;align-items:center;gap:.75rem}
.review__av{
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:.6rem; font-weight:900;
}
.review__name{display:block;font-size:.8rem;font-weight:800;color:var(--blue-deep)}
.review__meta{font-size:.67rem;font-weight:500;color:var(--g400)}

/* ════════════════════════════════════════════
   §7  KURUMSAL
════════════════════════════════════════════ */
.s-info{
  background:linear-gradient(168deg,#f4f7fd 0%,#ecf1fb 100%);
  border-top:1px solid rgba(41,94,195,.08);
  border-bottom:1px solid rgba(41,94,195,.08);
}
.info-grid{display:grid;grid-template-columns:.57fr .43fr;gap:clamp(2rem,4vw,4rem);align-items:start}
.info-text .lead{margin-bottom:.8rem}
.info-text .lead:last-of-type{margin-bottom:0}

.info-card{
  background:#fff; border:1px solid rgba(41,94,195,.1);
  border-left:3px solid var(--primary-blue);
  border-radius:16px; padding:1.5rem;
  box-shadow:0 4px 24px rgba(41,94,195,.06);
}
.info-card__title{
  font-size:.78rem; font-weight:800; color:var(--blue-deep);
  padding-bottom:.75rem; border-bottom:1px solid var(--g100); margin-bottom:.75rem;
}
.info-list{display:flex;flex-direction:column;gap:.55rem}
.info-list li{display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:600;color:var(--g600)}
.info-list__ico{color:var(--primary-green);flex-shrink:0}

/* ════════════════════════════════════════════
   §8  SSS
════════════════════════════════════════════ */
.s-faq{background:linear-gradient(168deg,#fff 0%,#fafbff 100%)}
.faq-inner{max-width:720px;margin-inline:auto}
.faq-list{display:flex;flex-direction:column;gap:.5rem}

details.faq-item{
  border:1px solid rgba(41,94,195,.09); border-radius:14px;
  background:#f9fafe; overflow:hidden; transition:border-color var(--tf);
}
details.faq-item[open]{
  border-color:rgba(41,94,195,.22);
  box-shadow:0 4px 20px rgba(41,94,195,.07); background:#fff;
}
details.faq-item[open] summary{color:var(--primary-blue)}

details.faq-item summary{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem 1.35rem;
  font-size:.845rem; font-weight:700; color:var(--blue-deep);
  cursor:pointer;  user-select:none; transition:color var(--tf);
}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary:hover{color:var(--primary-blue)}

.faq-item__arrow{
  flex-shrink:0; color:var(--primary-blue);
  transition:transform var(--tm);
}
details.faq-item[open] .faq-item__arrow{transform:rotate(180deg)}

.faq-item__body{
  padding:.75rem 1.35rem 1.1rem; border-top:1px solid var(--g100);
  font-size:.815rem; color:var(--g500); line-height:1.82;
  animation:faq-in .22s var(--ease-out);
}
@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ════════════════════════════════════════════
   §9  CTA
════════════════════════════════════════════ */
.s-cta{
  background:linear-gradient(130deg,var(--primary-blue-dark) 0%,var(--blue-deep) 50%,#060818 100%);
  position:relative; overflow:hidden;
}
.s-cta::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 52% 58% at 82% 50%,rgba(59,112,224,.35),transparent 65%),
    radial-gradient(ellipse 38% 48% at -4% 50%,rgba(23,157,46,.18),transparent 58%);
}
.cta-dekor{
  position:absolute; right:-60px; top:50%; transform:translateY(-50%);
  pointer-events:none; opacity:.1;
}
.cta-inner{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between;
  gap:2rem; flex-wrap:wrap;
  padding-block:clamp(2.75rem,5.5vw,4.75rem);
}
.cta-copy{flex:1;min-width:250px}
.cta-copy h2{
  font-size:clamp(1.3rem,2.2vw,1.95rem); font-weight:900;
  letter-spacing:-.035em; color:#fff; line-height:1.2; margin-bottom:.55rem;
}
.cta-copy p{font-size:.845rem;color:rgba(255,255,255,.58)}
.cta-btns{display:flex;gap:.65rem;flex-wrap:wrap;flex-shrink:0}

/* ════════════════════════════════════════════
   FLOATING PILL BUTTON — mobil menü
════════════════════════════════════════════ */
.fab{
  display:none;
  position:fixed;
  bottom:calc(1.5rem + env(safe-area-inset-bottom));
  left:1.1rem; z-index:800;
}
.fab__btn{
  display:inline-flex; align-items:center; gap:.55rem;
  background:var(--primary-blue); color:#fff;
  font-size:.72rem; font-weight:800; letter-spacing:.01em;
  padding:.66rem 1.18rem .66rem .9rem; border-radius:100px;
  box-shadow:0 6px 24px rgba(19,38,96,.32),0 1px 0 rgba(255,255,255,.1) inset;
  transition:all var(--tm);
}
.fab__btn:hover{background:var(--primary-blue-dark);box-shadow:0 8px 28px rgba(41,94,195,.42);transform:translateY(-1px)}
.fab__btn:active{transform:scale(.95)!important}
.fab__ico{
  width:22px; height:22px; border-radius:50%;
  background:rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}

/* ════════════════════════════════════════════
   OVERLAY
════════════════════════════════════════════ */
.overlay{
  display:none; position:fixed; inset:0; z-index:890;
  background:rgba(8,15,46,.5); backdrop-filter:blur(6px);
}
.overlay.on{display:block}

/* ════════════════════════════════════════════
   BOTTOM SHEET
════════════════════════════════════════════ */
.sheet{
  position:fixed; left:0; right:0; bottom:0; z-index:900;
  max-height:90vh; background:#fff;
  border-radius:24px 24px 0 0;
  box-shadow:0 -20px 72px rgba(8,15,46,.18);
  transform:translateY(100%); transition:transform var(--ts);
  overflow-y:auto; scrollbar-width:none;
  display:flex; flex-direction:column;
  padding-bottom:calc(1.75rem + env(safe-area-inset-bottom));
}
.sheet::-webkit-scrollbar{display:none}
.sheet.on{transform:translateY(0)}
.sheet::before{
  content:''; display:block; flex-shrink:0;
  width:36px; height:4px; border-radius:2px;
  background:var(--g200); margin:14px auto 0;
}

.sheet__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:1rem 1.4rem .75rem; border-bottom:1px solid var(--g100); flex-shrink:0;
}
.sheet__label{
  font-size:.68rem; font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; color:var(--g400);
}
.sheet__close{
  width:28px; height:28px; border-radius:50%;
  background:var(--g100); color:var(--g500);
  display:flex; align-items:center; justify-content:center; transition:all var(--tm);
}
.sheet__close:hover{background:var(--g200);color:var(--g700)}

.sheet__nav{flex:1;padding:.5rem .85rem}
.sheet__item{margin-bottom:.18rem}
.sheet__link{
  display:flex; align-items:center; gap:.75rem;
  padding:.75rem .9rem; border-radius:12px;
  font-size:.82rem; font-weight:600; color:var(--g600);
  transition:all var(--tm); position:relative;
}
.sheet__link:active{transform:scale(.98)}
.sheet__link:hover{background:var(--surf);color:var(--primary-blue)}
.sheet__link[aria-current="page"]{
  background:linear-gradient(135deg,rgba(41,94,195,.08),rgba(41,94,195,.04));
  color:var(--primary-blue); font-weight:700;
  border:1px solid rgba(41,94,195,.13);
}
.sheet__link[aria-current="page"]::before{
  content:''; position:absolute; left:0; top:23%; bottom:23%;
  width:3px; background:var(--primary-blue); border-radius:0 3px 3px 0;
}
.sheet__ico{
  width:34px; height:34px; border-radius:10px; flex-shrink:0;
  background:var(--g100); color:var(--g400);
  display:flex; align-items:center; justify-content:center; transition:all var(--tm);
}
.sheet__link:hover .sheet__ico{background:var(--surf);color:var(--primary-blue)}
.sheet__link[aria-current="page"] .sheet__ico{background:rgba(41,94,195,.1);color:var(--primary-blue)}
.sheet__name{display:block;line-height:1.3;flex:1}
.sheet__hint{display:block;font-size:.62rem;font-weight:500;color:var(--g400);margin-top:.1rem}
.sheet__link[aria-current="page"] .sheet__hint{color:rgba(41,94,195,.55)}
.sheet__sep{height:1px;background:var(--g100);margin:.5rem .5rem;border:none}

.sheet__cta{
  margin:0.2rem 1.2rem 0;
  padding:1.2rem 1.1rem;
  border-radius:14px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:linear-gradient(140deg,var(--primary-blue),var(--primary-blue-dark));
}
.sheet__cta::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 15% -20%,rgba(255,255,255,.1),transparent 60%);
}
.sheet__cta-title{font-size:.78rem;font-weight:800;color:#fff;margin-bottom:.2rem;position:relative}
.sheet__cta-sub{font-size:.65rem;color:rgba(255,255,255,.56);margin-bottom:.85rem;line-height:1.4;position:relative}
.sheet__cta-btn{
  display:flex; align-items:center; justify-content:center; gap:.45rem;
  background:#fff; color:var(--primary-blue-dark);
  font-size:.75rem; font-weight:800;
  padding:.6rem 1rem; border-radius:9px;
  box-shadow:0 4px 12px rgba(0,0,0,.11); transition:all var(--tm); position:relative;
}
.sheet__cta-btn:active{transform:scale(.97)}

/* ════════════════════════════════════════════
   SCROLLBAR
════════════════════════════════════════════ */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--g200);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--g300)}

/* ════════════════════════════════════════════
   RESPONSIVE  ≤ 1100  tablet
════════════════════════════════════════════ */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr}
  .hero-vis{display:none}
  .hero-desc{max-width:100%}
  .scope-grid{grid-template-columns:1fr}
  .svc-card--feat{flex-direction:column}
  .svc-card--feat .svc-card__media{flex:none}
  .svc-card--feat .svc-card__img{height:240px}
  .svc-card--feat .svc-card__body{padding:1.7rem}
  .process-grid{grid-template-columns:1fr}
  .process-img{height:268px;margin-bottom:0}
  .info-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
}

/* ════════════════════════════════════════════
   RESPONSIVE  ≤ 900  mobil
════════════════════════════════════════════ */
@media(max-width:900px){
  /* Layout */
  .aside{display:none}
  .fab{display:flex}
  .l-grid{grid-template-columns:1fr}
  .main{border-left:none!important;padding-left:0!important;grid-column:1/-1}

  /* Ritim — net, az boşluk */
  .sec{padding-block:clamp(1.9rem,4.5vw,2.9rem)}
  .w{padding-inline:clamp(.9rem,4vw,1.35rem)}

  /* Hero */
  .s-hero::before{display:none}
  .hero-grid{
    grid-template-columns:1fr; text-align:center;
    padding-block:clamp(1.6rem,4vw,2.6rem); gap:0;
  }
  .hero-vis{display:none}
  .hero-kicker{margin-inline:auto;margin-bottom:.9rem;font-size:.57rem}
  .hero-title{
    font-size:clamp(1.75rem,8.5vw,2.5rem);
    letter-spacing:-.04em; line-height:1.08; margin-bottom:.85rem;
  }
  .hero-desc{
    font-size:.855rem; line-height:1.76; max-width:100%;
    margin-inline:auto; margin-bottom:1.25rem;
  }
  .chk{
    display:inline-flex; flex-direction:column; gap:.45rem;
    margin-bottom:1.35rem; text-align:left;
  }
  .chk__dot{width:18px;height:18px}
  .chk__row{font-size:.775rem}
  .hero-actions{
    display:grid; grid-template-columns:1fr 1fr;
    gap:.55rem; justify-content:center; margin-bottom:1.1rem;
  }
  .hero-actions .btn{justify-content:center;padding:.7rem .5rem;font-size:.775rem}
  .trust{justify-content:center}

  /* Stats 2×2 */
  .stats{grid-template-columns:1fr 1fr}
  .stats__cell{padding:.95rem .6rem}
  .stats__cell:nth-child(2){border-right:none}
  .stats__cell:nth-child(3),.stats__cell:nth-child(4){border-top:1px solid rgba(255,255,255,.06)}
  .stats__cell:nth-child(4){border-right:none}
  .stats__val{font-size:1.4rem}
  .stats__key{font-size:.57rem}

  /* Section heads ortalı */
  .scope-head{
    display:flex; flex-direction:column; align-items:center;
    text-align:center; border-bottom:none; padding-bottom:0;
    margin-bottom:clamp(1.1rem,3vw,1.6rem);
  }
  .h2{text-align:center}
  .lead{text-align:center;margin-inline:auto}

  /* Kapsam */
  .scope-grid{grid-template-columns:1fr}
  .svc-card__img{height:185px}
  .svc-card__body{padding:1.1rem 1.15rem 1.25rem}
  .svc-card__name{font-size:.875rem}
  .svc-card__desc{font-size:.775rem;margin-bottom:.65rem}
  .svc-card__list li{font-size:.715rem}
  .svc-card__list{gap:.3rem}
  .svc-card__ico{width:36px;height:36px;margin-bottom:.7rem}

  /* Süreç */
  .process-img{height:182px;margin-bottom:1.2rem;border-radius:14px}
  .step{padding-bottom:1.35rem}
  .step__n{width:38px;height:38px;font-size:.7rem}
  .step__title{font-size:.86rem}
  .step__desc{font-size:.775rem}
  .s-process .h2,.s-process .chip,.s-process .lead{text-align:center}

  /* Neden biz */
  .why-grid{grid-template-columns:1fr}
  .why-card{border-left:none;border-top:3px solid transparent;padding:1.15rem 1.1rem;gap:.58rem}
  .why-card:hover{border-left:none;border-top-color:var(--primary-blue)}
  .why-card__name{font-size:.82rem}
  .why-card__desc{font-size:.755rem}
  .why-card__ico{width:38px;height:38px}
  .s-why .h2,.s-why .chip,.s-why .lead{text-align:center}

  /* Galeri */
  .gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:163px 163px;
  }
  .gitem--tall{grid-row:auto}
  .gitem img{height:163px}
  .gitem figcaption{font-size:.57rem;padding:.85rem .7rem .5rem}
  .s-gallery .h2,.s-gallery .chip{text-align:center}

  /* Yorumlar */
  .reviews-grid{grid-template-columns:1fr}
  .review{padding:1.2rem 1.15rem}
  .review__q{font-size:.775rem}
  .review__q::before{font-size:1.85rem}
  .s-reviews .h2,.s-reviews .chip{text-align:center}

  /* Kurumsal */
  .info-grid{grid-template-columns:1fr}
  .info-card{border-left:none;border-top:3px solid var(--primary-blue);margin-top:.5rem}
  .info-text .lead{font-size:.815rem;text-align:left}
  .s-info .h2,.s-info .chip{text-align:center}

  /* SSS */
  .faq-inner{max-width:100%}
  details.faq-item summary{padding:.88rem 1.1rem;font-size:.81rem}
  .faq-item__body{padding:.7rem 1.1rem 1rem;font-size:.79rem}
  .s-faq .h2,.s-faq .chip{text-align:center}

  /* CTA */
  .cta-inner{flex-direction:column;text-align:center;padding-block:clamp(2rem,5vw,3.25rem)}
  .cta-btns{flex-direction:column;width:100%;max-width:290px;margin-inline:auto}
  .cta-btns .btn{justify-content:center;width:100%}
  .cta-copy h2{font-size:clamp(1.15rem,6vw,1.6rem)}
  .cta-copy p{font-size:.82rem}
}

/* ════════════════════════════════════════════
   RESPONSIVE  ≤ 480  küçük telefon
════════════════════════════════════════════ */
@media(max-width:480px){
  .w{padding-inline:.85rem}
  .sec{padding-block:clamp(1.65rem,4vw,2.35rem)}
  .hero-title{font-size:clamp(1.65rem,9vw,2.25rem)}
  .hero-actions{grid-template-columns:1fr;gap:.5rem}
  .hero-actions .btn{padding:.78rem 1rem;font-size:.78rem}
  .trust{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stats__cell{padding:.9rem .5rem}
  .stats__val{font-size:1.25rem}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .gitem img{height:195px}
  .svc-card__img{height:170px}
  .fab__btn{font-size:.7rem;padding:.62rem 1.05rem .62rem .82rem}
}