/* FaturaMatik tanıtım sayfası ve ana sayfa vitrini — stil.css belirteçlerini kullanır (yeni renk/font yok) */

.rozet-link{text-decoration:none;color:var(--brand-d)}
.rozet-link:hover{background:var(--brand);color:var(--on-brand)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tanitim-sayfa section[id]{scroll-margin-top:calc(84px + var(--ust-ek,0px))}

/* ---- Düğmeler ---- */
.fm-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.fm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:14px;font-family:inherit;font-weight:700;font-size:15.5px;line-height:1;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.fm-btn:hover{transform:translateY(-2px)}
.fm-btn-ana{background:#fff;color:#273950;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.fm-btn-cam{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(6px)}
.fm-btn-cam:hover{background:rgba(255,255,255,.2)}
.fm-btn-cerceve{background:var(--panel);color:var(--brand-d);border-color:var(--line2)}
.fm-btn-cerceve:hover{border-color:var(--brand)}
.fm-erisim .fm-btn-ana{background:linear-gradient(180deg,var(--hero3),var(--brand));color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 35%,transparent)}

/* ---- Kahraman ---- */
.fm-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;overflow:hidden;
  margin:6px 0 28px;padding:56px 52px 48px;border-radius:30px;color:#fff;box-shadow:var(--sh2);
  background:radial-gradient(700px 420px at 8% -10%,rgba(171,192,220,0.28),transparent 60%),radial-gradient(760px 480px at 105% 110%,rgba(107,148,202,0.45),transparent 62%),linear-gradient(135deg,var(--hero1) 0%,#2e435e 55%,var(--hero2) 130%)}
.fm-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(900px 500px at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(900px 500px at 70% 40%,#000,transparent 75%);pointer-events:none}
.fm-hero>*{position:relative;z-index:1}
.fm-ust{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:700;letter-spacing:.04em}
.fm-nokta{width:8px;height:8px;border-radius:50%;background:#c6d6eb;box-shadow:0 0 0 4px rgba(198,214,235,0.25);animation:nabiz 2.2s ease-in-out infinite}
@keyframes nabiz{50%{box-shadow:0 0 0 8px rgba(94,234,212,0)}}
.fm-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.fm-alt{margin:20px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.6;opacity:.92;max-width:52ch}
.fm-rozetler{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px}
.fm-rozetler li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.92}
.tik{display:inline-block;width:18px;height:18px;border-radius:50%;background:rgba(198,214,235,0.22);position:relative}
.tik::after{content:"";position:absolute;left:5px;top:4px;width:7px;height:4px;border-left:2px solid #c6d6eb;border-bottom:2px solid #c6d6eb;transform:rotate(-45deg)}
.fm-not{position:absolute!important;right:24px;bottom:12px;margin:0;font-size:12px;opacity:.6}

/* ---- Uygulama penceresi maketi ---- */
.fm-sahne{position:relative;min-height:380px;display:grid;place-items:center}
.fm-pencere{width:100%;max-width:560px;border-radius:18px;background:var(--panel);color:var(--ink);overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12);transform:perspective(1400px) rotateY(-9deg) rotateX(3deg) rotateZ(.4deg);transition:transform .5s}
.fm-sahne:hover .fm-pencere{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.mk-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--panel2);border-bottom:1px solid var(--line)}
.mk-baslik{margin-left:8px;font-size:12px;font-weight:700;color:var(--mute)}
.mk-icerik{padding:14px}
.mk-birak{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px dashed var(--line2);border-radius:12px;background:var(--panel2);font-size:13px;font-weight:700}
.mk-yukle{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--brand-l);color:var(--brand-d)}
.mk-ince{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--mute)}
.mk-tablo{width:100%;margin-top:12px;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}
.mk-tablo th{background:var(--brand-l);color:var(--brand-d);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:8px 8px;text-align:right}
.mk-tablo th:first-child,.mk-tablo td:first-child{text-align:left}
.mk-tablo td{padding:8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.mk-tablo tr.mk-uyari td{background:var(--warn-bg)}
.mk-tablo tfoot td{font-weight:800;border-top:2px solid var(--ink);border-bottom:0;background:var(--panel2)}
.mk-etiket{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:800}
.mk-etiket.ok{background:color-mix(in srgb,#6590c8 16%,var(--panel));color:#4271ad}
.mk-etiket.kotu{background:var(--warn-bg);color:var(--warn)}
.mk-etiket.elle{background:color-mix(in srgb,#739ed6 16%,var(--panel));color:#3165a8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mk-etiket.ok{color:#c1d2e7}:root:not([data-theme="light"]) .mk-etiket.elle{color:#a4bee0}}
:root[data-theme="dark"] .mk-etiket.ok{color:#c1d2e7}:root[data-theme="dark"] .mk-etiket.elle{color:#a4bee0}
.fm-yuzen{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);color:#0b1d29;
  box-shadow:0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(8px);animation:yuz 6s ease-in-out infinite}
.fm-yuzen b{display:block;font-size:13.5px}
.fm-yuzen small{display:block;font-size:12px;color:#52656f}
.y-ikon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;flex:none}
.y-yesil{background:linear-gradient(145deg,#6590c8,#91aed4)}
.y-excel{background:linear-gradient(145deg,#3b6aa8,#6b94ca)}
.fm-y1{left:-14px;bottom:-22px}
.fm-y2{right:-6px;top:20px;animation-delay:-3s}
@keyframes yuz{50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.fm-yuzen,.fm-nokta{animation:none}.fm-pencere{transition:none}}

/* ---- Bölüm başlıkları ---- */
.fm-bolum{margin-top:84px}
.fm-baslik{margin-bottom:30px;max-width:64ch}
.fm-baslik h2{font-size:clamp(28px,3.6vw,42px);font-weight:790;letter-spacing:-.025em;line-height:1.1}
.fm-baslik-alt{margin:12px 0 0;color:var(--mute);font-size:17px;line-height:1.6}
.ust-acik{color:#c6d6eb}

/* ---- Akış ---- */
.fm-akis{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);gap:0;align-items:stretch}
.fm-adim{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s}
.fm-adim:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.fm-adim-gorsel{display:flex;align-items:center;justify-content:center;gap:10px;height:112px;margin-bottom:18px;border-radius:16px;background:linear-gradient(180deg,var(--brand-xl),var(--panel2));border:1px solid var(--line)}
.fm-adim-no{position:absolute;top:18px;right:20px;font-size:13px;font-weight:800;color:var(--mute);opacity:.7}
.fm-adim h3{font-size:21px;font-weight:760;margin-bottom:6px}
.fm-adim p{margin:0;color:var(--mute);font-size:15px;line-height:1.6}
.fm-ok{align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 12px);position:relative}
.fm-ok::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-right:2px solid var(--brand);border-top:2px solid var(--brand);transform:rotate(45deg)}
.dosya{display:grid;place-items:center;width:46px;height:58px;border-radius:9px;font-size:11px;font-weight:800;color:#fff;box-shadow:0 8px 18px rgba(11,29,41,.18);position:relative}
.dosya::before{content:"";position:absolute;right:0;top:0;width:14px;height:14px;background:rgba(255,255,255,.35);border-bottom-left-radius:8px}
.dosya-pdf{background:linear-gradient(160deg,#5285c9,#4473b2)}
.dosya-xml{background:linear-gradient(160deg,#3b6aa8,#6b94ca);transform:translateY(-6px)}
.dosya.k{transform:rotate(6deg)}
.denklem{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-size:15px;font-weight:600;color:var(--mute)}
.denklem b{padding:7px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--line2);color:var(--ink);box-shadow:var(--sh1)}
.excel-kutu{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;color:#fff;background:linear-gradient(145deg,var(--hero2),var(--hero3));box-shadow:0 14px 28px color-mix(in srgb,var(--brand) 35%,transparent)}

/* ---- Bento ---- */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bento-kart{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh1);transition:transform .2s,box-shadow .2s,border-color .2s}
.bento-kart:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--line2)}
.b-genis{grid-column:span 2}
.b-ikon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-l);color:var(--brand-d);margin-bottom:16px}
.bento-kart h3{font-size:20px;font-weight:760;margin-bottom:8px}
.bento-kart p{margin:0;color:var(--mute);font-size:15px;line-height:1.6;max-width:56ch}
.b-gorsel{margin-top:22px}
.b-dosyalar{display:flex;align-items:center;gap:12px}
.b-ok{font-size:22px;color:var(--brand);font-weight:700}
.b-tablo-mini{display:grid;gap:6px;width:130px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.b-tablo-mini i{height:8px;border-radius:4px;background:var(--brand-l)}
.b-tablo-mini i:nth-child(2){width:70%}
.b-tablo-mini i:nth-child(3){width:85%;background:color-mix(in srgb,var(--brand) 35%,var(--brand-l))}
.b-koyu{background:radial-gradient(500px 260px at 100% 0%,rgba(171,192,220,0.25),transparent 60%),linear-gradient(135deg,var(--hero1),#2e435e 70%,var(--hero2));color:#fff;border-color:transparent}
.b-koyu .b-ikon{background:rgba(255,255,255,.12);color:#c6d6eb}
.b-koyu p{color:rgba(255,255,255,.85)}

/* ---- Güven ---- */
.fm-guven{margin-top:84px;border-radius:30px;overflow:hidden;color:#fff;box-shadow:var(--sh2);
  background:radial-gradient(600px 360px at 0% 0%,rgba(171,192,220,0.22),transparent 60%),linear-gradient(135deg,#182331,var(--hero1) 60%,#2e435e)}
.fm-guven-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;padding:56px 52px;align-items:center}
.fm-guven h2{font-size:clamp(26px,3.2vw,38px);font-weight:790;letter-spacing:-.025em;line-height:1.12}
.fm-guven-metin p:not(.ust-etiket){margin:16px 0 0;color:rgba(255,255,255,.82);font-size:16.5px;line-height:1.65}
.fm-guven-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.fm-guven-liste li{display:flex;gap:18px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px)}
.g-sayi{flex:none;font-size:15px;font-weight:800;color:#c6d6eb;letter-spacing:.04em;padding-top:2px}
.fm-guven-liste b{display:block;font-size:17px;margin-bottom:3px}
.fm-guven-liste span:not(.g-sayi){color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.55}

/* ---- Yol haritası ---- */
.yol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yol-kart{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--sh1)}
.yol-kart ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.yol-kart li{position:relative;padding-left:24px;font-size:15px;line-height:1.5}
.yol-kart li::before{content:"";position:absolute;left:3px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--line2)}
.yol-durum{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.yd-hazir{background:color-mix(in srgb,#6590c8 16%,var(--panel));color:#4271ad}
.yd-gelis{background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:#366cb4}
.yd-plan{background:var(--brand-l);color:var(--brand-d)}
.yol-kart:first-child li::before{background:#91aed4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .yd-hazir{color:#c1d2e7}:root:not([data-theme="light"]) .yd-gelis{color:#b3cae9}}
:root[data-theme="dark"] .yd-hazir{color:#c1d2e7}:root[data-theme="dark"] .yd-gelis{color:#b3cae9}

/* ---- Erişim ---- */
.fm-erisim{margin-top:84px}
.fm-erisim-ic{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;padding:44px;border-radius:28px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));
  background:radial-gradient(500px 260px at 100% 0%,var(--brand-l),transparent 65%),var(--panel);box-shadow:var(--sh2)}
.fm-erisim h2{font-size:clamp(24px,3vw,34px);font-weight:790;letter-spacing:-.022em;margin:6px 0 12px}
.fm-erisim p:not(.ust-etiket){margin:0;color:var(--mute);line-height:1.65;max-width:58ch}
.lisans-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lisans-liste li{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);font-size:14.5px}
.lisans-liste b{font-weight:700}
.lisans-liste span{color:var(--mute);text-align:right}
.tanitim-sayfa .sss{max-width:860px}

/* ---- Ana sayfa vitrini ---- */
.fm-teaser{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:36px;align-items:center;overflow:hidden;padding:40px 44px;border-radius:26px;color:#fff;box-shadow:var(--sh2);
  background:radial-gradient(600px 300px at 0% 0%,rgba(171,192,220,0.25),transparent 60%),linear-gradient(135deg,var(--hero1),#2e435e 60%,var(--hero2))}
.fm-teaser h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.08}
.fm-teaser p{margin:14px 0 0;color:rgba(255,255,255,.86);font-size:16.5px;line-height:1.6;max-width:50ch}
.fm-teaser .fm-ust{margin-bottom:14px}
.fm-teaser .fm-dugmeler{margin-top:22px}
.fm-teaser .fm-pencere{transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);max-width:100%}
.fm-teaser .mk-icerik{padding:10px}

/* ---- Görünme animasyonu (JS sınıfı eklerse) ---- */
.js .gor{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .gor.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .gor{opacity:1;transform:none;transition:none}}

/* ---- Duyarlı ---- */
@media (max-width:1000px){
  .fm-hero{grid-template-columns:minmax(0,1fr);padding:40px 28px}
  .fm-sahne{min-height:0;padding:10px 6px 30px}
  .fm-pencere{transform:none}
  .fm-y1{left:0;bottom:6px}.fm-y2{right:0;top:-4px}
  .fm-akis{grid-template-columns:minmax(0,1fr);gap:14px}
  .fm-ok{display:none}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-guven-ic,.fm-erisim-ic,.fm-teaser{grid-template-columns:minmax(0,1fr)}
  .fm-guven-ic{padding:40px 28px;gap:28px}
  .fm-erisim-ic{padding:30px 24px}
  .yol{grid-template-columns:minmax(0,1fr)}
  .fm-not{display:none}
}
@media (max-width:640px){
  .fm-hero{border-radius:22px;padding:30px 20px}
  .bento{grid-template-columns:minmax(0,1fr)}
  .b-genis{grid-column:auto}
  .fm-bolum,.fm-guven,.fm-erisim{margin-top:56px}
  .fm-teaser{padding:28px 20px}
  .mk-tablo th:nth-child(2),.mk-tablo td:nth-child(2){display:none}
  .fm-yuzen{padding:10px 12px}
  .fm-btn{width:100%}
}
@media print{.fm-hero,.fm-teaser,.fm-guven,.fm-erisim{box-shadow:none}}
@media (max-width:640px){
  .mk-tablo{font-size:11px}
  .mk-tablo th:nth-child(4),.mk-tablo td:nth-child(4){display:none}
  .mk-tablo td:first-child{max-width:118px;overflow:hidden;text-overflow:ellipsis}
  .mk-tablo th,.mk-tablo td{padding:7px 6px}
}

/* ==== FATURAMATİK v2 (15.10.2026) ==== */
/* .fm-btn yazı tipi düzeltmesi: önceki "font:700 15.5px/1 inherit" geçersizdi, tarayıcı satırı yok sayıyordu (düğmeler ince görünüyordu) */
.fm-hero h1{font-size:clamp(32px,3.9vw,50px);line-height:1.08;max-width:16ch}
.fm-hero .fm-btn-ana{background:linear-gradient(180deg,#c7d9ef,#92b3df);color:#1c2939;box-shadow:0 12px 28px rgba(146,179,223,0.35)}
.fm-hero .fm-btn-ana:hover{filter:brightness(1.05)}
.fm-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 0}
.fm-serit-oge{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--sh1)}
.fs-ikon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-l);color:var(--brand-d)}
.fm-serit-oge:nth-child(2) .fs-ikon{background:var(--t-indigo-l);color:var(--t-indigo)}
.fm-serit-oge:nth-child(3) .fs-ikon{background:var(--t-amber-l);color:var(--t-amber)}
.fm-serit-oge:nth-child(4) .fs-ikon{background:var(--t-rose-l);color:var(--t-rose)}
.fm-serit-oge b{display:block;font-size:16px;font-weight:780;color:var(--ink)}
.fm-serit-oge span:not(.fs-ikon){font-size:13.5px;color:var(--mute);line-height:1.35}
#sss .sss-duzen{align-items:start}
#sss .sss-sol{margin-bottom:0}
#sss .sss{max-width:none}
.fm-kapanis{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 44px;border-radius:30px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--t-teal) 45%,transparent),transparent 55%),linear-gradient(135deg,var(--hero1),var(--hero2));box-shadow:var(--sh2)}
.fm-kapanis h2{margin:0;color:#fff;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;max-width:26ch}
.fm-kapanis p{margin:8px 0 0;color:rgba(255,255,255,.8)}
.fm-kapanis .fm-dugmeler{flex:none;margin:0}
.fm-kapanis .fm-btn-ana{background:linear-gradient(180deg,#c7d9ef,#92b3df);color:#1c2939}
@media (max-width:1000px){.fm-serit{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-kapanis{flex-direction:column;align-items:flex-start;padding:30px 24px}}
@media (max-width:520px){.fm-serit{grid-template-columns:minmax(0,1fr)}}
@media print{.fm-serit,.fm-kapanis{display:none}}
.mk-etiket.ok{color:#395984}