/* ==========================================================================
   Nitrify teması — site.css'in üstüne. Koyu varsayılan + açık mod, limon vurgu, Geist.
   Yapı (ızgara, aralık) site.css'ten gelir; renk, tipografi ve imza bölümler buradan.
   ========================================================================== */

[data-brand="nitrify"] {
  --nf-acc: #C4F23A; --nf-acc-ink: #0B1004; --nf-acc-soft: rgba(196, 242, 58, .12);
  --nf-r: 16px; --nf-r-sm: 10px;
  --nf-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nf-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* core.css bileşenleri (buton, input) aynı değişkenleri kullanır */
  --navy: var(--nf-ink); --orange: var(--nf-acc);
}
[data-brand="nitrify"][data-theme="dark"] {
  color-scheme: dark;
  --nf-bg: #0A0B0D; --nf-bg-2: #0E1013; --nf-surface: #121418; --nf-surface-2: #181B20;
  --nf-line: #22262D; --nf-line-2: #30353E;
  --nf-ink: #F2F4EE; --nf-ink-2: #AEB4A6; --nf-ink-3: #737A6C;
  --nf-acc-text: #C4F23A; --nf-grid: rgba(255, 255, 255, .045);
  --nf-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 48px -24px rgba(0, 0, 0, .6);
  --nf-glass: rgba(14, 16, 19, .72);
}
[data-brand="nitrify"][data-theme="light"] {
  color-scheme: light;
  --nf-bg: #F7F8F4; --nf-bg-2: #EFF1EA; --nf-surface: #FFFFFF; --nf-surface-2: #F3F4EF;
  --nf-line: #E2E5DB; --nf-line-2: #CFD3C6;
  --nf-ink: #11130E; --nf-ink-2: #474C41; --nf-ink-3: #767B6E;
  --nf-acc-text: #4D7C0F; --nf-grid: rgba(17, 19, 14, .055);
  --nf-shadow: 0 1px 2px rgba(17, 19, 14, .05), 0 24px 48px -28px rgba(17, 19, 14, .18);
  --nf-glass: rgba(247, 248, 244, .78);
}
[data-brand="nitrify"] .on-dark, [data-brand="nitrify"] .on-light { display: none; }
[data-brand="nitrify"][data-theme="dark"] .on-dark, [data-brand="nitrify"][data-theme="light"] .on-light { display: inline-block; }

/* ---------- Temel ---------- */
.nf, .nf .s-prose { font-family: var(--nf-font); }
.site.nf { background: var(--nf-bg); color: var(--nf-ink-2); font-size: 16px; -webkit-font-smoothing: antialiased; }
.nf h1, .nf h2, .nf h3, .nf h4 { font-family: var(--nf-font); color: var(--nf-ink); letter-spacing: -.035em; font-weight: 600; }
.nf h1 em, .nf h2 em, .nf h3 em { font-style: normal; color: var(--nf-acc-text); }
.nf a { color: inherit; }
.nf .muted, .nf .text-muted { color: var(--nf-ink-3) !important; }
.nf ::selection { background: var(--nf-acc); color: var(--nf-acc-ink); }
.nf .wrap { max-width: 1240px; }
.nf [data-lucide] { stroke-width: 1.75; }

.nf-kicker, .nf .s-kicker { display: inline-flex; align-items: center; gap: 10px; font: 500 12px/1 var(--nf-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--nf-ink-3); background: none; padding: 0; border: 0; }
.nf-kicker::before, .nf .s-kicker:not(.nf-pill)::before { content: ''; display: inline-block; width: 8px; height: 8px; margin: 0; border-radius: 2px; background: var(--nf-acc); box-shadow: 0 0 12px var(--nf-acc); }
.nf .s-kicker.nf-pill::before { content: none; }
.nf .s-hero h1 em { background: none; }
.nf-idx { font: 500 12px/1 var(--nf-mono); color: var(--nf-ink-3); letter-spacing: .04em; }
.nf-live { width: 7px; height: 7px; border-radius: 50%; background: var(--nf-acc); box-shadow: 0 0 0 3px var(--nf-acc-soft); animation: nf-pulse 2s ease-in-out infinite; flex-shrink: 0; }
@keyframes nf-pulse { 50% { box-shadow: 0 0 0 7px transparent; } }

.nf-grid { position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(var(--nf-grid) 1px, transparent 1px), linear-gradient(90deg, var(--nf-grid) 1px, transparent 1px);
  background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%); mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%); }
.nf-glow { position: absolute; left: 50%; top: -260px; width: 900px; height: 520px; transform: translateX(-50%); pointer-events: none;
  background: radial-gradient(closest-side, rgba(196, 242, 58, .22), transparent); filter: blur(10px); }
[data-theme="light"] .nf-glow { background: radial-gradient(closest-side, rgba(196, 242, 58, .45), transparent); }

/* ---------- Butonlar ---------- */
.nf .btn { font-family: var(--nf-font); border-radius: 999px; font-weight: 500; letter-spacing: -.01em; }
.nf .btn-primary { background: var(--nf-acc); color: var(--nf-acc-ink); border-color: transparent; box-shadow: 0 0 0 1px rgba(0, 0, 0, .04) inset, 0 8px 24px -10px rgba(196, 242, 58, .65); }
.nf .btn-primary:hover { background: #D2F75E; color: var(--nf-acc-ink); }
.nf .btn-outline, .nf .btn-ghost { background: transparent; color: var(--nf-ink); border: 1px solid var(--nf-line-2); }
.nf .btn-outline:hover, .nf .btn-ghost:hover { border-color: var(--nf-ink-3); background: var(--nf-surface-2); color: var(--nf-ink); }
.nf .btn-dark { background: var(--nf-ink); color: var(--nf-bg); border-color: transparent; }
.nf .btn-dark:hover { background: var(--nf-ink-2); color: var(--nf-bg); }
.nf .btn [data-lucide] { width: 17px; height: 17px; }

/* ---------- Üst şerit + header (yüzen kapsül) ---------- */
.nf-bar { display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--nf-bg-2); color: var(--nf-ink-2); border-bottom: 1px solid var(--nf-line); font: 13px var(--nf-font); }
.nf-bar a { color: var(--nf-acc-text); text-decoration: none; display: inline-flex; align-items: center; gap: 2px; }
.nf-bar a [data-lucide] { width: 14px; height: 14px; }
.nf .s-header.nf-header { position: sticky; top: 0; background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 14px 16px 0; }
.nf-header-in { max-width: 1240px; margin: 0 auto; height: 60px; display: flex; align-items: center; gap: 22px; padding: 0 10px 0 22px; border: 1px solid var(--nf-line); border-radius: 999px; background: var(--nf-glass); -webkit-backdrop-filter: saturate(1.4) blur(16px); backdrop-filter: saturate(1.4) blur(16px); transition: box-shadow .25s, border-color .25s; }
.nf-header.is-scrolled .nf-header-in { box-shadow: var(--nf-shadow); border-color: var(--nf-line-2); }
.nf .s-header.nf-header, .nf .s-header.nf-header.is-scrolled { box-shadow: none; border-bottom: 0; }
.nf-theme:focus { outline: none; }
.nf-theme:focus-visible { outline: 2px solid var(--nf-acc); outline-offset: 2px; }
.nf-logo img { height: 30px; width: auto; }
.nf .s-nav { margin: 0 auto; }
.nf .s-nav > .item > a, .nf .s-nav > .item > button { color: var(--nf-ink-2); font: 500 14.5px var(--nf-font); border-radius: 999px; padding: 8px 14px; }
.nf .s-nav > .item > a:hover, .nf .s-nav > .item > button:hover, .nf .s-nav > .item:focus-within > button { color: var(--nf-ink); background: var(--nf-surface-2); }
.nf .s-nav > .item.on > a, .nf .s-nav > .item.on > button { color: var(--nf-ink); }
.nf .s-nav > .item.on > a::after, .nf .s-nav > .item.on > button::after { left: 50%; right: auto; width: 5px; height: 5px; margin-left: -2px; bottom: 2px; border-radius: 50%; background: var(--nf-acc); }
.nf .s-nav > .item > button [data-lucide] { color: var(--nf-ink-3); }
.nf .s-nav > .item:hover > button [data-lucide] { color: var(--nf-ink); }
.nf .s-drop { top: calc(100% + 4px); background: var(--nf-surface); border: 1px solid var(--nf-line-2); border-radius: 18px; box-shadow: var(--nf-shadow); }
.nf .s-drop::before { top: -14px; height: 14px; }
.nf .s-drop a { color: var(--nf-ink-2); border-radius: 12px; }
.nf .s-drop a:hover, .nf .s-drop a[aria-current] { background: var(--nf-surface-2); color: var(--nf-ink); }
.nf .s-drop a .i { background: var(--nf-bg-2); border-color: var(--nf-line); color: var(--nf-ink-2); }
.nf .s-drop a:hover .i { background: var(--nf-acc); border-color: var(--nf-acc); color: var(--nf-acc-ink); }
.nf .s-drop a b { color: var(--nf-ink); font-weight: 600; }
.nf .s-drop a span { color: var(--nf-ink-3); }
.nf-actions { margin-left: 0; gap: 6px; }
.nf .s-actions .login { color: var(--nf-ink-2); border-radius: 999px; font-weight: 500; }
.nf .s-actions .login:hover { background: var(--nf-surface-2); color: var(--nf-ink); }
.nf-theme { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--nf-line); background: transparent; color: var(--nf-ink-2); display: grid; place-items: center; cursor: pointer; transition: color .15s, border-color .15s; }
.nf-theme:hover { color: var(--nf-ink); border-color: var(--nf-line-2); }
.nf-theme [data-lucide] { width: 17px; height: 17px; }
.nf-theme svg.on-dark, .nf-theme svg.on-light { display: none; }
[data-theme="dark"] .nf-theme svg.on-dark, [data-theme="light"] .nf-theme svg.on-light { display: block; }
.nf .s-menu-btn { border-color: var(--nf-line); background: transparent; color: var(--nf-ink); border-radius: 50%; }
.nf .s-mobile { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 20px; margin: 8px 0 0; }
.nf .s-mobile a, .nf .s-mobile summary { color: var(--nf-ink); }
.nf .s-mobile .sub a { color: var(--nf-ink-2); }

/* ---------- Hero ---------- */
.nf .s-hero.nf-hero { position: relative; overflow: hidden; background: var(--nf-bg); margin-top: -74px; padding: 150px 0 96px; }
.nf .s-hero.nf-hero::before { content: none; }
.nf-hero-in { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 48px; align-items: center; min-height: min(760px, calc(100vh - 140px)); }
.nf-hero-copy { position: relative; z-index: 2; max-width: 600px; }
.nf-pill { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px 0 12px; border: 1px solid var(--nf-line-2); border-radius: 999px; background: var(--nf-glass); font: 500 12px var(--nf-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--nf-ink-2); }
.nf-hero h1 { font-size: clamp(42px, 5.6vw, 82px); line-height: .98; letter-spacing: -.055em; margin: 24px 0 24px; font-weight: 600; }
.nf-hero .s-lead { font-size: 18.5px; line-height: 1.6; color: var(--nf-ink-2); max-width: 540px; margin: 0; }
.nf-hero .s-cta { margin: 32px 0 0; display: flex; gap: 10px; flex-wrap: wrap; }
.nf-hero .s-cta .btn { height: 52px; padding: 0 24px; font-size: 15.5px; }
.nf-hero .s-note { color: var(--nf-ink-3); font: 12.5px var(--nf-mono); margin-top: 18px; }
.nf-points { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 32px 0 0; padding: 20px 0 0; border-top: 1px solid var(--nf-line); list-style: none; }
.nf-points li { display: flex; align-items: center; gap: 10px; color: var(--nf-ink-2); font-size: 14.5px; }
.nf-points li span { font: 500 11px var(--nf-mono); color: var(--nf-acc-text); }
/* Sahne: ekran sağa taşar, 3B eğik durur; arkasında iki cam katman */
.nf .s-hero .nf-hero-shot { position: relative; margin: 0; perspective: 2200px; perspective-origin: 0 50%; }
.nf .s-hero .nf-hero-shot::before { content: ''; position: absolute; left: 0; top: 10%; width: 120%; height: 80%; background: radial-gradient(closest-side, rgba(196, 242, 58, .26), transparent); filter: blur(30px); z-index: 0; animation: none; transform: none; opacity: 1; }
.nf-tilt { position: relative; z-index: 1; width: 138%; transform: rotateY(-17deg) rotateX(6deg) rotateZ(1.5deg); transform-origin: 0 50%; transform-style: preserve-3d; will-change: transform; }
.nf-layer { position: absolute; inset: 0; border-radius: 18px; border: 1px solid var(--nf-line-2); background: var(--nf-glass); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.nf-layer-1 { transform: translate3d(46px, -38px, -90px); opacity: .7; }
.nf-layer-2 { transform: translate3d(92px, -76px, -180px); opacity: .4; }
.nf-slides { display: grid; }
.nf-slide { grid-area: 1 / 1; opacity: 0; transform: translate3d(60px, 0, -60px) scale(.97); filter: blur(6px); transition: opacity .7s ease, transform .9s cubic-bezier(.2, .7, .2, 1), filter .7s ease; pointer-events: none; }
.nf-slide.on { opacity: 1; transform: none; filter: none; pointer-events: auto; }
.nf-slide-nav { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.nf-slide-nav button { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--nf-line-2); background: var(--nf-glass); color: var(--nf-ink-3); font: 500 12.5px var(--nf-font); cursor: pointer; transition: color .2s, border-color .2s; }
.nf-slide-nav button i { width: 6px; height: 6px; border-radius: 50%; background: var(--nf-line-2); transition: background .2s; }
.nf-slide-nav button.on { color: var(--nf-ink); border-color: var(--nf-ink-3); }
.nf-slide-nav button.on i { background: var(--nf-acc); }
.nf-slide-nav button::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: var(--nf-acc); transform: scaleX(0); transform-origin: 0 50%; }
.nf-slide-nav button.on::after { animation: nf-progress var(--t, 4800ms) linear forwards; }
.nf-hero-shot.paused .nf-slide-nav button.on::after { animation-play-state: paused; }
@keyframes nf-progress { to { transform: scaleX(1); } }
.nf-hero-shot .nf-shot { position: relative; transform-origin: 0 50%; box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .55), 0 0 0 1px var(--nf-line-2); }.nf-badge { position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; background: var(--nf-glass); border: 1px solid var(--nf-line-2); border-radius: 14px; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: var(--nf-shadow); animation: nf-float 6s ease-in-out infinite; }
.nf-badge .i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--nf-acc); color: var(--nf-acc-ink); }
.nf-badge .i [data-lucide] { width: 18px; height: 18px; }
.nf-badge b { display: block; color: var(--nf-ink); font-size: 14px; font-weight: 600; }
.nf-badge small { display: block; color: var(--nf-ink-3); font-size: 12.5px; }
.nf-badge-1 { left: -40px; top: 12%; }
.nf-badge-2 { left: 26%; bottom: -4%; animation-delay: -2s; }
.nf-badge-3 { left: -16px; top: 56%; animation-delay: -4s; }
@keyframes nf-float { 50% { transform: translateY(-10px); } }

/* ---------- Ekran çerçevesi ---------- */
.nf .s-shot.nf-shot { background: var(--nf-surface); border: 1px solid var(--nf-line-2); border-radius: 18px; overflow: hidden; box-shadow: var(--nf-shadow); padding: 0; }
.nf-shot .bar { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 14px; background: var(--nf-bg-2); border-bottom: 1px solid var(--nf-line); }
.nf-shot .bar .dots { display: flex; gap: 6px; }
.nf-shot .bar .dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--nf-line-2); }
.nf-shot .bar .url { flex: 1; max-width: 360px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 6px; height: 26px; border-radius: 8px; background: var(--nf-surface-2); color: var(--nf-ink-3); font: 12px var(--nf-mono); }
.nf-shot .bar .url [data-lucide] { width: 12px; height: 12px; }
.nf-shot .bar .live { font: 500 10.5px var(--nf-mono); letter-spacing: .08em; color: var(--nf-acc-text); display: flex; align-items: center; gap: 6px; }
.nf-shot .bar .live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--nf-acc); }
.nf-shot img { display: block; width: 100%; height: auto; }
[data-theme="dark"] .nf-img-light, [data-theme="light"] .nf-img-dark { display: none !important; }

/* ---------- Sayfa başlığı ---------- */
.nf .s-pagehead.nf-pagehead { position: relative; overflow: hidden; background: var(--nf-bg); border-bottom: 1px solid var(--nf-line); margin-top: -74px; padding: 150px 0 72px; }
.nf-pagehead .wrap { position: relative; }
.nf-pagehead h1 { font-size: clamp(38px, 5.2vw, 68px); line-height: 1.02; letter-spacing: -.05em; margin: 18px 0 18px; }
.nf-pagehead p { font-size: 18px; color: var(--nf-ink-2); max-width: 640px; }
.nf-pagehead .s-cta { margin-top: 28px; display: flex; gap: 10px; flex-wrap: wrap; }
.nf .s-crumbs { font: 12.5px var(--nf-mono); color: var(--nf-ink-3); margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.nf .s-crumbs a { color: var(--nf-ink-2); text-decoration: none; }
.nf .s-crumbs a:hover { color: var(--nf-acc-text); }

/* ---------- Bölümler ---------- */
.nf .s-section { background: var(--nf-bg); position: relative; }
.nf .s-section.bg-soft { background: var(--nf-bg-2); border-top: 1px solid var(--nf-line); border-bottom: 1px solid var(--nf-line); }
.nf .s-section.bg-navy { background: var(--nf-surface); border-top: 1px solid var(--nf-line); border-bottom: 1px solid var(--nf-line); }
.nf .s-section.bg-navy h2, .nf .s-section.bg-navy h3 { color: var(--nf-ink); }
.nf .s-section.bg-navy p { color: var(--nf-ink-2); }
.nf .s-head.nf-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px 64px; align-items: end; max-width: none; margin-bottom: 48px; text-align: left; }
.nf .s-head.nf-head.center { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.nf .s-head.nf-head h2 { font-size: clamp(32px, 4.2vw, 54px); line-height: 1.04; letter-spacing: -.045em; margin: 16px 0 0; }
.nf .s-head.nf-head p { color: var(--nf-ink-2); font-size: 17px; margin: 0; max-width: 520px; }
.nf .s-head.nf-head > div:only-child { grid-column: 1 / -1; }

/* Bento kartlar */
.nf .nf-bento { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nf .nf-bento.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nf .nf-bento.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nf .nf-bento.lead > .nf-card:first-child { grid-column: span 2; }
.nf .nf-card, .nf .s-feat.nf-card { position: relative; background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: var(--nf-r); padding: 26px; box-shadow: none; transition: border-color .2s, transform .2s, background .2s; overflow: hidden; }
.nf .nf-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .25s; background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), var(--nf-acc-soft), transparent 60%); }
.nf .nf-card:hover { border-color: var(--nf-line-2); }
.nf .nf-card:hover::after { opacity: 1; }
.nf-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 36px; }
.nf .nf-card .fi { width: 40px; height: 40px; margin: 0; border-radius: 12px; display: grid; place-items: center; background: var(--nf-bg-2); border: 1px solid var(--nf-line); color: var(--nf-acc-text); }
.nf .nf-card .fi [data-lucide] { width: 19px; height: 19px; }
.nf .nf-card h3 { font-size: 19px; letter-spacing: -.025em; margin: 0 0 8px; }
.nf .nf-card p { color: var(--nf-ink-2); font-size: 15px; margin: 0; }
.nf .nf-card .more { display: inline-flex; align-items: center; gap: 4px; margin-top: 18px; color: var(--nf-acc-text); font-size: 14px; font-weight: 500; }
.nf .nf-bento.lead > .nf-card:first-child { background: linear-gradient(140deg, var(--nf-surface) 40%, var(--nf-acc-soft)); }
.nf .nf-bento.lead > .nf-card:first-child h3 { font-size: 26px; }

/* İstatistik */
.nf .nf-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0; border: 1px solid var(--nf-line); border-radius: var(--nf-r); overflow: hidden; background: var(--nf-surface); }
.nf .nf-stats > div { padding: 28px; border-right: 1px solid var(--nf-line); text-align: left; display: flex; flex-direction: column; gap: 6px; }
.nf .nf-stats > div:last-child { border-right: 0; }
.nf .nf-stats b { font: 600 clamp(36px, 4vw, 52px)/1 var(--nf-font); letter-spacing: -.05em; color: var(--nf-ink); margin-top: 14px; font-feature-settings: "tnum"; }
.nf .nf-stats span:not(.nf-idx) { color: var(--nf-ink-2); font-size: 14.5px; }

/* Adımlar: yatay zaman çizgisi */
.nf .nf-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 24px; counter-reset: none; position: relative; }
.nf .nf-steps::before { content: ''; position: absolute; left: 20px; right: 20px; top: 20px; height: 1px; background: linear-gradient(90deg, var(--nf-acc), var(--nf-line-2)); }
.nf .nf-step { position: relative; padding: 0; background: none; border: 0; box-shadow: none; }
.nf .nf-step::before, .nf .nf-step::after { display: none; }
.nf .nf-step .node { position: relative; z-index: 1; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--nf-bg); border: 1px solid var(--nf-line-2); font: 500 12px var(--nf-mono); color: var(--nf-ink); margin-bottom: 24px; }
.nf .nf-step:first-child .node { background: var(--nf-acc); color: var(--nf-acc-ink); border-color: var(--nf-acc); }
.nf .nf-step h3 { font-size: 19px; margin: 0 0 8px; }
.nf .nf-step p { color: var(--nf-ink-2); font-size: 15px; margin: 0; }

/* Görsel + metin */
.nf .nf-split h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.06; letter-spacing: -.045em; margin: 16px 0 18px; }
.nf .s-prose { color: var(--nf-ink-2); }
.nf .s-prose h2, .nf .s-prose h3, .nf .s-prose strong { color: var(--nf-ink); }
.nf .s-prose a { color: var(--nf-acc-text); }
/* İçerikteki alıntılar (Atatürk'ün sözleri): büyük, vurgu çizgili, kaynak mono */
.nf .s-prose blockquote { margin: 32px 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--nf-acc); }
.nf .s-prose blockquote p { margin: 0; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.35; letter-spacing: -.025em; color: var(--nf-ink); font-weight: 500; }
.nf .s-prose blockquote cite { display: block; margin-top: 10px; font: 500 12px var(--nf-mono); font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: var(--nf-acc-text); }
.nf-sub-quote { font-style: normal; }
.nf .nf-checks { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 0; border-top: 1px solid var(--nf-line); }
.nf .nf-checks li { display: flex; gap: 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--nf-line); color: var(--nf-ink); font-size: 15.5px; }
.nf .nf-checks .n { font: 500 11px var(--nf-mono); color: var(--nf-acc-text); }
.nf .s-link, .nf .nf-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 24px; color: var(--nf-ink); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--nf-acc); padding-bottom: 2px; }
.nf .s-link:hover { color: var(--nf-acc-text); }

/* Görselsiz vurgu paneli (split, görsel yoksa) */
.nf-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px 64px; align-items: center; padding: 48px; border-radius: 24px; border: 1px solid var(--nf-acc); background: radial-gradient(600px circle at 0% 0%, var(--nf-acc-soft), transparent 60%), var(--nf-surface); }
.nf-panel h2 { font-size: clamp(28px, 3.4vw, 44px); line-height: 1.06; letter-spacing: -.045em; margin: 16px 0 14px; }
.nf-panel .s-prose { margin-bottom: 26px; }
.nf-panel-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.nf-panel-list li { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: var(--nf-bg-2); border: 1px solid var(--nf-line); color: var(--nf-ink); font-weight: 500; }
.nf-panel-list .i { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--nf-acc); color: var(--nf-acc-ink); flex-shrink: 0; }
.nf-panel-list .i [data-lucide] { width: 16px; height: 16px; }

/* Satır listesi (page_links) */
.nf-rows { border-top: 1px solid var(--nf-line); }
.nf-row { display: grid; grid-template-columns: 48px minmax(180px, .9fr) minmax(0, 1.4fr) 40px; gap: 20px; align-items: center; padding: 22px 8px; border-bottom: 1px solid var(--nf-line); text-decoration: none; transition: background .15s, padding .2s; }
.nf-row b { color: var(--nf-ink); font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.nf-row .t { color: var(--nf-ink-3); font-size: 14.5px; }
.nf-row .go { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--nf-line-2); display: grid; place-items: center; color: var(--nf-ink-2); transition: all .2s; }
.nf-row .go [data-lucide] { width: 16px; height: 16px; }
.nf-row:hover { background: var(--nf-surface); padding-left: 16px; }
.nf-row:hover .go { background: var(--nf-acc); border-color: var(--nf-acc); color: var(--nf-acc-ink); }

/* Logo şeridi */
.nf .s-logos.nf-logos { background: var(--nf-bg); border-top: 1px solid var(--nf-line); border-bottom: 1px solid var(--nf-line); padding: 26px 0; }
.nf-logos .nf-kicker { margin: 0 0 16px; }
.nf-logos .lg { display: inline-flex; align-items: center; gap: 10px; color: var(--nf-ink-2); font: 500 15px var(--nf-font); white-space: nowrap; background: none; border: 0; box-shadow: none; padding: 0; }
.nf-logos .lg img { filter: grayscale(1); opacity: .8; }
.nf-logos .sep { color: var(--nf-line-2); margin: 0 22px; font-family: var(--nf-mono); }

/* Yorumlar */
.nf .s-quote { background: var(--nf-surface); border-color: var(--nf-line); border-radius: 20px; }
.nf .s-quote:hover { border-color: var(--nf-line-2); box-shadow: none; }
.nf .s-quote-top .stars i { color: var(--nf-line-2); }
.nf .s-quote-top .stars i.on { color: #F5B301; }
.nf .s-quote-top .src { background: var(--nf-bg-2); color: var(--nf-ink-2); border: 1px solid var(--nf-line); }
.nf .s-quote blockquote { color: var(--nf-ink); font-size: 16.5px; letter-spacing: -.01em; }
.nf .s-quote .who { border-top-color: var(--nf-line); }
.nf .s-quote .who .av { background: var(--nf-acc); color: var(--nf-acc-ink); }
.nf .s-quote .who .id b { color: var(--nf-ink); }
.nf .s-quote .who .id small, .nf .s-quote .who time { color: var(--nf-ink-3); }

/* CTA */
.nf .s-ctaband.nf-cta { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; padding: 88px 32px; border-radius: 28px; background: var(--nf-surface); border: 1px solid var(--nf-line); color: var(--nf-ink-2); }
.nf-cta .nf-glow { top: auto; bottom: -320px; }
.nf-cta .nf-grid { -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 100%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 100%, #000 20%, transparent 75%); }
.nf-cta > *:not(.nf-grid):not(.nf-glow) { position: relative; }
.nf-cta-icon { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--nf-acc); color: var(--nf-acc-ink); margin-bottom: 28px; box-shadow: 0 0 48px rgba(196, 242, 58, .45); }
.nf-cta-icon [data-lucide] { width: 26px; height: 26px; fill: currentColor; }
.nf .nf-cta h2 { font-size: clamp(34px, 5vw, 64px); line-height: 1.02; letter-spacing: -.05em; max-width: 860px; margin: 0; color: var(--nf-ink); }
.nf .nf-cta p { color: var(--nf-ink-2); font-size: 18px; max-width: 580px; margin: 18px 0 0; }
.nf .nf-cta .s-cta { margin-top: 34px; justify-content: center; display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- Ürün turu (yapışkan ekran) ---------- */
.nf-tour { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; }
.nf-tour-step { min-height: 62vh; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 24px 0 24px 24px; border-left: 1px solid var(--nf-line); opacity: .38; transition: opacity .35s, border-color .35s; }
.nf-tour-step.on { opacity: 1; border-left-color: var(--nf-acc); }
.nf-tour-label { font: 500 12px var(--nf-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--nf-acc-text); }
.nf-tour-step h3 { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.1; letter-spacing: -.04em; margin: 0; }
.nf-tour-step p { color: var(--nf-ink-2); font-size: 16.5px; margin: 0; max-width: 440px; }
.nf-tour-inline { display: none; margin-top: 16px; }
.nf-tour-sticky { position: sticky; top: 110px; }
.nf-tour-progress { height: 2px; background: var(--nf-line); border-radius: 2px; margin-bottom: 16px; overflow: hidden; }
.nf-tour-progress i { display: block; height: 100%; background: var(--nf-acc); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.nf-tour-frames { display: grid; }
.nf-tour-frame { grid-area: 1 / 1; opacity: 0; transform: translateY(16px) scale(.98); transition: opacity .5s, transform .6s cubic-bezier(.2, .7, .2, 1); pointer-events: none; }
.nf-tour-frame.on { opacity: 1; transform: none; pointer-events: auto; }

/* ---------- Demo sahneleri ---------- */
.nf-demos { display: grid; gap: 28px; }
.nf-demo { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 24px; overflow: hidden; transform-origin: 50% 100%; }
.nf-demo:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr); }
.nf-demo:nth-child(even) .cover { order: 2; border-right: 0; border-left: 1px solid var(--nf-line); }
.nf-demo .cover { position: relative; display: block; overflow: hidden; background: var(--nf-bg-2); border-right: 1px solid var(--nf-line); aspect-ratio: 16 / 10; }
.nf-demo .cover .bar { position: absolute; z-index: 1; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 12px; height: 38px; padding: 0 14px; background: var(--nf-glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--nf-line); }
.nf-demo .cover .dots { display: flex; gap: 6px; }
.nf-demo .cover .dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--nf-line-2); }
.nf-demo .cover .url { font: 12px var(--nf-mono); color: var(--nf-ink-3); }
.nf-demo .cover img { position: absolute; inset: 38px 0 0; width: 100%; height: calc(100% - 38px); object-fit: cover; object-position: top center; }
.nf-demo .cover .ph { position: absolute; inset: 0; display: grid; place-items: center; color: var(--nf-ink-3); }
.nf-demo .body { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 36px; }
.nf-demo h3 { font-size: clamp(26px, 2.8vw, 38px); letter-spacing: -.045em; margin: 14px 0 10px; }
.nf-demo h3 a { color: var(--nf-ink); text-decoration: none; }
.nf-demo p { color: var(--nf-ink-2); margin: 0; }
.nf-demo .btns { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- Paylaşılan bileşenlerin Nitrify boyası ---------- */
.nf .s-plan { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 20px; color: var(--nf-ink-2); box-shadow: none; }
.nf .s-plan h3 { color: var(--nf-ink); }
.nf .s-plan .for, .nf .s-plan .sub, .nf .s-plan .units { color: var(--nf-ink-3); }
.nf .s-plan .price b { color: var(--nf-ink); font-family: var(--nf-font); letter-spacing: -.04em; }
.nf .s-plans.ladder .spec { background: var(--nf-bg-2); border: 1px solid var(--nf-line); }
.nf .s-plans.ladder .spec b { color: var(--nf-ink); font-family: var(--nf-font); }
.nf .s-plans.ladder .spec span, .nf .s-plans.ladder .spec [data-lucide] { color: var(--nf-ink-3); }
.nf .s-plans.ladder .ld-head { color: var(--nf-ink-2); }
.nf .s-plans.ladder .ld li [data-lucide=plus] { color: var(--nf-acc-text); }
.nf .s-plans.ladder .s-plan.featured .spec { border-color: var(--nf-acc); }
.nf .s-plan .price span { color: var(--nf-ink-3); }
.nf .s-plan ul li { color: var(--nf-ink-2); border-color: var(--nf-line); }
.nf .s-plan ul [data-lucide] { color: var(--nf-acc-text); }
.nf .s-plan.featured { border-color: var(--nf-acc); box-shadow: 0 0 0 1px var(--nf-acc), 0 30px 60px -30px rgba(196, 242, 58, .35); background: linear-gradient(180deg, var(--nf-acc-soft), var(--nf-surface) 45%); }
.nf .s-plan .tag { background: var(--nf-acc); color: var(--nf-acc-ink); font-family: var(--nf-mono); }
.nf .s-billing { background: var(--nf-surface); border-color: var(--nf-line); }
.nf .s-billing button { color: var(--nf-ink-2); }
.nf .s-billing button.on { background: var(--nf-ink); color: var(--nf-bg); }
.nf .s-table, .nf .s-compare { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: var(--nf-r); }
.nf .s-table th { background: var(--nf-bg-2); color: var(--nf-ink); border-color: var(--nf-line); font-family: var(--nf-font); }
.nf .s-table td { color: var(--nf-ink-2); border-color: var(--nf-line); }
.nf .s-table tr:hover td { background: var(--nf-surface-2); }
.nf .s-table .yes { color: var(--nf-acc-text); }
.nf .s-table .no { color: var(--nf-ink-3); }
.nf .s-faq details { background: transparent; border: 0; border-bottom: 1px solid var(--nf-line); border-radius: 0; box-shadow: none; }
.nf .s-faq summary { color: var(--nf-ink); font-size: 17px; font-weight: 500; }
.nf .s-faq summary::after { color: var(--nf-acc-text); }
.nf .s-faq .a { color: var(--nf-ink-2); }
.nf .s-faq .s-head.nf-head { grid-template-columns: 1fr; }
.nf .s-formcard { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 20px; box-shadow: var(--nf-shadow); }
.nf .s-formcard h3 { color: var(--nf-ink); }
.nf .input, .nf .select, .nf .textarea, .nf input[type=text], .nf input[type=email], .nf input[type=tel], .nf input[type=password], .nf select, .nf textarea { background: var(--nf-bg-2); border: 1px solid var(--nf-line-2); color: var(--nf-ink); border-radius: 12px; }
.nf .input:focus, .nf .select:focus, .nf .textarea:focus, .nf input:focus, .nf select:focus, .nf textarea:focus { border-color: var(--nf-acc); box-shadow: 0 0 0 3px var(--nf-acc-soft); outline: 0; }
.nf .field label, .nf label { color: var(--nf-ink-2); }
.nf .s-contact-list .ci { background: var(--nf-bg-2); border: 1px solid var(--nf-line); color: var(--nf-acc-text); }
.nf .s-contact-list b { color: var(--nf-ink); }
.nf .s-contact-list a, .nf .s-contact-list span { color: var(--nf-ink-2); }
.nf .s-int { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 14px; box-shadow: none; }
.nf .s-int b { color: var(--nf-ink); }
.nf .s-int span { color: var(--nf-ink-3); }
.nf .s-int .plan { background: var(--nf-acc-soft); color: var(--nf-acc-text); }
.nf .s-int-cat h3 { color: var(--nf-ink-3); font: 500 12px var(--nf-mono); letter-spacing: .08em; text-transform: uppercase; }
.nf .s-cats button, .nf .s-tabbar button { background: transparent; border: 1px solid var(--nf-line-2); color: var(--nf-ink-2); border-radius: 999px; }
.nf .s-cats button.on, .nf .s-tabbar button.on { background: var(--nf-ink); color: var(--nf-bg); border-color: var(--nf-ink); }
.nf .s-tabpane h3 { color: var(--nf-ink); }
.nf .s-tabpane p { color: var(--nf-ink-2); }
.nf .s-demo { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 20px; overflow: hidden; box-shadow: none; }
.nf .s-demo .cover { background: var(--nf-bg-2); border-bottom: 1px solid var(--nf-line); }
.nf .s-demo .sector { background: var(--nf-glass); color: var(--nf-ink); border: 1px solid var(--nf-line-2); font-family: var(--nf-mono); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.nf .s-demo h3 a { color: var(--nf-ink); }
.nf .s-demo p { color: var(--nf-ink-2); }
.nf .s-demo-off { color: var(--nf-ink-3); }
.nf .nf-post { background: var(--nf-surface); border: 1px solid var(--nf-line); border-radius: 18px; overflow: hidden; text-decoration: none; transition: border-color .2s, transform .2s; }
.nf .nf-post:hover { border-color: var(--nf-line-2); transform: translateY(-2px); }
.nf .nf-post .cover { border: 0; border-bottom: 1px solid var(--nf-line); border-radius: 0; background: var(--nf-bg-2); }
.nf .nf-post .in { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.nf .nf-post .meta { margin: 0; gap: 14px; font: 12px var(--nf-mono); color: var(--nf-ink-3); }
.nf .nf-post .meta .cat { color: var(--nf-acc-text); font-weight: 500; text-transform: uppercase; letter-spacing: .06em; }
.nf .nf-post h3 { color: var(--nf-ink); font-size: 19px; font-weight: 600; letter-spacing: -.025em; margin: 12px 0 8px; }
.nf .nf-post:hover h3 { color: var(--nf-ink); }
.nf .nf-post p { color: var(--nf-ink-2); font-size: 15px; margin: 0; }
.nf .nf-post .go { margin-top: auto; padding-top: 18px; display: inline-flex; align-items: center; gap: 4px; color: var(--nf-acc-text); font-size: 14px; font-weight: 500; }
.nf .nf-post .go [data-lucide] { width: 15px; height: 15px; }
.nf .s-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.nf .s-head-row .s-head.nf-head { margin-bottom: 40px; grid-template-columns: 1fr; }
.nf .s-article-head h1 { color: var(--nf-ink); }
.nf .s-article-cover { border-radius: 20px; overflow: hidden; border: 1px solid var(--nf-line); }
.nf .s-change { background: var(--nf-surface); border-color: var(--nf-line); }
.nf .s-tags a, .nf .s-tags span { background: var(--nf-surface-2); color: var(--nf-ink-2); border-color: var(--nf-line); }
.nf .s-flash { background: var(--nf-acc-soft); color: var(--nf-ink); border-color: var(--nf-acc); }
.nf .pagination a, .nf .pagination span { background: var(--nf-surface); border-color: var(--nf-line); color: var(--nf-ink-2); }
.nf .s-consent-card { background: var(--nf-surface); border: 1px solid var(--nf-line-2); color: var(--nf-ink-2); box-shadow: var(--nf-shadow); }
.nf .s-consent-card b, .nf .s-consent-card h3 { color: var(--nf-ink); }
.nf .s-demo-detail, .nf .s-demo-cred { background: var(--nf-surface); border-color: var(--nf-line); color: var(--nf-ink-2); }
.nf [data-reveal] { will-change: opacity, transform; }

/* ---------- Footer ---------- */
.nf .s-footer.nf-footer { background: var(--nf-bg); color: var(--nf-ink-2); border-top: 1px solid var(--nf-line); padding: 72px 0 28px; overflow: hidden; }
.nf-foot-top { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr); gap: 48px; }
.nf-foot-brand img { height: 30px; width: auto; }
.nf-foot-brand p { color: var(--nf-ink-3); margin: 16px 0 20px; max-width: 320px; }
.nf-foot-contact { display: grid; gap: 8px; }
.nf-foot-contact a { display: inline-flex; align-items: center; gap: 8px; color: var(--nf-ink-2); text-decoration: none; font-size: 14.5px; }
.nf-foot-contact [data-lucide] { width: 15px; height: 15px; color: var(--nf-acc-text); }
.nf-foot-cols { display: grid; grid-template-columns: repeat(var(--fcols), minmax(0, 1fr)); gap: 32px; }
.nf-foot-cols h4 { font: 500 12px var(--nf-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--nf-ink-3); margin: 0 0 16px; }
.nf-foot-cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.nf-foot-cols a { color: var(--nf-ink-2); text-decoration: none; font-size: 14.5px; }
.nf-foot-cols a:hover { color: var(--nf-ink); }
.nf-quote { margin: 64px 0 0; padding-top: 40px; border-top: 1px solid var(--nf-line); text-align: center; }
.nf-quote { display: grid; justify-items: center; }
.nf-quote blockquote { grid-area: 1 / 1; margin: 0; max-width: 900px; font: 500 clamp(20px, 2.4vw, 30px)/1.3 var(--nf-font); letter-spacing: -.03em; color: var(--nf-ink); opacity: 0; transform: translateY(8px); transition: opacity .6s, transform .6s; }
.nf-quote blockquote.on { opacity: 1; transform: none; }
.nf-quote figcaption { grid-area: 2 / 1; }
.nf-quote figcaption { margin-top: 12px; font: 500 12px var(--nf-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--nf-acc-text); }
.nf-wordmark { font: 700 clamp(72px, 17vw, 240px)/.8 var(--nf-font); letter-spacing: -.07em; margin: 64px 0 28px; text-align: center; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px var(--nf-line-2); background: linear-gradient(180deg, var(--nf-surface-2), transparent 85%); -webkit-background-clip: text; background-clip: text; user-select: none; }
.nf-foot-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding-top: 22px; border-top: 1px solid var(--nf-line); font-size: 13.5px; color: var(--nf-ink-3); }
.nf-foot-bottom nav { display: flex; flex-wrap: wrap; gap: 18px; }
.nf-foot-bottom nav a { color: var(--nf-ink-3); text-decoration: none; }
.nf-foot-bottom nav a:hover { color: var(--nf-ink); }
.nf-by { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--nf-ink-3); text-decoration: none; font-size: 12.5px; }
.nf-by img { height: 26px; width: auto; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1080px) {
  .nf .s-nav { display: none; }
  .nf .s-menu-btn { display: grid; margin-left: 0; }
  .nf .s-actions .login { display: none; }
  .nf .nf-bento, .nf .nf-bento.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nf-hero-in { grid-template-columns: 1fr; min-height: 0; gap: 56px; }
  .nf-tilt { width: 112%; transform: rotateY(-10deg) rotateX(5deg); }
  .nf-tour { grid-template-columns: 1fr; }
  .nf-tour-stage { display: none; }
  .nf-tour-step { min-height: 0; opacity: 1; border-left-color: var(--nf-line); }
  .nf-tour-inline { display: block; }
  .nf-demo, .nf-demo:nth-child(even) { grid-template-columns: 1fr; }
  .nf-demo:nth-child(even) .cover { order: 0; border-left: 0; }
  .nf-demo .cover { border-right: 0; border-bottom: 1px solid var(--nf-line); }
  .nf-badge-1 { left: 8px; }
}
@media (max-width: 760px) {
  .nf .s-header.nf-header { padding: 10px 12px 0; }
  .nf-header-in { padding: 0 8px 0 16px; height: 56px; }
  .nf-actions .btn-primary { display: none; }
  .nf .s-hero.nf-hero { padding: 120px 0 64px; }
  .nf-tilt { width: 100%; transform: none; }
  .nf-layer { display: none; }
  .nf-hero .s-lead { font-size: 17px; }
  .nf-badge { display: none; }
  .nf .s-head.nf-head { grid-template-columns: 1fr; gap: 16px; }
  .nf .nf-bento, .nf .nf-bento.cols-2, .nf .nf-bento.cols-4 { grid-template-columns: 1fr; }
  .nf .nf-bento.lead > .nf-card:first-child { grid-column: auto; }
  .nf .nf-steps { grid-template-columns: 1fr; }
  .nf .nf-steps::before { left: 20px; right: auto; top: 20px; bottom: 20px; width: 1px; height: auto; background: linear-gradient(180deg, var(--nf-acc), var(--nf-line-2)); }
  .nf .nf-step { padding-left: 60px; }
  .nf .nf-step .node { position: absolute; left: 0; top: 0; }
  .nf .nf-stats > div { border-right: 0; border-bottom: 1px solid var(--nf-line); }
  .nf-panel { grid-template-columns: 1fr; padding: 28px; }
  .nf-row { grid-template-columns: 36px minmax(0, 1fr) 36px; }
  .nf-row .t { display: none; }
  .nf-foot-top { grid-template-columns: 1fr; }
  .nf-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nf-by { margin-left: 0; }
  .nf .s-pagehead.nf-pagehead { padding: 120px 0 48px; }
}

/* ---------- Mobil düzen (2026-10-13): sayfa taşmasın, başlık çubuğu ve başlıklar ekrana otursun ---------- */
@media (max-width: 1080px) {
  .nf-hero-in, .nf-tour { grid-template-columns: minmax(0, 1fr); }
  .nf-tour-steps, .nf-tour-step, .nf-tour-inline, .nf-hero-copy { min-width: 0; }
  .nf-tour-inline img, .nf-hero-shot img { max-width: 100%; height: auto; }
  .nf-actions { margin-left: auto; }
}
@media (max-width: 760px) {
  .nf-bar { justify-content: flex-start; text-align: left; font-size: 12px; line-height: 1.4; padding: 8px 16px; }
  .nf-bar a { white-space: nowrap; flex-shrink: 0; margin-left: auto; }
  .nf-header-in { gap: 10px; }
  .nf-hero h1 { font-size: clamp(36px, 10.5vw, 46px); line-height: 1.02; letter-spacing: -.045em; margin: 18px 0; }
  .nf-pagehead h1 { font-size: clamp(32px, 9.4vw, 42px); line-height: 1.06; letter-spacing: -.04em; overflow-wrap: anywhere; }
  .nf .s-head.nf-head h2, .nf .nf-cta h2 { font-size: clamp(28px, 8vw, 36px); }
  .nf .nf-split h2, .nf-panel h2 { font-size: clamp(26px, 7.4vw, 32px); }
  .nf .s-ctaband.nf-cta { padding: 56px 20px; border-radius: 20px; }
  .nf-panel { padding: 22px; }
  .nf .nf-card, .nf .s-feat.nf-card { padding: 20px; }
  .nf .s-consent-card { padding: 14px 14px 12px; }
  .nf .s-consent p { font-size: 12.5px; line-height: 1.5; }
  .nf .s-consent .anon { font-size: 11.5px; padding: 7px 9px; }
}

/* ---------------------------------------------------------------------------------------------------------------
   Ortak site bileşenleri (site.css) Nitrify teması değişkenleriyle: site.css açık zemine sabit renk kullanıyordu;
   koyu temada başlık alanı açık kalıp yazılar okunmuyordu (Yenilikler, Bilgi bankası, blog, SSS, formlar...).
   --------------------------------------------------------------------------------------------------------------- */
.nf .s-pagehead:not(.nf-pagehead) { background: var(--nf-bg); border-bottom-color: var(--nf-line); }
.nf .s-pagehead:not(.nf-pagehead)::before { background-image: linear-gradient(var(--nf-grid) 1px, transparent 1px), linear-gradient(90deg, var(--nf-grid) 1px, transparent 1px); }
.nf .s-pagehead:not(.nf-pagehead)::after { background: radial-gradient(circle, var(--nf-acc-soft), transparent 65%); }
.nf .s-pagehead p, .nf .s-head p { color: var(--nf-ink-2); }
.nf .s-crumbs, .nf .s-crumbs a, .nf .s-crumbs span { color: var(--nf-ink-3); }
.nf .s-prose { color: var(--nf-ink-2); }
.nf .s-prose a { color: var(--nf-acc-text); }
.nf .s-prose blockquote { color: var(--nf-ink); }
.nf .bg-soft { background: var(--nf-bg-2); }
.nf .s-change { border-top-color: var(--nf-line); }
.nf .s-change time { color: var(--nf-ink-3); }
.nf .s-faq details { border-color: var(--nf-line); }
.nf .s-faq summary { color: var(--nf-ink); }
.nf .s-faq summary::after { border-color: var(--nf-ink-3); }
.nf .s-faq .a { color: var(--nf-ink-2); }
.nf .s-cats a { border-color: var(--nf-line); color: var(--nf-ink-2); }
.nf .s-cats a.on, .nf .s-cats a:hover { background: var(--nf-ink); color: var(--nf-bg); border-color: var(--nf-ink); }
.nf .s-post .cover { background: var(--nf-surface-2); border-color: var(--nf-line); }
.nf .s-post .meta { color: var(--nf-ink-3); }
.nf .s-int { background: var(--nf-surface); border-color: var(--nf-line); }
.nf .s-int b { color: var(--nf-ink); }
.nf .s-int span, .nf .s-int-cat h3 { color: var(--nf-ink-3); }
.nf .s-formcard, .nf .s-demo-live { background: var(--nf-surface); border-color: var(--nf-line); }

/* Bilgi bankası */
.nf .kb-search { background: var(--nf-surface); border-color: var(--nf-line-2); box-shadow: var(--nf-shadow); }
.nf .kb-search > i { color: var(--nf-ink-3); }
.nf .kb-search input { color: var(--nf-ink); }
.nf .kb-search input::placeholder { color: var(--nf-ink-3); }
.nf .kb-suggest { background: var(--nf-surface); border-color: var(--nf-line); box-shadow: var(--nf-shadow); }
.nf .kb-suggest a { border-bottom-color: var(--nf-line); }
.nf .kb-suggest a:hover, .nf .kb-suggest a:focus { background: var(--nf-surface-2); }
.nf .kb-suggest a b, .nf .kb-cat b, .nf .kb-item b, .nf .kb-help b { color: var(--nf-ink); }
.nf .kb-suggest a span, .nf .kb-suggest p, .nf .kb-cat span, .nf .kb-item span, .nf .kb-help span, .nf .kb-empty p { color: var(--nf-ink-3); }
.nf .kb-cat, .nf .kb-item, .nf .kb-side { background: var(--nf-surface); border-color: var(--nf-line); }
.nf .kb-cat:hover, .nf .kb-item:hover { border-color: var(--nf-acc-text); box-shadow: none; }
.nf .kb-cat .ic, .nf .kb-item small { background: var(--nf-acc-soft); color: var(--nf-acc-text); }
.nf .kb-cat small, .nf .kb-back a, .nf .kb-side .all { color: var(--nf-acc-text); }
.nf .kb-empty, .nf .kb-help { background: var(--nf-surface-2); border-color: var(--nf-line); }
.nf .kb-article .lead { color: var(--nf-ink-2); }
.nf .kb-article .s-prose code, .nf .kb-article .s-prose th { background: var(--nf-surface-2); }
.nf .kb-article .s-prose th, .nf .kb-article .s-prose td { border-color: var(--nf-line); }
.nf .kb-shot { border-color: var(--nf-line); background: var(--nf-surface-2); }
.nf .kb-side > b, .nf .kb-updated { color: var(--nf-ink-3); }
.nf .kb-side a { color: var(--nf-ink-2); }
.nf .kb-side a:hover { background: var(--nf-surface-2); }
.nf .kb-side a.on { background: var(--nf-acc-soft); color: var(--nf-ink); }
[data-brand="nitrify"][data-theme="dark"] .nf .kb-article .s-prose .note { background: rgba(251, 146, 60, .1); border-color: rgba(251, 146, 60, .35); color: #FDBA74; }
.nf .kb-search:focus-within { border-color: var(--nf-acc-text); }

/* Açılır pencere */
.nf .s-popup-card { background: var(--nf-surface); border: 1px solid var(--nf-line); }
.nf .s-popup-art { background: var(--nf-bg); }
.nf .s-popup-visual { color: var(--nf-acc-ink); background: radial-gradient(110% 80% at 25% 15%, rgba(255, 255, 255, .45), transparent 55%), linear-gradient(155deg, var(--nf-acc), color-mix(in srgb, var(--nf-acc) 70%, #000)); }
.nf .s-popup-visual b { font-family: var(--nf-font); color: var(--nf-acc-ink); }
.nf .s-popup-visual .ring { border-color: color-mix(in srgb, var(--nf-acc-ink) 18%, transparent); }
.nf .s-popup-x { background: var(--nf-surface); color: var(--nf-ink); border: 1px solid var(--nf-line); }
.nf .s-popup-kicker, .nf .s-popup-note { color: var(--nf-ink-3); }
.nf .s-popup-body h2 { color: var(--nf-ink); font-family: var(--nf-font); }
.nf .s-popup-body p { color: var(--nf-ink-2); }
.nf .s-popup-code { background: var(--nf-bg-2); border-color: var(--nf-line-2); }
.nf .s-popup-code code { color: var(--nf-ink); font-family: var(--nf-font); }

/* Referanslar */
.nf .s-refs .s-ref { background: var(--nf-surface); border-color: var(--nf-line); color: var(--nf-ink-2); }
.nf .s-refs a.s-ref:hover { border-color: var(--nf-line-2); box-shadow: none; }
.nf .s-refs.logos .s-ref b, .nf .s-refs.cards .lg b, .nf .s-refs.cards .tx b { color: var(--nf-ink); }
.nf .s-refs.cards .tx small, .nf .s-refs.cards p { color: var(--nf-ink-3); }
.nf .s-refs.logos .s-ref img { filter: grayscale(1) contrast(.9); }
:root[data-theme="dark"] .nf .s-refs.logos .s-ref img { filter: grayscale(1) invert(1) brightness(1.6); }
.nf .s-refs.cards .lg .mono { background: var(--nf-acc); color: var(--nf-acc-ink); }