/* =====================================================================
   Point — ortak tanıtım sitesi sistemi ("Point kâğıdı")
   Kullanım ve kurallar: README.md (aynı klasör).
   Ürün rengi: <body data-product="erp|pdks|muhasebe|emlak">
   ===================================================================== */

/* ---------- 1. Token'lar ---------- */
:root{
  /* renk */
  --ink:#0B1530; --ink-2:#2C3550; --muted:#5B6275;
  --paper:#F5F3EE; --paper-2:#ECE9E1; --sheet:#FBFAF6; --white:#FFFFFF;
  --line:#DAD6CC; --line-2:#BDB6A6;
  --blue:#2457E6; --blue-d:#1A43BC;
  --err:#B4231B; --ok:#18794A;
  --dark-muted:#AEB5CB; --dark-line:#2A3658;
  /* ürün sinyali (varsayılan ERP; body[data-product] ezer) */
  --sig:#F26B1D; --sig-ink:#B4500F; --sig-soft:rgba(242,107,29,.14);
  /* ızgara kâğıdı */
  --grid:rgba(11,21,48,.035); --grid-strong:rgba(11,21,48,.07);
  /* font */
  --fd:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --fb:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,Menlo,monospace;
  /* tipografi ölçeği */
  --t-display:clamp(46px,7vw,112px);
  --t-hero:clamp(46px,6.4vw,100px);
  --t-h2:clamp(34px,4.6vw,68px);
  --t-h3:clamp(24px,2.4vw,32px);
  --t-lead:clamp(18px,1.55vw,21px);
  --t-body:18px; --t-small:15px; --t-mono:12px;
  /* boşluk */
  --gut:clamp(16px,4vw,56px);
  --max:1320px;
  --sec:clamp(80px,10vw,152px);
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:72px;
  /* radius */
  --r-s:8px; --r-m:14px; --r-l:22px; --r-pill:999px;
  /* başlık */
  --hdr-h:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
body[data-product="erp"]{--sig:#F26B1D;--sig-ink:#B4500F;--sig-soft:rgba(242,107,29,.14)}
body[data-product="pdks"]{--sig:#12B76A;--sig-ink:#0B7347;--sig-soft:rgba(18,183,106,.14)}
body[data-product="muhasebe"]{--sig:#E8B400;--sig-ink:#7A5E00;--sig-soft:rgba(232,180,0,.18)}
body[data-product="emlak"]{--sig:#D9531E;--sig-ink:#A63C12;--sig-soft:rgba(217,83,30,.14)}
@media (max-width:560px){:root{--hdr-h:64px;--t-body:17px}}

/* ---------- 2. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 16px)}
body{background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,svg{display:block;max-width:100%}
ul,ol{list-style:none}
[hidden]{display:none!important}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--fm);font-size:var(--t-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.muted{color:var(--muted)}
.nw{white-space:nowrap}
/* yetim kelime yok: başlıklar dengeli, paragraflar "pretty" kırılır */
h2,h3,.faq summary,.mlist .t,.contact b{text-wrap:balance}
p,li,dd{text-wrap:pretty}

/* ---------- 3. Kelime işareti ---------- */
.wm{font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.035em;display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap}
.wm .dot{display:inline-block;width:.3em;height:.3em;border-radius:50%;background:var(--sig);margin:0 .09em 0 .07em}
.wm .prod{font-weight:600;color:var(--muted)}
.fam-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 3px 1px 3px;vertical-align:middle}

/* ---------- 4. Başlık (sticky) + mobil menü ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(245,243,238,.9);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.scrolled,.hdr.solid{border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hdr-h);gap:24px}
.hdr-brand{display:inline-flex;align-items:center;min-height:44px}
.nav{display:flex;gap:6px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--muted);font-size:16px;position:relative;transition:color .2s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--sig)}
.hdr-r{display:flex;align-items:center;gap:20px}
.login{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--muted)}
.login:hover{color:var(--ink)}
.burger{display:none;width:44px;height:44px;border-radius:50%;flex-direction:column;align-items:center;justify-content:center;margin-right:-10px}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease)}
.burger span+span{margin-top:6px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mmenu{position:fixed;top:var(--hdr-h);left:0;right:0;bottom:0;z-index:49;background:var(--paper);padding:20px var(--gut) 32px;display:none;flex-direction:column;justify-content:space-between;gap:32px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}
.mmenu.open{display:flex;animation:mm .28s var(--ease)}
@keyframes mm{from{opacity:0;transform:translateY(-8px)}}
.mmenu li a{display:flex;justify-content:space-between;align-items:center;min-height:64px;font-family:var(--fd);font-weight:700;font-size:clamp(28px,8vw,40px);letter-spacing:-.03em;border-bottom:1px solid var(--line)}
.mmenu li a[aria-current="page"]::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--sig)}
.mmenu .bottom{display:grid;gap:12px}
body.lock{overflow:hidden}

/* ---------- 5. Butonlar ve linkler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;font-weight:600;font-size:17px;line-height:1.1;padding:14px 28px;border-radius:var(--r-pill);transition:transform .2s var(--ease),background .2s,color .2s,box-shadow .2s;white-space:nowrap;text-align:center}
.btn-p{background:var(--blue);color:#fff}
.btn-p:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn-g{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.btn-g:hover{background:var(--ink);color:var(--paper)}
.btn-s{min-height:44px;padding:10px 20px;font-size:15px}
.btn[disabled]{opacity:.7;cursor:progress;transform:none}
.btn .ar{transition:transform .2s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-bottom:1.5px solid currentColor;padding:2px 0;line-height:1.3}
.link:hover{color:var(--blue)}
/* metin linki görsel olarak ince kalır, dokunma alanı ≥44px (görünmez genişletme) */
.link,.contact a,.big-mail{position:relative}
.link::before,.contact a::before,.big-mail::before{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%)}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 6. Tipografi ---------- */
.display{font-family:var(--fd);font-weight:800;font-size:var(--t-display);line-height:.94;letter-spacing:-.045em;text-wrap:balance}
.display .o,.h2 .o{color:var(--sig)}
.h2{font-family:var(--fd);font-weight:700;font-size:var(--t-h2);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.h3{font-family:var(--fd);font-weight:700;font-size:var(--t-h3);line-height:1.1;letter-spacing:-.025em}
.lead{font-size:var(--t-lead);line-height:1.5;color:var(--ink-2);max-width:32em}
/* bölüm etiketi:  <p class="kicker"><b>01</b>Neden Point ERP</p> */
.kicker{display:inline-flex;align-items:flex-start;gap:12px;font-family:var(--fm);font-size:var(--t-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kicker::before{content:"";flex:none;width:8px;height:8px;margin-top:.44em;border-radius:50%;background:var(--sig)}
.kicker b{font-weight:500;color:var(--ink)}
.kicker b::after{content:"·";margin-left:12px;color:var(--muted)}

/* ---------- 7. Düzen ---------- */
.sec{padding:var(--sec) 0}
.sec-t{padding-top:0}
.sec-b{padding-bottom:0}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--gut);align-items:start}
.split>.kicker{padding-top:.9em}
.sec-head{margin-bottom:clamp(40px,5vw,72px)}

/* ---------- 8. Hero: ızgara kâğıdı + cetvel + teknik çizim ---------- */
.gridpaper{background-color:var(--paper);background-image:linear-gradient(var(--grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--grid-strong) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-position:-1px -1px}
.ruler{height:22px;border-bottom:1px solid var(--line-2);background-image:repeating-linear-gradient(90deg,var(--ink-2) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 8px);background-size:100% 12px,100% 7px,100% 4px;background-position:0 100%;background-repeat:repeat-x}
.hero{position:relative;border-bottom:1px solid var(--line)}
.hero-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gut);align-items:center;padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(56px,8vw,112px)}
.hero .kicker{margin-bottom:clamp(22px,2.6vw,36px)}
.hero h1{font-size:var(--t-hero)}
.hero .lead{margin-top:clamp(22px,2.4vw,32px)}
.hero .ctas{margin-top:clamp(28px,3vw,40px)}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;color:var(--muted)}
.hero-meta li{display:inline-flex;align-items:center;gap:8px}
.hero-meta li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--line-2)}
.hero.has-shot .hero-g{padding-bottom:clamp(120px,14vw,200px)}
.shot{position:relative;z-index:2;margin-top:calc(-1 * clamp(80px,10vw,150px))}

/* teknik çizim (inline SVG). Sınıflar README'de. */
.tech{position:relative;width:100%;max-width:480px;justify-self:end}
.tech svg{width:100%;height:auto;overflow:visible}
.t-line{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.t-fill{fill:var(--sheet)}
.t-seam{fill:none;stroke:var(--sig);stroke-width:1.3;stroke-dasharray:5 4}
.t-dim{fill:none;stroke:var(--muted);stroke-width:.9}
.t-dash{fill:none;stroke:var(--muted);stroke-width:.9;stroke-dasharray:2 3}
.t-arrow{fill:var(--muted)}
.t-dot{fill:var(--sig)}
.t-txt,.t-ink{font-family:var(--fm);font-size:10.5px;letter-spacing:.06em;fill:var(--muted)}
.t-ink{fill:var(--ink)}
.t-mask{fill:var(--paper)}
html.js .tech.draw .t-line{stroke-dasharray:1600;stroke-dashoffset:1600;animation:t-draw 1.8s var(--ease) .15s forwards}
html.js .tech.draw .t-seam,html.js .tech.draw .t-dim,html.js .tech.draw .t-dash,html.js .tech.draw .t-txt,html.js .tech.draw .t-ink,html.js .tech.draw .t-arrow,html.js .tech.draw .t-dot{opacity:0;animation:t-fade .6s ease 1.2s forwards}
@keyframes t-draw{to{stroke-dashoffset:0}}
@keyframes t-fade{to{opacity:1}}

/* ---------- 9. İç sayfa başlığı ---------- */
.phead{padding:clamp(56px,8vw,112px) 0 clamp(40px,5vw,72px)}
.phead .kicker{margin-bottom:clamp(22px,2.6vw,32px)}
.phead .lead{margin-top:clamp(20px,2.4vw,28px)}
.phead .display{font-size:clamp(44px,6.6vw,100px)}

/* ---------- 10. Özellik ızgarası (üst çizgili, numaralı) ---------- */
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,56px) var(--gut)}
.feats>li,.feats>div{border-top:2px solid var(--ink);padding-top:20px}
.feats .n{font-family:var(--fm);font-size:var(--t-mono);color:var(--muted)}
.feats h3{font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.1vw,29px);letter-spacing:-.025em;line-height:1.12;margin:14px 0 10px}
.feats p{color:var(--muted);font-size:16.5px;max-width:24em}
.feats.two{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- 11. Ekran + metin (spot) ---------- */
.spot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--gut)*1.2);align-items:center}
.spot.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.spot.rev>:first-child{order:2}
.spot .h2{font-size:clamp(32px,4vw,58px);margin-top:22px}
.spot .lead{margin-top:22px}
.spot .more{margin-top:28px}
.spot+.spot,.sec .spot-gap{margin-top:var(--sec)}

/* ---------- 12. Numaralı liste (modüller) ---------- */
.mlist{border-top:1px solid var(--ink)}
.mlist a{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 40px;gap:24px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .3s var(--ease)}
.mlist .n{font-family:var(--fm);font-size:13px;color:var(--muted)}
.mlist .t{font-family:var(--fd);font-weight:700;font-size:clamp(24px,3vw,42px);letter-spacing:-.035em;line-height:1.08}
.mlist p{color:var(--muted);font-size:16px}
.mlist .ar{font-size:24px;color:var(--muted);text-align:right;transition:transform .3s var(--ease),color .2s}
.mlist a:hover{padding-left:12px}
.mlist a:hover .t{color:var(--blue)}
.mlist a:hover .ar{transform:translateX(6px);color:var(--sig-ink)}
.also{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;margin-top:28px;color:var(--muted)}


/* ---------- 12b. Detay sayfası: yapışkan içindekiler + bölümler (modüller/özellikler) ---------- */
.toc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--gut);align-items:start}
.toc-layout>nav{align-self:stretch}
.toc{position:sticky;top:calc(var(--hdr-h) + 32px);display:grid;gap:2px}
.toc a{display:flex;gap:14px;align-items:center;min-height:40px;color:var(--muted);font-size:15px;transition:color .2s}
.toc a::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);transition:background .2s,box-shadow .2s}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink);font-weight:600}
.toc a.on::before{background:var(--sig);box-shadow:none}
.mod{padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--line)}
.mod:first-child{border-top:1px solid var(--ink);padding-top:clamp(40px,5vw,64px)}
.mod-h{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px var(--gut);margin-bottom:clamp(28px,3.4vw,44px)}
.mod-h .n{font-family:var(--fm);font-size:13px;color:var(--muted);display:block;margin-bottom:16px}
.mod-h h2{font-family:var(--fd);font-weight:700;font-size:clamp(30px,3.6vw,52px);letter-spacing:-.04em;line-height:1.02}
.mod-h p{color:var(--ink-2);font-size:18px}
.mod-h .link{margin-top:22px}
.terms{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.terms li{font-size:14px;padding:6px 12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}

/* ---------- 13. Koyu bant (CTA) ---------- */
.dark{background:var(--ink);color:var(--paper)}
.dark .muted,.dark .lead,.dark .kicker{color:var(--dark-muted)}
.dark :focus-visible{outline-color:#9DB6FF}
.cta{padding:clamp(88px,12vw,168px) 0}
.cta .display{font-size:clamp(42px,7vw,108px);max-width:11em;margin-top:28px}
.cta .row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px 40px;flex-wrap:wrap;margin-top:clamp(32px,4vw,56px)}
.cta .btn-g{box-shadow:inset 0 0 0 1.5px #4A5885;color:var(--paper)}
.cta .btn-g:hover{background:var(--paper);color:var(--ink)}
.pulse{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--sig);vertical-align:.05em;margin-left:.05em;animation:pulse 2.6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--sig-soft)}60%{box-shadow:0 0 0 .16em transparent}}

/* ---------- 14. Footer + Point ailesi ---------- */
.ftr{padding:72px 0 40px;font-size:var(--t-small);border-top:1px solid var(--line)}
.dark+.ftr{border-top:0}
.ftr-g{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:40px var(--gut)}
.ftr .about{margin-top:18px;max-width:22em}
.ftr h2{font-family:var(--fm);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.ftr ul a{display:inline-flex;align-items:center;min-height:36px}
.ftr ul a:hover{color:var(--blue)}
.ftr .fam a{font-family:var(--fd);font-weight:700;letter-spacing:-.02em;font-size:16px}
.ftr .fam a[aria-current="page"]{color:var(--ink)}
.ftr .fam .p{font-weight:600;color:var(--muted)}
.ftr-b{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}

/* ---------- 15. Uygulama ekranı çerçevesi (.app) — ürünün kendi dili ---------- */
.app{--a-bg:#FDFDFD;--a-line:#E6E8EE;--a-ink:#0E1220;--a-mut:#62687A;--a-ind:#2F3FA8;--a-soft:#F4F5F8;
  font-family:'Geist',ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.4;color:var(--a-ink);letter-spacing:0;text-align:left;
  background:var(--a-bg);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:0 40px 80px -48px rgba(11,21,48,.35);min-width:0}
.app .m{font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:12.5px}
.app .mut{color:var(--a-mut)}
.app .w{font-weight:600}
.app .sub{display:block;color:var(--a-mut);font-size:12px;margin-top:2px;font-weight:400}
.app svg{flex:none}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ic.s{width:13px;height:13px}.ic.xs{width:11px;height:11px}
.a-top{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;border-bottom:1px solid var(--a-line);background:var(--a-bg)}
.a-crumb{display:flex;align-items:center;gap:8px;color:var(--a-mut);min-width:0;white-space:nowrap;overflow:hidden}
.a-crumb b{color:var(--a-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.a-crumb .cp{display:inline-flex;align-items:center;gap:8px}
.a-sp{flex:1}
.a-search{display:flex;align-items:center;gap:8px;height:30px;width:180px;padding:0 6px 0 10px;border:1px solid var(--a-line);border-radius:7px;color:var(--a-mut);background:#fff;font-size:13px}
.a-search kbd{margin-left:auto;font-family:'Geist Mono',monospace;font-size:10px;border:1px solid var(--a-line);border-radius:4px;padding:1px 5px}
.a-ic{position:relative;display:grid;place-items:center;width:28px;height:28px}
.a-ic i{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--a-ind);box-shadow:0 0 0 1.5px #fff}
.a-av{width:26px;height:26px;border-radius:50%;background:var(--a-ind);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600;flex:none}
.a-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 24px 20px;border-bottom:1px solid var(--a-line)}
.a-ph h3,.a-ph h4{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-family:inherit}
.a-ph p{color:var(--a-mut);font-size:13px;margin-top:4px}
.a-acts{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end;align-items:center}
.a-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--a-line);border-radius:7px;background:#fff;font-weight:500;font-size:12.5px;white-space:nowrap}
.a-btn.pri{background:var(--a-ind);border-color:var(--a-ind);color:#fff}
.a-pre{padding:20px 24px 0}
.a-card{margin:20px 24px 24px;border:1px solid var(--a-line);border-radius:8px;background:#fff;overflow:hidden}
.a-t{width:100%;border-collapse:collapse}
.a-t th{font-weight:500;font-size:12.5px;color:var(--a-mut);text-align:left;padding:11px 16px;border-bottom:1px solid var(--a-line);white-space:nowrap}
.a-t td{padding:14px 16px;border-bottom:1px solid var(--a-line);white-space:nowrap;vertical-align:middle}
.a-t th.r,.a-t td.r{text-align:right}
.a-t td.r{font-variant-numeric:tabular-nums}
.a-t tr:last-child td{border-bottom:0}
.a-t tbody tr:hover td{background:#F8F9FB}
.a-t tr.over td{background:#FDF1F1}
.a-t tr.tot td{background:#FAFBFC;font-weight:600}
.a-t .neg{color:#C0262D}
.a-t .pos{color:#18794A}
.mdl{display:flex;align-items:center;gap:10px;min-width:0}
.mdl img{flex:none;width:40px;height:40px;border-radius:6px;border:1px solid var(--a-line);object-fit:cover;background:#F3F1EC}
.mdl>span{min-width:0}
.bd{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:500;white-space:nowrap;line-height:1.5}
.bd.g{background:#E3F6EA;color:#17703F}
.bd.b{background:#E0E8FB;color:#2A3FA0}
.bd.y{background:#FDF1CD;color:#7F5205}
.bd.v{background:#ECE6FB;color:#5B3BA8}
.bd.r{background:#FDE2E2;color:#B0232A}
.bd.o{background:#fff;color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-line)}
.sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;vertical-align:0}
.qty{display:inline-block;font-family:'Geist Mono',monospace;font-weight:600;color:var(--a-ind);border:1.5px solid #B9C4F0;border-radius:7px;padding:3px 8px;background:#F4F6FE}
.a-file{display:flex;align-items:center;gap:14px;margin:20px 24px 0;padding:14px 16px;border:1px dashed #C9CEDB;border-radius:10px;background:#F9FAFC}
.a-file>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.a-file .bd{margin-left:auto;flex:none}
.a-fi{flex:none;width:38px;height:38px;border-radius:8px;background:#FDECEC;color:#C0262D;display:grid;place-items:center}
.a-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 24px 8px;position:relative}
.a-steps::before{content:"";position:absolute;left:10%;right:10%;top:11px;height:2px;background:var(--a-line)}
.a-steps li{position:relative;text-align:center;display:grid;justify-items:center;gap:4px;padding:0 4px}
.a-steps i{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--a-line);display:grid;place-items:center;color:#fff;margin-bottom:6px}
.a-steps li.done i{background:#18794A;border-color:#18794A}
.a-steps li.now i{border-color:var(--a-ind);box-shadow:0 0 0 4px #E3E7FA}
.a-steps b{font-weight:600;font-size:12.5px;line-height:1.25}
.a-steps .m{color:var(--a-mut);font-size:11px}
.a-steps li:not(.done):not(.now) b{color:var(--a-mut);font-weight:500}
.a-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 24px 24px}
.a-sum.two{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.a-sc{border:1px solid var(--a-line);border-radius:8px;background:#fff;padding:14px 14px 12px;min-width:0}
.a-sc small{display:block;color:var(--a-mut);font-size:12px;margin-bottom:6px}
.a-sc b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-sc p{color:var(--a-mut);font-size:12px;margin-top:4px}
.a-sc.win{border-color:#9ED8B6;box-shadow:0 0 0 3px #EAF7EF}
.a-sc.win b{color:#15693F;font-size:30px}
.a-doc{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:20px 24px 0;padding:16px;border:1px solid var(--a-line);border-radius:8px;background:#F9FAFC}
.a-doc small{display:block;color:var(--a-mut);font-size:12px;margin-bottom:4px}
.a-doc b{font-weight:600}
.a-rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 24px 24px}
.a-rg.all{grid-template-columns:repeat(3,minmax(0,1fr))}
.a-rc{display:flex;align-items:center;gap:10px;border:1px solid var(--a-line);border-radius:8px;background:#fff;padding:11px 12px;font-weight:600;font-size:13px;min-width:0}
.a-rc .t{min-width:0;line-height:1.3}
.a-ri{flex:none;width:26px;height:26px;border:1px solid var(--a-line);border-radius:6px;display:grid;place-items:center;color:var(--a-mut)}
.a-ra{margin-left:auto;color:var(--a-mut);font-weight:400}
.a-rc.more{justify-content:center;color:var(--a-ind);background:var(--a-soft)}
.a-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 24px 24px}
.a-mc{border:1px solid var(--a-line);border-radius:8px;overflow:hidden;background:#fff;min-width:0}
.a-mc img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#F3F1EC;border-bottom:1px solid var(--a-line)}
.a-mc div{padding:12px 14px 14px;min-width:0}
.a-mc b{display:block;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-mc .m{display:block;color:var(--a-mut);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feats+.cap{margin-top:56px}
.cap{margin-top:14px;font-family:var(--fm);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.app .sm-only{display:none}

/* ---------- 16. SSS akordeonu ---------- */
.faq-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px var(--gut);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--line)}
.faq-g:first-child{border-top:1px solid var(--ink)}
.faq-g>h2{font-family:var(--fd);font-weight:700;font-size:clamp(24px,2.2vw,28px);letter-spacing:-.025em;line-height:1.15}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;font-family:var(--fd);font-weight:600;font-size:clamp(19px,1.8vw,23px);letter-spacing:-.02em;line-height:1.25;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;min-height:64px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink);transition:background .2s,box-shadow .2s}
.faq details[open] summary::after{background:var(--sig);box-shadow:none}
.faq summary:hover{color:var(--blue)}
.faq .a{color:var(--ink-2);padding:0 0 24px;max-width:40em}
.faq .a a{color:var(--blue);border-bottom:1px solid currentColor}

/* ---------- 17. Çok adımlı form ---------- */
.form-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--gut)*1.4);align-items:start;padding-bottom:clamp(88px,10vw,140px)}
.form-aside{position:sticky;top:calc(var(--hdr-h) + 40px)}
.form-aside .display{font-size:clamp(44px,6vw,92px)}
.f-steps{margin-top:40px;border-top:1px solid var(--line)}
.f-steps li{display:flex;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.f-steps li b{font-family:var(--fm);font-weight:500;font-size:12px}
.f-steps li.on{color:var(--ink);font-weight:600}
.f-steps li.done{color:var(--ink)}
.f-steps li.done b::after{content:" ✓";color:var(--sig-ink)}
.form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,4vw,48px)}
.prog{height:3px;background:var(--paper-2);border-radius:3px;margin-bottom:28px;overflow:hidden}
.prog i{display:block;height:100%;width:0;background:var(--sig);transition:width .5s var(--ease)}
.step{border:0;min-width:0}
html.js .step{display:none}
html.js .step.on{display:block;animation:f-in .4s var(--ease)}
@keyframes f-in{from{opacity:0;transform:translateY(10px)}}
.step>h2{font-family:var(--fd);font-weight:700;font-size:clamp(27px,3vw,38px);letter-spacing:-.03em;line-height:1.08;margin:10px 0 28px}
.step>h2:focus{outline:none}
.fld{display:grid;gap:8px;margin-bottom:22px;min-width:0}
.fld>label,.lg{font-weight:600;font-size:15px}
.opt{font-weight:400;color:var(--muted)}
.inp{width:100%;font:inherit;font-size:17px;color:var(--ink);background:var(--paper);border:1.5px solid transparent;border-radius:12px;padding:13px 16px;min-height:52px;transition:border-color .2s,background .2s}
.inp::placeholder{color:#8A8F9C}
.inp:hover{border-color:var(--line)}
.inp:focus{outline:none;border-color:var(--blue);background:var(--white)}
textarea.inp{min-height:110px;resize:vertical}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1530' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.err{display:none;color:var(--err);font-size:14px}
.fld.bad .inp{border-color:var(--err);background:#FFF8F7}
.fld.bad .opts{box-shadow:0 0 0 1.5px var(--err);border-radius:14px;padding:6px}
.fld.bad .err{display:block}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative;cursor:pointer}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--line);font-size:15px;font-weight:500;transition:box-shadow .2s,background .2s}
.opts span::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--muted)}
.opts label:hover span{box-shadow:inset 0 0 0 1.5px var(--ink)}
.opts input:checked+span{background:var(--ink);color:var(--paper);box-shadow:none}
.opts input:checked+span::before{background:var(--sig);box-shadow:none}
.opts input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2);cursor:pointer;min-height:44px;padding-top:2px}
.check input{flex:none;width:22px;height:22px;margin-top:1px;accent-color:var(--blue)}
.check a{color:var(--blue);border-bottom:1px solid currentColor}
.f-miss{display:none;margin-top:20px;padding:12px 14px;border-radius:10px;background:#FFF1EF;color:var(--err);font-size:14.5px}
.f-miss.on{display:block}
.f-miss button{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;min-height:24px}
.nav-f{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.back{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--muted);font-weight:600;font-size:16px}
.back:hover{color:var(--ink)}
.sum{border-top:1px solid var(--line);margin-bottom:12px}
.sum li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.sum li span{color:var(--muted)}
.sum li b{font-weight:600;overflow-wrap:anywhere}
.sum-edit{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:26px;font-size:14px}
.sum-edit .link{font-size:14px}
.ok-scr .ok-dot{width:56px;height:56px;border-radius:50%;background:var(--sig);display:grid;place-items:center;margin-bottom:28px;animation:pop .6s var(--ease)}
@keyframes pop{from{transform:scale(.3);opacity:0}}
.ok-scr h2{font-family:var(--fd);font-weight:800;font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.02}
.ok-scr h2:focus{outline:none}
.ok-scr p{color:var(--ink-2);margin:18px 0 26px;max-width:30em}
.ok-scr p b{overflow-wrap:anywhere}
.ref{font-family:var(--fm);font-size:13px;background:var(--paper);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}
.noscript-note{margin-bottom:20px;padding:14px 16px;border-radius:10px;background:var(--paper);font-size:15px}

/* ---------- 18. Hakkımızda / iletişim ---------- */
.prose p{font-size:var(--t-lead);color:var(--ink-2);max-width:34em}
.prose p+p{margin-top:20px}
.contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--gut)}
.contact>div{border-top:2px solid var(--ink);padding-top:20px;min-width:0}
.contact b{display:block;font-family:var(--fd);font-weight:700;font-size:clamp(21px,2vw,27px);letter-spacing:-.02em;margin-top:10px;line-height:1.2;overflow-wrap:anywhere}
.contact a:hover b{color:var(--blue)}
.big-mail{font-family:var(--fd);font-weight:800;font-size:clamp(28px,6.4vw,96px);letter-spacing:-.045em;line-height:1.05;display:inline-block;border-bottom:3px solid var(--sig);padding-bottom:6px;transition:color .2s;overflow-wrap:anywhere}
.big-mail:hover{color:var(--blue)}

/* ---------- 19. Yasal sayfa ---------- */
.toc-inline{display:flex;flex-wrap:wrap;gap:8px 24px}
.legal{border-top:1px solid var(--line);padding:clamp(40px,5vw,64px) 0}
.legal:first-child{border-top:1px solid var(--ink)}
.pending{display:flex;gap:16px;align-items:flex-start;background:var(--white);border:1.5px dashed var(--line-2);border-radius:16px;padding:24px;color:var(--ink-2);max-width:44em}
.pending i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--sig);margin-top:8px}
.pending a{color:var(--blue);border-bottom:1px solid currentColor}

/* ---------- 20. Belirme (yalnız süs; JS yoksa her şey görünür) ---------- */
html.js .rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js .rv.in{opacity:1;transform:none}
html.js .ld{opacity:0;transform:translateY(20px);animation:ld .8s var(--ease) forwards}
html.js .ld.d1{animation-delay:.08s}html.js .ld.d2{animation-delay:.18s}html.js .ld.d3{animation-delay:.3s}html.js .ld.d4{animation-delay:.42s}
@keyframes ld{to{opacity:1;transform:none}}

/* ---------- 20b. Çerez kartı (consent.js) — "Reddet" ve "Kabul et" aynı buton, aynı ağırlık ---------- */
.consent{position:fixed;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:60;width:min(460px,calc(100% - 24px));display:flex;flex-direction:column;gap:16px;background:var(--sheet);color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-m);box-shadow:0 18px 48px -24px rgba(11,21,48,.45);padding:20px 22px;font-size:var(--t-small);line-height:1.5;outline:none}
.consent[hidden]{display:none}
/* The open mobile menu (point.js › body.lock) stands in for the page: the card steps aside with the page and comes back
   when the menu closes, still unanswered — it sat on the menu's "Ücretsiz üye olun →" and "Giriş yap" at 390 px. */
body.lock .consent{display:none}
.consent:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.consent-tx{display:flex;flex-direction:column;gap:8px}
.consent-h{font-family:var(--fm);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.consent-p,.consent-s,.consent-now{color:var(--ink-2)}
.consent-s{display:none}
.consent-more{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px}
.consent-act{display:flex;align-items:center;gap:10px}
.consent-act .btn{flex:1 1 0;min-width:0}
.consent-x{flex:none;width:44px;height:44px;border-radius:var(--r-pill);font-size:24px;line-height:1;color:var(--muted)}
.consent-x:hover{color:var(--ink);background:var(--paper-2)}
.consent.is-small{flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px 14px 12px 18px;gap:10px 16px}
.consent.is-small .consent-tx{flex:1 1 200px}
.consent.is-small .consent-h,.consent.is-small .consent-p,.consent.is-small .consent-more{display:none}
.consent.is-small .consent-s{display:block}
.consent.is-small .consent-act{flex:1 1 220px}
html.has-consent .ftr-b{padding-bottom:96px}
.ftr .consent-open{display:inline-flex;align-items:center;min-height:36px;font:inherit;color:inherit;text-align:left}
.ftr .consent-open:hover{color:var(--blue)}

/* ---------- 21. Duyarlı ---------- */
@media (max-width:1080px){
  .spot,.spot.rev{grid-template-columns:minmax(0,1fr);gap:40px}
  .toc-layout{grid-template-columns:minmax(0,1fr)}
  .toc-layout>nav{display:none}
  .spot.rev>:first-child{order:0}
  .ftr-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-g>:first-child{grid-column:1/-1}
  .a-rg.all{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .hero-g{grid-template-columns:minmax(0,1fr);gap:48px}
  .tech{justify-self:start;max-width:440px}
}
@media (max-width:860px){
  .nav,.hdr-r .login{display:none}
  .burger{display:flex}
  .split,.faq-g,.form-g,.mod-h{grid-template-columns:minmax(0,1fr)}
  .split>.kicker{padding-top:0}
  .feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-aside{position:static}
  .f-steps{display:none}
  .contact{grid-template-columns:minmax(0,1fr)}
  .mlist a{grid-template-columns:40px minmax(0,1fr) 28px;gap:16px}
  .mlist p{display:none}
  .ftr ul a,.ftr .consent-open{min-height:44px}
  .also{row-gap:18px}
  .hide-md{display:none!important}
  .a-search{width:auto}.a-search span,.a-search kbd{display:none}
  .a-ph{flex-direction:column;align-items:flex-start}
  .a-acts .a-btn:not(.pri){display:none}
}
/* A touch screen in the wide layout (a tablet held landscape, 1024 px and up) gets the 44 px targets the narrow layout
   already has; with a mouse the footer and the page index keep their 36 / 40 px rhythm. */
@media (pointer:coarse){.ftr ul a,.ftr .consent-open,.toc a{min-height:44px}}
@media (max-width:560px){
  .hdr-r .btn{display:none}
  .wm{font-size:23px}
  .feats,.feats.two{grid-template-columns:minmax(0,1fr);gap:36px}
  .ctas .btn{flex:1 1 100%}
  .row2{grid-template-columns:minmax(0,1fr)}
  .sum li{grid-template-columns:minmax(0,1fr);gap:2px}
  .nav-f .btn{flex:1}
  .ftr-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ftr-g>:last-child{grid-column:1/-1}
  .hero-meta{gap:8px 16px;font-size:15px}
  .tech{max-width:340px}
  /* uygulama ekranı: sadeleş */
  .hide-sm{display:none!important}
  .app .sm-only{display:inline}
  .a-top{padding:0 12px;gap:8px}
  .a-ph{padding:18px 14px 14px}.a-ph h3,.a-ph h4{font-size:19px}
  .a-pre{padding:16px 14px 0}
  .a-card{margin:14px}
  .a-t th,.a-t td{padding:10px 10px}
  .a-t td{white-space:normal}
  .a-t td .bd{font-size:11px;padding:2px 6px}
  .mdl{gap:8px}.mdl img{width:30px;height:30px}
  .a-file{margin:14px 14px 0;padding:12px;gap:10px}
  .a-file .bd span{display:none}
  .a-steps{margin:22px 6px 4px}
  .a-steps b{font-size:10.5px}
  .a-steps .m{font-size:9.5px}
  .a-sum{margin:14px;gap:8px}
  .a-sum.two{grid-template-columns:minmax(0,1fr)}
  .a-sc{padding:10px}
  .a-sc b{font-size:18px}
  .a-sc.win b{font-size:24px}
  .a-doc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:14px 14px 0;padding:12px}
  .a-doc>:first-child{grid-column:1/-1}
  .a-rg,.a-rg.all{grid-template-columns:minmax(0,1fr);padding:14px}
  .a-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}
  .a-grid>:nth-child(n+3){display:none}
  .a-crumb .cp{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html.js .rv,html.js .ld{opacity:1;transform:none}
  html.js .tech.draw *{opacity:1!important;stroke-dashoffset:0!important}
  html.js .tech.draw .t-line{stroke-dasharray:none}
}