/* ============================================================
   TOKENS
   Palet, Türkiye'nin resmî belge dünyasından türetildi:
   pasaport mürekkebi (ink), Turkuaz Kart (turkuaz), mühür (stamp).
   ============================================================ */
:root{
  --ink:#0C1E33;
  --ink-2:#16324F;
  --ink-3:#2B4B6F;
  --paper:#F4F7F8;
  --paper-2:#FFFFFF;
  --turkuaz:#0B8C99;
  --turkuaz-deep:#076570;
  --turkuaz-bright:#35D0DC;
  --stamp:#B23A48;
  --amber:#C8931F;
  --line:rgba(12,30,51,.14);
  --line-strong:rgba(12,30,51,.28);
  --line-dark:rgba(255,255,255,.16);

  --font-display:"Archivo",system-ui,sans-serif;
  --font-body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --wrap:1180px;
  --pad:clamp(20px,5vw,56px);
  --radius:3px;
}
html[lang="ar"]{ --font-body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif; }
html[lang="ar"] .display{ font-family:var(--font-body); font-weight:700; letter-spacing:0; }

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}
body{
  margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink);
  font-family:var(--font-body); font-size:16.5px; line-height:1.65;
  font-weight:400; -webkit-font-smoothing:antialiased;
}
img,svg{ max-width:100%; display:block; }
a{ color:inherit; }

.display{
  font-family:var(--font-display);
  font-variation-settings:"wdth" 112,"wght" 800;
  letter-spacing:-.018em; line-height:1.02; margin:0;
  text-transform:uppercase;
}
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }

/* mono etiket — resmî form alanı dili */
.tag{
  font-family:var(--font-mono); font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--turkuaz-deep);
  display:inline-flex; align-items:center; gap:.6em;
}
.tag::before{ content:""; width:22px; height:1px; background:currentColor; flex:none; }
.tag--onDark{ color:var(--turkuaz-bright); }

:focus-visible{ outline:2.5px solid var(--turkuaz-bright); outline-offset:3px; border-radius:2px; }

/* ============================================================ BUTTONS */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  font-family:var(--font-mono); font-size:12.5px; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  padding:14px 24px; border:1px solid transparent; border-radius:var(--radius);
  cursor:pointer; transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.btn:active{ transform:translateY(1px); }
.btn--fill{ background:var(--turkuaz); color:#fff; }
.btn--fill:hover{ background:var(--turkuaz-deep); }
.btn--ghost{ background:transparent; color:var(--ink); border-color:var(--line-strong); }
.btn--ghost:hover{ border-color:var(--ink); }
.btn--ghostDark{ background:transparent; color:#fff; border-color:var(--line-dark); }
.btn--ghostDark:hover{ border-color:#fff; }
.btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* ============================================================ HEADER */
header{
  position:sticky; top:0; z-index:60; background:rgba(12,30,51,.94);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line-dark);
}
.hbar{ display:flex; align-items:center; gap:20px; height:66px; }
.logo{ display:inline-flex; align-items:center; flex:none; text-decoration:none; }
.logo img{ height:34px; width:auto; display:block; }
@media (max-width:520px){ .logo img{ height:28px; } }
footer .logo img{ height:30px; }
nav.main{ display:flex; gap:30px; margin-inline-start:auto; }
nav.main a, .hbar .btn{ white-space:nowrap; }
nav.main a{
  color:rgba(255,255,255,.78); text-decoration:none; font-size:14px; font-weight:500;
  transition:color .2s ease;
}
nav.main a:hover{ color:#fff; }
.hbar .btn{ padding:10px 18px; }

.langs{ display:flex; gap:2px; border:1px solid var(--line-dark); border-radius:var(--radius); padding:2px; }
.langs button{
  background:none; border:0; color:rgba(255,255,255,.7); cursor:pointer;
  font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.08em;
  padding:5px 8px; border-radius:2px; text-transform:uppercase;
}
.langs button[aria-pressed="true"]{ background:var(--turkuaz); color:#fff; }

.burger{ display:none; background:none; border:1px solid var(--line-dark); border-radius:var(--radius);
  color:#fff; width:40px; height:36px; cursor:pointer; margin-inline-start:auto; }

@media (max-width:1180px) and (min-width:1181px){
  nav.main{ gap:18px; }
  nav.main a{ font-size:13.5px; }
}
@media (max-width:1180px){
  nav.main{
    position:absolute; inset-block-start:66px; inset-inline:0; background:var(--ink);
    flex-direction:column; gap:0; padding:8px var(--pad) 20px;
    border-bottom:1px solid var(--line-dark); display:none;
  }
  nav.main.open{ display:flex; }
  nav.main a{ padding:15px 0; border-bottom:1px solid var(--line-dark); font-size:16px; }
  nav.main.open{ max-height:calc(100dvh - 66px); overflow-y:auto; }
  .burger{ display:block; }
  .hbar > .btn{ display:none; }
  .langs{ margin-inline-start:auto; }
}

/* mobilde dokunma hedefleri ve taşma güvenliği */
@media (max-width:640px){
  .btn{ padding:15px 22px; }
  .langs button{ padding:8px 10px; }
  .opt{ padding:16px 16px; }
  .hero .actions .btn{ flex:1 1 100%; }
  .permit{ transform:none; }
  .result__head{ flex-direction:column; }
  .result__ref{ text-align:start; }
}

/* ============================================================ HERO */
.hero{
  background:
    radial-gradient(900px 420px at 85% 0%, rgba(11,140,153,.30), transparent 65%),
    linear-gradient(180deg,var(--ink) 0%,#0A1929 100%);
  color:#fff; padding-block:clamp(56px,9vw,104px) clamp(64px,10vw,112px);
  position:relative; overflow:hidden;
}
.hero::after{ /* ince tarama çizgileri — belge dokusu */
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.022) 3px 4px);
}
.hero .wrap{ position:relative; z-index:1; min-height:clamp(360px,42vw,520px); display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(32px,5vw,64px); align-items:center; }
.hero h1{ font-size:clamp(38px,6.4vw,76px); color:#fff; margin-block:20px 0; letter-spacing:-.026em; }
.hero h1 em{ font-style:normal; color:var(--turkuaz-bright); }
.hero p.sub{ font-size:clamp(17px,1.8vw,20px); color:rgba(255,255,255,.78); max-width:44ch;
  margin-block:20px 0; font-weight:300; line-height:1.55; }
.hero .actions{ display:flex; flex-wrap:wrap; gap:12px; margin-block-start:32px; }
.btn--big{ padding:18px 32px; font-size:13.5px; letter-spacing:.11em; }
.trust{ list-style:none; margin:32px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 26px; }
.trust li{ display:flex; align-items:center; gap:9px; font-family:var(--font-mono);
  font-size:11.5px; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.62); }
.trust li::before{ content:""; width:6px; height:6px; border-radius:50%;
  background:var(--turkuaz-bright); flex:none; }

@media (max-width:900px){ .hero .wrap{ grid-template-columns:1fr; } }

/* --- gerçek belge görseli --- */
.specimen-hero{
  margin:0 auto; max-width:400px; background:var(--paper-2);
  border-radius:8px; padding:16px 16px 14px;
  box-shadow:0 30px 60px -22px rgba(0,0,0,.6); transform:rotate(-1.1deg);
}
.specimen-hero img{ width:100%; height:auto; border-radius:3px; border:1px solid var(--line); }
.specimen-hero figcaption{ margin-block-start:12px; color:var(--ink-3); font-size:12px; line-height:1.5; }
.specimen-hero figcaption b{
  display:block; font-family:var(--font-mono); font-size:9.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--turkuaz-deep); font-weight:500; margin-block-end:5px;
}
@media (max-width:900px){ .specimen-hero{ transform:none; max-width:360px; } }

/* --- kimlik kartı görseli (kullanılmıyor) --- */
.permit{
  background:linear-gradient(150deg,#FDFEFE 0%,#EAF1F2 100%); color:var(--ink);
  border-radius:10px; padding:0 0 20px; box-shadow:0 30px 60px -20px rgba(0,0,0,.55);
  transform:rotate(-1.4deg); position:relative; overflow:hidden; max-width:420px; margin-inline:auto;
}
.permit__band{
  background:linear-gradient(90deg,var(--turkuaz-deep),var(--turkuaz));
  color:#fff; padding:12px 20px; display:flex; justify-content:space-between; align-items:center;
  font-family:var(--font-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
}
.permit__body{ display:grid; grid-template-columns:78px 1fr; gap:18px; padding:20px 20px 4px; }
.permit__photo{
  aspect-ratio:3/4; border-radius:2px; border:1px solid var(--line);
  background:repeating-linear-gradient(135deg,#DCE6E8 0 6px,#D2DEE0 6px 12px);
  display:grid; place-items:center;
}
.permit__photo svg{ width:34px; opacity:.45; }
.permit__fields{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; }
.permit__f b{ display:block; font-family:var(--font-mono); font-size:8.5px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-3); font-weight:500; }
.permit__f span{ font-size:13px; font-weight:600; }
.permit__mrz{
  margin:16px 20px 0; padding-block-start:12px; border-top:1px dashed var(--line-strong);
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em; color:var(--ink-3);
  overflow:hidden; white-space:nowrap;
}
.permit__seal{
  position:absolute; inset-block-end:16px; inset-inline-end:18px; width:76px; height:76px;
  border:2px solid rgba(178,58,72,.5); border-radius:50%; color:var(--stamp);
  display:grid; place-items:center; text-align:center; transform:rotate(-11deg);
  font-family:var(--font-mono); font-size:8px; letter-spacing:.1em; line-height:1.35; opacity:.75;
}

/* ============================================================ SECTIONS */
section{ padding-block:clamp(56px,8vw,100px); scroll-margin-top:78px; }
.shead{ max-width:62ch; margin-block-end:clamp(28px,4vw,48px); }
.shead h2{ font-size:clamp(26px,3.6vw,42px); margin-block:14px 0; }
.shead p{ color:var(--ink-3); margin-block:14px 0; font-size:17px; }
.alt{ background:var(--paper-2); border-block:1px solid var(--line); }

/* ============================================================ CHECKER (imza öğesi) */
#check{ background:var(--paper-2); border-block:1px solid var(--line); }
.checker{
  background:var(--paper-2); border:1px solid var(--line-strong); border-radius:var(--radius);
  box-shadow:0 18px 44px -28px rgba(12,30,51,.5); overflow:hidden; max-width:840px;
}
.checker__top{
  background:var(--ink); color:#fff; padding:14px 22px;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
}
.checker__top b{ color:var(--turkuaz-bright); font-weight:500; }
.bar{ height:3px; background:rgba(12,30,51,.1); }
.bar i{ display:block; height:100%; background:var(--turkuaz); width:0; transition:width .35s cubic-bezier(.4,0,.2,1); }
.checker__body{ padding:clamp(24px,4vw,40px); }
.q{ font-size:clamp(19px,2.4vw,25px); font-weight:600; line-height:1.35; margin:0 0 22px; }
.opts{ display:grid; gap:9px; }
.opt{
  display:flex; align-items:center; gap:14px; text-align:start;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:15px 18px; cursor:pointer; font:inherit; color:inherit; width:100%;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.opt:hover{ border-color:var(--turkuaz); background:#fff; transform:translateX(2px); }
html[dir="rtl"] .opt:hover{ transform:translateX(-2px); }
.opt i{
  font-family:var(--font-mono); font-style:normal; font-size:11px; font-weight:600;
  color:var(--turkuaz-deep); border:1px solid var(--line-strong); border-radius:2px;
  width:26px; height:26px; display:grid; place-items:center; flex:none;
}
.opt:hover i{ background:var(--turkuaz); color:#fff; border-color:var(--turkuaz); }
.checker__foot{
  padding:14px 22px; border-top:1px solid var(--line); display:flex; justify-content:space-between;
  align-items:center; gap:12px; font-family:var(--font-mono); font-size:11px; color:var(--ink-3);
  letter-spacing:.06em; flex-wrap:wrap;
}
.linkbtn{ background:none; border:0; padding:0; cursor:pointer; font:inherit; color:var(--turkuaz-deep);
  text-decoration:underline; text-underline-offset:3px; }

/* sonuç */
.result{ animation:rise .45s cubic-bezier(.2,.7,.3,1) both; }
@keyframes rise{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.result__head{ display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap; justify-content:space-between;
  padding-block-end:20px; border-bottom:1px dashed var(--line-strong); }
.badge{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  padding:7px 13px; border-radius:2px; font-weight:600; border:1px solid;
}
.badge--ok{ color:var(--turkuaz-deep); border-color:var(--turkuaz); background:rgba(11,140,153,.09); }
.badge--cond{ color:var(--amber); border-color:var(--amber); background:rgba(200,147,31,.1); }
.badge--stop{ color:var(--stamp); border-color:var(--stamp); background:rgba(178,58,72,.08); }
.result__ref{ font-family:var(--font-mono); font-size:11px; color:var(--ink-3); letter-spacing:.08em; text-align:end; }
.findings{ list-style:none; margin:22px 0 0; padding:0; display:grid; gap:14px; }
.findings li{ display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:start; font-size:15.5px; }
.findings li::before{
  content:attr(data-m); font-family:var(--font-mono); font-size:10px; font-weight:600;
  width:22px; height:22px; border-radius:2px; display:grid; place-items:center; margin-block-start:2px;
}
.findings li[data-t="ok"]::before{ content:"✓"; background:rgba(11,140,153,.12); color:var(--turkuaz-deep); }
.findings li[data-t="warn"]::before{ content:"!"; background:rgba(200,147,31,.16); color:var(--amber); }
.findings li[data-t="info"]::before{ content:"i"; background:rgba(43,75,111,.1); color:var(--ink-3); }
.result__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-block-start:28px; }
.disclaim{ font-size:13px; color:var(--ink-3); margin-block-start:24px; padding-block-start:18px;
  border-top:1px solid var(--line); line-height:1.6; }

/* ============================================================ GRIDS */
.grid3{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.cell{ background:var(--paper); padding:clamp(24px,3vw,34px); }
.cell h3{ font-size:19px; margin:14px 0 10px; font-weight:600; }
.cell p{ margin:0; color:var(--ink-3); font-size:15px; }
.cell .num{ font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; color:var(--turkuaz); }
.alt .cell{ background:var(--paper-2); }

/* ============================================================ İZİN TÜRLERİ */
.types{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.type{
  background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 24px 24px; position:relative; overflow:hidden;
  transition:border-color .2s ease, transform .2s ease;
}
.type::before{ content:""; position:absolute; inset-block-start:0; inset-inline:0; height:3px;
  background:linear-gradient(90deg,var(--turkuaz-deep),var(--turkuaz-bright)); opacity:.5; }
.type:hover{ border-color:var(--turkuaz); transform:translateY(-3px); }
.type h3{ font-size:19px; font-weight:600; margin:10px 0 10px; }
.type p{ margin:0; color:var(--ink-3); font-size:15px; }
.type .meta{
  display:inline-block; margin-block-start:18px; font-family:var(--font-mono); font-size:10.5px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--turkuaz-deep);
  border:1px solid var(--line-strong); border-radius:2px; padding:5px 9px;
}
.type .code{ font-family:var(--font-mono); font-size:11px; letter-spacing:.14em; color:var(--turkuaz); }

/* ============================================================ PAKETLER */
.plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:18px; align-items:start; }
.plan{
  background:var(--paper-2); border:1px solid var(--line-strong); border-radius:var(--radius);
  padding:28px 26px; display:flex; flex-direction:column; gap:16px; height:100%;
}
.plan--hero{ background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:0 24px 50px -26px rgba(12,30,51,.7); }
.plan__name{ font-family:var(--font-mono); font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--turkuaz-deep); }
.plan--hero .plan__name{ color:var(--turkuaz-bright); }
.plan__price{ font-family:var(--font-display); font-variation-settings:"wdth" 112,"wght" 700;
  font-size:29px; line-height:1.1; letter-spacing:-.01em; }
.plan__note{ font-size:13.5px; color:var(--ink-3); margin:-8px 0 0; }
.plan--hero .plan__note{ color:rgba(255,255,255,.6); }
.plan ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; flex:1; }
.plan li{ display:grid; grid-template-columns:auto 1fr; gap:11px; font-size:15px; }
.plan li::before{ content:"→"; color:var(--turkuaz); font-family:var(--font-mono); font-size:13px; }
.plan--hero li::before{ color:var(--turkuaz-bright); }
html[dir="rtl"] .plan li::before{ content:"←"; }
.plan .btn{ width:100%; }

/* ============================================================ SÜRELER */
#deadlines{ background:var(--ink); color:#fff; }
#deadlines .shead h2{ color:#fff; }
#deadlines .shead p{ color:rgba(255,255,255,.72); }
#deadlines .tag{ color:var(--turkuaz-bright); }
.dgrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1px;
  background:var(--line-dark); border:1px solid var(--line-dark); }
.dcell{ background:#0A1929; padding:26px 24px 24px; transition:background .2s ease; }
.dcell:hover{ background:#0D2136; }
.dnum{ display:flex; align-items:baseline; gap:6px; margin-block-end:14px; }
.dnum b{ font-family:var(--font-display); font-variation-settings:"wdth" 118,"wght" 800;
  font-size:44px; line-height:.9; color:var(--turkuaz-bright); letter-spacing:-.03em; }
.dnum i{ font-family:var(--font-mono); font-style:normal; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.55); }
.dcell h3{ font-size:17px; font-weight:600; margin:0 0 8px; }
.dcell p{ margin:0; font-size:14.5px; color:rgba(255,255,255,.66); line-height:1.6; }
.dnote{ margin-block-start:26px; font-size:13.5px; color:rgba(255,255,255,.5);
  border-inline-start:2px solid var(--turkuaz); padding-inline-start:16px; max-width:80ch; line-height:1.7; }

/* ============================================================ KAPSAM */
#reach{ background:var(--paper-2); border-block:1px solid var(--line); }
.reachgrid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); align-items:start; }
@media (max-width:840px){ .reachgrid{ grid-template-columns:1fr; } }
.reachgrid h2{ font-size:clamp(26px,3.6vw,40px); margin-block:14px 0; }
.reachgrid > div > p{ color:var(--ink-3); font-size:16.5px; margin-block:18px 0; max-width:52ch; }
.office{ display:flex; align-items:center; gap:10px; margin-block-start:22px;
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.06em; color:var(--ink); }
.office svg{ width:17px; height:17px; flex:none; fill:none; stroke:var(--turkuaz); stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; }
.reachlist{ list-style:none; margin:0; padding:0; display:grid; gap:1px; background:var(--line);
  border:1px solid var(--line); }
.reachlist li{ background:var(--paper-2); padding:22px 24px; }
.reachlist b{ display:block; font-family:var(--font-display); font-variation-settings:"wdth" 115,"wght" 800;
  font-size:26px; line-height:1; color:var(--turkuaz-deep); letter-spacing:-.02em; margin-block-end:9px; }
.reachlist span{ color:var(--ink-3); font-size:15px; line-height:1.6; }

/* süreç — gerçek bir sıra olduğu için numaralı */
.steps{ display:grid; gap:0; border-top:1px solid var(--line); }
.step{ display:grid; grid-template-columns:64px 1fr; gap:clamp(16px,3vw,32px);
  padding-block:26px; border-bottom:1px solid var(--line); align-items:start; }
.step b{ font-family:var(--font-mono); font-size:12px; color:var(--turkuaz); letter-spacing:.1em; padding-block-start:5px; }
.step h3{ margin:0 0 7px; font-size:19px; font-weight:600; }
.step p{ margin:0; color:var(--ink-3); font-size:15.5px; max-width:70ch; }

/* belgeler */
.docs{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); }
@media (max-width:760px){ .docs{ grid-template-columns:1fr; } }
.docs h3{ font-family:var(--font-mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--turkuaz-deep); margin:0 0 16px; padding-block-end:12px; border-bottom:1px solid var(--line-strong); }
.docs ul{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.docs li{ display:grid; grid-template-columns:auto 1fr; gap:12px; font-size:15.5px; }
.docs li::before{ content:"□"; color:var(--turkuaz); font-size:15px; line-height:1.5; }

/* örnek belge görseli */
.specimen{ margin:clamp(32px,5vw,52px) 0 0; padding-block-start:clamp(28px,4vw,40px);
  border-top:1px solid var(--line); display:grid; grid-template-columns:auto 1fr;
  gap:clamp(20px,4vw,40px); align-items:center; }
.specimen img{ width:340px; max-width:100%; border:1px solid var(--line-strong);
  border-radius:var(--radius); background:#fff; }
.specimen figcaption h3{ font-size:18px; font-weight:600; margin:0 0 10px; }
.specimen figcaption p{ margin:0; color:var(--ink-3); font-size:15px; max-width:60ch; }
.specimen .src{ display:block; margin-block-start:14px; font-family:var(--font-mono);
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
@media (max-width:720px){ .specimen{ grid-template-columns:1fr; } }

/* SSS */
details{ border-bottom:1px solid var(--line); }
details summary{ cursor:pointer; padding:20px 40px 20px 0; font-size:17px; font-weight:600;
  list-style:none; position:relative; }
html[dir="rtl"] details summary{ padding:20px 0 20px 40px; }
details summary::-webkit-details-marker{ display:none; }
details summary::after{ content:"+"; position:absolute; inset-inline-end:6px; inset-block-start:18px;
  font-family:var(--font-mono); font-size:20px; color:var(--turkuaz); transition:transform .2s ease; }
details[open] summary::after{ content:"−"; }
details p{ margin:0 0 22px; color:var(--ink-3); max-width:75ch; font-size:15.5px; }

/* ============================================================ FORM */
#contact{ background:var(--ink); color:#fff; }
#contact .shead h2{ color:#fff; }
#contact .shead p{ color:rgba(255,255,255,.7); }
.fgrid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:760px; }
.f-full{ grid-column:1/-1; }
@media (max-width:680px){ .fgrid{ grid-template-columns:1fr; } }
.field label{ display:block; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.13em;
  text-transform:uppercase; color:rgba(255,255,255,.6); margin-block-end:8px; }
.field input,.field select,.field textarea{
  width:100%; background:rgba(255,255,255,.05); border:1px solid var(--line-dark); border-radius:var(--radius);
  color:#fff; font:inherit; font-size:15.5px; padding:13px 15px; transition:border-color .2s ease, background .2s ease;
}
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{ background:rgba(255,255,255,.09); border-color:var(--turkuaz-bright); }
.field select option{ background:var(--ink); color:#fff; }
.consent{ display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start;
  font-size:13.5px; color:rgba(255,255,255,.68); line-height:1.6; }
.consent input{ width:18px; height:18px; margin-block-start:2px; accent-color:var(--turkuaz-bright); }
.consent a{ color:var(--turkuaz-bright); }
.formok{
  display:none; border:1px solid var(--turkuaz); background:rgba(11,140,153,.14);
  padding:20px 22px; border-radius:var(--radius); max-width:760px; font-size:15.5px;
}
.formok.show{ display:block; animation:rise .4s both; }

/* iletişim kanalları */
.channels{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px; max-width:760px; margin:0 0 clamp(28px,4vw,40px); }
.chan{
  display:flex; align-items:center; gap:14px; text-decoration:none; color:#fff;
  background:rgba(255,255,255,.05); border:1px solid var(--line-dark);
  border-radius:var(--radius); padding:16px 18px;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.chan:hover{ background:rgba(255,255,255,.09); border-color:var(--turkuaz-bright); transform:translateY(-2px); }
.chan svg{ width:22px; height:22px; flex:none; fill:var(--turkuaz-bright); }
.chan b{ display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.55); font-weight:500; margin-block-end:3px; }
.chan span{ font-size:15.5px; font-weight:600; letter-spacing:.01em; }

.attached{
  display:flex; align-items:center; gap:11px; max-width:760px;
  background:rgba(11,140,153,.16); border:1px solid var(--turkuaz);
  border-radius:var(--radius); padding:13px 16px; margin:0 0 20px;
  font-size:14.5px; color:rgba(255,255,255,.88);
}
.attached[hidden]{ display:none; }
.attached svg{ width:19px; height:19px; flex:none; fill:none; stroke:var(--turkuaz-bright);
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.attached b{ font-family:var(--font-mono); font-size:12px; letter-spacing:.06em;
  color:var(--turkuaz-bright); font-weight:500; }


/* CLS önleme: JS ile dolan alanlara yer ayır */

/* görsellere oran ver → yüklenirken yer kaplasın */
.specimen-hero img{ aspect-ratio:371/232; }
.logo img{ aspect-ratio:574/130; }

/* ============================================================ FOOTER */
footer{ background:#08131F; color:rgba(255,255,255,.55); padding-block:44px; font-size:13.5px; }
.frow{ display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:center; }
footer a{ color:rgba(255,255,255,.75); text-decoration:none; }
footer a:hover{ color:#fff; }
.flinks{ display:flex; gap:22px; flex-wrap:wrap; }
.fnote{ margin-block-start:26px; padding-block-start:22px; border-top:1px solid var(--line-dark);
  font-size:12.5px; line-height:1.7; max-width:80ch; }

/* WhatsApp */
.wa{
  position:fixed; inset-block-end:22px; inset-inline-end:22px; z-index:70;
  width:54px; height:54px; border-radius:50%; background:#25D366; display:grid; place-items:center;
  box-shadow:0 10px 26px -8px rgba(0,0,0,.5); text-decoration:none;
}
.wa svg{ width:28px; fill:#fff; }

/* ============================================================
   YENİ GÖRÜNÜM — 2026
   Beyaz zemin, derin yeşil vurgu, renkli bölüm kartları.
   Yapıyı değiştirmez; yalnızca renk, köşe ve ritim.
   ============================================================ */
:root{
  --ink:#04342C;
  --ink-2:#0F6E56;
  --ink-3:#4B6B60;
  --paper:#FFFFFF;
  --paper-2:#F2FAF6;
  --turkuaz:#1D9E75;
  --turkuaz-deep:#0F6E56;
  --turkuaz-bright:#5DCAA5;
  --stamp:#D85A30;
  --amber:#BA7517;
  --mor:#534AB7;
  --line:rgba(4,52,44,.12);
  --line-strong:rgba(4,52,44,.22);
  --line-dark:rgba(255,255,255,.18);
  --radius:12px;
}
body{ color:#0E2A23; }

/* --- düğmeler: hap --- */
.btn{ border-radius:999px; font-weight:500; }
.btn--fill{ background:var(--turkuaz); }
.btn--fill:hover{ background:var(--turkuaz-deep); }
.btn--ghost{ border-color:var(--line-strong); }
.btn--ghost:hover{ border-color:var(--turkuaz); color:var(--turkuaz-deep); }

/* --- başlık --- */
header{ background:rgba(4,52,44,.96); }
.langs{ border-radius:999px; }
.langs button{ border-radius:999px; }

/* --- hero --- */
.hero{
  background:
    radial-gradient(900px 460px at 88% -10%, rgba(93,208,165,.22), transparent 62%),
    linear-gradient(170deg,#04342C 0%,#062A24 100%);
}
.hero::after{ opacity:.18; }
.hero h1 em{ color:var(--turkuaz-bright); }
.trust li::before{ background:var(--turkuaz-bright); }
.specimen-hero{ border-radius:16px; box-shadow:0 26px 54px -24px rgba(0,0,0,.55); }

/* --- bölüm zeminleri --- */
.alt{ background:var(--paper-2); border-block-color:var(--line); }
#check{ background:var(--paper); }
#reach{ background:var(--paper-2); border-block-color:var(--line); }
#deadlines{ background:linear-gradient(170deg,#04342C 0%,#062A24 100%); }
#deadlines .dcell{ background:rgba(255,255,255,.045); border-radius:14px; }
#deadlines .dcell:hover{ background:rgba(255,255,255,.085); }
.dgrid{ background:transparent; border:0; gap:12px; }

/* --- kartlar: yumuşak --- */
.grid3{ background:transparent; border:0; gap:14px; }
.cell{ background:var(--paper-2); border:1px solid var(--line); border-radius:14px; }
.alt .cell{ background:var(--paper); }
.cell .num{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:12px;
  background:rgba(29,158,117,.12); color:var(--turkuaz-deep);
  font-size:13px; letter-spacing:0; margin-block-end:4px;
}
.type{ border-radius:16px; border-color:var(--line); }
.type::before{ height:4px; background:var(--turkuaz-bright); opacity:1; border-radius:16px 16px 0 0; }
.type:nth-child(2)::before{ background:var(--amber); }
.type:nth-child(3)::before{ background:var(--mor); }
.type:nth-child(4)::before{ background:var(--stamp); }
.type:nth-child(5)::before{ background:var(--turkuaz); }
.type .meta{ border-radius:999px; border-color:var(--line-strong); }
.type .code{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:11px;
  background:rgba(29,158,117,.12); color:var(--turkuaz-deep); letter-spacing:0;
}
.plan{ border-radius:18px; border-color:var(--line); }
.plan--hero{ background:linear-gradient(170deg,#04342C,#062A24); border-color:transparent; }
.reachlist{ background:transparent; border:0; gap:12px; }
.reachlist li{ border-radius:14px; border:1px solid var(--line); }
.reachlist li:nth-child(1){ background:#E7F6F0; border-color:rgba(29,158,117,.28); }
.reachlist li:nth-child(1) b{ color:#0F6E56; }
.reachlist li:nth-child(2){ background:#FDF3E2; border-color:rgba(186,117,23,.28); }
.reachlist li:nth-child(2) b{ color:#854F0B; }
.reachlist li:nth-child(3){ background:#F0EFFD; border-color:rgba(83,74,183,.26); }
.reachlist li:nth-child(3) b{ color:#3C3489; }
.reachlist span{ color:#3A5750; }
.reachlist li:nth-child(2) span{ color:#6B4A12; }
.reachlist li:nth-child(3) span{ color:#443C8F; }

/* --- süreç --- */
.step b{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:12px;
  background:rgba(29,158,117,.12); color:var(--turkuaz-deep); letter-spacing:0;
}

/* --- ön kontrol --- */
.checker{ border-radius:18px; border-color:var(--line); box-shadow:0 16px 40px -28px rgba(4,52,44,.5); }
.checker__top{ background:linear-gradient(120deg,#04342C,#0F6E56); }
.opt{ border-radius:12px; border-color:var(--line); }
.opt i{ border-radius:10px; border-color:var(--line-strong); }
.badge{ border-radius:999px; }
.findings li[data-t="ok"]::before{ background:rgba(29,158,117,.16); color:var(--turkuaz-deep); border-radius:8px; }
.findings li[data-t="warn"]::before{ background:rgba(186,117,23,.18); color:#854F0B; border-radius:8px; }
.findings li[data-t="info"]::before{ background:rgba(83,74,183,.14); color:var(--mor); border-radius:8px; }

/* --- belgeler --- */
.docs li::before{ content:"✓"; color:var(--turkuaz); font-weight:600; }
.docs h3{ border-bottom-color:var(--line-strong); }

/* --- SSS --- */
details summary::after{ color:var(--turkuaz); }
details[open] summary{ color:var(--turkuaz-deep); }

/* --- iletişim --- */
#contact{ background:linear-gradient(170deg,#04342C 0%,#062A24 100%); }
.chan{ border-radius:14px; }
.field input,.field select,.field textarea{ border-radius:12px; }
.attached{ border-radius:12px; }
.formok{ border-radius:12px; }

/* --- footer --- */
footer{ background:#03251F; }


.shead__ic,.reachgrid svg.shead__ic{
  display:block; width:30px; height:30px; fill:none; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; margin-block-end:14px;
}

/* ============================================================
   GÖRÜNÜM A — YUMUŞAK MODERN
   Açık gri-mavi zemin, beyaz kartlar, mavi vurgu, normal harf başlıklar.
   ============================================================ */
:root{
  --ink:#1B2559;
  --ink-2:#2E3A6B;
  --ink-3:#6B7599;
  --paper:#F5F7FB;
  --paper-2:#FFFFFF;
  --turkuaz:#3B5BDB;
  --turkuaz-deep:#2F4BC4;
  --turkuaz-bright:#7C9AF5;
  --stamp:#E2504A;
  --amber:#D98A0B;
  --mor:#6C5CE7;
  --line:rgba(27,37,89,.10);
  --line-strong:rgba(27,37,89,.18);
  --line-dark:rgba(255,255,255,.16);
  --radius:12px;
  --shadow:0 2px 4px rgba(27,37,89,.04), 0 12px 28px -14px rgba(27,37,89,.14);
}
body{ background:var(--paper); color:#1B2559; }

/* --- başlıklar: normal harf, yumuşak --- */
.display{
  text-transform:none;
  font-variation-settings:"wdth" 100,"wght" 650;
  letter-spacing:-.022em; line-height:1.12;
}

/* --- üst çubuk: açık --- */
header{ background:rgba(255,255,255,.92); border-bottom:1px solid var(--line); }
nav.main a{ color:#4A5578; }
nav.main a:hover{ color:var(--turkuaz); }
.langs{ border:1px solid var(--line-strong); border-radius:999px; }
.langs button{ color:#6B7599; border-radius:999px; }
.langs button[aria-pressed="true"]{ background:var(--turkuaz); color:#fff; }
.burger{ border-color:var(--line-strong); color:var(--ink); }
.hbar .back{ color:#6B7599; }
.hbar .back:hover{ color:var(--turkuaz); }
@media (max-width:1180px){ nav.main{ background:#fff; border-bottom:1px solid var(--line); }
  nav.main a{ border-bottom-color:var(--line); } }


/* --- menü: açılır rehberler --- */
nav.main{ align-items:center; gap:24px; }
.dd{ position:relative; }
.dd-btn{ background:none; border:0; padding:0; cursor:pointer; font:inherit; font-size:14px; font-weight:500;
  color:#4A5578; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; }
.dd-btn::after{ content:""; width:6px; height:6px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg); transition:transform .2s ease; }
.dd-btn:hover{ color:var(--turkuaz); }
.dd-menu{ position:absolute; inset-block-start:calc(100% + 14px); inset-inline-start:-18px; min-width:290px;
  background:#fff; border:1px solid var(--line); border-radius:14px; padding:8px;
  box-shadow:0 18px 40px -12px rgba(27,37,89,.22); display:none; flex-direction:column; z-index:60; }
.dd-menu::before{ content:""; position:absolute; inset-inline:0; inset-block-start:-16px; height:16px; }
.dd-menu a{ padding:10px 12px; border-radius:9px; font-size:14px; color:var(--ink); }
.dd-menu a:hover{ background:#EEF2FA; color:var(--turkuaz); }
.dd-sep{ display:block; margin:8px 12px 4px; padding-top:10px; border-top:1px solid var(--line); font-family:var(--font-mono);
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#6B7599; white-space:normal; }
@media (min-width:1181px){
  .dd:hover .dd-menu, .dd:focus-within .dd-menu, .dd.open .dd-menu{ display:flex; }
  .dd:hover .dd-btn::after, .dd.open .dd-btn::after{ transform:translateY(1px) rotate(225deg); }
}
@media (max-width:1300px) and (min-width:1181px){
  nav.main{ gap:18px; } nav.main a, .dd-btn{ font-size:13.5px; }
  .hbar > .btn{ padding:10px 14px; }
}
@media (max-width:1180px) and (min-width:1181px){ .hbar > .btn{ display:none; } }
@media (max-width:1180px){
  nav.main{ align-items:stretch; }
  .dd-btn{ width:100%; padding:15px 0; font-size:16px; border-bottom:1px solid var(--line); justify-content:space-between; }
  .dd.open .dd-btn::after{ transform:translateY(1px) rotate(225deg); }
  .dd-menu{ position:static; box-shadow:none; border:0; border-radius:0; padding:4px 0 8px 14px; min-width:0; }
  .dd.open .dd-menu{ display:flex; }
  .dd-menu a{ padding:11px 0; border-bottom:0 !important; font-size:15px; }
}


/* --- hero: iki kapı --- */
.doors{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-block-start:30px; max-width:640px; }
.door{ display:flex; align-items:center; gap:14px; padding:18px 18px; border-radius:16px; text-decoration:none;
  background:#fff; border:1.5px solid var(--line); color:var(--ink);
  box-shadow:0 10px 26px -18px rgba(27,37,89,.45); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.door:hover{ transform:translateY(-2px); border-color:var(--turkuaz); box-shadow:0 16px 30px -16px rgba(59,91,219,.45); }
.door svg{ flex:none; width:44px; height:44px; padding:10px; border-radius:12px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; background:#EEF2FA; color:var(--turkuaz-deep); }
.door--emp{ background:var(--turkuaz); border-color:var(--turkuaz); color:#fff; }
.door--emp:hover{ background:var(--turkuaz-deep); border-color:var(--turkuaz-deep); }
.door--emp svg{ background:rgba(255,255,255,.16); color:#fff; }
.door span{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.door b{ font-size:18px; font-weight:700; line-height:1.2; }
.door small{ font-size:13.5px; line-height:1.35; opacity:.82; }
.door i{ font-style:normal; margin-inline-start:auto; font-size:20px; opacity:.7; }
[dir="rtl"] .door i{ transform:scaleX(-1); }
.hero-wa{ display:inline-flex; align-items:center; gap:8px; margin-block-start:16px; color:#1E9E55; font-weight:600; font-size:15px; text-decoration:none; }
.hero-wa:hover{ text-decoration:underline; }
@media (max-width:620px){ .doors{ grid-template-columns:1fr; } }
@media (min-width:900px){
  .hero h1{ font-size:clamp(40px,4.6vw,60px) !important; margin-block-start:14px; }
  .hero{ padding-block:44px 64px !important; }
  .hero .wrap{ min-height:0 !important; }
}


/* --- güven --- */
.tgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-block-start:28px; }
.tcard{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; }
.tcard b{ display:flex; align-items:center; gap:10px; font-size:17px; color:var(--ink); }
.tcard b::before{ content:"✓"; flex:none; width:26px; height:26px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:#E7F6EE; color:#1E9E55; font-size:14px; font-weight:700; }
.tcard p{ margin:8px 0 0; color:var(--ink-3); font-size:15px; line-height:1.55; }
@media (max-width:900px){ .tgrid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .tgrid{ grid-template-columns:1fr; } }


/* --- popüler konular --- */
.topics{ display:flex; flex-wrap:wrap; gap:10px; margin-block-start:24px; }
.topics a{ padding:11px 18px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--ink); text-decoration:none; font-size:15px; font-weight:500; transition:border-color .15s ease,color .15s ease; }
.topics a:hover{ border-color:var(--turkuaz); color:var(--turkuaz-deep); }


/* --- kişisel yol haritası --- */
.rm{ margin-block:22px 6px; border:1px solid var(--line); border-radius:16px; background:#fff; padding:clamp(16px,2.6vw,24px); display:grid; gap:14px; }
.rm__t{ margin:0; font-size:20px; color:var(--ink); }
.rm__b h4{ margin:0 0 6px; font-size:13px; font-family:var(--font-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--turkuaz-deep); }
.rm__b ul{ margin:0; padding-inline-start:18px; display:grid; gap:6px; color:var(--ink-2,#2E3A6B); font-size:15px; line-height:1.5; }
.rm__b p{ margin:0; font-size:15px; line-height:1.5; color:var(--ink-2,#2E3A6B); }
.rm__b p.rm__s{ margin-top:4px; font-size:13.5px; color:var(--ink-3); }
.rm__chk{ list-style:none; padding:0 !important; }
.rm__chk li{ position:relative; padding-inline-start:26px; }
.rm__chk li::before{ content:""; position:absolute; inset-inline-start:0; top:3px; width:15px; height:15px; border:1.6px solid var(--turkuaz); border-radius:4px; }
.rm__more{ margin:0; font-size:14px; color:var(--ink-3); }
.rm__more a{ color:var(--turkuaz-deep); }

/* --- hero: açık --- */
.hero{
  background:
    radial-gradient(760px 420px at 88% -10%, rgba(124,154,245,.20), transparent 60%),
    linear-gradient(180deg,#EEF2FA 0%,#F5F7FB 100%);
  color:var(--ink);
}
.hero::after{ display:none; }
.hero h1{ color:#1B2559; }
.hero h1 em{ color:var(--turkuaz); }
.hero p.sub{ color:#5A6588; }
.tag--onDark{ color:var(--turkuaz); }
.trust li{ color:#6B7599; }
.trust li::before{ background:var(--turkuaz); }
.btn--ghostDark{ color:var(--ink); border-color:var(--line-strong); background:#fff; }
.btn--ghostDark:hover{ border-color:var(--turkuaz); color:var(--turkuaz-deep); }
.specimen-hero{
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 4px 8px rgba(27,37,89,.04), 0 30px 60px -28px rgba(27,37,89,.3);
  transform:rotate(-.8deg);
}

/* --- bölümler --- */
.alt{ background:#fff; border-block-color:var(--line); }
#check{ background:var(--paper); }
#services{ background:var(--paper); }
#reach{ background:#fff; border-block-color:var(--line); }
#docs{ background:var(--paper); }

/* --- kartlar: beyaz, yumuşak gölge --- */
.cell{ background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
.alt .cell{ background:#fff; }
.cell .num{ background:rgba(59,91,219,.10); color:var(--turkuaz-deep); }
.type{ background:#fff; border-radius:16px; border-color:var(--line); box-shadow:var(--shadow); }
.type::before{ background:var(--turkuaz); }
.type:nth-child(2)::before{ background:var(--amber); }
.type:nth-child(3)::before{ background:var(--mor); }
.type:nth-child(4)::before{ background:#12B886; }
.type:nth-child(5)::before{ background:var(--stamp); }
.type .code{ background:rgba(59,91,219,.10); color:var(--turkuaz-deep); }
.plan{ background:#fff; border-radius:18px; border-color:var(--line); box-shadow:var(--shadow); }
.plan--hero{ background:#1B2559; border-color:#1B2559; box-shadow:0 24px 48px -24px rgba(27,37,89,.55); }
.step b{ background:rgba(59,91,219,.10); color:var(--turkuaz-deep); }
.steps{ border-top-color:var(--line); }
.step{ border-bottom-color:var(--line); }

.reachlist li:nth-child(1){ background:#EEF2FE; border-color:rgba(59,91,219,.22); }
.reachlist li:nth-child(1) b{ color:#2F4BC4; }
.reachlist li:nth-child(1) span{ color:#4B5A8C; }
.reachlist li:nth-child(2){ background:#FDF4E3; border-color:rgba(217,138,11,.24); }
.reachlist li:nth-child(2) b{ color:#8A5A08; }
.reachlist li:nth-child(2) span{ color:#71571E; }
.reachlist li:nth-child(3){ background:#F1EFFE; border-color:rgba(108,92,231,.24); }
.reachlist li:nth-child(3) b{ color:#4A3EAF; }
.reachlist li:nth-child(3) span{ color:#544A8C; }

/* --- koyu bölümler: lacivert --- */
#deadlines{ background:#1B2559; }
#deadlines .dcell{ background:rgba(255,255,255,.06); border-radius:16px; }
#deadlines .dcell:hover{ background:rgba(255,255,255,.10); }
.dnum b{ color:#8FB0FF; }
.dnote{ border-inline-start-color:var(--turkuaz-bright); }
#contact{ background:#1B2559; }
.field input,.field select,.field textarea{ border-radius:12px; }
.field input:focus,.field select:focus,.field textarea:focus{ border-color:#8FB0FF; }
.chan:hover{ border-color:#8FB0FF; }
.chan svg{ fill:#8FB0FF; }
.attached{ background:rgba(124,154,245,.16); border-color:#7C9AF5; }
.attached svg{ stroke:#8FB0FF; }
.attached b{ color:#8FB0FF; }
.formok{ border-color:#7C9AF5; background:rgba(124,154,245,.14); }
footer{ background:#141C33; }

/* --- ön kontrol --- */
.checker{ background:#fff; border-radius:20px; border-color:var(--line);
  box-shadow:0 4px 10px rgba(27,37,89,.04), 0 24px 50px -28px rgba(27,37,89,.35); }
.checker__top{ background:#1B2559; }
.bar{ background:rgba(27,37,89,.08); }
.opt{ background:var(--paper); border-radius:14px; border-color:var(--line); }
.opt:hover{ border-color:var(--turkuaz); background:#fff; }
.opt i{ border-radius:10px; color:var(--turkuaz-deep); border-color:var(--line-strong); }
.opt:hover i{ background:var(--turkuaz); border-color:var(--turkuaz); }
.badge--ok{ color:var(--turkuaz-deep); border-color:var(--turkuaz); background:rgba(59,91,219,.10); }
.badge--cond{ color:#8A5A08; border-color:var(--amber); background:rgba(217,138,11,.12); }
.badge--stop{ color:#B03B36; border-color:var(--stamp); background:rgba(226,80,74,.10); }
.findings li[data-t="ok"]::before{ background:rgba(59,91,219,.12); color:var(--turkuaz-deep); }
.findings li[data-t="warn"]::before{ background:rgba(217,138,11,.16); color:#8A5A08; }
.findings li[data-t="info"]::before{ background:rgba(108,92,231,.14); color:var(--mor); }

/* --- diğer --- */
.docs li::before{ color:var(--turkuaz); }
.docs h3{ color:var(--turkuaz-deep); }
.tag{ color:var(--turkuaz); }
.shead__ic{ stroke:var(--turkuaz) !important; }
#deadlines .shead__ic,#contact .shead__ic{ stroke:#8FB0FF !important; }
details summary::after{ color:var(--turkuaz); }
details[open] summary{ color:var(--turkuaz-deep); }
.specimen figcaption h3{ color:var(--ink); }
.wa{ box-shadow:0 8px 24px -8px rgba(37,211,102,.6); }


/* --- son rötuşlar --- */
.hero .actions .btn--fill{ box-shadow:0 8px 20px -8px rgba(59,91,219,.55); }
.hero .actions .btn--fill:hover{ box-shadow:0 10px 24px -8px rgba(59,91,219,.65); }
.shead p{ color:#5A6588; }
.cell p,.type p,.step p,.plan__note{ color:#5A6588; }
.docs li{ color:#2E3A6B; }
details p{ color:#5A6588; }
.disclaim{ color:#6B7599; border-top-color:var(--line); }
.checker__foot{ color:#6B7599; border-top-color:var(--line); }
.q{ color:var(--ink); }
.opt{ color:var(--ink); }
.result__ref{ color:#6B7599; }
.specimen-hero figcaption{ color:#6B7599; }
.count,.linkbtn{ color:var(--turkuaz-deep); }
.plan--hero .plan__name{ color:#8FB0FF; }
.plan--hero li::before{ color:#8FB0FF; }
.plan--hero .btn--fill{ background:var(--turkuaz-bright); color:#0F1A3D; }
.plan--hero .btn--fill:hover{ background:#A5BDFF; color:#0F1A3D; }
.wa{ inset-block-end:20px; inset-inline-end:20px; }

/* mobilde ferahlık */
@media (max-width:640px){
  .hero h1{ font-size:clamp(30px,8.4vw,42px); }
  .specimen-hero{ max-width:320px; }
  .trust{ gap:8px 18px; }
}

/* laptop ekranı: ölçülen köşelere göre */
/* belge kartı: fotoğrafın üstüne binen küçük kart */

/* dil ipucu şeridi */
.langhint{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;
  background:#EEF2FE; border-bottom:1px solid rgba(59,91,219,.2);
  padding:10px clamp(20px,5vw,56px); font-size:13.5px; color:#2F4BC4;
}
.langhint[hidden]{ display:none; }
.langhint > span{ margin-inline-end:auto; }
.langhint button{
  background:#fff; border:1px solid rgba(59,91,219,.3); color:#2F4BC4;
  border-radius:999px; padding:5px 13px; font:inherit; font-size:13px; cursor:pointer;
}
.langhint button:hover{ background:var(--turkuaz); color:#fff; border-color:var(--turkuaz); }
.langhint__x{ padding:5px 10px !important; border-color:transparent !important; font-size:16px !important; line-height:1; }

.btn--wa{ background:#25D366; color:#0B3B21; border-color:#25D366; }
.btn--wa:hover{ background:#1EBE5A; color:#062A17; }
.btn--wa svg{ width:16px; height:16px; fill:currentColor; }

/* Biz Kimiz */
.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.about-copy p{color:#5A6588;line-height:1.8;max-width:65ch;margin:20px 0}
.about-copy h2,.about-copy h1{max-width:22ch}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-stat{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}
.about-stat strong{display:block;color:#3B5BDB;font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.04em}
.about-stat span{display:block;margin-top:10px;color:#4A5578;font-size:14px;line-height:1.5}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-intro{padding-block:clamp(52px,7vw,100px);background:radial-gradient(ellipse at top right,#E3E9FC,transparent 60%)}
.about-intro h1{font-size:clamp(36px,5vw,62px)}
.about-company{font-weight:600;color:#1B2559!important}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.about-principles article{padding:28px;border:1px solid var(--line);background:#fff;border-radius:18px}
.about-principles h3{font-size:20px;color:#1B2559;margin:16px 0 12px}
.about-principles p{color:#5A6588;line-height:1.8}
.about-no{font-family:var(--font-mono);font-size:12px;color:#3B5BDB}
.about-contact{background:#1B2559;color:white;border-radius:24px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.about-contact h2{font-size:clamp(28px,4vw,40px);margin:0 0 18px;color:#fff}
.about-contact p{line-height:1.8;color:#D8DFF4}
.about-contact a:not(.btn){color:white;text-underline-offset:4px}
.about-contact address{font-style:normal;line-height:1.9;color:#D8DFF4}
.about-contact .btn{background:#fff;color:#1B2559}
.about-langs a{padding:6px 8px;font:11px var(--font-mono);text-decoration:none;color:#6B7599;border-radius:999px}
.about-langs a[aria-current]{background:#3B5BDB;color:#fff}
.about-breadcrumb{font-size:13px;color:#6B7599;margin-bottom:32px}
.about-breadcrumb a{color:inherit;text-underline-offset:4px}
.about-note{color:#6B7599;line-height:1.7;font-size:14px;max-width:80ch;margin-top:28px}
nav.main a[aria-current="page"]{color:#3B5BDB;font-weight:600}
@media(max-width:760px){.about-grid,.about-contact{grid-template-columns:1fr;gap:30px}.about-principles{grid-template-columns:1fr}.about-stat{padding:20px}.about-actions .btn{width:100%;text-align:center;justify-content:center}}