:root{
  --canvas:#16170f;--panel:#21231a;--accent:#f6db00;--accent-hover:#ffe83d;--accent-muted:rgba(246,219,0,.16);
  --text-secondary:#b9b7a0;--text-primary:#f3f0df;--ivory:#eadcc2;--ink:#16170f;
  --line:rgba(243,240,223,.16);--line-strong:rgba(243,240,223,.46);
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.45,.05,.25,1);
  --display:'Big Shoulders Display',Impact,'Arial Narrow',sans-serif;
  --body:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --gutter:clamp(20px,4.5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;background:var(--canvas);scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;overflow-x:clip;color:var(--text-primary);font:400 clamp(16px,1.05vw,18px)/1.65 var(--body);animation:page-in .6s var(--ease-soft) both}
@keyframes page-in{from{opacity:0}to{opacity:1}}
img{display:block;max-width:100%;height:auto;-webkit-user-drag:none;user-select:none}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}
.on-yellow :focus-visible{outline-color:var(--ink)}
.skip{position:fixed;inset-inline-start:16px;top:-80px;z-index:100;padding:12px 18px;background:var(--accent);color:var(--ink);font-weight:600;transition:top .25s var(--ease-out)}
.skip:focus{top:16px}
.display{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:1.06;letter-spacing:.005em}
.display em{font-style:normal;color:var(--accent)}
.label{font:500 .78rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}
.wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--gutter)}
.env{position:fixed;inset:-260px;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cpath d='M65 0 130 65 65 130 0 65z' fill='none' stroke='%23f3f0df' stroke-opacity='.05' stroke-width='3'/%3E%3C/svg%3E");animation:env-drift 110s linear infinite;animation-delay:-37s}
@keyframes env-drift{to{transform:translate(130px,130px)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95em 1.5em;border:2px solid transparent;font:600 1rem/1.1 var(--body);text-decoration:none;cursor:pointer;transition:background-color .25s var(--ease-soft),transform .25s var(--ease-out)}
.btn:hover{transform:translateY(-2px)}
.btn-main{background:var(--accent);color:var(--ink)}
.btn-main:hover{background:var(--accent-hover)}
.btn-ink{background:var(--ink);color:var(--accent);flex:none}
.btn-ink:hover{background:#000200}
@media (pointer:coarse){.btn,.nav-links a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
.top{position:sticky;top:0;z-index:50;background:rgba(22,23,15,.94);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--gutter);width:min(1440px,100%);margin-inline:auto}
.logo{display:inline-flex;align-items:center;gap:.08em;text-decoration:none;font:600 clamp(1.25rem,1.7vw,1.5rem)/1 var(--body);letter-spacing:.02em}
.logo svg{width:1.75em;height:1.55em;flex:none}
.logo b{font-weight:600}.logo i{font-style:normal;font-weight:400}
.nav-links{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
.nav-links a{position:relative;text-decoration:none;font-size:.95rem;padding:.3em 0}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav-links a:hover::after{transform:scaleX(1)}
.top .btn{padding:.7em 1.1em;font-size:.95rem}
@media (max-width:900px){.nav-links{display:none}}
.crumbs{padding:22px 0 26px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.88rem;color:var(--text-secondary)}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}
.crumbs a{text-underline-offset:3px}

/* Dil seçici */
.top-right{display:flex;align-items:center;gap:10px}
.lang{position:relative}
.lang summary{display:inline-flex;align-items:center;gap:.4em;min-height:40px;padding:0 .7em;border:1px solid var(--line-strong);cursor:pointer;list-style:none;font:500 .78rem/1 var(--mono);text-transform:uppercase;transition:border-color .2s var(--ease-soft)}
.lang summary::-webkit-details-marker{display:none}
.lang summary:hover{border-color:var(--accent)}
.lang svg{width:15px;height:15px;flex:none}
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:170px;padding:6px;margin:0;background:var(--panel);border:1px solid var(--line-strong);z-index:60}
.lang a{display:block;padding:.55em .7em;text-decoration:none;font-size:.95rem;transition:background-color .2s var(--ease-soft)}
.lang a:hover{background:rgba(243,240,223,.1)}
.lang a[aria-current]{color:var(--accent);font-weight:600}
@media (pointer:coarse){.lang summary{min-height:44px}.lang a{min-height:44px;display:flex;align-items:center}}
@media (max-width:430px){.logo span{display:none}.top .btn{padding:.7em .8em;font-size:.88rem}}

/* Dil başına yazı tipi ve sağdan sola */
html[lang=ru],html[lang=bg]{--display:'Oswald',Impact,'Arial Narrow',sans-serif}
html[lang=ru] .display,html[lang=bg] .display{letter-spacing:0;font-weight:700}
html[lang=ru] .ft,html[lang=bg] .ft,html[lang=ru] .prose h2,html[lang=bg] .prose h2{font-weight:700}
html[lang=ar]{--display:'Cairo',Tahoma,sans-serif;--body:'IBM Plex Sans Arabic',Tahoma,sans-serif;--mono:'IBM Plex Sans Arabic',Tahoma,sans-serif}
html[lang=ar] .display,html[lang=ar] .label,html[lang=ar] .lang summary{letter-spacing:0}
html[lang=ar] .display,html[lang=ar] .prose h2,html[lang=ar] .ft{line-height:1.3}
html[lang=ar] .label{font-size:.85rem}
html[dir=rtl] .arrow{display:inline-block;transform:scaleX(-1)}
.cat-sec.solo{max-width:820px;padding-bottom:clamp(50px,7vw,100px)}


.logo{direction:ltr}
html:not([lang=tr]) .band .display{max-width:min(21ch,100%)}
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir=rtl] .contact>div:last-child>span:last-child,html[dir=rtl] .foot address{direction:ltr;display:block;text-align:right}
@media (max-width:1240px){html:not([lang=tr]) .nav-links{display:none}}

/* Yazı */
.post{max-width:calc(820px + 2*var(--gutter));padding-bottom:clamp(50px,7vw,100px)}
.post h1{font-size:clamp(2.8rem,7vw,5.6rem);margin:10px 0 14px}
.cat{color:var(--accent)}
.byline{margin-bottom:24px}
.answer{background:var(--panel);border-inline-start:6px solid var(--accent);padding:18px 22px;margin-bottom:28px}
.answer .label{margin-bottom:6px;color:var(--accent)}
.answer p:last-child{font-size:1.1em;font-weight:600;line-height:1.5}
.post-img{margin-bottom:34px;background:var(--panel);aspect-ratio:16/10;overflow:hidden}
.post-img img{width:100%;height:100%;object-fit:cover}
.prose h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.08;margin:38px 0 12px}
.prose h3{font-size:1.15em;font-weight:600;margin:24px 0 6px}
.prose p{margin-bottom:14px;max-width:68ch}
.prose ul,.prose ol{margin:0 0 16px;padding-inline-start:1.2em;max-width:68ch}
.prose ul{list-style:square}.prose ol{list-style:decimal}
.prose li{margin-bottom:6px}
.prose li::marker{color:var(--accent)}
.prose a,.sources a,.contact-grid a{text-decoration-color:var(--accent);text-underline-offset:3px;transition:color .2s var(--ease-soft)}
.prose a:hover,.sources a:hover,.contact-grid a:hover{color:var(--accent)}
.tbl{overflow-x:auto;margin:6px 0 20px;border:1px solid var(--line)}
.tbl table{width:100%;border-collapse:collapse;font-size:.96em}
.tbl th,.tbl td{text-align:start;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:baseline}
.tbl thead th{font:500 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--panel);white-space:nowrap}
.tbl tbody th{font-weight:600}
.tbl tr:last-child>*{border-bottom:0}
.cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 30px;background:var(--accent);color:var(--ink);padding:clamp(22px,3vw,36px);margin:36px 0}
.cta h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:4px}
.faq{margin:36px 0}
.faq>h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:14px}
.qa{border-bottom:1px solid var(--line-strong)}
.qa:first-of-type{border-top:1px solid var(--line-strong)}
.qa summary{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:15px 0;cursor:pointer;list-style:none;font-weight:600}
.qa summary::-webkit-details-marker{display:none}
.plus{flex:none;width:14px;height:14px;position:relative}
.plus::before,.plus::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--accent);transition:transform .35s var(--ease-out)}
.plus::after{transform:rotate(90deg)}
.qa[open] .plus::after{transform:rotate(0)}
.qa p{padding-block:0 14px;padding-inline:0 24px;max-width:68ch}
.sources{margin:34px 0;font-size:.9em;color:var(--text-secondary)}
.sources h2,.related h2{margin-bottom:8px}
.sources p{margin-bottom:8px}
.sources li{margin-bottom:4px}
.related{margin-top:34px}
.related li,.cat-sec li{border-top:1px solid var(--line)}
.related a,.cat-sec a{display:block;padding:13px 0;text-decoration:none}
.rt{display:block;font-weight:600;transition:color .2s var(--ease-soft)}
.rd{display:block;font-size:.9em;color:var(--text-secondary)}
.related a:hover .rt,.cat-sec a:hover .rt{color:var(--accent)}

/* Blog ana sayfası */
.blog-head h1{font-size:clamp(4rem,12vw,10.5rem)}
.lede{max-width:60ch;font-size:1.15em;margin:12px 0 24px}
.cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(30px,5vw,60px)}
.chip{padding:.55em .85em;border:1px solid var(--line-strong);text-decoration:none;color:var(--text-primary);transition:border-color .2s var(--ease-soft),color .2s var(--ease-soft)}
a.chip:hover{border-color:var(--accent);color:var(--accent)}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-bottom:clamp(40px,6vw,80px)}
.feat-card{display:block;text-decoration:none}
.feat-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px;background:var(--panel)}
.ft{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.08;margin-top:6px;transition:color .2s var(--ease-soft)}
.feat-card:hover .ft{color:var(--accent)}
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,70px);padding-bottom:clamp(50px,7vw,100px);align-items:start}
.cat-sec h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:12px;color:var(--accent)}
@media (max-width:860px){.feat{grid-template-columns:1fr}.cats{grid-template-columns:1fr}}

/* İletişim */
.contact-grid{display:grid;gap:26px;margin:20px 0}
.contact-grid .big{font-weight:600;font-size:clamp(1.4rem,3vw,2rem)}
.contact-grid address{font-style:normal}
.contact-grid .note{margin-top:4px;color:var(--text-secondary);font-size:.92em}

footer{border-top:1px solid var(--line);padding:clamp(34px,4vw,56px) 0 26px;font-size:.95rem}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 60px;align-items:baseline}
.foot address,.foot p{font-style:normal;color:var(--text-secondary);max-width:40ch}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-nav a,.foot p a{text-underline-offset:3px}
.foot-tm{margin-top:24px;color:var(--text-secondary);font-size:.85rem}
body.paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.wa-fab{position:fixed;z-index:45;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.45);transition:transform .25s var(--ease-out)}
.wa-fab:hover{transform:scale(1.07)}
.wa-fab:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wa-fab svg{width:32px;height:32px}
.cc{position:fixed;z-index:46;bottom:16px;inset-inline-start:16px;inset-inline-end:88px;max-width:560px;padding:16px 18px;background:var(--panel);border:1px solid var(--line-strong);border-top:4px solid var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.5);color:var(--text-primary);font-size:.92rem;line-height:1.5}
.cc[hidden]{display:none}
.cc p{margin:0 0 12px}
.cc-b{display:flex;gap:10px;flex-wrap:wrap}
.cc button{font:600 .92rem/1 var(--body);padding:.75em 1.2em;border:2px solid var(--accent);cursor:pointer}
.cc button:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px}
.cc .cc-ok{background:var(--accent);color:var(--ink)}
.cc .cc-no{background:transparent;color:var(--text-primary);border-color:var(--line-strong)}
.cc-reset{font:600 .95rem/1 var(--body);padding:.8em 1.3em;border:2px solid var(--line-strong);background:transparent;color:var(--text-primary);cursor:pointer}
.cc-reset:hover{border-color:var(--accent)}
@media (max-width:760px){.foot-tm{margin-bottom:72px}}