/* FaceName — facename.tr · "Mürekkep & Varak" (dark, product-first).
   Kanonik kaynak: FaceName marka kitapçığı (Tasarım Turu v2). Telefon ekranı ve poster
   kompozisyonları kitapçıktan adapte edilmiştir; poster düzeni Poster V3 FINAL sırasını izler.
   JS yok, dış font yok, framework yok, tracking yok — Natro static hosting. */

:root{
  --serif:"Playfair Display","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Cascadia Code",Consolas,"SF Mono",Menlo,monospace;

  /* Mürekkep — site TEK tema: koyu (kâğıt yalnız poster/rapor "ödül" yüzeyinde) */
  --bg:#12100C; --bg2:#15130E; --surface:#1B1812; --raised:#242017;
  --line:#332D21; --line2:#443B2A;
  --text:#EDE6D3; --text2:#B4AA8F; --mut:#8A8169;
  --gold:#C2A15C; --gold2:#E4CFA1; --goldDim:rgba(194,161,92,.16);
  --paper:#EFEAD9; --paper2:#E7E1CC; --pline:#CFC6AA; --pink:#221D12;
  --pbody:#4E4632; --pgold:#8F7233; --pmut:#8A8168;
  --sima:#C2A15C; --west:#8DA2BC; --east:#C05B4B; --india:#4C8577;
  --ok:#6FA483; --err:#C56A57;
  --focus:#E4CFA1;
  --shadow:0 24px 60px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* erişilebilirlik */
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#171307;
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;z-index:40}
.skip:focus{left:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}

.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.wrap-n{max-width:880px;margin:0 auto;padding:0 22px}

/* ═══ HEADER ═══ */
header.site{border-bottom:1px solid var(--line);background:rgba(18,16,12,.92);
  position:sticky;top:0;z-index:30;backdrop-filter:blur(8px)}
.hbar{display:flex;align-items:center;gap:12px;padding:14px 0}
.hbrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.hbrand svg{width:17px;height:22px;color:var(--gold);flex:none}
.hbrand b{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:.02em}
.hnav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap}
.hnav a{color:var(--text2);text-decoration:none;font-size:13.5px;padding:7px 11px;border-radius:9px;transition:color .18s,background .18s}
.hnav a:hover{color:var(--text);background:var(--surface)}
.hnav a[aria-current="page"]{color:var(--gold2);background:var(--goldDim)}
@media (max-width:640px){
  .hbar{flex-wrap:wrap;padding:12px 0 8px}
  .hnav{margin-left:0;width:100%}
  .hnav a{font-size:12.5px;padding:6px 8px}
}

/* ═══ TİPOGRAFİ ═══ */
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 6px}
.eyebrow::after{content:"";height:1px;flex:0 0 44px;background:var(--gold);opacity:.45}
.eyebrow.center{justify-content:center}
.eyebrow.center::before{content:"";height:1px;flex:0 0 44px;background:var(--gold);opacity:.45}
h1{font-family:var(--serif);font-weight:600;line-height:1.07;margin:12px 0 10px;text-wrap:balance}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3.6vw,38px);line-height:1.14;margin:10px 0 10px;text-wrap:balance}
h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:24px 0 6px}
p{max-width:66ch;color:var(--text2);margin:9px 0}
p strong,li strong{color:var(--text)}
ul{max-width:66ch;color:var(--text2);padding-left:20px;margin:9px 0}
li{margin:5px 0}
a{color:var(--gold2)}
a:hover{color:var(--gold)}
em,i{font-family:var(--serif)}

/* bölüm ritmi */
section.blk{padding:88px 0 84px;border-top:1px solid var(--line)}
section.blk.alt{background:var(--bg2)}
.shead{text-align:center;max-width:640px;margin:0 auto 40px}
.shead p{margin-left:auto;margin-right:auto}
@media (max-width:640px){section.blk{padding:60px 0 56px}}

/* ═══ HERO ═══ */
.hero{position:relative;padding:72px 0 40px;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-10% -20% auto;height:130%;pointer-events:none;
  background:radial-gradient(46% 42% at 50% 30%, rgba(194,161,92,.13), transparent 68%)}
.hero .inner{position:relative}
.hero .inner>p{margin-left:auto;margin-right:auto;max-width:66ch}
.hero .pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);
  border-radius:999px;padding:7px 16px;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:700;color:var(--text2);background:rgba(27,24,18,.6)}
.hero .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.hero h1{font-size:clamp(38px,6.6vw,72px);margin:26px auto 14px;max-width:15ch}
.hero h1 em{font-style:italic;color:var(--gold2);font-weight:500}
.hero .sub{font-size:clamp(15.5px,2vw,18px);color:var(--text2);max-width:52ch;margin:0 auto}
.hero .mark{width:44px;height:55px;color:var(--gold);margin:0 auto}
.hero .cta{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:26px 0 8px}
.btn-g{display:inline-block;background:var(--gold);color:#171307;font-weight:700;font-size:14.5px;
  border-radius:13px;padding:13px 26px;text-decoration:none;transition:transform .18s,box-shadow .18s}
.btn-g:hover{color:#171307;transform:translateY(-1px);box-shadow:0 10px 28px rgba(194,161,92,.25)}
.btn-a{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:#171307;
  font-weight:700;font-size:14.5px;border-radius:13px;padding:13px 26px;text-decoration:none;
  transition:transform .18s,box-shadow .18s}
.btn-a:hover{color:#171307;transform:translateY(-1px);box-shadow:0 10px 28px rgba(194,161,92,.25)}
.btn-a svg{width:15px;height:20px;flex:none}
.btn-wait{display:inline-block;border:1px solid var(--line2);color:var(--text2);font-weight:600;
  font-size:13px;border-radius:13px;padding:12px 22px;background:rgba(27,24,18,.6)}
.cta .soon{font-size:12.5px;color:var(--mut)}

/* logo çizimi — sakin, sürekli döngü: çiz (~1.1s) → ~3.9s tam görünür bekle → yumuşak sön → yeniden.
   Sıfırlama (dashoffset 210'a dönüş) opacity:0 penceresinde olur — sıçrama/yanıp sönme görünmez. */
@media (prefers-reduced-motion: no-preference){
  .drawline{stroke-dasharray:210;stroke-dashoffset:210;animation:drawloop 7s ease-in-out .1s infinite}
  @keyframes drawloop{
    0%{stroke-dashoffset:210;opacity:1}
    16%{stroke-dashoffset:0;opacity:1}
    76%{stroke-dashoffset:0;opacity:1}
    86%{stroke-dashoffset:0;opacity:0}
    87%{stroke-dashoffset:210;opacity:0}
    96%{stroke-dashoffset:210;opacity:0}
    100%{stroke-dashoffset:210;opacity:1}
  }
  .fadein{opacity:0;animation:markparts 7s ease-in-out infinite}
  @keyframes markparts{
    0%,10%{opacity:0}
    20%,76%{opacity:1}
    86%,100%{opacity:0}
  }
  .hero .st1{opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) .15s forwards}
  .hero .st2{opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) .3s forwards}
  .hero .st3{opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) .45s forwards}
  .hero .st4{opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) .6s forwards}
  @keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

/* scroll reveal — yalnız destekleyen tarayıcı + motion tercihi açık */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    .rv{animation:rvup linear both;animation-timeline:view();animation-range:entry 4% entry 36%}
    @keyframes rvup{from{opacity:.001;transform:translateY(26px)}to{opacity:1;transform:none}}
  }
}

/* ═══ TELEFON ÇERÇEVESİ (marka kitapçığından adapte) ═══ */
.stagewrap{position:relative;margin:44px auto 0;display:flex;justify-content:center;
  align-items:flex-end;gap:clamp(10px,3vw,34px);flex-wrap:wrap}
.phone{width:264px;background:#12100C;border:1px solid #3B3324;border-radius:36px;
  padding:9px;box-shadow:var(--shadow);color:#EDE6D3;flex:none;text-align:left;
  transition:transform .25s ease}
.phone:hover{transform:translateY(-6px)}
.phone .scr{background:#12100C;border-radius:28px;overflow:hidden;display:flex;
  flex-direction:column;min-height:540px;position:relative;font-family:var(--sans)}
.hero .phone.side{transform:rotate(-4deg) translateY(18px);opacity:.94}
.hero .phone.side.r{transform:rotate(4deg) translateY(18px)}
.hero .phone.side:hover{transform:rotate(-4deg) translateY(12px)}
.hero .phone.side.r:hover{transform:rotate(4deg) translateY(12px)}
@media (max-width:900px){.hero .phone.side{display:none}}
.status{display:flex;justify-content:space-between;align-items:center;padding:11px 20px 3px;
  font-size:10.5px;font-weight:600;color:#B4AA8F}
.status .dots{letter-spacing:2px;font-size:8.5px}
.homebar{height:4px;width:96px;border-radius:4px;background:#3B3324;margin:8px auto 8px}
.abar{display:flex;align-items:center;gap:8px;padding:9px 16px 7px}
.abar svg{width:14px;height:18px;color:#C2A15C;flex:none}
.abar .an{font-family:var(--serif);font-weight:600;font-size:14.5px;letter-spacing:.2px}
.abar .sp{flex:1}
.cpill{display:inline-flex;align-items:baseline;gap:5px;border:1px solid #4A3F27;
  border-radius:999px;padding:4px 11px;background:rgba(194,161,92,.09)}
.cpill .n{font-family:var(--serif);font-weight:600;font-size:13.5px;color:#E4CFA1}
.cpill .t{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#B4AA8F;font-weight:600}
.pad{padding:0 16px}
.ptitle{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.16;margin:9px 0 2px}
.psub{font-size:11px;color:#8F866D;margin-bottom:10px;line-height:1.5}
.bp{display:flex;align-items:center;justify-content:center;background:#C2A15C;color:#171307;
  font-weight:700;font-size:12.5px;border-radius:13px;padding:12px;text-align:center}
.bs{display:flex;align-items:center;justify-content:center;background:transparent;
  border:1px solid #443B2A;color:#EDE6D3;font-weight:600;font-size:12px;border-radius:13px;padding:11px}
.crednote{font-size:9.5px;color:#8F866D;text-align:center;margin-top:6px}
.crednote b{color:#E4CFA1;font-weight:600}
.tgrid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 16px}
.tg{position:relative;border:1px solid #332D21;border-radius:15px;background:#1B1812;
  padding:10px 11px 9px;min-height:84px}
.tg svg{width:20px;height:20px;margin-bottom:5px}
.tg .nm{font-family:var(--serif);font-weight:600;font-size:12px;line-height:1.22;color:#EDE6D3}
.tg .ds{font-size:8.2px;color:#8F866D;line-height:1.35;margin-top:2px}
.tg.on{border-color:#C2A15C;background:linear-gradient(180deg,rgba(194,161,92,.10),rgba(194,161,92,.03))}
.tg.on::after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:#C2A15C}
.actbar{margin-top:auto;border-top:1px solid #2A2519;padding:10px 14px 3px;display:flex;flex-direction:column;gap:7px}
.actbar .duo{display:flex;gap:8px}
.actbar .duo>*{flex:1}
.foto{background:radial-gradient(90% 70% at 50% 34%, #4A4133 0%, #2C2619 58%, #1D1911 100%);
  position:relative;display:flex;align-items:center;justify-content:center;height:210px;
  border-radius:14px;margin:0 16px 10px;overflow:hidden}
.foto::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 46% at 50% 40%, rgba(228,207,161,.15), transparent 70%)}
.foto .ov{position:absolute;border:1px dashed rgba(228,207,161,.5);border-radius:50%;width:110px;height:150px}
.foto .lbl{position:relative;font-size:7.5px;letter-spacing:.22em;color:rgba(228,207,161,.55);text-transform:uppercase;font-weight:700}
.qb{display:flex;gap:9px;border:1px solid;border-radius:13px;padding:10px 12px;background:#1B1812;margin:0 16px}
.qb .dt{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:none}
.qb .qt{font-family:var(--serif);font-weight:600;font-size:13px;line-height:1.25}
.qb .qd{font-size:10px;color:#B4AA8F;margin-top:2px;line-height:1.45}
.qok{border-color:rgba(111,164,131,.55)} .qok .dt{background:#6FA483} .qok .qt{color:#8FC3A4}
.stg{display:flex;align-items:center;gap:9px;font-size:11px;color:#8F866D;padding:5px 0}
.stg .ic{width:15px;height:15px;border-radius:50%;border:1px solid #443B2A;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:8.5px}
.stg.done{color:#B4AA8F}.stg.done .ic{border-color:#6FA483;color:#6FA483}
.stg.now{color:#E4CFA1}.stg.now .ic{border-color:#C2A15C;background:rgba(194,161,92,.15)}
.papermini{background:linear-gradient(180deg,#F2EDDD,#EBE5D1);color:#221D12;border-radius:15px;
  padding:13px 13px 11px;margin:6px 16px 0;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.papermini .pe{font-size:7.5px;letter-spacing:.24em;text-transform:uppercase;color:#8F7233;font-weight:700}
.papermini .phl{font-family:var(--serif);font-weight:600;font-size:15.5px;line-height:1.2;margin:5px 0 4px;color:#221D12}
.papermini .psm{font-size:9.5px;line-height:1.5;color:#4E4632}

/* gerçek ekran görüntüleri (telefon çerçevesi içi) */
.phone img.shot{display:block;width:100%;height:auto;border-radius:26px}

/* gerçek Poster V3 export'ları */
.posterreal{display:flex;justify-content:center;align-items:flex-start;
  gap:clamp(18px,4vw,52px);flex-wrap:wrap;margin-top:46px;position:relative}
.posterreal::before{content:"";position:absolute;inset:-40px -10%;pointer-events:none;
  background:radial-gradient(50% 60% at 50% 50%, rgba(194,161,92,.09), transparent 70%)}
.posterreal img{display:block;height:auto;border-radius:10px;position:relative;
  box-shadow:0 26px 64px rgba(0,0,0,.55);transition:transform .25s ease}
.posterreal img:hover{transform:translateY(-6px)}
.posterreal .pp{width:min(380px,88vw)}
.posterreal .ps{width:min(302px,74vw)}

/* ═══ NASIL ÇALIŞIR ═══ */
.steps{display:flex;justify-content:center;gap:clamp(14px,3vw,36px);flex-wrap:wrap;margin-top:10px}
.step{display:flex;flex-direction:column;align-items:center;gap:14px}
.step .no{font-family:var(--serif);font-size:13px;color:var(--gold);letter-spacing:.18em}
.step .no::before{content:"— "}
.step .cap{font-size:13.5px;color:var(--text2);max-width:240px;text-align:center;line-height:1.55}
.step .cap b{color:var(--text)}

/* ═══ GELENEKLER (editoryal satırlar + açılır bilgi alanı) ═══ */
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.trads{max-width:760px;margin:0 auto}
.trow{border-top:1px solid var(--line);border-left:2px solid transparent;
  transition:background .2s,border-color .2s}
.trow:last-child{border-bottom:1px solid var(--line)}
.tr-sima{--tp:var(--sima)} .tr-west{--tp:var(--west)}
.tr-east{--tp:var(--east)} .tr-india{--tp:var(--india)}
.thead{display:flex;align-items:center;gap:20px;width:100%;padding:22px 18px;margin:0;
  background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.trow svg{width:34px;height:34px;flex:none;color:var(--tp)}
.trow .tx b{display:block;font-family:var(--serif);font-weight:600;font-size:19px}
.trow .tx span{font-size:13.5px;color:var(--mut)}
.trow .pg{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--mut);
  letter-spacing:.06em;flex:none}
.tind{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);
  color:var(--mut);font-family:var(--serif);font-style:italic;font-weight:600;font-size:13px;
  line-height:20px;text-align:center;transition:color .2s,border-color .2s,transform .25s}
.trow:hover,.trow:focus-within,.trow.open{background:var(--surface);border-left-color:var(--tp)}
.trow:hover .tind,.trow:focus-within .tind,.trow.open .tind{color:var(--tp);border-color:var(--tp)}
.trow.open .tind{transform:rotate(180deg)}
.tinfo{padding:0 18px 22px 72px}
.tinfo p{margin:0;max-width:620px;font-size:14px;line-height:1.65;color:var(--text2);
  border-left:2px solid var(--goldDim);padding-left:14px}
/* JS aktifken paneller kapalı başlar; hover destekleyen cihazda hover/focus ile,
   her cihazda .open (dokunma/klavye toggle) ile görünür. JS kapalıysa statik görünür. */
.js .trow .tinfo{display:none}
.js .trow.open .tinfo{display:block}
@media (hover:hover) and (pointer:fine){
  .js .trow:hover .tinfo,.js .trow:focus-within .tinfo{display:block}
}
@media (prefers-reduced-motion:no-preference){
  .js .tinfo{animation:tfade .22s ease}
  @keyframes tfade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  .tind{transition:none}
  .trow.open .tind{transform:none}
}
@media (max-width:560px){
  .trow .pg{display:none}
  .thead{gap:14px;padding:18px 14px}
  .tinfo{padding:0 14px 18px 14px}
}

/* ═══ POSTER V3 VİTRİNİ ═══ */
.postershow{display:flex;justify-content:center;align-items:center;gap:clamp(18px,4vw,52px);
  flex-wrap:wrap;margin-top:46px;position:relative}
.postershow::before{content:"";position:absolute;inset:-40px -10%;pointer-events:none;
  background:radial-gradient(50% 60% at 50% 50%, rgba(194,161,92,.09), transparent 70%)}
.pv3{position:relative;background:linear-gradient(178deg,#F2EDDD 0%,#ECE6D2 68%,#E8E1CA 100%);
  color:#221D12;border-radius:8px;box-shadow:0 26px 64px rgba(0,0,0,.55);overflow:hidden;
  font-family:var(--sans);flex:none;transition:transform .25s ease}
.pv3::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(120,100,60,.028) 0 1px,transparent 1px 3px)}
.pv3:hover{transform:translateY(-6px)}
.pv3.post{width:320px;padding:20px 20px 14px;transform:rotate(-2deg)}
.pv3.story{width:250px;padding:17px 16px 12px;transform:rotate(2.5deg) translateY(10px)}
.pv3.post:hover{transform:rotate(-2deg) translateY(-6px)}
.pv3.story:hover{transform:rotate(2.5deg) translateY(4px)}
.pv3 .nm{font-family:var(--serif);font-weight:600;font-size:19px;text-align:center;color:#221D12}
.pv3 .sub{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#5C5340;
  font-weight:700;text-align:center;margin-top:3px}
.pv3 .date{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;
  color:#8A8168;letter-spacing:.14em;margin:7px 0 12px}
.pv3 .date svg{width:8px;height:10px;color:#8F7233}
.pv3 .stagearea{position:relative;display:flex;justify-content:center;margin:6px 0 10px}
.pv3 .ovalw{width:118px;height:150px;border-radius:50%/54%;position:relative;flex:none;
  background:radial-gradient(85% 70% at 50% 36%,#5A4F3C 0%,#39321F 60%,#2A2515 100%);overflow:hidden;
  box-shadow:0 0 0 2px var(--pig,#C2A15C),0 0 0 5px rgba(143,114,51,.35)}
.pv3 .ovalw::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 46% at 50% 40%, rgba(240,230,205,.18), transparent 72%)}
.pv3 .roles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 10px}
.pv3 .role{border:1px solid rgba(143,114,51,.25);border-radius:9px;padding:7px 8px;background:rgba(255,255,255,.28)}
.pv3 .role b{display:block;font-size:7.2px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pig,#8F7233);font-weight:700;margin-bottom:2px}
.pv3 .role p{font-size:8.6px;line-height:1.45;color:#4E4632;margin:0;max-width:none}
.pv3 .mbox{border-radius:9px;padding:8px 10px;margin-bottom:9px;
  background:color-mix(in srgb, var(--pig,#C2A15C) 9%, transparent)}
.pv3 .mbox b{display:block;font-size:7.2px;letter-spacing:.16em;text-transform:uppercase;
  color:#5C5340;font-weight:700;margin-bottom:4px}
.pv3 .mrow{display:flex;justify-content:space-between;font-size:8.4px;color:#4E4632;padding:1.5px 0}
.pv3 .mrow i{font-style:normal;color:#8A8168}
.pv3 .gy b,.pv3 .notb b{display:block;font-size:7.2px;letter-spacing:.16em;text-transform:uppercase;
  color:#5C5340;font-weight:700;margin-bottom:3px}
.pv3 .gy p{font-size:8.8px;line-height:1.55;color:#3E3624;margin:0;max-width:none}
.pv3 .notb{border:1px solid color-mix(in srgb, var(--pig,#C2A15C) 40%, transparent);
  background:color-mix(in srgb, var(--pig,#C2A15C) 6%, transparent);
  border-radius:9px;padding:7px 10px;margin-top:8px}
.pv3 .notb p{font-family:var(--serif);font-size:9px;line-height:1.5;color:#3E3624;margin:0;max-width:none}
.pv3 .disc{font-size:6.4px;color:#8A8168;text-align:center;margin-top:9px;line-height:1.45}
.pv3 .pfoot{display:flex;align-items:center;justify-content:center;gap:5px;font-size:6.6px;
  letter-spacing:.14em;text-transform:uppercase;color:#8A8168;font-weight:600;margin-top:5px}
.pv3 .pfoot svg{width:8px;height:10px;color:#8F7233}
.pv3 .rule{height:1px;background:linear-gradient(90deg,transparent,#B49A5E,transparent);margin:8px 0}
/* varak ışık süpürmesi — çok hafif, yalnız motion açıkken */
@media (prefers-reduced-motion: no-preference){
  .pv3 .sheen{position:absolute;inset:0;pointer-events:none;opacity:.5;
    background:linear-gradient(115deg,transparent 42%,rgba(228,207,161,.12) 50%,transparent 58%);
    background-size:300% 100%;animation:sheen 9s ease-in-out infinite alternate}
  @keyframes sheen{from{background-position:120% 0}to{background-position:-20% 0}}
}

/* ═══ GİZLİLİK ═══ */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;max-width:900px;margin:0 auto}
.pcardx{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px 20px 16px}
.pcardx .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-bottom:12px}
.pcardx b{color:var(--text);font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3}
.pcardx p{font-size:13.5px;margin:7px 0 0}
.plink{text-align:center;margin-top:26px}

/* ═══ LEGAL LİNK ŞERİDİ ═══ */
.legalstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:26px auto 0;max-width:980px}
.legalstrip a{display:block;border:1px solid var(--line);background:var(--surface);border-radius:14px;
  padding:14px 16px;color:inherit;text-decoration:none;transition:border-color .2s,background .2s}
.legalstrip a:hover{border-color:var(--gold);background:var(--goldDim)}
.legalstrip b{color:var(--text);font-family:var(--serif);font-weight:600;font-size:15px}
.legalstrip span{display:block;color:var(--mut);font-size:12px;margin-top:2px}

/* ═══ LEGAL SAYFALAR ═══ */
.pagehead{padding:34px 0 18px;border-bottom:1px solid var(--line);margin-bottom:10px}
.updated{color:var(--mut);font-size:13px;margin-top:6px}
.lang{display:inline-block;border:1px solid var(--line2);border-radius:999px;
  padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:.14em;margin:30px 0 6px;
  text-transform:uppercase;color:var(--gold)}
.note{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface);
  border-radius:10px;padding:13px 17px;font-size:14.5px;color:var(--text2);max-width:74ch;margin:18px 0}
.note b,.note strong{color:var(--gold2)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
.card strong{color:var(--text)}
main.legal{padding:6px 0 40px}
main.legal h1{font-size:clamp(27px,4.4vw,40px)}
main.legal h2{font-size:20px;margin:28px 0 6px}

/* ═══ FOOTER ═══ */
footer.site{margin-top:0;border-top:1px solid var(--line);background:var(--bg2)}
.fin{display:flex;flex-direction:column;gap:13px;padding:30px 0 36px}
.fbrand{display:flex;align-items:center;gap:9px;color:var(--mut)}
.fbrand svg{width:13px;height:16px;color:var(--gold)}
.fbrand b{font-family:var(--serif);font-weight:600;font-size:14px;color:var(--text2)}
footer.site nav{display:flex;gap:4px 18px;flex-wrap:wrap}
footer.site nav a{color:var(--text2);text-decoration:none;font-size:13px}
footer.site nav a:hover{color:var(--gold2)}
.fnote{font-size:12.5px;color:var(--mut);max-width:74ch;line-height:1.6}
.fcopy{font-size:12px;color:var(--mut)}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
  .hero .st1,.hero .st2,.hero .st3,.hero .st4,.fadein{opacity:1}
  .drawline{stroke-dasharray:none;stroke-dashoffset:0}
}