/* CAD10: özgün vektör marka, turuncu / antrasit ve bütün ekranlarda aynı tasarım. */
:root { --gece:#22292f; --bal:#ff9345; --soluk:#b8c0c7; --cad10-orange:#ff7a18; }
body { color:var(--ink); background:var(--paper); }
::selection { background:#ffdfc7; color:#22292f; }
.site-header,
.usta-hikaye-sayfasi .site-header { background:#fafbfc; color:var(--ink); border-color:var(--line); }
.header-inner { min-height:90px; gap:32px; }
.brand { flex-shrink:0; gap:12px; }
.brand img,
.usta-hikaye-sayfasi .brand img { display:block; width:42px; height:46px; object-fit:contain; filter:none; }
.brand-name { font-size:29px; font-weight:800; line-height:1; letter-spacing:-1.2px; }
.brand-name>span { color:#ff7a18; }
.nav { font-size:13px; gap:28px; }
.nav a { display:inline-flex; gap:7px; align-items:center; min-height:44px; }
.nav a:hover { color:#b64c00; }
.btn,
.usta-hikaye-sayfasi .header-inner>.btn,
.acilis-eylemler .btn { background:var(--ink); border-color:var(--ink); color:#fff; border-radius:8px; }
.btn:hover,
.usta-hikaye-sayfasi .header-inner>.btn:hover,
.acilis-eylemler .btn:hover { background:#454e56; border-color:#454e56; }
.btn.light { background:transparent; color:var(--ink); border-color:var(--line); }
.btn.light:hover { background:#edf0f3; }
.btn:disabled { background:#69727a; border-color:#69727a; cursor:default; transform:none; }
.usta-acilis { background:#f4f6f8; color:var(--ink); padding-top:115px; }
.acilis-isik { background:radial-gradient(ellipse at 78% 44%,#fff4e8 0,transparent 58%),linear-gradient(113deg,transparent 64%,#d5dce440 64.1%,transparent 64.3%); }
.acilis-metin h1 { font-weight:650; letter-spacing:-3.5px; }
.acilis-metin h1 em { color:#ad4900; font-family:inherit; font-style:normal; font-weight:650; }
.acilis-ust-yazi { color:#5e666d; font-size:10px; letter-spacing:1.65px; }
.acilis-ust-yazi>span { background:#b64c00; }
.acilis-aciklama { color:#5e666d; font-size:15px; }
.acilis-dene { border-color:#a4adb5; min-height:44px; display:inline-flex; align-items:center; }
.acilis-daire { border-color:#e1c9b550; background:radial-gradient(ellipse at 60% 15%,#fffcf8,#e8edf390); box-shadow:0 35px 65px #3c46500a; }
.acilis-daire:after { border-color:#d8c7b740; }
.acilis-damga { color:#2d3439; border-color:#c5cdd5; background:#fbfcfdc9; transform:none; font-family:inherit; font-size:13px; font-weight:800; letter-spacing:0; }
.acilis-damga span { color:#b64c00; font-family:inherit; font-size:24px; font-style:normal; font-weight:800; }
.acilis-kabin-not,.acilis-alt { color:#5e666d; }
.acilis-kabin-not b,.acilis-alt a { color:#454e56; }
.acilis-not-cizgi { background:#c57335; }
.acilis-alt { border-color:#dce1e5; }
.acilis-alt i { color:#9ba5ad; }
.usta-hikaye { background:var(--gece); color:#f5f6f7; }
.hikaye-grid { background:radial-gradient(ellipse at 72% 51%,#ff7a1814,transparent 57%),linear-gradient(#b1bcc810 1px,transparent 1px),linear-gradient(90deg,#b1bcc810 1px,transparent 1px); background-size:auto,72px 72px,72px 72px; }
.hikaye-ust,.hikaye-aciklama { color:#bac2ca; }
.hikaye-ust i { background:#ff9345; box-shadow:0 0 12px #ff7a1830; }
.hikaye-metin h2 { font-weight:500; }
.hikaye-metin h2 em { color:#ff9345; }
.hikaye-no,.hikaye-asamalar .aktif { color:#ffb078; }
.hikaye-asamalar,.hikaye-yuzde,.kaydir-ipucu { color:#aeb9c3; }
.kaydir-ipucu>span { border-color:#8393a04d; color:#f6f7f8; }
.hikaye-ilerleme { background:#3b454e; }
.hikaye-ilerleme i { background:#ff7a18; }
.hikaye-son .btn { background:#ff7a18; border-color:#ff7a18; color:#22292f; }
.hikaye-son .btn:hover { background:#ff9345; border-color:#ff9345; }
.hikaye-demo-link { color:#f0f3f6; border-color:#c4ccd34d; }
.program-baslik b span { color:#b64c00; }
.showcase { background:#22292f; }
.showcase .eyebrow,.showcase .section-head p { color:#c4cdd5; }
.feature .tags { color:#5e666d; }
.feature { min-width:0; }
.feature h3,.rehber-kartlar h3 { letter-spacing:-.6px; }
.feature p,.rehber-kartlar p { color:#5e666d; }
.features { gap:26px; }
.download { background:#ebeff3; border-color:#d5dce3; border-radius:16px; }
.download-box { background:#fff; border-color:#d5dce3; border-radius:10px; }
.download-meta .status { color:#6c4b33; background:#fff0e5; border-color:#e8c8af; }
.download-box p,.screen-note,.workflow-intro p,.step p,.faq details p { color:#5e666d; }
.showcase .screen-note { color:#bcc7d0; }
.screen-frame { border-color:#55626d; }
/* Gerçek geliştirme sahnesini koru; önceki üst barın ilk 82 kaynak pikselini gösterme. */
.screens .screen-frame { aspect-ratio:1280 / 638; overflow:hidden; }
.screens .screen-frame img { display:block; width:100%; height:auto; transform:translateY(-11.3888888889%); }
.rehber-govde p { color:#505c65; }
.rehber-cagri { background:#ebeff3; border-color:#d5dce3; }
.site-footer { background:#22292f; color:#f4f6f8; border-color:#3a454e; }
.site-footer .brand { margin-right:0; }
.site-footer .brand-name>span { color:#ff9345; }
.site-footer .brand img { width:38px; height:42px; }
.footer-top p,.footer-baglantilar,.footer-bottom { color:#c5ced6; }
.footer-top,.footer-bottom { border-color:#46515c; }
.footer-baglantilar a:hover,.footer-bottom a:hover { color:#ffb47f; }
/* Demo ve formlar aynı kimlikleri kullanır; model/araç davranışı korunur. */
.atolye-main { color:var(--ink); background:var(--paper); }
.atolye-giris h1 em { color:#b64c00; }
.atolye-giris>div>p:not(.eyebrow) { color:#5e666d; }
.atolye { --at-line:#d5dde4; --at-ink:#2d3439; --at-muted:#5e666d; --at-accent:#b64c00; background:#fff; border-color:#cbd4dc; box-shadow:0 24px 70px #22292f0e; }
.atolye-ust { background:#eef2f5; }
.atolye-marka b>span { font-weight:800; color:#b64c00; }
.atolye-marka small,.atolye-canli { color:#5e666d; }
.atolye-marka small { border-color:#cbd4dc; }
.atolye-araclar,.at-agac-panel { background:#fafbfc; }
.atolye button,.at-form button { border-color:#ccd6df; color:#36444f; }
.atolye button:hover:not(:disabled),.at-form button:hover:not(:disabled) { background:#fff0e5; border-color:#c9783d; }
.atolye button.at-birincil,.at-form button.at-birincil { background:#2d3439; border-color:#2d3439; color:#fff; }
.atolye button.at-birincil:hover,.at-form button.at-birincil:hover { background:#454e56; border-color:#454e56; }
.atolye button:focus-visible,.at-form :focus-visible { outline-color:#b64c00; }
.at-kabin.secili { border-color:#e5b48f; background:#fff5ed; }
.atolye .at-goz.secili { background:#ffe9d8; color:#7d3300; box-shadow:inset 3px 0 #c95800; }
.at-sahne-alani { background:#edf1f4; }
.at-sahne-ust>div { background:#f9fbfcd9; border-color:#d5dde4; }
.at-rehber { background:#fff5ed; border-color:#e9d0bc; }
.at-bekle { background:#edf1f4; }
.at-form,.at-form-baslik,.at-form-alt { background:#fafbfc; }
.at-form input:focus-visible,.at-form select:focus-visible { outline-color:#b64c00; }
@media(max-width:1050px) { .header-inner { gap:22px; } .nav { gap:18px; } }
@media(max-width:760px) {
  .header-inner { min-height:122px; padding:14px 0 10px; gap:4px 12px; align-content:center; }
  .brand { gap:9px; }
  .brand img,.usta-hikaye-sayfasi .brand img { width:33px; height:37px; }
  .brand-name { font-size:25px; }
  .header-inner>.btn { min-height:40px; padding:8px 12px; font-size:11px; gap:9px; }
  .nav { width:100%; gap:12px; padding-top:4px; font-size:11px; }
  .nav a { min-height:40px; }
  .usta-acilis { min-height:840px; height:100svh; padding-top:164px; }
  .acilis-metin h1 { font-size:clamp(38px,10vw,57px); letter-spacing:-2px; }
  .acilis-aciklama { font-size:12px; line-height:1.8; margin-bottom:16px; }
  .acilis-eylemler { gap:20px; flex-wrap:wrap; }
  .acilis-vitrin { top:282px; height:calc(100% - 358px); }
  .acilis-damga { font-size:10px; }
  .acilis-damga span { font-size:20px; }
  .acilis-alt a { min-height:44px; }
  .hikaye-ust { top:48px; }
  .usta-hikaye-sayfasi .footer-brand img,.site-footer .brand img { width:34px; height:38px; }
  .footer-bottom { flex-wrap:wrap; gap:12px; }
  .download h2 { font-size:clamp(29px,8vw,35px); }
  .download-box { padding:20px 16px; }
}
@media(max-width:360px) {
  .wrap { width:calc(100% - 28px); }
  .brand-name { font-size:23px; }
  .header-inner>.btn { padding-inline:9px; font-size:10px; }
  .nav { font-size:10px; gap:8px; }
  .usta-acilis { min-height:840px; }
  .acilis-ust-yazi { font-size:7px; letter-spacing:1px; }
  .acilis-eylemler { gap:14px; }
  .acilis-dene { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .btn { transform:none; }
  .acilis-isik { background:#f4f6f8; }
}