/* Düzen: beyaz belge zemini + lacivert "kaynak katmanı"; her bulgu solda, dayanağı sağda. Tek tema (açık).
   Temel: prototip/index.html (11 Kasım 2026). Satır içi stil yoktur (CSP style-src 'self'); konumlar app.js'ten CSSOM ile verilir. */
@font-face{font-family:"Exo 2";src:url('assets/brand/fonts/exo-2-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Exo 2";src:url('assets/brand/fonts/exo-2-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/InterVariable-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
  color-scheme:light;
  /* Marka kullanım seti 1.0: Lacivert, Buz mavisi (yalnız koyu zeminde vurgu), Derin mavi, Gece, Kar, Yüzey, Gri metin, Koyu zemin metni */
  --navy:#08213a; --ice:#53cafc; --blue:#0a78b8; --night:#051526; --snow:#f3f8fc; --surface:#f4f6f9; --muted:#566477; --on-dark:#bac7d9;
  --blue-hover:#086394; --blue-strong:#0969a2; /* derin mavinin koyusu: yüzey zemininde küçük metin 4.5:1 için */
  --white:#ffffff; --border:#dce2ea; --dark-border:#344258; --navy-2:#0d2f52;
  --ok:#1b7340; --ok-bg:#e6f4ea; --warn:#7a4f00; --warn-bg:#fff3cd; --plan:#2f4a68; --plan-bg:#e3ebf4;
  --out:#8a1c12; --out-bg:#fdecea; --hilite:#ffe9a8;
  --hero-bg:#f5f6fa; --win:#e3eefb; --dot-off:#aab6c6; --ph-1:#dfe6ef; --ph-2:#e9eef4;
  --sans:Inter,"Segoe UI",Arial,sans-serif;
  --mono:Consolas,"Cascadia Mono",ui-monospace,"SF Mono",Menlo,"Roboto Mono","Courier New",monospace;
  --brand:"Exo 2",Inter,"Segoe UI",Arial,sans-serif; /* yalnız sürüm etiketleri; logolar yola çevrili SVG */
  --r:6px; --r-md:8px; --r-lg:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--navy);font:400 16px/1.625 var(--sans)}
img{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
h1,h2,h3{font-weight:600;text-wrap:balance;color:var(--navy)}
p{color:var(--muted)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
main:focus,section:focus{outline:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Atlama bağlantıları: yalnız klavye odağında görünür */
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;left:16px;top:8px;z-index:100;width:auto;height:auto;clip-path:none;padding:12px 16px;border-radius:var(--r);background:var(--navy);color:var(--white);font-size:14px;font-weight:600;line-height:20px;outline-color:var(--ice);outline-offset:2px}
.skip.inflow:focus{position:static;display:inline-block;margin-top:16px}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:900px){.wrap{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}
.band{padding-block:72px}
.surface{background:var(--surface)}
.dark{background:var(--navy);color:var(--white)}
.dark :focus-visible{outline-color:var(--ice)}
.dark .card-contact :focus-visible{outline-color:var(--blue)}
.dark .card-contact a:not(.btn){color:var(--blue)}
.dark h2,.dark h3{color:var(--white)}
.dark p{color:var(--on-dark)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--blue);line-height:20px}
.dark .eyebrow{color:var(--ice)}
.surface .eyebrow,.surface a,.blurbs a{color:var(--blue-strong)}
.dark a{color:var(--ice)}
.ver{font-family:var(--brand);font-weight:700;letter-spacing:.04em}
.small{font-size:13px;line-height:20px}
.head{display:grid;gap:14px;max-width:720px}
.head p{max-width:60ch}
.head h2{font-size:clamp(26px,3.2vw,40px);line-height:1.2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:var(--r);border:1px solid var(--border);background:var(--white);color:var(--navy);font-size:14px;font-weight:600;line-height:20px;transition:background .15s,border-color .15s}
.btn:hover{text-decoration:none;background:var(--surface);border-color:var(--muted)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--white)}
.btn.primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}
.demo-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--warn);background:var(--warn-bg);padding:2px 8px;border-radius:4px;letter-spacing:.02em}

/* üst */
.brand-bar{background:var(--navy);font-size:13px}
.brand-bar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:0 12px;flex-wrap:wrap}
.brand-bar a{color:var(--on-dark)}
.brand-bar .pub{display:inline-flex;align-items:center;gap:8px;min-height:44px}
/* Küçük başlık simgeleri, hero'daki aynı özgün kediyi gösterir.
   JPG'nin yalnız kedi alanı çerçevelenir; marka yazısı ayrıca korunur. */
.brand-cat,.product::before{background:var(--hero-bg) url('assets/brand/logo-hero.jpg') 50% 19% / 160% auto no-repeat;border-radius:5px}
.brand-cat{display:block;flex:0 0 24px;width:24px;height:24px}
.orn{display:block;margin-bottom:20px}
@media(max-width:479px){.brand-bar .wide{display:none}.nav .btn{min-height:44px;padding:8px 14px}.nav .wrap{min-height:60px}.product img{height:32px}}
.nav{border-bottom:1px solid var(--border)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;min-height:72px;flex-wrap:wrap;padding-block:10px}
.product{position:relative;display:flex;align-items:center;gap:10px;font-size:18px;color:var(--navy);font-weight:500}
.product::before{content:"";position:absolute;inset-block:0;left:0;aspect-ratio:1;z-index:1;pointer-events:none}
.product:hover{text-decoration:none}
.product img{display:block;height:36px;width:auto;clip-path:inset(0 0 0 24%)}
.foot-brand{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.foot-brand img{display:block;height:32px;width:auto}
.nav nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}
.nav nav a{color:var(--navy)}
/* 980 px altı: bölüm bağlantıları ikinci satırda, yatay kayan şerit (hamburger menü yok) */
@media(max-width:980px){
  .nav nav{order:3;flex:1 0 100%;flex-wrap:nowrap;gap:0 22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0}
  .nav nav::-webkit-scrollbar{display:none}
  .nav nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
  .nav .wrap{padding-bottom:0}
}

/* hero */
.hero{padding-block:56px 64px}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.hero-copy{display:grid;gap:22px;min-width:0}
/* Ana görsel: logo-hero.jpg (403×463). Kart zemini görselin zeminiyle aynı (#f5f6fa); gölge/degrade/filtre yok; doğal boyutun üstüne büyütülmez. */
.hero-mark{display:grid;place-items:center;background:var(--hero-bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;min-width:0}
.hero-cat{position:relative;display:block;width:min(360px,100%)}
.hero-mark img{display:block;width:100%;height:auto}
/* Yalnız göz kapakları hareket eder; özgün JPG ve marka yazıları sabit kalır. */
.hero-blink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-eyelid{fill:var(--navy);transform-box:fill-box;transform-origin:center top;transform:scaleY(0);animation:hero-cat-blink 4s linear infinite}
.hero-closed-eyes{fill:none;stroke:var(--ice);stroke-width:1.5;stroke-linecap:round;opacity:0;animation:hero-cat-closed-eyes 4s linear infinite}
@keyframes hero-cat-blink{0%,90%,96%,100%{transform:scaleY(0)}92%,93.6%{transform:scaleY(1)}}
@keyframes hero-cat-closed-eyes{0%,91.6%,94%,100%{opacity:0}92%,93.6%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-blink{display:none}.hero-eyelid,.hero-closed-eyes{animation:none}}
/* 960 px altında logo kartı gizlenir: marka üst çubukta zaten var, başlık ve ürün ilk ekrana gelir. */
@media(max-width:959.98px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-mark{display:none}}
.hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.1;letter-spacing:-.01em}
.lead{font-size:18px;line-height:30px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.facts{list-style:none;padding:16px 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 28px;font-size:13px;line-height:20px}
.facts li{display:flex;gap:8px;align-items:baseline}
.facts li::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--blue);transform:translateY(-2px)}

.caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--muted)}

/* kimler için: 3×2 · tablette 2 sütun · telefonda tek sütun */
.who-band{border-bottom:1px solid var(--border)}
.who-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
@media(max-width:1023px){.who-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.who-grid{grid-template-columns:1fr}}
.who{border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:grid;gap:8px;align-content:start;background:var(--white);min-width:0}
.who svg{display:block;color:var(--blue);margin-bottom:4px}
.who h3{font-size:18px;line-height:26px}
.who .when{color:var(--navy)}
.who-not{margin-top:24px;max-width:64ch;border-left:2px solid var(--border);padding-left:14px}
.who-not b{color:var(--navy);font-weight:600}

/* senaryo / zaman */
.scenario{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;margin-top:40px}
.blurbs{display:grid;gap:20px;align-content:start}
.blurbs article{border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:grid;gap:8px;background:var(--surface);scroll-margin-top:16px}
.blurbs h3{font-size:18px;line-height:26px}
.blurbs a{display:inline-flex;align-items:center;justify-self:start;min-height:44px;font-size:14px;font-weight:600}
@media(max-width:900px){.scenario{grid-template-columns:1fr;gap:28px}}
.steps{list-style:none;padding:0;display:grid;gap:0;counter-reset:s;align-content:start}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:14px 0;border-top:1px solid var(--border);counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero) " /";grid-row:span 2;color:var(--blue);font-weight:600;font-size:14px;line-height:26px}
.steps h3{font-size:17px;line-height:26px}
.tl{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:grid;gap:16px;min-width:0;align-content:start;align-self:start}
.tl-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.tl-head strong{font-size:15px}
.tl-range{font-family:var(--mono);font-size:13px;color:var(--navy);background:var(--surface);padding:2px 8px;border-radius:4px}
.lanes{display:grid;gap:10px}
.lane{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;gap:10px;align-items:center;font-size:13px}
.lane .name{color:var(--muted)}
.lane .count{font-family:var(--mono);text-align:right;font-weight:500}
.track{position:relative;height:28px;background:var(--surface);border-radius:4px}
.track .win{position:absolute;top:0;bottom:0;background:var(--win);border-left:2px solid var(--blue);border-right:2px solid var(--blue)}
.dot{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--dot-off)}
.dot.in{background:var(--navy)}
.lane.call .dot.in{background:var(--blue)}
.lane.media .dot.in{border-radius:2px;background:var(--ok)}
.axis{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;gap:10px}
.axis .ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted)}
.sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sliders label{display:grid;gap:4px;font-size:13px;font-weight:600;min-width:0}
.sliders input{width:100%;min-width:0;margin-inline:0;accent-color:var(--blue)}
.tl-foot{font-size:13px;line-height:20px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}

/* triyaj */
.triage{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;margin-top:40px;align-items:start}
@media(max-width:900px){.triage{grid-template-columns:1fr;gap:28px}}
.triage>div{min-width:0}
.filters{display:grid;gap:0}
.filters label{display:grid;grid-template-columns:22px 1fr;gap:4px 10px;padding:14px 0;border-top:1px solid var(--border);cursor:pointer}
.filters input{margin:4px 0 0;width:18px;height:18px;accent-color:var(--blue)}
.filters strong{font-size:15px;line-height:22px}
.filters span.d{grid-column:2;font-size:13px;line-height:19px;color:var(--muted)}
.funnel{display:grid;gap:10px}
.fstep{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 72px;gap:12px;align-items:center;font-size:14px}
.fstep .bar{height:30px;border-radius:4px;background:var(--surface);overflow:hidden}
.fstep .bar i{display:block;height:100%;background:var(--blue);transition:width .3s}
.fstep.off{opacity:.45}
.fstep.off .bar i{background:var(--dot-off)}
.fstep .n{font-family:var(--mono);text-align:right;font-weight:500}
@media(max-width:560px){.fstep{grid-template-columns:1fr 64px}.fstep .bar{grid-column:1/-1;grid-row:2}}
.result{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);margin-top:16px}
.result b{font-size:40px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;margin-top:14px}
.thumbs span{aspect-ratio:1;border-radius:4px;background:repeating-linear-gradient(135deg,var(--ph-1) 0 6px,var(--ph-2) 6px 12px);border:1px solid var(--border);position:relative}
.thumbs span.ocr::after{content:"OCR";position:absolute;left:3px;bottom:3px;font:600 9px/1 var(--sans);color:var(--navy);background:var(--hilite);padding:2px 3px;border-radius:2px}

/* kapsam */
.scope-tools{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;align-items:center}
.seg{display:flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.seg button{border:0;background:var(--white);padding:8px 14px;font-size:13px;font-weight:600;min-height:44px}
.seg button+button{border-left:1px solid var(--border)}
.seg button[aria-pressed="true"]{background:var(--navy);color:var(--white)}
.seg button:focus-visible{outline-offset:-3px}
.tbl-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white)}
table.scope{width:100%;min-width:680px;border-collapse:collapse;font-size:14px;line-height:21px}
table.scope th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--muted);background:var(--surface);padding:10px 14px;border-bottom:1px solid var(--border)}
table.scope td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}
table.scope tr:last-child td{border-bottom:0}
table.scope td.p{color:var(--muted);font-size:13px;white-space:nowrap}
table.scope td.c{color:var(--muted);font-size:13px}
/* 640 px altı: her satır bir kart; durum girdinin yanında, koşul altında */
@media(max-width:639px){
  .tbl-wrap{overflow:visible;border:0;border-radius:0;background:none}
  table.scope,table.scope tbody{display:grid;min-width:0;gap:8px}
  table.scope thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  table.scope tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white)}
  table.scope td{padding:0;border:0}
  table.scope td.p,table.scope td.c{grid-column:1/-1}
  table.scope td.p{font-size:12px;line-height:18px}
}
.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}
.pill::before{font-size:11px}
.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.ok::before{content:"●"}
.pill.cond{background:var(--warn-bg);color:var(--warn)}.pill.cond::before{content:"◐"}
.pill.plan{background:var(--plan-bg);color:var(--plan)}.pill.plan::before{content:"○"}
.pill.no{background:var(--out-bg);color:var(--out)}.pill.no::before{content:"✕"}
/* Durum tanımları tablonun üstünde: hap + tanım */
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;margin-top:20px;max-width:960px;font-size:14px;line-height:22px;color:var(--muted)}
.legend div{display:grid;grid-template-columns:116px minmax(0,1fr);gap:0 12px;align-items:start}
.legend dt{padding-top:1px}
@media(max-width:760px){.legend{grid-template-columns:1fr}}
table.scope tr.grp th{background:var(--white);color:var(--navy);font-size:14px;letter-spacing:0;padding:18px 14px 8px;border-bottom:1px solid var(--navy)}
@media(max-width:639px){
  table.scope tr.grp{display:block;padding:12px 0 0;border:0;border-radius:0;background:none}
  table.scope tr.grp th{display:block;padding:0 0 4px;background:none;font-size:15px}
}

/* ilkeler */
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}
@media(max-width:900px){.principles{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.principles{grid-template-columns:1fr}}
.principles article{border-top:1px solid var(--dark-border);padding-top:18px;display:grid;gap:8px;align-content:start}
.principles h3{font-size:18px;line-height:26px}
.disclaimer{margin-top:36px;font-size:13px;line-height:20px;max-width:760px}

/* güven */
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
@media(max-width:900px){.trust{grid-template-columns:1fr}}
.trust article{border:1px solid var(--border);border-radius:var(--r-md);padding:20px;display:grid;gap:12px;align-content:start;background:var(--white);min-width:0}
.trust h3{font-size:18px;line-height:26px}
.log{list-style:none;padding:0;display:grid;gap:10px;font-size:14px;line-height:22px;color:var(--muted)}
.log li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px}
.log .v{font-family:var(--brand);color:var(--navy);font-weight:700;letter-spacing:.04em}
.log .d{display:block;font-size:12px;color:var(--muted)}
.bul{padding-left:18px;display:grid;gap:8px;color:var(--muted)}
.bul b{color:var(--navy);font-weight:600}

/* sistem gereksinimleri */
.req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0 48px;margin-top:36px}
@media(max-width:800px){.req{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}
.req div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:4px 16px;padding:14px 0;border-top:1px solid var(--border)}
@media(max-width:480px){.req div{grid-template-columns:1fr}}
.req dt{font-size:14px;font-weight:600;line-height:26px;color:var(--navy)}
.req dd{color:var(--muted)}
.req dd b{color:var(--navy);font-weight:600}

/* iletişim */
.contact{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:start}
@media(max-width:900px){.contact{grid-template-columns:1fr}}
.contact>div{min-width:0}
.faq{margin-top:28px}
.faq details{border-top:1px solid var(--dark-border)}
.faq summary{padding:16px 0;cursor:pointer;font-weight:600;font-size:16px;line-height:24px;color:var(--white);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--on-dark);font-weight:400;font-size:20px;line-height:22px}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:-8px;padding-bottom:16px;max-width:60ch}
.card-contact{scroll-margin-top:16px;background:var(--white);color:var(--navy);border-radius:var(--r-lg);padding:28px;display:grid;gap:16px}
@media(max-width:400px){.card-contact{padding:20px}}
.card-contact h3{font-size:22px;line-height:30px;color:var(--navy)}
.card-contact p{color:var(--muted)}
.card-contact .beta-facts{list-style:none;padding:0;display:grid;gap:8px;color:var(--muted)}
.card-contact .beta-facts li{display:grid;grid-template-columns:14px 1fr;gap:8px}
.card-contact .beta-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:10px}
.card-contact .btn.primary{color:var(--white)}
.mail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);font-family:var(--mono);font-size:15px;color:var(--navy)}
.mail span{user-select:all;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.mail button{border:1px solid var(--border);background:var(--surface);border-radius:4px;min-height:44px;padding:4px 14px;font:600 12px/18px var(--sans)}
.mail{font-size:14px;padding:8px 8px 8px 12px}
.mail .pre{flex:none;user-select:none;font-family:var(--sans);color:var(--muted)}
/* başvuru formu: tek sütun; denetimler en az 44 px */
.form{display:grid;gap:16px;min-width:0}
.form .field,.form fieldset{display:grid;gap:6px;min-width:0}
.form fieldset{border:0;margin:0;padding:0}
.form legend{padding:0;margin-bottom:6px}
.form label,.form legend{font-size:14px;line-height:20px;font-weight:600;color:var(--navy)}
.form .zor{color:var(--out)}
.form .ops{font-weight:400;color:var(--muted)}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--muted);border-radius:var(--r);background:var(--white);color:var(--navy);font:400 16px/24px var(--sans)}
.form textarea{min-height:112px;resize:vertical;display:block}
.form :focus-visible{outline-offset:2px}
.form [aria-invalid=true]{border-color:var(--out);box-shadow:0 0 0 1px var(--out)}
.form input[type=checkbox]{width:20px;height:20px;margin:0;flex:none;accent-color:var(--blue)}
.form .hint,.form .err,.form .say{font-size:13px;line-height:20px}
.form .err{color:var(--out);font-weight:600}
.form .err:empty{display:none}
.form .alt{display:flex;justify-content:space-between;gap:12px}
.form .say{flex:none;font-variant-numeric:tabular-nums}
.form .chks{display:flex;flex-wrap:wrap;gap:8px}
.form .chk{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;border:1px solid var(--border);border-radius:var(--r);font-weight:400;cursor:pointer}
.form .onay{display:flex;align-items:center;gap:10px;min-height:44px}
.form .onay label{font-weight:400;font-size:16px;line-height:24px}
.form .gider{font-size:14px;line-height:22px;color:var(--navy);background:var(--surface);border-radius:var(--r);padding:10px 12px}
.form .neden{font-size:14px;line-height:22px;color:var(--warn);background:var(--warn-bg);border-radius:var(--r);padding:10px 12px}
.card-contact .btn.primary:disabled{background:var(--ph-1);border-color:var(--border);color:var(--muted);cursor:not-allowed}
/* tuzak alanı: ekran dışında ama DOM'da (display:none değil) */
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* durum sayfaları (başvuru alındı / doğrulandı / aydınlatma metni) */
.durum{display:grid;gap:16px;max-width:680px;min-height:46vh;align-content:start}
.durum h1{font-size:clamp(28px,4vw,40px);line-height:1.2}
.durum .btn{justify-self:start;margin-top:8px}
.durum.metin h1{font-size:clamp(24px,3.2vw,32px);overflow-wrap:anywhere}
.durum.metin h2{font-size:20px;line-height:28px;margin-top:12px}
.durum.metin ul{padding-left:20px;display:grid;gap:8px}
.durum.metin p,.durum.metin li{overflow-wrap:anywhere}
.about-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:32px 64px;align-items:start}
.about-grid .head{margin-bottom:0}
.about-grid .about-intro{margin-top:16px;color:var(--blue-strong);font-weight:500}
.about-copy{display:grid;gap:18px;max-width:680px;min-width:0}
.about-copy p{font-size:16px;line-height:26px}
@media(max-width:767.98px){.about-grid{grid-template-columns:1fr;gap:24px}}
.related-app{display:flex;align-items:center;justify-content:space-between;gap:24px 40px}
.related-app>div{min-width:0;max-width:620px}
.related-app h2{font-size:28px;line-height:1.25;margin-bottom:12px}
.related-app .btn{flex:none;min-height:44px}
@media(max-width:767.98px){.related-app{align-items:flex-start;flex-direction:column}.related-app .btn{max-width:100%;white-space:normal}}
footer{border-top:1px solid var(--dark-border);padding-block:32px;color:var(--on-dark);background:var(--night)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px}
footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-dark)}
footer :focus-visible{outline-color:var(--ice)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}