/* ==========================================================================
   MasaSuite v5 — "Karanlık Sohra" Multipage Bootstrap 5 Teması
   Qwen v3 efekt dili (aurora, glass, marquee, reveal) + Bootstrap 5.3 iskeleti
   ========================================================================== */

:root {
  --ink-950:#07080E; --ink-900:#0B0D14; --ink-850:#10131C; --ink-800:#151926;
  --ink-700:#1D2231; --ink-600:#262C3D;
  --muted:#8B93A7;
  --violet:#8B5CF6; --lilac:#C4B5FD; --sky:#5EA9FF; --cyan:#38BDF8;
  --mint:#4ADE80; --orange:#FF9147; --rose:#FB7185;
  --grad:linear-gradient(115deg,#D8CCFF 0%,#8B5CF6 40%,#38BDF8 100%);
  --grad-warm:linear-gradient(115deg,#FFC79A,#FF8A4C);
  --grad-ok:linear-gradient(115deg,#86EFAC,#35D07F);
  --glass:linear-gradient(168deg,rgba(255,255,255,.05),rgba(255,255,255,.015) 50%,rgba(255,255,255,.025));
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);

  --bs-body-bg:var(--ink-900);
  --bs-body-color:#E6E8EF;
  --bs-link-color:var(--lilac);
  --bs-link-hover-color:#fff;
  --bs-border-color:var(--line);
  --bs-border-radius:.75rem;
}

html { scroll-behavior:smooth; scroll-padding-top:84px; }
body { font-family:"Plus Jakarta Sans Variable","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--ink-900); color:#E6E8EF; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
::selection { background:rgba(139,92,246,.4); }

/* ---- Tipografi ---- */
.font-display { font-family:"Instrument Serif","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-style:italic; font-weight:400; letter-spacing:-.005em; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-weight:640; letter-spacing:-.03em; line-height:1.12; color:#F4F5F9; }
h1,.h1 { font-size:clamp(2.2rem,4.6vw,3.6rem); line-height:1.06; letter-spacing:-.04em; }
h2,.h2 { font-size:clamp(1.65rem,3vw,2.35rem); }
.display-serif { font-size:clamp(1.4rem,2.4vw,1.9rem); }
.lead { color:var(--muted); line-height:1.75; }
.body-s { font-size:.875rem; line-height:1.7; color:var(--muted); }
.eyebrow { display:inline-flex; align-items:center; gap:.45rem; font-size:.68rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--lilac); margin-bottom:.8rem; }
.eyebrow::before { content:""; width:1.4rem; height:1px; background:var(--grad); }
.grad-text { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.warm-text { background:var(--grad-warm); -webkit-background-clip:text; background-clip:text; color:transparent; }
.num { font-variant-numeric:tabular-nums; letter-spacing:-.025em; }

/* ---- Yüzeyler / kartlar ---- */
.glass-card { position:relative; background:var(--glass); border:1px solid var(--line);
  border-radius:1.15rem; transition:border-color .35s,box-shadow .35s,transform .35s; overflow:hidden; }
.glass-card:hover { border-color:rgba(139,92,246,.32); box-shadow:0 18px 50px -20px rgba(139,92,246,.25); transform:translateY(-3px); }
.gborder { position:relative; }
.gborder::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(135deg,rgba(139,92,246,.5),rgba(56,189,248,.14) 40%,rgba(255,255,255,.03) 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; }
.section-pad { padding:5rem 0; }
.section-pad-sm { padding:2.75rem 0; }
.section-ink { background:linear-gradient(180deg,var(--ink-900),var(--ink-950)); }
.section-850 { background:var(--ink-850); }
.section-line { border-top:1px solid var(--line); }
.chip { display:inline-flex; align-items:center; gap:.4rem; padding:.38rem .8rem; border-radius:100rem;
  border:1px solid var(--line); background:rgba(255,255,255,.03); font-size:.78rem; font-weight:600; color:#CBD2E0; }
.chip-v { border-color:rgba(139,92,246,.35); background:rgba(139,92,246,.1); color:var(--lilac); }
.chip-ok { border-color:rgba(74,222,128,.3); background:rgba(74,222,128,.08); color:#86EFAC; }
.chip-warm { border-color:rgba(255,145,71,.3); background:rgba(255,145,71,.08); color:#FFC79A; }

/* ---- Butonlar ---- */
.btn { font-weight:600; letter-spacing:-.01em; border-radius:.7rem; padding:.62rem 1.25rem; transition:.3s; }
.btn-lg { padding:.85rem 1.7rem; }
.btn-grad { border:0; color:#0B0D14; background:var(--grad); background-size:150% 150%; }
.btn-grad:hover { background-position:100% 0; color:#07080E; transform:translateY(-2px); box-shadow:0 14px 34px -12px rgba(139,92,246,.55); }
.btn-glass { border:1px solid var(--line-strong); color:#F4F5F9; background:rgba(255,255,255,.04); }
.btn-glass:hover { border-color:rgba(139,92,246,.5); background:rgba(139,92,246,.12); color:#fff; transform:translateY(-2px); }
.btn-ghost { color:var(--lilac); padding:.62rem .25rem; }
.btn-ghost:hover { color:#fff; }
.btn-warm { border:0; color:#241303; background:var(--grad-warm); }
.btn-warm:hover { color:#241303; filter:brightness(1.07); transform:translateY(-2px); box-shadow:0 14px 34px -12px rgba(255,138,76,.5); }

/* ---- Aurora & grain ---- */
.aurora { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.aurora .blob { position:absolute; border-radius:50%; filter:blur(90px); opacity:.5;
  animation:aur 26s ease-in-out infinite alternate; }
.aurora .b1 { width:44vw; height:44vw; left:-10vw; top:-12vw; background:radial-gradient(circle,#8B5CF6AA,transparent 65%); }
.aurora .b2 { width:38vw; height:38vw; right:-8vw; top:8vw; background:radial-gradient(circle,#38BDF877,transparent 65%); animation-delay:-8s; }
.aurora .b3 { width:30vw; height:30vw; left:32vw; bottom:-14vw; background:radial-gradient(circle,#FF914744,transparent 65%); animation-delay:-16s; }
@keyframes aur { 0%{transform:translate3d(0,0,0) scale(1)} 100%{transform:translate3d(3%,-3%,0) scale(1.09)} }
.grain::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; z-index:1; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E"); }

/* ---- Hero ---- */
.hero { position:relative; min-height:96vh; display:flex; align-items:center; overflow:hidden; }
.hero-media { position:absolute; inset:0; z-index:0; }
.hero-media img { width:100%; height:100%; object-fit:cover; opacity:.55; }
.hero-media::after { content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(7,8,14,.55) 0%,rgba(7,8,14,.35) 40%,var(--ink-900) 96%),
             radial-gradient(90% 70% at 20% 10%,rgba(139,92,246,.14),transparent 60%); }
.hero-inner { position:relative; z-index:2; padding:7.5rem 0 5.5rem; }
.page-hero { position:relative; overflow:hidden; background:var(--ink-950); }
.page-hero .hero-media img { opacity:.4; }

/* Yüzen glass kartlar */
.float-a { animation:floaty 7s ease-in-out infinite; }
.float-b { animation:floaty2 9s ease-in-out infinite; }
.float-c { animation:floaty 8s ease-in-out infinite 1.2s; }
@keyframes floaty { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-11px)} }
@keyframes floaty2 { 0%,100%{transform:translateY(0) rotate(-1.2deg)} 50%{transform:translateY(-15px) rotate(1.2deg)} }
.toast-demo { animation:tin .45s cubic-bezier(.2,.9,.2,1) both; }
@keyframes tin { from{opacity:0;transform:translateY(16px) scale(.95)} to{opacity:1;transform:none} }

/* ---- Marquee ---- */
.marquee { overflow:hidden; position:relative; -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.marquee-track { display:flex; gap:3.5rem; width:max-content; animation:marq 42s linear infinite; }
@keyframes marq { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---- Reveal animasyonları ---- */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1);
  transition-delay:var(--d,0s); }
.reveal.in { opacity:1; transform:none; }
.reveal-l { opacity:0; transform:translateX(-30px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1); transition-delay:var(--d,0s); }
.reveal-l.in { opacity:1; transform:none; }
.reveal-r { opacity:0; transform:translateX(30px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1); transition-delay:var(--d,0s); }
.reveal-r.in { opacity:1; transform:none; }

/* ---- İstatistik ---- */
.stat-tile { padding:1.6rem 1.4rem; }
.stat-num { font-size:clamp(1.9rem,3vw,2.6rem); font-weight:700; letter-spacing:-.04em; line-height:1; }
.stat-label { font-size:.8rem; color:var(--muted); font-weight:600; }

/* ---- Görsel çerçeveler ---- */
.img-frame { position:relative; border-radius:1.15rem; overflow:hidden; border:1px solid var(--line); }
.img-frame img { width:100%; display:block; transition:transform .8s cubic-bezier(.2,.9,.2,1); }
.img-frame:hover img { transform:scale(1.05); }
.img-frame .img-tag { position:absolute; left:1rem; bottom:1rem; z-index:2; }

/* ---- Navbar ---- */
.site-nav { background:transparent; transition:.4s; padding:.9rem 0; }
.site-nav .nav-link { color:#B9C0D0; font-weight:600; font-size:.92rem; padding:.45rem .85rem; border-radius:.5rem; }
.site-nav .nav-link:hover, .site-nav .nav-link:focus { color:#fff; }
.site-nav .nav-link.active { color:#fff; background:rgba(139,92,246,.14); }
.site-nav.scrolled { background:rgba(11,13,20,.82); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); padding:.55rem 0; }
.brand-mark { width:2.35rem; height:2.35rem; border-radius:.75rem; background:var(--grad); display:inline-flex;
  align-items:center; justify-content:center; color:#07080E; font-size:1.05rem; box-shadow:0 8px 24px -8px rgba(139,92,246,.6); }
.brand-mark-img { background:#fff; padding:.28rem; overflow:hidden; }
.brand-mark-img img { width:100%; height:100%; object-fit:contain; display:block; }
.brand-wordmark { height:1.45rem; width:auto; max-width:190px; object-fit:contain; }
.brand-name { font-weight:700; letter-spacing:-.02em; line-height:1.05; color:#fff; }
.brand-name small { display:block; font-size:.62rem; font-weight:600; color:var(--muted); letter-spacing:.14em; text-transform:uppercase; }
.announce-band { position:relative; z-index:3; background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(56,189,248,.16));
  border-bottom:1px solid var(--line); font-size:.8rem; font-weight:600; padding:.5rem 0; color:#DCDFF2; }
.announce-band a { color:#fff; font-weight:700; }

/* ---- Accordion (SSS) ---- */
.accordion-item { background:var(--glass); border:1px solid var(--line); border-radius:.9rem !important; margin-bottom:.75rem; overflow:hidden; }
.accordion-button { background:transparent; color:#F4F5F9; font-weight:600; box-shadow:none !important; padding:1.05rem 1.3rem; }
.accordion-button:not(.collapsed) { color:#fff; background:rgba(139,92,246,.1); }
.accordion-button::after { filter:invert(.8); }
.accordion-body { color:var(--muted); font-size:.92rem; line-height:1.75; }

/* ---- Fiyat kartları ---- */
.price-card { padding:2rem 1.75rem; }
.price-card .plan { font-weight:700; font-size:1.05rem; }
.price-card .amount { font-size:2.5rem; font-weight:700; letter-spacing:-.04em; }
.price-card ul { list-style:none; padding:0; margin:0; }
.price-card ul li { padding:.42rem 0; font-size:.9rem; color:#C6CCDA; display:flex; gap:.6rem; align-items:flex-start; }
.price-card ul li i { color:var(--cyan); margin-top:.15rem; }
.price-card.featured { background:linear-gradient(168deg,rgba(139,92,246,.16),rgba(56,189,248,.06) 60%,rgba(255,255,255,.02)); }

/* ---- Telefon maketi ---- */
.phone-mock { position:relative; max-width:19.5rem; margin:0 auto; border-radius:2.2rem; padding:.6rem;
  background:linear-gradient(160deg,#232941,#0E1117); border:1px solid var(--line-strong);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset; }
.phone-screen { border-radius:1.7rem; overflow:hidden; background:var(--ink-950); min-height:31rem; }
.phone-head { padding:1.1rem 1rem .9rem; border-bottom:1px solid var(--line); }
.phone-body { padding:.85rem 1rem; display:grid; gap:.75rem; max-height:24.5rem; overflow:hidden; }
.ph-logo { width:2.1rem; height:2.1rem; border-radius:.6rem; background:var(--grad-warm); display:inline-flex;
  align-items:center; justify-content:center; color:#241303; }
.phone-chips { display:flex; flex-wrap:wrap; gap:.35rem; }
.phone-chip { font-size:.58rem; font-weight:600; padding:.28rem .6rem; border-radius:100rem;
  border:1px solid var(--line); color:var(--muted); }
.phone-chip.on { border-color:rgba(139,92,246,.45); color:var(--lilac); background:rgba(139,92,246,.12); }
.phone-item { padding:.7rem .75rem; border-radius:.8rem; border:1px solid var(--line); background:rgba(255,255,255,.028); }
.pi-name { font-size:.8rem; font-weight:700; color:#F4F5F9; }
.pi-meta { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.35rem; }
.phone-tag { font-size:.56rem; font-weight:600; padding:.2rem .5rem; border-radius:100rem;
  border:1px solid var(--line); color:var(--muted); }
.phone-tag.green { color:#86EFAC; border-color:rgba(74,222,128,.35); }
.phone-tag.red { color:#FDA4AF; border-color:rgba(251,113,133,.35); }
.phone-tag.amber { color:#FFC79A; border-color:rgba(255,145,71,.35); }

/* ---- Akış noktaları / şema ---- */
.pulse-ring { position:relative; }
.pulse-ring::after { content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid rgba(139,92,246,.6);
  animation:ring 2.8s ease-out infinite; }
@keyframes ring { 0%{transform:scale(.6);opacity:.8} 100%{transform:scale(1.9);opacity:0} }
.flow-line { height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(56,189,248,.5),transparent); position:relative; }
.flow-dot { position:absolute; top:-3px; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px #38BDF8; }

/* ---- CTA bandı ---- */
.cta-band { position:relative; overflow:hidden; border-radius:1.4rem; border:1px solid rgba(139,92,246,.28); }
.cta-band .cta-media { position:absolute; inset:0; }
.cta-band .cta-media img { width:100%; height:100%; object-fit:cover; opacity:.3; }
.cta-band .cta-media::after { content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,rgba(7,8,14,.92) 30%,rgba(7,8,14,.6)); }

/* ---- Footer ---- */
.site-footer { background:var(--ink-950); border-top:1px solid var(--line); position:relative; overflow:hidden; }
.site-footer a { color:#AEB6C8; font-size:.9rem; }
.site-footer a:hover { color:#fff; }
.footer-col-title { font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#F4F5F9; margin-bottom:1rem; }
.footer-bottom { border-top:1px solid var(--line); font-size:.8rem; color:var(--muted); }

/* ---- Panel (demo arayüz) ---- */
.panel-shell { min-height:100vh; background:var(--ink-900); }
.panel-side { width:16.5rem; background:var(--ink-950); border-right:1px solid var(--line); min-height:100vh; }
.panel-side .nav-link { color:#9BA3B6; font-weight:600; font-size:.9rem; padding:.6rem .9rem; border-radius:.6rem; }
.panel-side .nav-link:hover { color:#fff; background:rgba(255,255,255,.05); }
.panel-side .nav-link.active { color:#fff; background:linear-gradient(115deg,rgba(139,92,246,.3),rgba(56,189,248,.14)); border:1px solid rgba(139,92,246,.35); }
.panel-topbar { background:rgba(255,255,255,.03); border-bottom:1px solid var(--line); }
.kpi { padding:1.35rem 1.3rem; }
.kpi .kpi-label { font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.kpi .kpi-value { font-size:1.75rem; font-weight:700; letter-spacing:-.03em; margin-top:.3rem; }
.kpi .kpi-delta { font-size:.75rem; font-weight:700; }
.delta-up { color:#4ADE80; } .delta-down { color:#FB7185; }
.table-panel { color:#D7DBE6; --bs-table-color:#D7DBE6; --bs-table-bg:transparent; }
.table-panel thead th { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; border-bottom:1px solid var(--line); }
.table-panel tbody td { border-color:var(--line); padding:.85rem .75rem; font-size:.88rem; vertical-align:middle; }
.avatar { width:2.1rem; height:2.1rem; border-radius:50%; background:var(--grad); color:#07080E; font-weight:800;
  display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; }
.status-dot { width:.5rem; height:.5rem; border-radius:50%; display:inline-block; }
.form-control, .form-select, .input-group-text { background:var(--ink-800) !important; border-color:var(--line-strong) !important; color:#E6E8EF !important; }
.form-control::placeholder { color:#6B7386; }
.form-control:focus, .form-select:focus { border-color:rgba(139,92,246,.6) !important; box-shadow:0 0 0 .2rem rgba(139,92,246,.15) !important; }
.form-label { font-size:.82rem; font-weight:700; color:#C6CCDA; }
.form-check-input:checked { background-color:#8B5CF6; border-color:#8B5CF6; }
.form-switch .form-check-input { background-color:var(--ink-600); }

/* ---- Yararlı ---- */
.divider-gr { height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent); }
.text-muted-2 { color:var(--muted) !important; }
.rounded-4 { border-radius:1.15rem; }
.capsule { border-radius:100rem; }
.link-arrow { color:var(--cyan); font-weight:600; font-size:.9rem; }
.link-arrow:hover { color:#fff; }
.min-vh-70 { min-height:70vh; }

@media (max-width: 991.98px) {
  .site-nav { background:rgba(11,13,20,.92); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
  .hero { min-height:88vh; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal,.reveal-l,.reveal-r { opacity:1; transform:none; transition:none; }
  .aurora .blob,.float-a,.float-b,.float-c,.marquee-track { animation:none; }
}
/* Dar ekran panel menüsü: yatay kaydırılır */
.panel-mobile-nav { display:flex; gap:.4rem; overflow-x:auto; scrollbar-width:none; }
.panel-mobile-nav::-webkit-scrollbar { display:none; }
.panel-mobile-nav .chip { flex:none; font-size:.8rem; white-space:nowrap; }

/* ---- Yasal sayfalar (K-49: KuryeFilom içerikleri, MasaSuite kabuğu) ---- */
.kc-legal-breadcrumb-bar { background:var(--ink-950); }
.kc-legal-document-card { background:var(--glass) !important; border:1px solid var(--line) !important; border-radius:1.15rem; color:#E6E8EF; }
.kc-legal-document-body .text-secondary { color:var(--muted) !important; }
.kc-legal-document-body h1, .kc-legal-document-body h2, .kc-legal-document-body h3 { color:#F4F5F9; }
.kc-legal-document-body strong { color:#DCDFF2; }
.kc-legal-document-body .table { --bs-table-bg:transparent; --bs-table-color:#E6E8EF; --bs-table-border-color:var(--line); }
.kc-status-badge { display:inline-block; padding:.2rem .6rem; border-radius:100rem; font-size:.7rem; font-weight:700;
  color:#86EFAC; border:1px solid rgba(74,222,128,.3); background:rgba(74,222,128,.08); }
.legal-nav a { display:flex; align-items:center; gap:.55rem; padding:.45rem .6rem; border-radius:.6rem; color:#CBD2E0; font-size:.88rem; text-decoration:none; }
.legal-nav a:hover { background:rgba(255,255,255,.04); color:#fff; }
.legal-nav a.active { background:rgba(139,92,246,.14); color:var(--lilac); }
@media print {
  .announce-band, .site-nav, .site-footer, .legal-aside { display:none !important; }
  body { background:#fff !important; color:#000 !important; }
  .kc-legal-document-card { background:#fff !important; border:0 !important; color:#000; }
  .kc-legal-document-body, .kc-legal-document-body .text-secondary, .kc-legal-document-body h1,
  .kc-legal-document-body h2, .kc-legal-document-body strong { color:#000 !important; }
}

/* ==========================================================================
   v6 — MasaSuite saha sitesi (SITE-KAPSAM 2. sürüm)
   ========================================================================== */

/* Logo (K-53): masaüstünde alt satırlı tam logo, dar ekranda alt satırsız */
.brand-logo img { height:40px; width:auto; display:block; }

/* Mobil: 16 px kenar boşluğu, yatay taşma yok (2.3) */
@media (max-width: 575.98px) {
  .container, .container-fluid { padding-left:1rem; padding-right:1rem; }
  .row.g-5, .row.gx-5, .row.g-lg-5 { --bs-gutter-x:1.25rem; }
  .row.g-4, .row.gx-4 { --bs-gutter-x:1rem; }
  h1, .h1 { font-size:clamp(1.9rem,8.4vw,2.4rem); }
}
html, body { max-width:100%; overflow-x:clip; }

/* Hero: metin fotoğraf üstüne binmez, kontrast korunur */
.hero-lead { color:#C9CFDC; font-size:1.08rem; line-height:1.75; max-width:36rem; }
.hero-trust { display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; font-size:.82rem; color:#B9C0D0; }
.hero-trust i { color:var(--mint); }

/* Paket rozetleri */
.chip-free { border-color:rgba(74,222,128,.3); background:rgba(74,222,128,.08); color:#86EFAC; }
.chip-plus { border-color:rgba(139,92,246,.4); background:rgba(139,92,246,.12); color:var(--lilac); }
.chip-pro { border-color:rgba(250,204,21,.35); background:rgba(250,204,21,.08); color:#FDE68A; }
.tag-onboarding { display:inline-flex; align-items:center; gap:.3rem; font-size:.68rem; font-weight:600; padding:.15rem .5rem;
  border-radius:100rem; border:1px solid var(--line-strong); color:#B9C0D0; background:rgba(255,255,255,.03); white-space:nowrap; }

/* Veri sayaçları (K-58) */
.stats-band .stat-num { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stats-band .stat-note { font-size:.75rem; color:var(--muted); }

/* Segmentli anahtar (Aylık/Yıllık, +KDV/KDV dahil) */
.seg { display:inline-flex; padding:.25rem; border-radius:100rem; border:1px solid var(--line-strong); background:rgba(255,255,255,.03); }
.seg input { position:absolute; opacity:0; pointer-events:none; }
.seg label { padding:.38rem .95rem; border-radius:100rem; font-size:.82rem; font-weight:600; color:#B9C0D0; cursor:pointer; margin:0; }
.seg input:checked + label { background:rgba(139,92,246,.22); color:#fff; }
.seg input:focus-visible + label { outline:2px solid var(--lilac); outline-offset:2px; }
/* Çoklu seçim (tedarikçi başvurusunda ürün grupları): .seg ile aynı dil, 44 px dokunma hedefi. */
.pick { display:flex; flex-wrap:wrap; gap:.5rem; }
.pick input { position:absolute; opacity:0; pointer-events:none; }
.pick label { display:inline-flex; align-items:center; min-height:44px; padding:.4rem 1rem; border-radius:100rem; border:1px solid var(--line-strong); background:rgba(255,255,255,.03); font-size:.85rem; font-weight:600; color:#B9C0D0; cursor:pointer; margin:0; }
.pick input:checked + label { background:rgba(139,92,246,.22); border-color:rgba(139,92,246,.5); color:#fff; }
.pick input:focus-visible + label { outline:2px solid var(--lilac); outline-offset:2px; }

/* Fiyat kartı ekleri */
.price-card .amount small { font-size:.9rem; font-weight:600; color:var(--muted); letter-spacing:0; }
.price-card .fine { font-size:.78rem; color:var(--muted); line-height:1.6; }
.price-card ul li .tag-onboarding { margin-left:.35rem; }

/* Karşılaştırma tablosu */
.matrix th, .matrix td { padding:.85rem .75rem; vertical-align:middle; }
.matrix tbody tr { border-top:1px solid var(--line); }
.matrix .yes { color:var(--mint); font-size:1.1rem; }
.matrix .no { color:#4B5266; }

/* Ürün bölümleri */
.product-section { scroll-margin-top:96px; }
.product-section + .product-section { border-top:1px solid var(--line); }
.product-num { font-size:.75rem; font-weight:700; letter-spacing:.14em; color:var(--muted); }

/* AI asistanı sohbet kartı (ses vurgusu) */
.chat-card { padding:1.1rem 1.15rem; max-width:22rem; }
.chat-bubble { border-radius:1rem; padding:.6rem .85rem; font-size:.84rem; line-height:1.5; }
.chat-bubble.me { background:rgba(139,92,246,.2); border:1px solid rgba(139,92,246,.35); color:#F4F5F9; margin-left:2rem; }
.chat-bubble.ai { background:rgba(255,255,255,.04); border:1px solid var(--line); color:#DCDFF2; margin-right:1.5rem; }
.voice-wave { display:inline-flex; align-items:center; gap:3px; height:1rem; }
.voice-wave span { width:3px; border-radius:2px; background:var(--grad); animation:wave 1.2s ease-in-out infinite; }
.voice-wave span:nth-child(1){height:40%} .voice-wave span:nth-child(2){height:90%;animation-delay:-.2s}
.voice-wave span:nth-child(3){height:60%;animation-delay:-.4s} .voice-wave span:nth-child(4){height:100%;animation-delay:-.6s}
.voice-wave span:nth-child(5){height:50%;animation-delay:-.8s}
@keyframes wave { 0%,100%{transform:scaleY(.5)} 50%{transform:scaleY(1)} }
.diff-line { font-family:"JetBrains Mono Variable",ui-monospace,monospace; font-size:.76rem; color:#C6CCDA; }
.diff-line .from { color:#FDA4AF; text-decoration:line-through; } .diff-line .to { color:#86EFAC; }

/* Adım listeleri */
.step-num { width:2.2rem; height:2.2rem; border-radius:.7rem; display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; color:#07080E; background:var(--grad); flex-shrink:0; }
.say-table td:first-child { color:#F4F5F9; font-weight:600; }
.say-table td { padding:.85rem .75rem; border-top:1px solid var(--line); font-size:.9rem; vertical-align:top; }

/* Çerez tercihi bandı */
.consent-bar { position:fixed; left:0; right:0; bottom:0; z-index:1080; padding:1rem 0;
  background:rgba(11,13,20,.96); backdrop-filter:blur(14px); border-top:1px solid var(--line-strong); }

/* Bilgi kutusu */
.note-box { border-left:3px solid var(--violet); background:rgba(139,92,246,.07); border-radius:.75rem; padding:1rem 1.15rem; }

@media (prefers-reduced-motion: reduce) {
  .voice-wave span { animation:none; }
}
.float-solid { background:rgba(16,19,28,.94); backdrop-filter:blur(12px); box-shadow:0 24px 60px -24px rgba(0,0,0,.8); }
.hero h1 { font-size:clamp(2.1rem,3.7vw,3.3rem); }
/* Hero sahnesi: telefon sağda, kartlar solda; fiyatların üstüne binmez */
.hero-stage { max-width:30rem; }
@media (min-width: 1200px) {
  .hero-stage { max-width:34rem; }
  .hero-stage .hero-phone { margin-left:auto; margin-right:0; max-width:18rem; }
  .hero-stage .hero-card { left:0; width:15.5rem; }
}
.qr-sample { width:78px; height:78px; }
.qr-sample svg { width:100%; height:100%; display:block; }
@media (max-width: 575.98px) {
  .hero-inner { padding:3.5rem 0 3rem; }
  .hero .btn-lg { width:100%; font-size:1rem; padding:.8rem 1rem; }
  .section-pad { padding:3.5rem 0; }
}

/* ---- Mekân rehberi (K-78) ---- */
.dir-tile { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.85rem 1rem; color:#E6E8EF; text-decoration:none; }
.dir-tile:hover { color:#fff; }
.dir-count { font-size:.8rem; color:var(--muted); }
.dir-venue { padding:1rem 1.15rem; }
.dir-venue:hover { transform:none; }
.dir-venue-name { font-size:1.02rem; letter-spacing:-.01em; margin:0 0 .2rem; }
.dir-venue-name a { color:#F4F5F9; text-decoration:none; }
.dir-venue-name a:hover { color:var(--lilac); }
.dir-meta { font-size:.82rem; color:var(--lilac); }
.dir-addr { font-size:.85rem; color:var(--muted); }
.dir-pager { display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; }
.dir-pager .chip { text-decoration:none; }
.dir-search .form-label { color:var(--muted); }