:root{--brand:#4f46e5;--accent:#06b6d4;--ink:#0f172a;--radius:16px}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f6f7fb;color:var(--ink);-webkit-font-smoothing:antialiased}
[data-bs-theme=dark] body{background:#0b1020;color:#e2e8f0}
[data-bs-theme=dark] .card{background:#121a2e}
a{color:var(--brand)}
.text-primary{color:var(--brand)!important}
.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:color-mix(in srgb,var(--brand) 85%,#000);--bs-btn-hover-border-color:color-mix(in srgb,var(--brand) 85%,#000);--bs-btn-active-bg:color-mix(in srgb,var(--brand) 75%,#000)}
.btn-outline-primary{--bs-btn-color:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-active-bg:var(--brand);--bs-btn-active-border-color:var(--brand)}
.text-bg-primary,.badge.text-bg-primary{background:var(--brand)!important}
.card{border-radius:var(--radius)}
.announce{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff}
.announce a{color:#fff;text-decoration:underline}

/* nav */
.hk-nav{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(15,23,42,.06)}
[data-bs-theme=dark] .hk-nav{background:rgba(11,16,32,.85);border-color:rgba(255,255,255,.06)}
.hk-nav .nav-link{font-weight:500;color:inherit;opacity:.75;border-radius:10px;padding:.5rem .8rem!important}
.hk-nav .nav-link.active,.hk-nav .nav-link:hover{opacity:1;color:var(--brand)}
.hk-nav .nav-link.active{background:color-mix(in srgb,var(--brand) 10%,transparent)}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}

/* hero */
.hero{position:relative;overflow:hidden;padding:4.5rem 0 6rem;color:#fff;background:radial-gradient(1000px 500px at 85% -10%,color-mix(in srgb,var(--accent) 55%,transparent),transparent),radial-gradient(800px 500px at 0% 100%,#7c3aed66,transparent),linear-gradient(135deg,#1e1b4b,var(--brand))}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.hero .container{z-index:1}
.hero-badge{background:rgba(255,255,255,.14);font-weight:500;padding:.5rem .8rem}
.hero-search{border-radius:18px}
.hero-search .form-select{background-color:transparent}
.hero-podium{border-radius:20px;color:var(--ink)}
[data-bs-theme=dark] .hero-podium{color:#e2e8f0}
.podium-row{padding:.6rem .4rem;border-radius:12px;transition:background .15s}
.podium-row:hover{background:rgba(79,70,229,.06)}
.pos{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:.85rem;background:#eef2ff;color:var(--brand)}
.pos-1{background:#fde68a;color:#92400e}.pos-2{background:#e2e8f0;color:#334155}.pos-3{background:#fed7aa;color:#9a3412}
.awards-strip{margin-top:-3rem;position:relative;z-index:2}
.award{transition:transform .15s,box-shadow .15s}.award:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.12)!important}
.award-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:1.25rem}
.min-w-0{min-width:0}

/* logo */
.flogo{flex:none;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08);overflow:hidden}
.flogo img{max-width:80%;max-height:80%;object-fit:contain}
.flogo-txt{background:var(--fc);color:#fff;font-weight:800;letter-spacing:-.5px;border:0;font-size:1.05rem;box-shadow:inset 0 -10px 20px rgba(0,0,0,.12)}
.flogo-sm{width:34px;height:34px;border-radius:10px;font-size:.78rem}
.flogo-lg{width:76px;height:76px;border-radius:20px;font-size:1.6rem}

/* score */
.score{display:inline-flex;align-items:baseline;gap:1px;padding:.35rem .6rem;border-radius:12px;font-weight:700;color:#fff;line-height:1}
.score b{font-size:1.35rem}.score small{opacity:.8;font-size:.7rem}
.score-sm{padding:.25rem .45rem;border-radius:9px}.score-sm b{font-size:.95rem}
.sc-a{background:#059669}.sc-b{background:#16a34a}.sc-c{background:#ca8a04}.sc-d{background:#dc2626}
.progress-bar.sc-a{background:#059669}.progress-bar.sc-b{background:#16a34a}.progress-bar.sc-c{background:#ca8a04}.progress-bar.sc-d{background:#dc2626}
.cell-score{display:inline-block;min-width:2.6rem;padding:.2rem .4rem;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem}
.ring{--p:80;flex:none;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c,#16a34a) calc(var(--p)*1%),#e5e7eb 0)}
.ring.sc-a{--c:#059669;background-color:transparent}.ring.sc-b{--c:#16a34a}.ring.sc-c{--c:#ca8a04}.ring.sc-d{--c:#dc2626}
.ring{background:conic-gradient(var(--c) calc(var(--p)*1%),#e5e7eb 0)!important}
.ring>div{width:88px;height:88px;border-radius:50%;background:var(--bs-body-bg);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring b{font-size:1.8rem;line-height:1}.ring small{font-size:.7rem;color:var(--bs-secondary-color)}
.stars{color:#f59e0b;letter-spacing:1px}.stars-sm{font-size:.8rem}

/* rank cards */
.rank-card{position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.rank-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.1)!important}
.rank-card.is-top{outline:2px solid var(--brand)}
.rank-no{font-size:1.5rem;font-weight:800;color:#cbd5e1;width:2.2rem;display:inline-block}
.ribbon{position:absolute;top:0;right:1.25rem;background:var(--brand);color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .6rem;border-radius:0 0 8px 8px}
.mini-pros li{margin-bottom:.15rem}

/* price toggle */
.price-toggle .btn.active{background:var(--brand);color:#fff}

/* tables */
.pkg-table thead th,.score-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--bs-secondary-color);font-weight:600;white-space:nowrap;background:var(--bs-tertiary-bg)}
.js-sortable th[data-sort]{cursor:pointer;user-select:none}
.js-sortable th[data-sort]:after{content:" ↕";opacity:.35}
.js-sortable th.asc:after{content:" ↑";opacity:1}.js-sortable th.desc:after{content:" ↓";opacity:1}
.pkg-table td{font-size:.92rem}
.cmp-table th,.cmp-table td{text-align:center;min-width:170px;vertical-align:middle}
.cmp-table .lbl{text-align:left;min-width:180px;font-weight:600;font-size:.88rem;position:sticky;left:0;background:var(--bs-body-bg);z-index:1}
.cmp-table tr.sec td{background:var(--bs-tertiary-bg);text-align:left;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--brand)}
.cmp-table td.best{background:color-mix(in srgb,#16a34a 10%,transparent);position:relative}
.cmp-table td.best:after{content:"En iyi";position:absolute;top:4px;right:6px;font-size:.6rem;font-weight:700;color:#15803d;text-transform:uppercase}

/* page */
.page-head{padding:2.5rem 0 1.5rem;margin-bottom:1.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent)}
.firm-hero{padding:2rem 0 2.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 12%,transparent),transparent)}
.info-list dt,.info-list dd{margin:0}
.prose{line-height:1.75}.prose h2,.prose h3{margin-top:1.5rem;font-weight:700}.prose h3{font-size:1.15rem}.prose img{max-width:100%;height:auto;border-radius:12px}
.review-form{background:var(--bs-tertiary-bg)}
.reply{background:color-mix(in srgb,var(--brand) 8%,transparent)}
.rate-input{display:inline-flex;flex-direction:row-reverse;gap:.15rem}
.rate-input input{display:none}.rate-input label{font-size:1.6rem;color:#cbd5e1;cursor:pointer;transition:color .1s}
.rate-input label:hover,.rate-input label:hover~label,.rate-input input:checked~label{color:#f59e0b}
.filter-card .firm-checks{max-height:220px;overflow:auto}
.tool-card{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--bs-body-bg)),var(--bs-body-bg));transition:transform .15s}
.tool-card:hover{transform:translateY(-3px)}
.tool-ic{font-size:2rem;color:var(--brand)}
.stats-band{background:linear-gradient(135deg,#1e1b4b,var(--brand) 60%,var(--accent))}
.post-card{overflow:hidden;transition:transform .15s}.post-card:hover{transform:translateY(-3px)}
.post-ph{height:140px;display:grid;place-items:center;font-size:2.8rem;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent))}
.post-card .card-img-top{height:160px;object-fit:cover}
.faq .accordion-button{font-weight:600}
.faq .accordion-button:not(.collapsed){background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--brand)}
.wiz-opt{border:2px solid var(--bs-border-color);border-radius:14px;padding:1rem .5rem;font-weight:500}
.btn-check:checked+.wiz-opt{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--brand)}
.rec-top{outline:2px solid var(--brand)}
.ad-slot{overflow:hidden}

/* compare bar */
.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;background:#1e1b4b;color:#fff;animation:up .25s ease}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
.cmp-chip{background:rgba(255,255,255,.12);border-radius:999px;padding:.25rem .4rem .25rem .75rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem}
.cmp-chip button{border:0;background:none;color:#fff;opacity:.7;padding:0 .25rem}
.js-cmp-add.added{background:var(--brand);color:#fff;border-color:var(--brand)}

/* footer */
.hk-footer{background:#0b1020;color:#94a3b8}
.hk-footer a{color:#cbd5e1;text-decoration:none}.hk-footer a:hover{color:#fff}
.hk-footer li{margin-bottom:.4rem}
.cols-2{columns:2}
.soc{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08)}
@media (max-width:767px){.hero{padding:3rem 0 5rem}.display-5{font-size:2rem}.rank-no{font-size:1.1rem;width:1.6rem}.cmp-table th,.cmp-table td{min-width:140px}}
.org{font-size:.62rem;font-weight:600;vertical-align:middle;letter-spacing:.02em}.org-tr{background:#fee2e2;color:#991b1b}.org-g{background:#e0f2fe;color:#075985}
[data-bs-theme=dark] .org-tr{background:#7f1d1d;color:#fecaca}[data-bs-theme=dark] .org-g{background:#0c4a6e;color:#bae6fd}
.origin-tabs .nav-link{border-radius:999px;padding:.35rem .9rem}.origin-tabs .nav-link.active{background:var(--brand)}