/* Otorite CMS — ön yüz. Renkler/yazı tipleri :root değişkenleriyle panelden yönetilir. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--f-body);background:var(--paper);color:#1b2233;line-height:1.62;font-size:15.5px}
img{max-width:100%;height:auto}
a{color:var(--second)}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);line-height:1.22;margin:0 0 .5em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:820px}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:99;border-radius:6px}
.mut{color:#69718a}.small{font-size:12.5px}

/* ---------- Üst yapı ---------- */
.hdr{background:var(--ink);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:50}
.hdr-in{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:var(--ink);font-weight:800;border-radius:var(--radius);font-size:19px}
.brand-word{font-family:var(--f-head);font-size:21px;color:#fff;letter-spacing:.3px}
.brand-word b{font-weight:700}.brand-word i{font-style:normal;color:var(--accent)}
.nav{display:flex;gap:20px;margin-left:6px}
.nav a{color:#cdd4e0;text-decoration:none;font-size:14px;font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}
.nav a:hover{color:#fff;border-bottom-color:var(--accent)}
.hdr-search{margin-left:auto;display:flex;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);overflow:hidden}
.hdr-search input{background:none;border:0;color:#fff;padding:8px 12px;width:220px;font:inherit;font-size:13.5px}
.hdr-search input::placeholder{color:#93a0b5}
.hdr-search input:focus{outline:none}
.hdr-search button{background:none;border:0;color:var(--accent);font-size:17px;padding:0 12px;cursor:pointer}
.burger{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(160deg,var(--ink) 0%,var(--second) 130%);color:#e8ecf3;padding:58px 0 46px;position:relative;overflow:hidden}
.hero::after{content:"§";position:absolute;right:-30px;top:-60px;font-size:340px;font-family:var(--f-head);color:rgba(255,255,255,.04);pointer-events:none}
.hero-slim{padding:40px 0 32px}
.hero-kicker{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;color:var(--accent);font-weight:700;margin:0 0 10px}
.hero h1{color:#fff;font-size:clamp(28px,4.4vw,46px);max-width:760px}
.hero-lead{max-width:680px;font-size:16.5px;color:#c3ccdb;margin:14px 0 0}
.hero-counters{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 22px;min-width:150px}
.hc b{display:block;font-size:27px;font-family:var(--f-head);color:#fff}
.hc span{font-size:12.5px;color:#a7b2c6;text-transform:uppercase;letter-spacing:.6px}
.hero-note{margin:12px 0 0;font-size:12px;color:#8b97ad}

/* ---------- Reklam alanları ---------- */
.adz{position:relative;margin:18px auto;text-align:center}
.adz-l{position:absolute;top:-9px;left:12px;background:var(--paper);color:#9aa1b4;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:0 7px}
.adz-top{max-width:1180px;padding:0 20px}
.adz-row{border:1px dashed #d4d8e2;border-radius:var(--radius);padding:16px}
.adz-mid{border:1px dashed #d4d8e2;border-radius:var(--radius);padding:16px;margin:22px 0}
.adz-side{border:1px dashed #d4d8e2;border-radius:var(--radius);padding:14px;margin-bottom:16px}

/* ---------- Endeks listesi ---------- */
.index-head{display:flex;align-items:baseline;justify-content:space-between;margin:34px 0 14px}
.sec-title{font-size:24px}
.index-meta{color:#7c8399;font-size:13px}
.index{display:flex;flex-direction:column;gap:12px;margin-bottom:34px}
.idx-row{display:grid;grid-template-columns:52px 96px 1fr 92px 172px;gap:18px;align-items:center;background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius);padding:16px 20px;transition:transform .18s,box-shadow .18s}
.idx-row:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(16,27,45,.10)}
.idx-rank{font-family:var(--f-head);font-size:21px;color:#8d95aa;text-align:center}
.idx-rank.top{color:var(--accent);font-size:24px}
.idx-logo{display:flex;align-items:center;justify-content:center;height:52px;background:var(--ink);border-radius:var(--radius);overflow:hidden;text-decoration:none}
.idx-logo img{max-height:40px;max-width:86px;object-fit:contain}
.ph{color:#fff;font-family:var(--f-head);font-size:17px}
.idx-main h3{font-size:17.5px;margin:0 0 3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.idx-main h3 a{color:var(--ink);text-decoration:none}
.idx-main h3 a:hover{color:var(--second)}
.idx-desc{margin:0;font-size:13.5px;color:#5d6579}
.idx-tags{margin:7px 0 0;display:flex;gap:7px;flex-wrap:wrap}
.idx-tags span{background:#f0f2f7;border-radius:4px;padding:2px 9px;font-size:11.5px;color:#5b6377}
.idx-tags .tag-gold{background:color-mix(in srgb,var(--accent) 16%,#fff);color:#7a5b12}
.idx-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.cmp-pick{font-size:11.5px;color:#7c8399;display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer}

/* Puan halkası */
.idx-score,.dossier-score{display:flex;flex-direction:column;align-items:center;position:relative}
.ring{width:64px;height:64px;transform:rotate(-90deg)}
.ring.big{width:96px;height:96px}
.ring-bg{fill:none;stroke:#e8eaf1;stroke-width:4}
.ring-fg{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:calc(var(--p) * 1.068) 107;transition:stroke-dasharray 1s ease}
.idx-score b{position:absolute;top:20px;font-family:var(--f-head);font-size:16.5px}
.sc-ok{color:#1c7c46}.sc-mid{color:#b98a2f}.sc-low{color:#b3362b}

/* Rozetler */
.chip{display:inline-block;padding:2.5px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;background:#eef0f6;color:#555d72}
.chip-gold{background:color-mix(in srgb,var(--accent) 20%,#fff);color:#7a5b12;border:1px solid color-mix(in srgb,var(--accent) 45%,#fff)}
.chip-ok{background:#e6f4ea;color:#1c7c46;border:1px solid #bfe3cc}
.chip-low{background:#fbe9e7;color:#b3362b;border:1px solid #f0c4be}

/* Butonlar */
.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-weight:700;font-size:14px;text-decoration:none;text-align:center;border:0;cursor:pointer;font-family:var(--f-body)}
.btn-sm{padding:7px 14px;font-size:12.5px}
.btn-block{display:block;width:100%}
.btn-gold{background:var(--accent);color:var(--ink)}
.btn-gold:hover{filter:brightness(1.07)}
.btn-line{background:none;border:1.5px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}

/* ---------- Dosya (profil) ---------- */
.crumb{margin:20px 0 14px;font-size:13px;color:#7c8399}
.crumb a{color:#7c8399;text-decoration:none}.crumb a:hover{color:var(--second)}
.crumb span{margin:0 7px}
.dossier{display:grid;grid-template-columns:64px 120px 1fr auto auto;gap:22px;align-items:center;background:#fff;border:1px solid #e3e6ee;border-top:4px solid var(--accent);border-radius:var(--radius);padding:26px 28px;position:relative}
.dossier-stamp{font-size:9px;letter-spacing:1px;color:#b9bfce;border:1.5px solid #d8dce6;border-radius:6px;text-align:center;padding:8px 4px;font-weight:700;transform:rotate(-6deg)}
.dossier-logo{display:flex;align-items:center;justify-content:center;height:74px;background:var(--ink);border-radius:var(--radius);padding:8px}
.dossier-logo img{max-height:56px;max-width:104px;object-fit:contain}
.dossier-id h1{font-size:clamp(22px,3vw,32px);margin-bottom:4px}
.dossier-sub{margin:0;color:#5d6579;font-size:14px;max-width:560px}
.dossier-chips{margin:9px 0 0;display:flex;gap:7px;flex-wrap:wrap}
.dossier-score b{position:absolute;top:32px;font-family:var(--f-head);font-size:23px}
.dossier-score span{font-size:11px;color:#7c8399;margin-top:4px;text-align:center}
.dossier-cta{align-self:center}

.report{display:grid;grid-template-columns:1fr 320px;gap:26px;margin-top:26px}
.panel{background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius);padding:26px 28px;margin-bottom:22px}
.panel h2{font-size:20px;padding-bottom:12px;border-bottom:1px solid #eef0f5;margin-bottom:18px}
.prose p{margin:0 0 14px}
.shot{margin:18px 0;border:1px solid #e3e6ee;border-radius:var(--radius);overflow:hidden}
.shot img{display:block;width:100%}
.findings{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.findings li{padding-left:24px;position:relative;font-size:14px}
.findings li::before{content:"✓";position:absolute;left:0;color:#1c7c46;font-weight:800}
.payline{margin:16px 0 0;font-size:14px;background:#f6f7fa;border-radius:var(--radius);padding:12px 16px}

.verdict{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.verdict-col h3{font-size:14px;letter-spacing:.4px;text-transform:uppercase}
.v-ok{color:#1c7c46}.v-low{color:#b3362b}
.verdict-col ul{list-style:none;margin:0;padding:0}
.verdict-col li{padding:8px 0 8px 4px;border-bottom:1px dashed #e8eaf1;font-size:14px}

.meter{margin-bottom:15px}
.meter-top{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}
.meter-top b{font-family:var(--f-head)}
.meter-track{height:9px;background:#edeff5;border-radius:99px;overflow:hidden}
.meter-fill{height:100%;width:0;background:linear-gradient(90deg,var(--second),var(--accent));border-radius:99px;transition:width 1.1s cubic-bezier(.22,.8,.35,1)}

.spark{display:flex;gap:12px;align-items:flex-end;height:130px;margin-top:16px}
.spark-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}
.spark-bar{width:100%;max-width:44px;height:var(--h);background:linear-gradient(180deg,var(--second),var(--ink));border-radius:5px 5px 0 0;min-height:6px}
.spark-col span{font-size:10.5px;color:#8a90a3}
.typoline{margin:20px 0 0;font-size:13px}
.typoline code{background:#f0f2f7;border-radius:4px;padding:1px 7px;margin:0 3px;font-size:12px}

.faq{border:1px solid #e8eaf1;border-radius:var(--radius);margin-bottom:9px;overflow:hidden}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:14.5px;list-style:none;position:relative;padding-right:38px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:10px;font-size:19px;color:var(--accent)}
.faq[open] summary{background:#f8f9fc}
.faq[open] summary::after{content:"–"}
.faq p{margin:0;padding:0 16px 14px;font-size:14px;color:#454d61}

.witness{border-left:3px solid var(--accent);background:#fafbfd;border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin-bottom:12px}
.witness-h{display:flex;gap:10px;align-items:baseline;font-size:13px}
.witness-h span{color:#98a0b3;font-size:12px}
.witness p{margin:6px 0 0;font-size:14px}
.form-h{margin-top:26px;font-size:16px}
.cform .frow{margin-bottom:13px}
.cform label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.cform input,.cform textarea{width:100%;border:1px solid #d5d9e3;border-radius:var(--radius);padding:10px 12px;font:inherit;font-size:14px}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--second);box-shadow:0 0 0 3px color-mix(in srgb,var(--second) 14%,transparent)}
.frow.narrow{max-width:280px}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.report-side .card{background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius);padding:20px;margin-bottom:16px}
.report-side .card h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#59617a;margin-bottom:10px}
.card.sticky{position:sticky;top:82px}
.card-gold{border-top:3px solid var(--accent)}
.bonus{font-family:var(--f-head);font-size:17px;margin:0;color:var(--ink)}
.lic-name{font-weight:700;margin:0 0 6px;font-size:15px}
.lic-name+.small code,.card code{background:#f0f2f7;border-radius:4px;padding:1px 7px;font-size:12px}
dl.reg{margin:0;font-size:13.5px}
dl.reg dt{font-weight:700;color:#404860;margin-top:9px}
dl.reg dt:first-child{margin-top:0}
dl.reg dd{margin:2px 0 0;color:#69718a;line-height:1.5}
.soc{display:flex;flex-direction:column;gap:8px}
.soc a{font-weight:600;font-size:14px;text-decoration:none}
.soc a:hover{text-decoration:underline}

.rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}
.rack-item{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius);padding:15px 17px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.rack-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,27,45,.09)}
.rack-item b{color:var(--ink);font-size:15px}
.rack-item span{font-size:12.5px;color:#69718a}

/* Onaylı sayfası */
.approve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:28px 0 40px}
.approve-card{background:#fff;border:1px solid #e3e6ee;border-top:4px solid var(--accent);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}
.ac-top{display:flex;align-items:center;gap:12px}
.ac-rank{font-family:var(--f-head);font-size:19px;color:var(--accent)}
.ac-logo{flex:1;display:flex;align-items:center;justify-content:center;height:56px;background:var(--ink);border-radius:var(--radius)}
.ac-logo img{max-height:42px;max-width:100px;object-fit:contain}
.ac-score b{font-family:var(--f-head);font-size:21px}
.ac-score span{font-size:11px;color:#8a90a3}
.approve-card h3{font-size:17px;margin:4px 0 0}
.approve-card h3 a{color:var(--ink);text-decoration:none}
.approve-card p{margin:0;font-size:13.5px;color:#5d6579}
.ac-bonus{font-weight:700;color:#7a5b12}
.ac-actions{display:flex;gap:9px;margin-top:auto;padding-top:10px}

/* Karşılaştırma */
.cmp-scroll{overflow-x:auto;margin:20px 0 40px}
.cmp-table{border-collapse:collapse;width:100%;background:#fff;border:1px solid #e3e6ee;border-radius:var(--radius)}
.cmp-table th,.cmp-table td{padding:12px 16px;border-bottom:1px solid #eef0f5;text-align:left;font-size:14px}
.cmp-table thead th{background:var(--ink);color:#fff;font-family:var(--f-head);font-size:15px}
.cmp-table thead a{color:#fff;text-decoration:none}
.cmp-table td:first-child{font-weight:600;color:#59617a;width:190px}
.cmp-tray{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:var(--ink);color:#dfe5ef;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 12px 10px 20px;display:flex;gap:14px;align-items:center;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:60;font-size:13px}
.cmp-picks b{color:var(--accent);margin:0 3px}

/* Sayfalama & genel */
.pager{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 46px}
.pg{padding:7px 13px;border:1px solid #d8dce6;border-radius:var(--radius);text-decoration:none;color:#404860;font-size:13.5px;background:#fff}
.pg.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.page-h{font-size:clamp(24px,3.4vw,34px);margin:8px 0 12px}
.empty{background:#fff;border:1px dashed #cfd4e0;border-radius:var(--radius);padding:34px;text-align:center;color:#7c8399;margin:26px 0}
.flash{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin:16px 0}
.flash.ok{background:#e6f4ea;border:1px solid #bfe3cc;color:#1c7c46}
.flash.err{background:#fbe9e7;border:1px solid #f0c4be;color:#b3362b}

/* Footer */
.ftr{background:var(--ink);color:#aab4c8;margin-top:56px;border-top:3px solid var(--accent)}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px;padding:44px 20px 34px}
.ftr h4{color:#fff;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:8px}
.ftr a{color:#aab4c8;text-decoration:none;font-size:14px}
.ftr a:hover{color:#fff}
.ftr-brand p{font-size:13px;line-height:1.7}
.brand-ftr .brand-word{font-size:19px}
.ftr-line{border-top:1px solid rgba(255,255,255,.1)}
.ftr-line-in{display:flex;justify-content:space-between;gap:14px;padding:16px 20px;font-size:12.5px;flex-wrap:wrap}
.ftr-badges{color:#7f8aa1}

/* Uyarı modali */
.gate{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:120}
.gate.open{display:flex}
.gate-bg{position:absolute;inset:0;background:rgba(9,14,24,.72);backdrop-filter:blur(3px)}
.gate-box{position:relative;background:#fff;border-radius:var(--radius);max-width:480px;width:calc(100% - 40px);padding:30px 30px 26px;text-align:center;border-top:5px solid var(--accent);box-shadow:0 40px 90px rgba(0,0,0,.5)}
.gate-seal{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;font-family:var(--f-head)}
.gate-box h3{font-size:21px}
.gate-box p{color:#535b70;font-size:14.5px}
.gate-ad{margin:14px 0}
.gate-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.gate-x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;color:#98a0b3;cursor:pointer}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* Reveal animasyonu */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
[data-reveal].in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* ---------- Mobil ---------- */
@media (max-width: 1020px){
  .report{grid-template-columns:1fr}
  .card.sticky{position:static}
  .dossier{grid-template-columns:88px 1fr;grid-template-areas:"logo id" "score cta"}
  .dossier-stamp{display:none}
  .dossier-logo{grid-area:logo}.dossier-id{grid-area:id}
  .dossier-score{grid-area:score}.dossier-cta{grid-area:cta;justify-self:end}
}
@media (max-width: 860px){
  .nav{position:fixed;inset:64px 0 auto 0;background:var(--ink);flex-direction:column;padding:14px 22px 20px;gap:4px;display:none;border-bottom:3px solid var(--accent)}
  .nav.open{display:flex}
  .nav a{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
  .burger{display:block;margin-left:auto}
  .hdr-search{display:none}
  .idx-row{grid-template-columns:40px 1fr 76px;grid-template-areas:"rank main score" "actions actions actions"}
  .idx-rank{grid-area:rank}.idx-main{grid-area:main}.idx-score{grid-area:score}
  .idx-logo{display:none}
  .idx-actions{grid-area:actions;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}
  .findings{grid-template-columns:1fr}
  .verdict{grid-template-columns:1fr}
  .frow2{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
  .hero-counters{gap:9px}.hc{min-width:calc(50% - 9px);padding:11px 14px}
}