[data-tema=koyu]{color-scheme:dark;--bg:#0e0f11;--yuzey:#17191c;--yazi:#f3f1ec;--soluk:#b4b7bd;--cizgi:#2e3035;--sert:#f3f1ec;--vurgu:#f5985e;--taban:#08090a;--taban-yazi:#c7c9cd}
[data-tema=acik]{color-scheme:light;--bg:#fff;--yuzey:#f1f2f5;--yazi:#0a0a0a;--soluk:#4a4e56;--cizgi:#d5d7dd;--sert:#0a0a0a;--vurgu:#b4470e;--taban:#0a0a0a;--taban-yazi:#d7d8db}
:root{--turuncu:#f5985e;--turuncu-yazi:#16130f;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--kenar:clamp(20px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--yazi);font-family:Archivo,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.05}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px}::selection{background:var(--turuncu);color:var(--turuncu-yazi)}
.kap{max-width:1360px;margin-inline:auto;padding-inline:var(--kenar)}.gec{position:fixed;left:16px;top:8px;z-index:60;padding:10px 18px;background:var(--turuncu);color:var(--turuncu-yazi);transform:translateY(-160%)}.gec:focus{transform:none}
.ust{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:2px solid var(--sert)}.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.marka{font-size:25px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.marka i{color:var(--vurgu);font-style:normal}.marka small{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;margin-left:6px}
.menu{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:500}.menu>a:not(.btn):hover,.menu>a[aria-current=page]{color:var(--vurgu)}.dil{font-family:var(--mono);font-size:14px}
.ikon-btn{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey)}.ikon-btn:hover{border-color:var(--sert)}.ikon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-tema=koyu] .ay,[data-tema=acik] .gunes{display:none}.menu-ac{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border:1px solid transparent;border-radius:8px;font-size:18px;font-weight:600;transition:background .18s,border-color .18s}.btn-a{background:var(--turuncu);color:var(--turuncu-yazi)}.btn-a:hover{background:#ffb083}.btn-b{border-color:var(--sert)}.btn-b:hover{background:var(--yuzey)}.btn-k{min-height:46px;padding:0 20px;font-size:16px}
.ana{padding-block:clamp(44px,6vw,84px) clamp(44px,5vw,68px)}.etiket{font-family:var(--mono);font-size:15px;color:var(--vurgu)}.ana h1{margin-top:24px;font-size:clamp(46px,9vw,132px);line-height:1;letter-spacing:-.045em}.ana h1 span{display:block;color:var(--vurgu)}.ana-yazi{max-width:680px;margin-top:36px;font-size:clamp(20px,2vw,24px);line-height:1.45;color:var(--soluk)}.dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bolum{border-top:2px solid var(--sert)}.gri{background:var(--yuzey)}.ic{padding-block:clamp(48px,6vw,80px)}.bas{font-size:clamp(40px,6vw,84px);letter-spacing:-.04em;line-height:1;margin-bottom:40px}
.rakamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding-block:34px}.rakam strong{display:block;font-size:clamp(50px,5.5vw,76px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--vurgu)}.rakam span{display:block;margin-top:10px;color:var(--soluk)}
.satir{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);gap:8px 32px;align-items:center;padding-block:32px;border-bottom:1px solid var(--cizgi);scroll-margin-top:90px}.satir:last-child{border-bottom:0}.satir>span{font-family:var(--mono);font-size:18px;color:var(--vurgu)}.satir h2{font-size:clamp(30px,4vw,50px)}.satir p{font-size:19px;line-height:1.45;color:var(--soluk)}.satir a{display:inline-block;margin-top:8px;font-size:17px;font-weight:600;color:var(--vurgu)}.satir a:hover{text-decoration:underline}
.vitrin{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:24px;overflow:hidden;border:1px solid var(--cizgi);border-radius:12px;background:var(--bg)}.vitrin img{flex:3 1 420px;min-width:0;width:100%}.vitrin div{flex:2 1 300px;min-width:0;padding:20px clamp(20px,3vw,40px) 28px}.vitrin h3{margin-bottom:10px;font-size:38px}.vitrin p{color:var(--soluk);font-size:18px}.vitrin .veri{margin-top:24px;font-family:var(--mono);font-size:17px;color:var(--vurgu)}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.site-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--cizgi);border-radius:12px;background:var(--bg)}.site-frame{display:block}.site-frame-bar{display:none}.site-frame-shot{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--yuzey)}.site-frame-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.site-card:hover .site-frame-shot img{transform:scale(1.03)}.site-frame-empty{display:grid;place-items:center;height:100%;color:var(--soluk)}.badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:6px;background:rgba(14,15,17,.88);color:#fff;font-size:12px;font-weight:600}.live-dot{width:7px;height:7px;border-radius:50%;background:#8bd58f}.badge-warm .live-dot{background:var(--turuncu)}
.site-card-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:20px 22px 22px}.site-card-meta{font-family:var(--mono);font-size:13px;color:var(--vurgu);overflow-wrap:anywhere}.site-card h3{margin-top:8px;font-size:25px;letter-spacing:-.02em}.site-card-text{margin-top:8px;font-size:16px;line-height:1.5;color:var(--soluk)}.feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.feature-chips span{padding:4px 9px;border:1px solid var(--cizgi);border-radius:5px;font-size:13px;color:var(--soluk)}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-weight:600;color:var(--vurgu)}.text-link:hover{text-decoration:underline}.site-empty{grid-column:1/-1;padding:48px 24px;border:1px dashed var(--cizgi);border-radius:12px;text-align:center;color:var(--soluk)}.site-empty strong{display:block;color:var(--yazi);font-size:22px}
.tum{display:inline-flex;margin-top:28px}.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.adim{padding-top:20px;border-top:5px solid var(--turuncu)}.adim h3{margin-bottom:10px;font-size:28px}.adim p{font-size:18px;color:var(--soluk)}
.iletisim{background:var(--turuncu);color:var(--turuncu-yazi)}.iletisim .ic{padding-block:clamp(56px,8vw,110px)}.iletisim h2{font-size:clamp(46px,8.5vw,128px);letter-spacing:-.045em;line-height:.98}.iletisim p{margin:16px 0 34px;font-size:21px}.btn-s{background:#16130f;color:#fff}.btn-s:hover{background:#3a332b}.btn-c{border:2px solid #16130f}.btn-c:hover{background:rgba(22,19,15,.1)}
.alt{background:var(--taban);color:var(--taban-yazi);font-size:14px}.alt-ic{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding-block:26px;font-family:var(--mono)}.alt nav{display:flex;flex-wrap:wrap;gap:8px 22px}.alt a:hover{color:#fff}
@media(max-width:900px){.menu-ac{display:grid}.js .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:4px;padding:14px var(--kenar) 22px;background:var(--bg);border-bottom:2px solid var(--sert)}.js .menu.acik{display:flex}.menu>a:not(.btn){padding:11px 0;font-size:18px}.menu .ikon-btn{margin-top:6px}.menu .btn{margin-top:8px}.ust-ic{position:relative;min-height:72px}.satir{grid-template-columns:48px minmax(0,1fr)}.satir>div:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
