/* ================================================================
   İHA Rehber — modern tema (İHA / drone asistanı)
   ================================================================ */
:root{
  --blue:#1668E3; --blue-d:#0E4FB0; --blue-100:#E7F0FE;
  --accent:#0FB5BD; --accent-d:#0A8F96;
  --ink:#0E1726; --ink-2:#2C3A52;
  --muted:#5E6B82; --line:#E5EAF2;
  --bg:#ffffff; --soft:#F4F7FC; --soft-2:#EBF1FA;
  --navy:#0B1220; --navy-2:#131E33;
  --ok:#12894A; --ok-bg:#E7F6EE; --ok-line:#B7E0C5;
  --warn:#9A5B00; --warn-bg:#FFF6E4; --warn-line:#FFDFA6;
  --bad:#C0392B; --bad-bg:#FDECEA; --bad-line:#F4C7C3;
  --r:14px; --r-sm:10px; --r-lg:22px;
  --sh:0 1px 2px rgba(14,23,38,.05), 0 10px 26px -14px rgba(14,23,38,.16);
  --sh-lg:0 20px 50px -22px rgba(14,23,38,.32);
  --wrap:960px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Inter',-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.logo-tx b{font-family:'Sora','Inter',-apple-system,"Segoe UI",sans-serif;
  font-weight:700;letter-spacing:-.015em;color:var(--ink)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
::selection{background:var(--blue-100)}

/* --- tüm form alanları için ortak taban; bileşen kuralları bunu ezebilir (:where = 0 özgüllük) --- */
main.wrap :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden]),select,textarea){
  display:block;width:100%;max-width:340px;margin-top:6px;
  padding:11px 14px;border:1px solid #cfd8e6;border-radius:11px;
  font:inherit;font-size:14px;line-height:1.3;background:#fff;color:var(--ink);
  -webkit-appearance:none;appearance:none}
main.wrap :where(select){
  padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235E6B82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
main.wrap :where(textarea){max-width:100%;min-height:96px;resize:vertical}
/* yaz-veya-seç alanları (datalist) — açılır ok göster */
main.wrap input[list]{
  padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235E6B82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-color:#fff}
main.wrap :where(input,select,textarea):focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,104,227,.2)}

h1{font-size:clamp(26px,4vw,34px);line-height:1.18;margin:.2em 0 .5em}
h2{font-size:22px;margin:1.7em 0 .5em}
h3{font-size:17px;margin:1.35em 0 .4em}
.lead{font-size:clamp(16px,2.2vw,19px);color:var(--ink-2);line-height:1.6}
.muted{color:var(--muted)}
small{color:var(--muted);font-weight:400}
.sec-title{display:flex;align-items:center;gap:10px;font-size:20px;margin:26px 0 12px}
.sec-title::before{content:"";width:4px;height:20px;border-radius:3px;
  background:linear-gradient(var(--blue),var(--accent))}

/* ---------- header ---------- */
.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.82);
  backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:11px;padding-bottom:11px}
.logo{display:flex;align-items:center;gap:11px;flex:none;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo img{width:36px;height:36px;border-radius:10px;display:block;box-shadow:var(--sh)}
.logo-tx{display:flex;flex-direction:column;line-height:1.1}
.logo-tx b{font-size:18px;font-weight:800}
.logo-tx i{font-style:normal;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.topbar nav{display:flex;gap:2px;flex-wrap:wrap;font-size:14px;align-items:center}
.topbar nav a{padding:7px 11px;border-radius:9px;color:var(--ink-2);font-weight:500;transition:background .15s,color .15s}
.topbar nav a:hover{background:var(--soft-2);text-decoration:none;color:var(--ink)}
.navcta{background:var(--blue);color:#fff !important;border-radius:10px;padding:7px 14px !important;
  font-weight:600 !important;box-shadow:0 6px 16px -8px rgba(22,104,227,.6)}
.navcta:hover{background:var(--blue-d);text-decoration:none}
.navtoggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--soft);
  border-radius:10px;width:40px;height:38px;font-size:18px;cursor:pointer;color:var(--ink)}
main.wrap{padding-top:26px;padding-bottom:48px}

/* ---------- site içi arama ---------- */
.sitesearch{display:flex;gap:6px;margin-left:auto}
.sitesearch input{width:130px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;
  font:inherit;font-size:13px;background:var(--soft);transition:width .2s}
.sitesearch input:focus{width:190px;background:#fff;outline:none;border-color:var(--blue);
  box-shadow:0 0 0 3px var(--blue-100)}
.sitesearch button{border:0;background:var(--soft);border-radius:10px;padding:0 12px;cursor:pointer;font-size:13px}
.sitesearch button:hover{background:var(--soft-2)}
.sitesearch.big{margin:16px 0 22px}
.sitesearch.big input{width:100%;max-width:440px;padding:13px 16px;font-size:15px;margin-top:0}
.sitesearch.big button{background:var(--blue);color:#fff;font-weight:700;padding:0 22px}

@media(max-width:800px){
  .navtoggle{display:block}
  .topbar nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding-top:6px}
  .topbar nav.open{display:flex}
  .topbar nav a{padding:11px 12px;border-radius:8px}
  .navcta{text-align:center}
  .sitesearch{order:4}
}

/* tarih seçici (.dp-*) stilleri araclar.js tarafından enjekte edilir — site + admin aynı */

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;margin:8px 0 6px;padding:36px 28px;border-radius:var(--r-lg);
  color:#EAF2FF;background:radial-gradient(120% 140% at 85% -10%,#1E3A66 0%,var(--navy) 55%);
  box-shadow:var(--sh-lg);text-align:left}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><g fill='none' stroke='%23ffffff' stroke-opacity='0.10'><circle cx='120' cy='120' r='30'/><circle cx='120' cy='120' r='60'/><circle cx='120' cy='120' r='90'/><path d='M120 0v240M0 120h240'/></g></svg>");
  background-position:right -40px top -40px;background-repeat:no-repeat}
.hero>*{position:relative}
.hero h1{color:#fff;margin:.15em 0 .35em;max-width:20ch}
.hero .lead{color:#B9C9E6;max-width:56ch}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:#8FE9EE;
  background:rgba(15,181,189,.14);border:1px solid rgba(15,181,189,.4);padding:5px 11px;border-radius:999px}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:9px 15px;
  font-size:14px;font-weight:500;transition:background .15s,transform .15s,border-color .15s}
.chip:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);
  text-decoration:none;transform:translateY(-1px)}
@media(max-width:560px){.hero{padding:26px 20px}}

/* ---------- arama sonuçları ---------- */
.sr{display:grid;gap:10px;margin:14px 0}
.sr-item{display:block;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;
  color:var(--ink);background:#fff;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s,border-color .15s}
.sr-item:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px);box-shadow:var(--sh-lg)}
.sr-sec{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--blue);background:var(--blue-100);padding:2px 8px;border-radius:6px;margin-bottom:6px;font-weight:600}
.sr-item b{display:block}
.sr-snip{display:block;color:var(--muted);font-size:13.5px;margin-top:3px}

/* ---------- okuma ilerlemesi / yer imi ---------- */
.readprog{display:flex;align-items:center;gap:10px;margin:6px 0 16px;font-size:13px;color:var(--muted)}
.readprog-bar{flex:1;max-width:280px;height:8px;background:var(--soft);border:1px solid var(--line);border-radius:99px;overflow:hidden}
.readprog-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),#39B36B);width:0;transition:width .4s}
.cards li.read>a{position:relative}
.cards li.read>a b::after{content:" ✓";color:var(--ok);font-weight:800}
.bmbtn{margin-left:12px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--muted)}
.bmbtn:hover{border-color:var(--blue);color:var(--ink)}
.bmbtn.on{border-color:var(--warn);color:var(--warn);font-weight:600}

/* ---------- ortak metin bileşenleri ---------- */
.related{margin-top:30px;border-top:1px solid var(--line);padding-top:16px}
.related h2{font-size:17px;margin:.2em 0 .6em}
.cimg{max-width:100%;height:auto;border-radius:var(--r);margin:14px 0;display:block;box-shadow:var(--sh)}
.pf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 4px;padding:14px 16px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--soft);font-size:14px}
.pf button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 13px;font-size:16px;cursor:pointer}
.pf button:hover{border-color:var(--blue)}
.pf button:disabled{opacity:.45;cursor:default}
.pf em{color:var(--ok);font-style:normal;font-weight:600}
.basis{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 2px;padding:9px 13px;
  border-left:3px solid var(--blue);background:var(--soft);border-radius:0 10px 10px 0;font-size:13px;color:var(--muted)}
.basis b{color:var(--ink);font-weight:600}
.basis i{color:var(--line);font-style:normal}
details .basis,.mistake .basis{margin:8px 0 2px}

.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--blue)}
.crumb b{color:var(--line);margin:0 4px}

.prose p,.prose li{max-width:70ch}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.3em 0}
blockquote{border-left:4px solid var(--blue);background:var(--soft);margin:1em 0;
  padding:.8em 1.1em;border-radius:0 10px 10px 0;font-style:italic;color:var(--ink-2)}
.note{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--r);padding:12px 15px;margin:1em 0}

/* ---------- geri sayım ---------- */
.countdown{position:relative;overflow:hidden;margin:18px 0;padding:24px 18px;border-radius:var(--r-lg);
  text-align:center;color:#fff;background:linear-gradient(135deg,var(--blue),#3E8BFF);box-shadow:var(--sh-lg)}
.cd-title{font-size:16px;font-weight:600;opacity:.95;margin-bottom:12px}
.cd-grid{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.cd-grid>div{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:12px 8px;min-width:78px;backdrop-filter:blur(2px)}
.cd-grid b{display:block;font-size:36px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;font-family:'Sora',sans-serif}
.cd-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.9;margin-top:5px}
.cd-done{font-size:18px;font-weight:700}
@media(min-width:560px){.cd-grid b{font-size:46px}.cd-grid>div{min-width:96px;padding:14px 10px}}

/* ---------- önemli tarihler takvimi ---------- */
.kalender{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;margin:12px 0;background:#fff;box-shadow:var(--sh)}
.kal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kal-top b{font-size:16px}
.kal-top button{border:1px solid var(--line);background:var(--soft);border-radius:9px;
  width:36px;height:34px;font-size:18px;line-height:1;cursor:pointer;color:var(--ink)}
.kal-top button:hover{border-color:var(--blue);background:var(--blue-100)}
.kal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.kal-dow{text-align:center;font-size:11px;color:var(--muted);padding:4px 0;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.kal-cell{position:relative;text-align:center;padding:10px 0;border-radius:9px;font-size:14px;
  font-variant-numeric:tabular-nums;background:var(--soft);color:var(--ink-2)}
.kal-cell.empty{background:none}
.kal-cell.today{outline:2px solid var(--blue);font-weight:800;color:var(--ink)}
.kal-cell.has{font-weight:700;color:var(--ink)}
.kal-cell.has::after{content:"";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);
  width:6px;height:6px;border-radius:50%;background:var(--dot,var(--blue))}
.kal-list{list-style:none;padding:0;margin:14px 0 2px}
.kal-list li{padding:8px 0;border-top:1px solid var(--line)}
.kal-list li b{display:inline-block;min-width:26px;font-variant-numeric:tabular-nums;font-family:'Sora',sans-serif}

/* ---------- tiles (anasayfa bölümleri) ---------- */
.hero + .tiles,.tiles{margin:18px 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tile{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 16px;
  display:block;color:var(--ink);background:#fff;box-shadow:var(--sh);
  transition:transform .16s,box-shadow .16s,border-color .16s}
.tile:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-3px);box-shadow:var(--sh-lg)}
.tile b{display:block;font-size:16px;font-family:'Sora',sans-serif}
.tile b::after{content:" →";color:var(--blue);opacity:0;transition:opacity .16s,margin .16s;margin-left:0}
.tile:hover b::after{opacity:1;margin-left:4px}
.tile span{display:block;color:var(--muted);font-size:13.5px;margin-top:5px}

/* ---------- kart listeleri ---------- */
.cards{list-style:none;padding:0;margin:16px 0;display:grid;gap:11px}
.cards a{display:block;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;
  color:var(--ink);background:#fff;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s,border-color .15s}
.cards a:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px);box-shadow:var(--sh-lg)}
.cards b{display:block;font-family:'Sora',sans-serif}
.cards span{display:block;color:var(--muted);font-size:14px;margin-top:3px}

details{border:1px solid var(--line);border-radius:var(--r);padding:2px 14px;margin:9px 0;background:#fff;box-shadow:var(--sh)}
details summary{cursor:pointer;font-weight:600;padding:11px 0;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"＋";color:var(--blue);font-weight:700;margin-right:8px}
details[open] summary::before{content:"－"}
details[open] summary{border-bottom:1px solid var(--line);margin-bottom:8px}
details>div{padding:0 0 12px}

.glossbar{display:flex;align-items:center;gap:10px;margin:16px 0 4px}
.glossbar input{flex:1;max-width:360px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:var(--soft)}
.glossbar input:focus{background:#fff;outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}
.glossbar #glossn{color:var(--muted);font-size:13px}
.gloss{margin:14px 0}
.gloss .gi[hidden]{display:none}
.gloss dt{font-weight:700;margin-top:10px}
.gloss dt a{color:inherit;text-decoration:none}
.gloss dt a:hover{color:var(--blue);text-decoration:underline}
.gloss dt.ltr{color:var(--blue);font-size:20px;font-family:'Sora',sans-serif;border-bottom:2px solid var(--line);margin-top:24px}
.gloss dt i{color:var(--muted);font-weight:400}
.gloss dd{margin:2px 0 0;color:var(--ink-2)}

/* ---------- mevzuat zaman çizelgesi ---------- */
.timeline{list-style:none;padding:0;margin:18px 0;position:relative}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.timeline>li{position:relative;padding:0 0 24px 32px}
.timeline>li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--blue)}
.timeline>li.tl-gecmis::before{border-color:#9AA7B4}
.timeline>li.tl-simdi::before{border-color:var(--ok);box-shadow:0 0 0 4px rgba(18,137,74,.15)}
.timeline>li.tl-gelecek::before{border-color:var(--warn)}
.tl-when{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:2px}
.tl-date{font-weight:800;color:var(--ink);font-family:'Sora',sans-serif}
.tl-phase{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  background:var(--soft);border:1px solid var(--line);padding:2px 8px;border-radius:6px}
.timeline h2{font-size:17px;margin:.2em 0 .3em}
.tl-what p{margin:.2em 0}

/* ---------- formlar bölümü ---------- */
.form-row{display:flex;gap:12px;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:11px 0;background:#fff;box-shadow:var(--sh)}
.form-row .code{background:var(--blue-100);border-radius:8px;padding:4px 9px;font-weight:800;color:var(--blue);height:fit-content;white-space:nowrap}
.form-row p{margin:.3em 0}

.ann{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:12px 0;background:#fff;box-shadow:var(--sh)}
.ann h2,.ann h3{margin:.1em 0}
.ann .meta{color:var(--muted);font-size:13px;margin:.2em 0 .5em}

.mistake{border-left:3px solid var(--line);padding:2px 0 2px 14px;margin:14px 0}
.mistake .wrong{color:var(--bad);margin:.2em 0;font-weight:600}
.mistake .right{margin:.2em 0}

.cls{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:12px 0;background:#fff;box-shadow:var(--sh)}
.cls p{margin:.35em 0}

/* ---------- karşılaştırma tabloları ---------- */
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border:1px solid var(--line);border-radius:var(--r)}
table.cmp{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
table.cmp th,table.cmp td{text-align:left;vertical-align:top;padding:10px 13px;border-bottom:1px solid var(--line)}
table.cmp thead th{background:var(--soft-2);color:var(--ink);font-weight:700;white-space:nowrap}
table.cmp tbody th{background:var(--soft);color:var(--blue);font-weight:800;white-space:nowrap}
table.cmp tbody th small{display:block;color:var(--muted);font-weight:400;white-space:normal}
table.cmp tr:last-child th,table.cmp tr:last-child td{border-bottom:0}

/* ---------- drone karşılaştırma ---------- */
.dcmp-head{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0 22px}
.dcmp-col{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;text-align:center;background:#fff;box-shadow:var(--sh)}
.dcmp-col b{display:block;font-family:'Sora',sans-serif;font-size:16px;margin:8px 0 2px}
.dcmp-col span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.dcmp-ph{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;
  background:linear-gradient(135deg,var(--blue),#3E8BFF);color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:24px}
.dcmp-vs{font-family:'Sora',sans-serif;font-weight:800;color:var(--muted);font-size:14px;text-align:center}
.dcmp-diffs{list-style:none;padding:0;margin:8px 0 20px}
.dcmp-diffs li{display:grid;grid-template-columns:1fr auto 12px auto;gap:8px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.dcmp-diffs li:last-child{border-bottom:0}
.dcmp-diff-l{color:var(--ink-2);font-weight:600}
.dcmp-diff-v{text-align:right}
.dcmp-diff-vs{color:var(--muted);text-align:center}
.dcmp-win{color:var(--ok);font-weight:800}
table.dcmp-t td{white-space:normal}
.dcmp-t .dcmp-r-diff th{color:var(--ink)}
.dcmp-t td.dcmp-win{background:var(--ok-bg)}
.dcmp-pick{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh);margin:14px 0}
.dcmp-pick label{display:flex;flex-direction:column;font-weight:600;font-size:13px;color:var(--ink-2);flex:1;min-width:150px}
.dcmp-pick select{margin-top:5px}
.dcmp-pick .dcmp-vs{align-self:center;padding-bottom:8px}
.dcmp-chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.dcmp-chip{background:var(--soft-2);color:#334155;border:0;border-radius:999px;padding:6px 13px;font:inherit;
  font-weight:600;font-size:12.5px;cursor:pointer}
.dcmp-chip.on{background:var(--blue);color:#fff}
.dcmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:12px 0}
.dcmp-m span{font-size:12px}
@media (max-width:560px){
  .dcmp-head{grid-template-columns:1fr 1fr;gap:8px}
  .dcmp-head .dcmp-vs{grid-column:1 / -1;order:1;padding:2px 0}
}

ol.steps{list-style:none;counter-reset:s;padding:0}
ol.steps>li{counter-increment:s;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 14px 52px;
  margin:11px 0;position:relative;background:#fff;box-shadow:var(--sh)}
ol.steps>li b{display:block;color:var(--ink);font-family:'Sora',sans-serif}
ol.steps>li::before{content:counter(s);position:absolute;left:14px;top:14px;width:26px;height:26px;
  border-radius:8px;background:var(--blue-100);color:var(--blue);font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#fff;border-radius:11px;
  padding:10px 18px;font-weight:600;margin-top:6px;box-shadow:0 8px 20px -10px rgba(22,104,227,.65);
  transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{background:var(--blue-d);text-decoration:none;transform:translateY(-1px)}
.btn.ghost{background:var(--soft);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{background:var(--soft-2)}
.more{margin:20px 0}

.ad{margin:24px 0;min-height:1px;text-align:center}
.ad::before{content:"reklam";display:block;font-size:11px;color:#AAB4C2;letter-spacing:.08em}

/* ---------- uygulama indirme bandı ---------- */
.appcta{background:linear-gradient(135deg,var(--navy),#1C3358);border-radius:var(--r-lg);margin:20px 0 6px;color:#fff;box-shadow:var(--sh-lg)}
.appcta-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 22px}
.appcta-ico{border-radius:14px;flex:none;background:#fff}
.appcta-tx{flex:1 1 220px}
.appcta-tx b{display:block;font-size:17px;font-family:'Sora',sans-serif}
.appcta-tx span{display:block;font-size:13.5px;opacity:.85}
.appcta-btns{display:flex;gap:10px;flex-wrap:wrap}
.appcta .store{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;
  border-radius:11px;padding:9px 18px;display:flex;flex-direction:column;line-height:1.2}
.appcta .store:hover{background:rgba(255,255,255,.2);text-decoration:none}
.appcta .store b{font-size:15px}
.appcta .store span{font-size:11px;opacity:.8}

/* ---------- footer ---------- */
.site-foot{border-top:1px solid var(--navy-2);background:var(--navy);margin-top:44px;padding:34px 0 26px;
  font-size:13.5px;color:#9FB0C9}
.site-foot .wrap{max-width:var(--wrap)}
.site-foot a{color:#9FB0C9}
.site-foot a:hover{color:#fff}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px;margin:18px 0}
.foot-cols>div{display:flex;flex-direction:column;gap:7px}
.foot-cols b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.foot-cols a{font-size:13.5px}
.foot-disc{margin-top:10px;border-top:1px solid var(--navy-2);padding-top:14px;color:#8395AF}
.foot-disc a{color:#B9C9E6}
.foot-brand{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.foot-brand img{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:var(--sh)}
.foot-brand b{display:block;color:#fff;font-size:19px;font-family:'Sora',sans-serif}
.foot-brand span{display:block;font-size:13px}

/* ---------- çerez bandı ---------- */
.cc{position:fixed;left:0;right:0;bottom:0;background:var(--navy);color:#E6EDF6;z-index:60;font-size:14px;
  box-shadow:0 -12px 40px -18px rgba(0,0,0,.6);border-top:1px solid var(--navy-2)}
.cc .wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 20px}
.cc a{color:#8FE9EE}
.cc button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.cc button.ghost{background:transparent;border:1px solid #37506B}

/* ---------- iletişim sayfası ---------- */
.contact-head{margin-bottom:6px}
.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:start;margin-top:12px}
.contact-info h2{font-size:16px;margin:1.1em 0 .4em}
.contact-info ul{padding-left:1.2em;margin:.3em 0}
.contact-info li{margin:.35em 0}
.contact-info p{font-size:14.5px}
.contact-form{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:#fff;box-shadow:var(--sh-lg)}
.cform label{display:block;margin:0 0 15px;font-weight:600;font-size:13.5px}
.cform .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform input[type=text],.cform input[type=email],.cform textarea{
  width:100%;max-width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;font:inherit;margin-top:6px;background:var(--soft)}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-100)}
.cform textarea{resize:vertical;min-height:124px}
.cform .req{color:var(--bad)}
.cform .opt{color:var(--muted);font-weight:400}
.cform .chk{font-weight:400;font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:flex-start;margin-top:2px}
.cform .chk input{margin-top:3px;flex:none}
.cform button{background:var(--blue);color:#fff;border:0;border-radius:11px;padding:13px 26px;font:inherit;font-weight:700;cursor:pointer;margin-top:6px;box-shadow:0 10px 24px -12px rgba(22,104,227,.7)}
.cform button:hover{background:var(--blue-d)}
.ok-box{text-align:center;padding:20px 8px}
.ok-box .ok-ic{width:58px;height:58px;border-radius:50%;background:var(--ok-bg);color:var(--ok);
  font-size:30px;font-weight:800;line-height:58px;margin:0 auto 14px}
.ok-box h2{margin:.2em 0}
@media (max-width:720px){.contact-grid{grid-template-columns:1fr}.cform .frow{grid-template-columns:1fr}}

/* ---------- Pilot Panelim ---------- */
.pilot{margin:6px 0 10px}
.pcard{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin:14px 0;background:#fff;box-shadow:var(--sh)}
.pcard>h1{font-size:22px;margin:0 0 14px}
.pcard h2{font-size:16px;margin:.2em 0 .6em}
.pcard h3{font-size:14px;margin:1em 0 .4em}
.pcard hr,.pmid hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.pmid{max-width:460px;margin:36px auto}
.pmid label:not(.linklike),.pcard label:not(.linklike){display:block;margin:12px 0;font-weight:600;font-size:13.5px;color:var(--ink-2)}
.pmid input,.pmid select,.pcard input,.pcard textarea,.pcard select{
  width:100%;max-width:340px;padding:11px 13px;border:1px solid #cfd8e6;border-radius:11px;font:inherit;
  font-size:14px;margin-top:6px;background-color:#fff;color:var(--ink)}
.pmid select,.pcard select{
  -webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235E6B82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.pcard textarea{max-width:100%}
.pmid input:focus,.pmid select:focus,.pcard input:focus,.pcard textarea:focus,.pcard select:focus{
  outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(22,104,227,.2)}
.pcard textarea{resize:vertical;min-height:80px}
.pmid button,.pcard button{
  background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 17px;font:inherit;
  font-weight:600;cursor:pointer;box-shadow:0 8px 18px -10px rgba(22,104,227,.55);transition:background .14s,transform .14s}
.pmid button:hover,.pcard button:hover{background:var(--blue-d);transform:translateY(-1px)}
.pcard .ghost,.pacts .ghost,.pi-a .ghost{background:var(--soft-2);color:var(--ink);box-shadow:none}
.pcard .ghost:hover,.pacts .ghost:hover,.pi-a .ghost:hover{background:var(--line)}
.pcard .danger,.pi-a .danger{background:var(--bad);color:#fff;box-shadow:none}
.pmid .warn,.pcard .warn{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;padding:9px 13px;font-size:13px;color:var(--warn)}
.linklike{color:var(--blue);cursor:pointer;font-weight:600}
.ptop{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  margin:0 0 16px;padding:16px 18px;border-radius:var(--r-lg);
  background:radial-gradient(120% 160% at 90% -20%,#22406E 0%,var(--navy) 60%);
  color:#EAF2FF;box-shadow:var(--sh-lg)}
.pident{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.pident-name{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.01em}
.pident-edit{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;
  width:30px;height:30px;border-radius:9px;font-size:14px;cursor:pointer;box-shadow:none;padding:0;flex:none}
.pident-edit:hover{background:rgba(255,255,255,.24);transform:none}
.pident-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pbadge{display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;
  letter-spacing:.02em;line-height:1.4;white-space:nowrap;color:#fff;background:#4B5A73}
.pb-p0{background:#12894A}.pb-p1{background:#1668E3}.pb-p2{background:#C77700}
.pb-m0{background:#0FB5BD}.pb-m1{background:#1668E3}.pb-m2{background:#C77700}.pb-m3{background:#C0392B}
.pb-basit{background:#6B7A93}
.pb-region{background:rgba(255,255,255,.14);color:#EAF2FF;font-weight:600;border:1px solid rgba(255,255,255,.2)}
.pcard .pident-badges .pb-region{background:var(--soft);color:var(--ink-2);border:1px solid var(--line)}
.ptop h1{margin:0;font-size:22px}
.pacts{display:flex;gap:8px;flex-wrap:wrap}
.pacts .ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.pacts .ghost:hover{background:rgba(255,255,255,.22)}
.pacts button{padding:8px 14px;font-size:13px}
.ptabs{display:flex;gap:2px;flex-wrap:wrap;background:var(--soft);border:1px solid var(--line);
  border-radius:12px;padding:4px;margin-bottom:16px}
.ptabs button{background:none;border:0;color:var(--muted);padding:9px 14px;font:inherit;font-weight:600;
  cursor:pointer;border-radius:9px;box-shadow:none;transition:background .14s,color .14s}
.ptabs button:hover{color:var(--ink);transform:none}
.ptabs button.on{color:var(--blue);background:#fff;box-shadow:var(--sh)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:6px 0 4px}
.pstat{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--soft)}
.pstat b{display:block;font-size:24px;color:var(--blue);line-height:1.15;font-family:'Sora',sans-serif;letter-spacing:-.02em}
.pstat span{font-size:12.5px;color:var(--muted)}
.pitem{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:11px 0;background:#fff}
.pitem.warnrow{border-color:var(--warn-line);background:var(--warn-bg)}
.pi-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pi-h b{font-size:15px;font-family:'Sora',sans-serif}
.pi-h h2{margin:0}
.pi-h span{color:var(--muted);font-size:13px}
.pi-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pi-a button{padding:6px 13px;font-size:13px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.badge{border:1px solid var(--blue);color:var(--blue);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}
.pmeter{height:7px;background:var(--soft-2);border-radius:99px;overflow:hidden;margin:8px 0 2px}
.pmeter #pbar{height:100%;width:0;background:var(--bad);transition:width .2s,background .2s}
.phint{font-size:12px;color:var(--muted);margin:0 0 6px}
.clsteps{border:1px solid var(--line);border-radius:11px;padding:2px 12px;margin:8px 0;background:var(--soft)}
.clrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.clrow:last-child{border-bottom:0}
.clrow span:first-child{flex:1}
.clbtns{display:flex;gap:4px;flex:none}
.clbtns button,.clrow button{padding:3px 9px;font-size:12px;box-shadow:none}
.claddrow{display:flex;gap:8px;margin:12px 0}
.claddrow input{flex:1;margin:0}
.clpickbox{border:1px dashed #C6D2E4;border-radius:11px;padding:6px 12px;margin-top:8px;max-height:260px;overflow:auto;background:var(--soft)}

/* ---------- kontrol listesi (public) ---------- */
.cklist{list-style:none;padding:0;margin:14px 0}
.cklist li{border-bottom:1px solid var(--line);padding:10px 0;display:flex;gap:10px;align-items:baseline}
.cklist .ckbox{color:var(--blue);font-size:16px;flex:none}
.cklist small{color:var(--muted)}

/* ---------- araçlar / hesaplayıcılar ---------- */
.tool{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;margin:16px 0;background:#fff;box-shadow:var(--sh)}
.tool h2{margin:.1em 0 .6em;font-size:18px}
.tool label{display:block;font-weight:600;font-size:13.5px;margin:8px 0}
.tool input,.tool select{width:100%;max-width:340px;padding:11px 14px;border:1px solid #cfd8e6;border-radius:11px;font:inherit;font-size:14px;margin-top:6px;background-color:#fff;color:var(--ink)}
.tool select{-webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235E6B82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.tool input:focus,.tool select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,104,227,.2)}
.tool input:focus,.tool select:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-100)}
.tool .frow{display:flex;gap:14px;flex-wrap:wrap}
.tool .frow label{flex:1;min-width:160px}
.tool-out{margin-top:12px;background:var(--blue-100);border-radius:12px;padding:14px 16px;min-height:1px}
.tool-out:empty{display:none}
.tool-out b{display:block;color:var(--blue-d);font-size:16px;font-family:'Sora',sans-serif}
.tool-out span{display:block;color:var(--ink);font-size:14px;margin-top:4px}
/* birim dönüştürücü */
.tool-out.conv-wrap{background:none;padding:0;margin-top:0}
.conv-g{margin:14px 0}
.conv-g > b{display:block;font-family:'Sora',sans-serif;font-size:14px;color:var(--ink);margin-bottom:6px}
.conv-row{display:flex;gap:10px;flex-wrap:wrap}
.conv-row label{flex:1 1 110px;min-width:90px;margin:0;font-weight:600;font-size:12px;color:var(--muted)}
.conv-row input{margin-top:4px}

/* ---------- yol haritası ---------- */
.roadmap{list-style:none;padding:0;counter-reset:rm}
.roadmap li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.roadmap .rm-n{flex:none;width:36px;height:36px;border-radius:11px;background:linear-gradient(var(--blue),var(--blue-d));color:#fff;
  font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif}
.roadmap .rm-b b{font-size:16px;font-family:'Sora',sans-serif}
.roadmap .rm-b p{margin:.3em 0}
.roadmap .rm-l{font-size:13.5px}

/* ---------- deneme sınavı ---------- */
.quiz-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}
.qs-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;text-align:center;background:#fff;box-shadow:var(--sh)}
.qs-card h3{margin:.1em 0 .7em}
.qs-card .btn{display:block;margin:6px 0}
.quiz-timer{position:sticky;top:70px;float:right;background:var(--blue);color:#fff;font-weight:800;
  padding:7px 15px;border-radius:11px;font-variant-numeric:tabular-nums;z-index:5;box-shadow:var(--sh)}
.quiz-q{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:12px 0;background:#fff;box-shadow:var(--sh)}
.quiz-q .qh{font-weight:600;margin:.2em 0 .6em}
.qopt{display:block;padding:8px 4px;border-bottom:1px solid var(--soft);cursor:pointer}
.qopt:last-child{border-bottom:0}
.qopt input{margin-right:8px}
.quiz-q.ok{border-color:var(--ok-line);background:var(--ok-bg)}
.quiz-q.no{border-color:var(--bad-line);background:var(--bad-bg)}
.qopts{list-style:none;padding:0;margin:.3em 0}
.qopts li{padding:7px 9px;border-radius:8px;margin:3px 0}
.qopts li.c{background:var(--ok-bg);font-weight:600}
.qopts li.x{background:var(--bad-bg);text-decoration:line-through}
.qex{font-size:14px;color:var(--muted);background:var(--soft);border-radius:9px;padding:9px 13px;margin:.4em 0 0}
.quiz-score{display:flex;flex-direction:column;align-items:center;border:2px solid var(--line);
  border-radius:var(--r-lg);padding:20px;margin:14px 0;background:#fff;box-shadow:var(--sh)}
.quiz-score.pass{border-color:var(--ok)}
.quiz-score b{font-size:36px;color:var(--blue);font-family:'Sora',sans-serif}
.quiz-score.pass b{color:var(--ok)}
.quiz-score span{color:var(--muted)}
.quiz-share{margin:16px 0}
.quiz-share canvas{width:100%;max-width:420px;height:auto;border:1px solid var(--line);border-radius:12px;display:block}
.quiz-share-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

/* ---------- özellikler sayfası ---------- */
.featlist{display:grid;gap:18px;margin:18px 0}
.feat{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;background:#fff;box-shadow:var(--sh)}
.feat h2{margin:.1em 0 .5em;font-size:18px}
.feat-ic{font-size:20px}
.feat p{margin:.4em 0;font-size:14.5px}
.feat-app{color:var(--blue);font-size:13.5px !important}
.storelinks{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.storelinks .store{background:var(--navy);color:#fff;border-radius:11px;padding:9px 18px;display:flex;flex-direction:column;line-height:1.2}
.storelinks .store:hover{background:#000;text-decoration:none}
.storelinks .store b{font-size:15px}
.storelinks .store span{font-size:11px;opacity:.8}
.store-soon{display:inline-flex;align-items:center;background:var(--soft);color:var(--muted);
  border:1px dashed var(--line);border-radius:11px;padding:9px 16px;font-size:12.5px;font-weight:600}

/* ---------- Uygulamalarımız ---------- */
.applist-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin:20px 0;
  background:#fff;box-shadow:var(--sh)}
.applist-head{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px}
.applist-head img{border-radius:18px;flex:none;background:var(--soft)}

/* ---------- yazdırma ---------- */
@media print{
  .topbar,.site-foot,.crumb,.more,.noprint,.ad,.cc,#cc,.related,.hero-actions{display:none !important}
  main.wrap{padding:0}
  .hero{background:none;color:#000;box-shadow:none;padding:0}
  .hero h1,.hero .lead{color:#000}
  a{color:#000;text-decoration:none}
  .cklist li{border-color:#999}
}

@media (max-width:560px){h1{font-size:24px}.lead{font-size:16px}}