/* =========================================================================
   Platform sayfaları — Memory, Studio, Gate, Loop, Enterprise
   1. Tema  2. Hero  3. Yörünge (platform-orbit)  4. Paneller
   5. Memory  6. Studio  7. Gate  8. Loop  9. Enterprise  10. CTA  11. Duyarlı
   ========================================================================= */

/* 1. Tema --------------------------------------------------------------- */
.pf-page { --kicker: var(--accent); }
.pf-memory { --accent: var(--c-memory); }
.pf-studio { --accent: var(--c-studio); --kicker: var(--gold-600); }
.pf-gate { --accent: var(--c-gate); --kicker: var(--ink); }
.pf-loop { --accent: var(--c-loop); }
.pf-enterprise { --accent: var(--c-enterprise); --kicker: #3CCFB4; }
.pf-grow { flex: 1; }

/* 2. Hero --------------------------------------------------------------- */
.pf-hero {
  position: relative; overflow: hidden; isolation: isolate;
  padding: clamp(32px, 4.5vw, 60px) 0 clamp(36px, 4vw, 52px);
  background:
    radial-gradient(40% 58% at 77% 46%, rgba(255, 237, 208, .62) 0%, rgba(255, 246, 232, .25) 45%, transparent 72%),
    linear-gradient(180deg, #FAFBFD 0%, #FFFFFF 100%);
}
.pf-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 40px; align-items: center; }
.pf-kicker { color: var(--kicker); margin-bottom: 10px; font-weight: 700; letter-spacing: .12em; }
.pf-hero-h1 { font-size: clamp(2.1rem, 3.6vw, 3.3rem); line-height: 1.13; letter-spacing: -.02em; }
.pf-module { display: block; font-size: clamp(2rem, 3.2vw, 2.9rem); font-weight: 800; letter-spacing: -.01em; line-height: 1; color: var(--accent); margin-bottom: clamp(20px, 2.4vw, 30px); }
.pf-hero-title { display: block; }
.pf-hero-title em, .pf-hero-lead em { font-style: normal; color: var(--accent); }
.pf-hero-lead { margin-top: clamp(18px, 2vw, 24px); max-width: 560px; color: var(--ink-2); font-size: clamp(.98rem, 1.12vw, 1.0625rem); line-height: 1.75; }
.pf-hero-lead p + p { margin-top: 2px; }
.pf-hero-lead strong { color: var(--ink); font-weight: 700; }
.pf-hero-copy .btn-row { margin-top: clamp(24px, 2.6vw, 34px); }
.pf-hero-copy .trust-row { gap: 12px 26px; margin-top: clamp(28px, 3vw, 40px); }
.pf-hero-copy .trust-row li { font-size: 13px; }
.pf-hero-copy .trust-row li:first-child .ic { color: var(--accent); }
.pf-hero-visual { position: relative; padding-inline: clamp(0px, 1.5vw, 20px); }
@media (min-width: 1181px) {
  /* Tasarımdaki gibi tek satır; sağdaki diyagramın boş alt köşesine taşabilir */
  .pf-hero-copy .trust-row { flex-wrap: nowrap; width: max-content; position: relative; z-index: 1; }
}

/* 3. Yörünge diyagramı (src/partials/platform-orbit.html) -------------- */
.pf-orbit { position: relative; container-type: inline-size; width: 100%; max-width: 620px; margin-inline: auto; aspect-ratio: 620 / 500; color: var(--ink); }
.pf-orbit-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; color: #D48C2F; }
.pf-ring { fill: none; stroke: rgba(212, 140, 47, .38); stroke-width: 1; stroke-dasharray: 1.5 5; stroke-linecap: round; }
.pf-ring-2 { stroke: rgba(212, 140, 47, .22); }
.pf-ring-out { display: none; }
.pf-orbit-dots { fill: #E0A152; }
.pf-orbit-sparks { fill: #E6A553; opacity: .75; }
.pf-orbit-arcs path { stroke-dasharray: 150; stroke-dashoffset: 0; transition: stroke-dashoffset 1.2s var(--ease) .35s; }
.js .pf-hero-visual:not(.is-in) .pf-orbit-arcs path { stroke-dashoffset: 150; }

.pf-orbit-core { position: absolute; left: 50%; top: 52.4%; width: 30.6%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.pf-orbit-star { width: 100%; height: auto; filter: drop-shadow(0 10px 18px rgba(176, 116, 38, .35)); animation: pf-breathe 7s ease-in-out infinite; }
@keyframes pf-breathe { 50% { transform: scale(1.035) rotate(2deg); } }
.pf-orbit-name { display: none; }

.pf-node {
  --c: var(--gold);
  position: absolute; width: 13.4%; aspect-ratio: 1; transform: translate(-50%, -50%);
  display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--c);
  box-shadow: 0 12px 28px -14px rgba(14, 26, 47, .3), 0 0 0 1px rgba(14, 26, 47, .05);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.pf-node:hover { transform: translate(-50%, -50%) scale(1.07); }
.pf-node-ic { display: grid; place-items: center; }
.pf-node-ic .ic { width: max(18px, 5.8cqi); height: max(18px, 5.8cqi); stroke-width: 1.6; }
.pf-node-memory { --c: #D2862B; left: 50%; top: 17.2%; }
.pf-node-studio { --c: #6A3BDB; left: 78.39%; top: 52.4%; }
.pf-node-gate { --c: var(--orange); left: 50%; top: 87.6%; }
.pf-node-loop { --c: var(--c-loop); left: 21.61%; top: 52.4%; }
.pf-node-txt { position: absolute; display: flex; flex-direction: column; white-space: nowrap; line-height: 1.25; color: var(--ink); }
.pf-node-txt small { font-size: max(8.5px, 1.8cqi); font-weight: 600; letter-spacing: .06em; }
.pf-node-txt b { font-size: max(11.5px, 2.7cqi); font-weight: 700; letter-spacing: .01em; transition: color .2s; }
.pf-node-memory .pf-node-txt, .pf-node-gate .pf-node-txt { bottom: calc(100% + max(5px, 1.3cqi)); left: 50%; transform: translateX(-50%); align-items: center; text-align: center; }
.pf-node-studio .pf-node-txt { left: calc(100% + max(8px, 2.4cqi)); top: 50%; transform: translateY(-50%); }
.pf-node-loop .pf-node-txt { right: calc(100% + max(8px, 2.4cqi)); top: 50%; transform: translateY(-50%); align-items: flex-end; text-align: right; }
.pf-node:hover b { color: var(--c); }

/* Aktif modül */
.pf-orbit[data-active="memory"] .pf-node-memory,
.pf-orbit[data-active="studio"] .pf-node-studio,
.pf-orbit[data-active="gate"] .pf-node-gate,
.pf-orbit[data-active="loop"] .pf-node-loop {
  box-shadow:
    0 0 0 1.5px color-mix(in srgb, var(--c) 50%, #fff),
    0 0 0 max(6px, 1.7cqi) color-mix(in srgb, var(--c) 11%, transparent),
    0 18px 36px -12px color-mix(in srgb, var(--c) 60%, transparent);
}
.pf-orbit[data-active="memory"] .pf-node-memory b,
.pf-orbit[data-active="studio"] .pf-node-studio b,
.pf-orbit[data-active="gate"] .pf-node-gate b,
.pf-orbit[data-active="loop"] .pf-node-loop b { color: var(--c); }
.pf-orbit[data-active="memory"] .pf-orbit-arcs { marker-start: none; }

/* Koyu varyant (Enterprise) */
.pf-orbit[data-active="enterprise"] .pf-orbit-svg { color: var(--c-enterprise); }
.pf-orbit[data-active="enterprise"] .pf-orbit-glow { opacity: .14; }
.pf-orbit[data-active="enterprise"] .pf-ring { stroke: rgba(227, 163, 59, .42); }
.pf-orbit[data-active="enterprise"] .pf-ring-out { display: block; stroke: rgba(227, 163, 59, .3); }
.pf-orbit[data-active="enterprise"] .pf-orbit-sparks,
.pf-orbit[data-active="enterprise"] .pf-orbit-dots circle:nth-child(n+5) { display: none; }
.pf-orbit[data-active="enterprise"] .pf-node {
  background: radial-gradient(circle at 50% 30%, #13254A, #0B1830);
  box-shadow: 0 0 0 1px rgba(227, 163, 59, .6), 0 0 26px -6px rgba(227, 163, 59, .45);
}
.pf-orbit[data-active="enterprise"] .pf-node-memory,
.pf-orbit[data-active="enterprise"] .pf-node-gate { --c: var(--c-enterprise); }
.pf-orbit[data-active="enterprise"] .pf-node-studio { --c: #A98BFF; }
.pf-orbit[data-active="enterprise"] .pf-node-loop { --c: #2FD4C0; }
.pf-orbit[data-active="enterprise"] .pf-node-txt { color: #fff; }
.pf-orbit[data-active="enterprise"] .pf-orbit-core { width: 22%; top: 47%; }
.pf-orbit[data-active="enterprise"] .pf-orbit-name { display: block; position: relative; margin-top: max(4px, 1cqi); padding: 0 .5em; border-radius: 4px; background: #0D1C3A; font-size: max(12px, 3.1cqi); font-weight: 700; letter-spacing: .06em; color: #fff; }

/* 4. Paneller ----------------------------------------------------------- */
.pf-stack { display: flex; flex-direction: column; gap: 16px; padding-bottom: clamp(48px, 6vw, 80px); }
.pf-panel {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: clamp(24px, 3.2vw, 44px);
  box-shadow: 0 1px 2px rgba(14, 26, 47, .03), 0 22px 44px -40px rgba(14, 26, 47, .3);
}
.pf-plain { padding-block: clamp(20px, 2.6vw, 32px); }
.pf-h2 { font-size: clamp(1.4rem, 2.1vw, 1.8rem); letter-spacing: -.022em; line-height: 1.22; }
.pf-head { text-align: center; max-width: 780px; margin: 0 auto clamp(24px, 3vw, 36px); }
.pf-head p { margin-top: 10px; font-size: 15px; color: var(--text); }
.pf-intro .pf-h2 { margin-bottom: 16px; font-size: clamp(1.25rem, 1.65vw, 1.5rem); line-height: 1.28; }
.pf-intro p { font-size: 14.5px; line-height: 1.7; color: var(--text); }
.pf-intro p + p { margin-top: 4px; }
.pf-spark { display: block; width: 16px; height: 16px; margin: 12px auto 0; }
.pf-xscroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }

/* Ortak: yumuşak ikon dairesi */
.pf-ic-soft {
  --c: var(--gold);
  display: grid; place-items: center; width: 52px; height: 52px; flex: none; border-radius: 50%;
  color: var(--c); background: #fff; box-shadow: 0 0 0 1px var(--line-2), 0 8px 18px -10px rgba(14, 26, 47, .28);
}
.pf-ic-soft .ic { width: 26px; height: 26px; stroke-width: 1.6; }

/* Ortak: adım akışları (base .steps üzerine) */
.pf-steps .icon-ring { --c: var(--accent); background: #fff; border-color: var(--line); box-shadow: 0 10px 22px -14px rgba(14, 26, 47, .35); }
.pf-steps .step-title { color: var(--accent); font-size: 12.5px; letter-spacing: .01em; }
.pf-steps .step p { font-size: 12.5px; }
.pf-steps.is-ink .step-title { color: var(--ink); }

/* Ortak: UI maket ayarları */
.pf-app { box-shadow: var(--shadow); border-radius: 16px; }
.pf-app .app-top { padding: 14px 20px; }
.pf-app .app-top-title { font-size: 14px; }
.pf-app .app-btn .ic { width: 13px; height: 13px; }
.pf-app .app-btn-ink { background: var(--ink); color: #fff; }
.pf-av {
  --c: var(--c-voice);
  display: grid; place-items: center; width: 24px; height: 24px; flex: none; border-radius: 50%;
  background: var(--c); color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .02em; border: 2px solid #fff;
}
.pf-avs { display: flex; }
.pf-avs .pf-av + .pf-av { margin-left: -7px; }
.pf-ui-btn { display: flex; align-items: center; justify-content: center; height: 38px; border-radius: 8px; background: var(--ink); color: #fff; font-weight: 600; font-size: 12.5px; }
.pf-ui-btn.is-ghost { background: #fff; color: var(--ink); border: 1px solid var(--line-strong); }

/* 5. Memory ------------------------------------------------------------- */
.pf-mem-grid { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); gap: clamp(20px, 2.6vw, 32px); align-items: stretch; }
.pf-src-list { display: flex; flex-direction: column; gap: 12px; }
.pf-src {
  flex: 1; display: flex; align-items: center; gap: 16px; padding: 16px 18px;
  border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-xs);
  transition: border-color .2s, box-shadow .2s;
}
.pf-src:hover { border-color: var(--line-strong); box-shadow: var(--shadow-sm); }
.pf-src h3 { font-size: 15px; margin-bottom: 4px; letter-spacing: -.01em; }
.pf-src p { font-size: 13px; line-height: 1.5; color: var(--muted); }

.pf-bm { display: flex; flex-direction: column; }
.pf-bm .app-body { flex: 1; }
.pf-bm .app-side { padding-top: 16px; gap: 6px; }
.pf-bm-main { padding: 0 18px 18px; }
.pf-graph { position: relative; flex: none; height: clamp(290px, 26vw, 340px); margin-bottom: 8px; }
.pf-graph-ring { position: absolute; left: 50%; top: 48%; height: var(--s); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 1px dashed #E1E4EB; }
.pf-graph-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.pf-graph-lines line { stroke: #DADFE7; stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.pf-gnode {
  --c: var(--gold);
  position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -15px);
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  font-size: 11.5px; font-weight: 700; color: var(--ink); white-space: nowrap; line-height: 1.2;
}
.pf-gdot { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--c); color: #fff; box-shadow: 0 0 0 8px #fff, 0 0 0 9px var(--line-2), 0 12px 24px -8px rgba(14, 26, 47, .3); }
.pf-gdot .ic { width: 15px; height: 15px; stroke-width: 2; }
.pf-gcore { transform: translate(-50%, -29px); gap: 18px; letter-spacing: .03em; font-size: 12px; }
.pf-gcore .pf-gdot { width: 58px; height: 58px; background: var(--grad-gold); box-shadow: 0 0 0 10px rgba(255, 255, 255, .92), 0 0 0 11px var(--gold-100), 0 16px 32px -10px rgba(176, 116, 38, .65); }
.pf-gcore .pf-gdot .ic { width: 26px; height: 26px; stroke-width: 1.7; }
.pf-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 12px; padding: 14px 0; }
.pf-stats > div { padding: 0 18px; }
.pf-stats > div + div { border-left: 1px solid var(--line); }
.pf-stats dt, .pf-kpis dt { font-size: 11px; color: var(--muted); }
.pf-stats dd, .pf-kpis dd { font-size: 18px; font-weight: 700; color: var(--ink); margin-top: 4px; letter-spacing: -.01em; }
.pf-stats .is-good, .pf-kpis .is-good { color: var(--green); }

.pf-teach { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); gap: clamp(20px, 3vw, 44px); align-items: center; }
/* Not: [role="list"] eki, base.css'teki ul/ol[role="list"] { padding: 0 } sıfırlamasını ezmek için */
.pf-trio[role="list"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; padding: clamp(22px, 2.6vw, 32px); border: 1px solid var(--line); border-radius: 14px; }
.pf-trio li { --c: var(--gold); position: relative; display: flex; gap: 14px; align-items: flex-start; }
.pf-trio li:not(:last-child)::after {
  content: ""; position: absolute; right: -38px; top: 30px; width: 24px; height: 12px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='%23D38B2E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h21M17 1.5 22 6l-5 4.5'/%3E%3C/svg%3E");
}
.pf-trio-ic { color: var(--c); flex: none; }
.pf-trio-ic .ic { width: 36px; height: 36px; stroke-width: 1.45; }
.pf-trio h3 { font-size: 13px; font-weight: 800; letter-spacing: .02em; margin: 6px 0; }
.pf-trio p { font-size: 12.5px; color: var(--muted); line-height: 1.55; }
.pf-tagline { text-align: center; margin-top: clamp(28px, 3vw, 40px); font-size: clamp(1.05rem, 1.4vw, 1.25rem); font-weight: 600; color: var(--ink); letter-spacing: -.01em; }
.pf-brief { border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: #fff; box-shadow: var(--shadow); font-size: 12px; }
.pf-brief-title { font-weight: 700; color: var(--ink); font-size: 13px; margin-bottom: 14px; }
.pf-brief dl { display: flex; flex-direction: column; gap: 10px; }
.pf-brief dl > div { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 10px; }
.pf-brief dt { font-size: 11px; color: var(--muted); font-weight: 600; }
.pf-brief dd { height: 34px; line-height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-brief .pf-ui-btn { margin-top: 16px; }

.pf-int { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: clamp(20px, 3vw, 44px); align-items: center; }
.pf-int .pf-head { margin-bottom: 24px; }
.pf-tiles[role="list"] { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px 8px; padding: 20px 14px; border: 1px solid var(--line); border-radius: 14px; }
.pf-tiles li { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; font-size: 12px; font-weight: 600; color: var(--ink); line-height: 1.3; }
.pf-tile-ic { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 12px; border: 1px solid var(--line); background: #fff; color: var(--ink); box-shadow: var(--shadow-xs); }
.pf-tile-ic .ic { width: 24px; height: 24px; stroke-width: 1.6; }
.pf-tile-ic .brand { width: 24px; height: 24px; }
.pf-note { padding: 30px 26px; border-radius: 14px; background: var(--bg-soft); text-align: center; }
.pf-note > .ic { width: 36px; height: 36px; margin: 0 auto 14px; color: var(--ink); stroke-width: 1.5; }
.pf-note h3 { font-size: 15px; margin-bottom: 10px; }
.pf-note p { font-size: 13px; line-height: 1.8; color: var(--text); }

/* 6. Studio ------------------------------------------------------------- */
.pf-flow-panel { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); align-items: center; }

.pf-motors { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.pf-motor {
  --c: var(--gold);
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 22px 14px 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
}
.pf-motor:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--c) 28%, var(--line)); }
.pf-motor-ic { display: grid; place-items: center; width: 50px; height: 50px; color: var(--c); margin-bottom: 12px; }
.pf-motor-ic .ic { width: 42px; height: 42px; stroke-width: 1.4; }
.pf-motor-ic.is-filled { border-radius: 50%; background: var(--c); color: #fff; box-shadow: 0 10px 22px -10px var(--c); }
.pf-motor-ic.is-filled .ic { width: 26px; height: 26px; stroke-width: 1.9; }
.pf-motor h3 { font-size: 17px; letter-spacing: .01em; }
.pf-motor-role { font-size: 12.5px; font-weight: 600; color: var(--c); margin-top: 4px; }
.pf-motor-desc { font-size: 12.5px; line-height: 1.55; color: var(--text); margin-top: 8px; }
.pf-motor-box { width: 100%; margin-top: 16px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; text-align: left; background: #fff; box-shadow: var(--shadow-xs); }
.pf-motor-box-head { display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 700; color: var(--ink); padding: 2px 2px 9px; }
.pf-motor-box-head .ic { width: 13px; height: 13px; color: var(--muted); }
.pf-mini-list { display: flex; flex-direction: column; gap: 6px; }
.pf-mini-list li { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid var(--line-2); border-radius: 8px; font-size: 11px; color: var(--ink); white-space: nowrap; }
.pf-mini-list .ic { width: 13px; height: 13px; flex: none; }
.pf-mini-list .ic:last-child { margin-left: auto; color: var(--muted-2); }
.pf-gal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.pf-gal img { width: 100%; height: 100%; aspect-ratio: 43 / 37; object-fit: cover; border-radius: 6px; }
.pf-gal img.is-tall { grid-row: span 2; aspect-ratio: auto; }
.pf-video { position: relative; overflow: hidden; border-radius: 8px; }
.pf-video img { width: 100%; aspect-ratio: 145 / 77; object-fit: cover; }
.pf-video .play-btn { width: 40px; height: 40px; }
.pf-video .play-btn .ic { width: 16px; height: 16px; }
.pf-motor .link-more { margin-top: auto; padding-top: 16px; color: var(--c); font-size: 13px; }

/* Tasarımda çalışma alanı paneli sağ kenara kadar uzanır; kartlar sıkışmasın diye sağ iç boşluk dar */
.pf-ws-panel { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: clamp(24px, 2.2vw, 28px); align-items: center; padding-right: clamp(16px, 1.4vw, 20px); }
.pf-ws-panel .pf-h2 { font-size: clamp(1.2rem, 1.5vw, 1.4rem); }
.pf-ws-panel .check-list { margin-top: 26px; gap: 12px; }
.pf-ws-panel .check-list li { font-size: 14px; color: var(--ink); }
.pf-ws .app-body { grid-template-columns: 146px minmax(0, 1fr); } /* "Değerlendirme" sığsın */
.pf-ws .app-side { gap: 4px; padding-inline: 10px; }
.pf-ws .app-nav-item { padding-inline: 8px; gap: 7px; white-space: nowrap; }
.pf-crumb { font-size: 12px; color: var(--ink); font-weight: 500; white-space: nowrap; }
.pf-ws .app-top .app-btn { white-space: nowrap; flex: none; }
.pf-crumb span { color: var(--muted-2); margin: 0 6px; }
.pf-ws-bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; }
.pf-ws-bar .app-tab { border-color: var(--line); background: #fff; }
.pf-ws-bar .app-tab.is-active { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); box-shadow: inset 0 -2px 0 var(--accent); }
.pf-ws-bar .app-input { margin-left: auto; width: 170px; height: 30px; }
.pf-ws-bar .app-input .ic { width: 13px; height: 13px; }
.pf-ws-grid { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 12px; padding: 2px 14px 14px; align-items: start; }
.pf-ws-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pf-wcard { display: flex; flex-direction: column; gap: 9px; padding: 9px 8px; border: 1px solid var(--line); border-radius: 10px; background: #fff; min-width: 0; }
.pf-wcard-head { display: flex; justify-content: space-between; gap: 4px; font-size: 10.5px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.pf-wcard-head small { display: block; font-weight: 500; color: var(--muted); font-size: 10px; margin-top: 2px; }
.pf-wcard-head .ic { width: 12px; height: 12px; color: var(--muted); flex: none; }
.pf-wcard-media { position: relative; overflow: hidden; border-radius: 8px; aspect-ratio: 96 / 100; background: var(--bg-soft); }
.pf-wcard-media img { width: 100%; height: 100%; object-fit: cover; }
.pf-wcard-media .play-btn { width: 34px; height: 34px; }
.pf-wcard-media .play-btn .ic { width: 13px; height: 13px; }
.pf-wcard-text { aspect-ratio: 96 / 100; padding: 8px 2px; font-size: 11px; line-height: 1.8; color: var(--ink); }
.pf-wcard-foot { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; }
.pf-wcard-foot .pill { height: 20px; padding: 0 8px; font-size: 10px; }
.pf-count { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; color: var(--muted); }
.pf-count .ic { width: 12px; height: 12px; }
.pf-wcard-foot .pf-av { width: 20px; height: 20px; font-size: 8px; }
.pf-detail { border: 1px solid var(--line); border-radius: 10px; padding: 14px 12px; font-size: 11px; }
.pf-detail-title { font-size: 12.5px; font-weight: 700; color: var(--ink); margin-bottom: 12px; }
.pf-detail-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 11px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.pf-detail-item img { width: 34px; height: 34px; border-radius: 6px; object-fit: cover; }
.pf-detail-item small { display: block; font-weight: 500; color: var(--muted); font-size: 10px; }
.pf-detail dl > div { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 4px 0; }
.pf-detail dt { color: var(--muted); white-space: nowrap; }
.pf-detail dd { color: var(--ink); font-weight: 600; text-align: right; white-space: nowrap; }
.pf-detail .pill { height: 20px; font-size: 10px; }
.pf-detail .pf-ui-btn { height: 32px; margin-top: 10px; font-size: 11.5px; }

.pf-trusted { padding-top: 8px; }
.pf-trusted-title { font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.pf-logo-row { gap: 18px 36px; }
.pf-logo-row .logo-word { display: inline-flex; align-items: center; gap: 6px; color: #25314A; opacity: .9; line-height: 1; white-space: nowrap; }
.pf-lw-arcelik { font-style: italic; font-weight: 700; font-size: 24px; letter-spacing: -.04em; }
.pf-lw-arcelik::before { content: ""; width: 17px; height: 12px; background: currentColor; transform: skewX(-18deg); border-radius: 2px 5px 2px 5px; }
.pf-lw-beko { font-size: 28px !important; font-weight: 800; letter-spacing: -.05em; padding-bottom: 3px; border-bottom: 3px solid currentColor; border-radius: 0 0 50% 50% / 0 0 5px 5px; }
.pf-lw-vestel { font-size: 21px !important; font-weight: 800; letter-spacing: -.02em; transform: scaleX(.92); }
.pf-lw-kastamonu { font-size: 12.5px !important; font-weight: 700; letter-spacing: .14em; }
.pf-lw-kastamonu::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 3px double currentColor; }
.pf-lw-hotpoint { font-size: 16px !important; font-weight: 800; letter-spacing: .04em; }
.pf-lw-whirlpool { font-size: 20px !important; font-weight: 500; letter-spacing: -.035em; }
.pf-lw-bauknecht { font-size: 18px !important; font-weight: 800; font-style: italic; letter-spacing: -.02em; padding: 3px 12px; border: 2px solid currentColor; border-radius: 50%; }

/* 7. Gate --------------------------------------------------------------- */
.pf-feats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.pf-feat { display: flex; gap: 16px; align-items: flex-start; padding: 22px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.pf-feat:hover { border-color: var(--line-strong); box-shadow: var(--shadow-sm); }
.pf-feat > .ic { width: 34px; height: 34px; stroke-width: 1.5; color: var(--c, var(--accent)); flex: none; }
.pf-feat h3 { font-size: 15px; margin-bottom: 8px; letter-spacing: -.01em; }
.pf-feat p { font-size: 13px; line-height: 1.6; color: var(--text); }

.pf-review { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 430px); gap: clamp(24px, 3vw, 40px); align-items: center; }
.pf-review .pf-head { margin-bottom: 30px; }
.pf-approve { border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: #fff; box-shadow: var(--shadow); }
.pf-approve-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-weight: 700; color: var(--ink); font-size: 14px; }
.pf-badge-n { display: grid; place-items: center; min-width: 22px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--indigo-100); color: var(--indigo); font-size: 11px; font-weight: 700; }
.pf-approve-all { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--indigo); white-space: nowrap; }
.pf-approve-all .ic { width: 13px; height: 13px; }
.pf-approve-item { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 14px; padding: 12px; border: 1px solid var(--line-2); border-radius: 12px; }
.pf-approve-item img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.pf-approve-item b { display: block; font-size: 13px; line-height: 1.35; color: var(--ink); margin: 2px 0 6px; }
.pf-approve-item .pill { height: 20px; font-size: 10.5px; }
.pf-meta { display: grid; grid-template-columns: repeat(3, auto); gap: 3px 12px; margin-top: 12px; font-size: 11px; }
.pf-meta dt { color: var(--muted); grid-row: 1; }
.pf-meta dd { color: var(--ink); font-weight: 600; grid-row: 2; white-space: nowrap; }
.pf-meta .pill { height: 20px; font-size: 10.5px; }
.pf-approve-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }

.pf-gov-grid { display: grid; grid-template-columns: minmax(0, 270px) minmax(0, 1fr); gap: clamp(16px, 2vw, 24px); align-items: stretch; }
.pf-gov { display: flex; flex-direction: column; gap: 6px; }
.pf-gov li { display: flex; gap: 14px; padding: 18px; border-radius: 12px; transition: background-color .2s; }
.pf-gov li:hover, .pf-gov li.is-active { background: var(--bg-soft); }
.pf-gov .ic { width: 22px; height: 22px; color: var(--ink); flex: none; margin-top: 2px; }
.pf-gov li.is-active .ic { color: var(--c-brain); }
.pf-gov h3 { font-size: 14.5px; margin-bottom: 4px; letter-spacing: -.01em; }
.pf-gov p { font-size: 12.5px; color: var(--muted); line-height: 1.5; }
.pf-flowcard { border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: #fff; min-width: 0; }
.pf-flowcard-title { font-size: 13.5px; font-weight: 700; color: var(--ink); margin-bottom: 16px; }
.pf-aflow {
  display: grid; min-width: 640px; align-items: center; row-gap: 10px;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 34px minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
}
.pf-alabel { font-size: 11px; font-weight: 500; color: var(--ink); }
.pf-abox { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 11px; font-weight: 500; color: var(--ink); line-height: 1.3; }
.pf-abox .ic { width: 15px; height: 15px; flex: none; color: var(--muted); }
.pf-abox.is-ok { background: #EAF7EE; border-color: #D2EDDB; font-weight: 600; }
.pf-abox.is-ok .ic { color: var(--green); }
.pf-arr { height: 12px; background: no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' fill='none' stroke='%237C879A' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h26' stroke-dasharray='1.5 2.5'/%3E%3Cpath d='M24 2.5 27.5 6 24 9.5'/%3E%3C/svg%3E"); }
.pf-brk { position: relative; align-self: stretch; margin: 20px 6px; border: 1.2px dashed #A9B1BF; border-left: 0; border-radius: 0 8px 8px 0; }
.pf-brk::after { content: ""; position: absolute; left: 100%; top: 50%; width: 10px; border-top: 1.2px dashed #A9B1BF; }
.pf-adown { position: relative; }
.pf-adown::after { content: ""; position: absolute; left: 50%; bottom: -10px; height: 10px; border-left: 1.2px dashed #A9B1BF; }
.pf-table-title { font-size: 13.5px; font-weight: 700; color: var(--ink); margin: 26px 0 8px; }
.pf-table { width: 100%; min-width: 600px; font-size: 11.5px; color: var(--ink); }
.pf-table th { text-align: left; font-weight: 500; color: var(--text); padding: 10px; border-bottom: 1px solid var(--line); }
.pf-table td { padding: 8px 10px; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.pf-table tr:last-child td { border-bottom: 0; }
.pf-user { display: flex; align-items: center; gap: 8px; }
.pf-user .pf-av { width: 22px; height: 22px; border: 0; font-size: 8.5px; }
.pf-status { display: inline-block; padding: 2px 6px; border-radius: 4px; background: var(--green-100); color: #15803D; font-size: 10.5px; font-weight: 600; }

.pf-cta-icon { display: grid; place-items: center; width: clamp(72px, 8vw, 112px); color: var(--c-gate); }
.pf-cta-icon .ic { width: 70px; height: 70px; stroke-width: 1.3; }

/* 8. Loop --------------------------------------------------------------- */
.pf-loop-grid { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); align-items: start; }
.pf-funnel { margin-top: 30px; display: flex; flex-direction: column; gap: 16px; }
.pf-funnel li { --c: var(--c-loop); position: relative; padding-left: 28px; font-size: 13px; color: var(--text); line-height: 1.4; }
.pf-funnel li::before { content: ""; position: absolute; left: 0; top: 2px; z-index: 1; width: 15px; height: 15px; border-radius: 50%; border: 2px solid var(--c); background: #fff; }
.pf-funnel li:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 19px; bottom: -16px; border-left: 1.5px dotted var(--line-strong); }
.pf-funnel b { display: block; font-size: 13px; font-weight: 700; color: var(--ink); letter-spacing: .03em; }
.pf-chain[role="list"] { display: flex; align-items: center; margin: 0 0 20px; padding-inline: 5%; }
.pf-chain li { display: flex; align-items: center; flex: 1; }
.pf-chain li:first-child { flex: none; }
.pf-chain li + li::before {
  content: ""; flex: 1; height: 12px; margin: 0 12px; min-width: 16px;
  background: no-repeat center / 34px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 12' fill='none' stroke='%230E1A2F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h30' stroke-dasharray='1.5 2.5'/%3E%3Cpath d='M28 2.5 31.5 6 28 9.5'/%3E%3C/svg%3E");
}
.pf-chain .icon-ring { background: #fff; border-color: var(--line); box-shadow: 0 10px 22px -14px rgba(14, 26, 47, .35); }

.pf-dash .app-body { grid-template-columns: 150px minmax(0, 1fr); }
.pf-dash .app-side { gap: 3px; }
.pf-dash-logo { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ink); font-size: 13px; padding: 0 8px 12px; }
.pf-dash-logo .ic { width: 18px; height: 18px; color: var(--ink); }
.pf-dash-top { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--line-2); }
.pf-dash-top .app-top-title { font-size: 14px; }
.pf-dash-top .app-btn .ic { width: 13px; height: 13px; }
.pf-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 14px; padding: 16px 0; margin: 0 18px; border-bottom: 1px solid var(--line-2); }
.pf-kpis > div { padding: 0 14px; }
.pf-kpis > div + div { border-left: 1px solid var(--line); }
.pf-charts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px 18px 18px; }
.pf-chart { border: 1px solid var(--line); border-radius: 10px; padding: 12px 12px 10px; min-width: 0; }
.pf-chart-head { display: flex; justify-content: space-between; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.pf-chart-head small { display: block; font-size: 10px; font-weight: 500; color: var(--muted); }
.pf-chart-head .ic { width: 13px; height: 13px; color: var(--muted); }
.pf-chart svg { width: 100%; height: auto; margin-top: 8px; overflow: visible; }
.pf-chart text { font-size: 8px; fill: var(--muted); font-family: var(--font-sans); }
.pf-chart .grid-l { stroke: #EEF0F4; stroke-width: 1; }
.pf-chart polyline[class] { fill: none; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.pf-chart .s-ig { stroke: #3B63E0; fill: #3B63E0; }
.pf-chart .s-web { stroke: #F08A24; fill: #F08A24; }
.pf-chart .s-mail { stroke: #9FD6C7; fill: #9FD6C7; }
.pf-chart .s-ad { stroke: #7C3AED; fill: #7C3AED; }
.pf-chart .b-d { fill: #138A68; }
.pf-chart .b-m { fill: #5EC39E; }
.pf-chart .b-p { fill: #CDEEE1; }
.pf-legend { display: flex; flex-wrap: wrap; gap: 3px 10px; margin-top: 6px; font-size: 9.5px; color: var(--text); }
.pf-legend li { display: inline-flex; align-items: center; gap: 4px; }
.pf-legend li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c); }

.pf-learn { display: grid; grid-template-columns: minmax(0, 290px) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); align-items: center; }
.pf-cycle { position: relative; padding: 22px 22px 40px; border-radius: 16px; background: linear-gradient(180deg, #F1F7F7 0%, #EDF5F5 100%); border: 1px solid #E0ECEC; }
.pf-cycle-title { font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 18px; }
.pf-cycle .steps { position: relative; }
.pf-cycle::after { content: ""; position: absolute; left: 8.5%; right: 8.5%; bottom: 16px; height: 14px; border: 1.2px dashed rgba(14, 140, 140, .4); border-top: 0; border-radius: 0 0 8px 8px; }

.pf-eq-panel { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); align-items: center; }
.pf-eq { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: center; }
.pf-eq-card { height: 100%; padding: 24px 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; text-align: center; }
.pf-eq-card > .ic, .pf-eq-card > img { width: 34px; height: 34px; margin: 0 auto 14px; color: var(--c-loop); stroke-width: 1.5; }
.pf-eq-card h3 { font-size: 13.5px; font-weight: 700; letter-spacing: .02em; margin-bottom: 10px; }
.pf-eq-card p { font-size: 12.5px; line-height: 1.6; color: var(--text); }
.pf-eq-card.is-result { background: #EEF6F6; border-color: #DCECEC; }
.pf-eq-card.is-result h3 { color: var(--c-loop); }
.pf-eq-op { font-size: 30px; font-weight: 500; color: var(--ink); line-height: 1; }

.pf-cards5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.pf-vcard { --c: var(--accent); text-align: center; padding: 26px 18px 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s; }
.pf-vcard:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: var(--line-strong); }
.pf-vcard .pf-ic-soft { margin: 0 auto 16px; width: 58px; height: 58px; }
.pf-vcard .pf-ic-soft .ic { width: 30px; height: 30px; }
.pf-vcard > .ic { width: 46px; height: 46px; margin: 0 auto 18px; color: var(--c); stroke-width: 1.3; }
.pf-vcard h3 { font-size: 14px; margin-bottom: 8px; letter-spacing: -.01em; }
.pf-vcard p { font-size: 12.5px; line-height: 1.6; color: var(--text); }

/* 9. Enterprise --------------------------------------------------------- */
.pf-ent-hero {
  background:
    radial-gradient(45% 70% at 72% 48%, rgba(35, 66, 128, .55) 0%, transparent 70%),
    linear-gradient(180deg, #0A1630 0%, var(--navy) 100%);
  color: rgba(255, 255, 255, .76);
}
.pf-circuit { position: absolute; right: 0; top: 50%; z-index: -1; width: min(34vw, 500px); height: auto; transform: translateY(-50%); opacity: .7; -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%); mask-image: linear-gradient(90deg, transparent, #000 45%); pointer-events: none; }
.pf-ent-hero .pf-hero-h1 { color: #fff; font-size: clamp(2.2rem, 3.9vw, 3.5rem); }
.pf-ent-hero .pf-hero-title em { color: var(--c-enterprise); }
.pf-ent-hero .pf-hero-lead { color: rgba(255, 255, 255, .8); max-width: 580px; }
.pf-ent-hero .pf-hero-lead strong { color: #fff; font-size: 1.06em; }
.pf-ent-hero .pf-hero-lead em { color: var(--c-enterprise); }
.pf-deploy { display: flex; flex-wrap: wrap; gap: 16px 36px; margin-top: clamp(24px, 2.6vw, 34px); }
.pf-deploy li { display: flex; align-items: center; gap: 12px; font-size: 12.5px; line-height: 1.45; }
.pf-deploy .ic { width: 34px; height: 34px; color: #fff; stroke-width: 1.35; }
.pf-deploy b { display: block; color: #fff; font-size: 14px; font-weight: 600; }
.pf-ent-hero .btn-outline-gold { color: #fff; }

.pf-cards6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.pf-cards6 .pf-vcard { padding: 28px 16px 24px; }
.pf-cards6 .pf-vcard h3 { font-size: 15px; margin-bottom: 12px; }
.pf-cards6 .pf-vcard p { font-size: 13px; }

.pf-infra-grid { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.pf-infra { padding: clamp(20px, 2.4vw, 28px); border-radius: var(--radius-lg); background: var(--bg-soft); border: 1px solid var(--line-2); }
.pf-infra .pf-head { margin-bottom: 18px; }
.pf-infra-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pf-icard { --c: var(--c-loop); background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 24px 16px 20px; }
.pf-icard-top { text-align: center; margin-bottom: 18px; }
.pf-icard-top .ic { width: 44px; height: 44px; margin: 0 auto 14px; color: var(--c); stroke-width: 1.35; }
.pf-icard h3 { font-size: 16px; }
.pf-icard-top p { font-size: 13px; color: var(--text); margin-top: 4px; }
.pf-icard-top p.is-accent { color: var(--c); font-weight: 500; }
.pf-icard .check-list { gap: 10px; }
.pf-icard .check-list li { font-size: 12px; line-height: 1.45; gap: 8px; }
.pf-icard .check-list .ic { width: 16px; height: 16px; margin-top: 1px; color: var(--ink); }

.pf-flowdark {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 150px); gap: 14px 16px;
  padding: clamp(20px, 2.4vw, 26px); border-radius: var(--radius-lg); color: rgba(255, 255, 255, .75);
  background: radial-gradient(120% 90% at 0% 0%, #16294F 0%, var(--navy) 60%);
}
.pf-flowdark h2 { grid-column: 1 / -1; color: #fff; font-size: 15px; letter-spacing: -.005em; }
.pf-dflow { display: flex; flex-direction: column; }
.pf-dbox { border: 1px solid rgba(255, 255, 255, .24); border-radius: 8px; padding: 10px 12px; text-align: center; }
.pf-dbox b { display: block; color: #fff; font-size: 12.5px; letter-spacing: .05em; font-weight: 700; }
.pf-dbox small { display: block; margin-top: 3px; font-size: 10.5px; color: rgba(255, 255, 255, .72); }
.pf-dbox.is-core { border-color: var(--gold); background: rgba(194, 139, 64, .08); padding: 14px 12px; box-shadow: 0 0 24px -10px rgba(227, 163, 59, .6); }
.pf-dbox.is-core b { display: inline-flex; align-items: center; gap: 10px; color: var(--c-enterprise); font-size: clamp(16px, 1.5vw, 19px); letter-spacing: .02em; }
.pf-dbox.is-core b img { width: 24px; height: 24px; }
.pf-dbox.is-core small { margin-top: 6px; letter-spacing: .05em; color: #fff; font-size: 10px; }
.pf-dbox.is-core small i { font-style: normal; color: var(--c-enterprise); margin: 0 4px; }
.pf-darr { display: grid; place-items: center; height: 24px; color: #fff; }
.pf-darr .ic { width: 15px; height: 15px; stroke-width: 2; }
.pf-darr.is-gold { color: var(--c-enterprise); }
.pf-dlist[role="list"] { display: flex; flex-direction: column; justify-content: space-around; gap: 14px; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, .14); }
.pf-dlist li { display: flex; align-items: center; gap: 12px; font-size: 12.5px; color: #fff; font-weight: 600; line-height: 1.35; }
.pf-dlist .ic { width: 24px; height: 24px; flex: none; color: #fff; stroke-width: 1.5; }

.pf-secband {
  display: grid; grid-template-columns: minmax(0, 250px) repeat(5, minmax(0, 1fr)); gap: 20px; align-items: center;
  padding: clamp(24px, 3vw, 34px); border-radius: var(--radius-lg); color: rgba(255, 255, 255, .72);
  background: radial-gradient(100% 160% at 100% 0%, #172A52 0%, var(--navy) 55%);
}
.pf-secband-intro { padding-right: 22px; border-right: 1px solid rgba(255, 255, 255, .14); }
.pf-secband-intro h2 { color: #fff; font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.3; margin-bottom: 12px; }
.pf-secband-intro p { font-size: 12.5px; line-height: 1.6; margin-bottom: 14px; }
.pf-secband-intro .link-more { color: var(--gold-300); font-size: 13px; }
.pf-secitem { --c: #34D1B5; text-align: center; }
.pf-secitem .ic { width: 34px; height: 34px; margin: 0 auto 14px; color: var(--c); stroke-width: 1.4; }
.pf-secitem h3 { color: #fff; font-size: 14.5px; margin-bottom: 6px; }
.pf-secitem p { font-size: 12px; line-height: 1.6; }

.pf-eco { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 10px; }
.pf-eco li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 104px; padding: 16px 8px; border: 1px solid var(--line); border-radius: 12px; background: #fff; text-align: center; line-height: 1.3; transition: border-color .2s, box-shadow .2s; }
.pf-eco li:hover { border-color: var(--line-strong); box-shadow: var(--shadow-sm); }
.pf-eco .ic, .pf-eco .brand { width: 28px; height: 28px; margin-bottom: 10px; color: var(--ink); stroke-width: 1.5; }
.pf-eco b { font-size: 12.5px; color: var(--ink); }
.pf-eco small { font-size: 11px; color: var(--muted); }

/* 10. CTA varyantları --------------------------------------------------- */
.pf-cta h2 em { font-style: normal; color: var(--accent); }
.pf-cta-studio { background: linear-gradient(100deg, #F3EFFD 0%, #FAF8FF 60%, #F3EFFD 100%); border-color: #E7E0FA; }
.pf-cta-loop { background: linear-gradient(100deg, #ECF4F5 0%, #F7FAFB 60%, #ECF4F5 100%); border-color: #DCE9EB; }
.pf-cta-dark { background: radial-gradient(90% 180% at 0% 50%, #1A2D55 0%, var(--navy) 60%); border-color: transparent; }
.pf-cta-dark h2 { color: #fff; }
.pf-cta-dark p { color: rgba(255, 255, 255, .75); }
.pf-cta-dark .btn-outline-gold { color: #fff; }

/* 11. Duyarlı ----------------------------------------------------------- */
@media (max-width: 1180px) {
  /* 5 kart: 3 + 2, alt satır ortalanır (yetim boşluk kalmaz) */
  .pf-motors, .pf-cards5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .pf-motor, .pf-cards5 > .pf-vcard { grid-column: span 2; }
  .pf-motor:nth-child(4), .pf-cards5 > .pf-vcard:nth-child(4) { grid-column: 2 / span 2; }
  .pf-cards6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  /* Brief kartı yanında üçlü akış sıkışıyor: alta alınır */
  .pf-teach { grid-template-columns: minmax(0, 1fr); }
  .pf-brief { width: 100%; max-width: 420px; margin-inline: auto; }
  .pf-eco { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pf-tiles[role="list"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pf-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-ws-grid { grid-template-columns: minmax(0, 1fr); }
  .pf-detail { display: none; }
  .pf-infra-grid { grid-template-columns: minmax(0, 1fr); }
  .pf-secband { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pf-secband-intro { grid-column: 1 / -1; padding: 0 0 20px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
  .pf-mem-grid { grid-template-columns: minmax(0, 290px) minmax(0, 1fr); }
  .pf-cta { grid-template-columns: auto minmax(0, 1fr); row-gap: 20px; }
  .pf-cta .btn-row { grid-column: 2; }
}
@media (max-width: 1080px) {
  .pf-flow-panel, .pf-learn, .pf-loop-grid, .pf-ws-panel, .pf-eq-panel, .pf-review, .pf-gov-grid { grid-template-columns: minmax(0, 1fr); }
  .pf-ws-panel { padding-right: clamp(24px, 3.2vw, 44px); }
  .pf-approve { width: 100%; max-width: 460px; margin-inline: auto; }
  .pf-gov { display: grid; grid-template-columns: 1fr 1fr; }
  .pf-funnel { flex-direction: row; flex-wrap: wrap; gap: 14px 28px; }
  .pf-funnel li::after { display: none; }
  .pf-cycle::after { display: none; }
  .pf-cycle { padding-bottom: 24px; }
}
@media (max-width: 980px) {
  .pf-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .pf-hero-visual { width: 100%; max-width: 580px; margin-inline: auto; }
  .pf-circuit { top: auto; bottom: 0; transform: none; width: 70vw; opacity: .45; }
  .pf-mem-grid, .pf-teach, .pf-int { grid-template-columns: minmax(0, 1fr); }
  .pf-src-list { display: grid; grid-template-columns: 1fr 1fr; }
  .pf-brief { width: 100%; max-width: 420px; margin-inline: auto; }
  .pf-note { max-width: 520px; margin-inline: auto; width: 100%; }
  .pf-eq { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pf-eq-op { justify-self: center; }
}
@media (max-width: 860px) {
  .pf-cta { grid-template-columns: minmax(0, 1fr); }
  .pf-cta .btn-row { grid-column: auto; }
  .pf-trio[role="list"] { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .pf-trio li::after { display: none !important; }
  .pf-ws .app-body, .pf-dash .app-body { grid-template-columns: minmax(0, 1fr); }
  .pf-ws .app-top .pf-avs, .pf-ws .app-top .app-btn-ghost { display: none; }
  .pf-ws-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-ws-bar { flex-wrap: wrap; }
  .pf-ws-bar .app-tab:nth-child(n+5) { display: none; }
  .pf-ws-bar .app-input { margin-left: 0; width: 100%; }
  .pf-crumb { white-space: normal; }
  .pf-dash-top .app-btn { white-space: nowrap; }
  .pf-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-kpis > div:nth-child(4) { border-left: 0; }
  .pf-flowdark { grid-template-columns: minmax(0, 1fr); }
  .pf-dlist[role="list"] { flex-direction: row; flex-wrap: wrap; padding: 16px 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .14); }
  .pf-dlist li { flex: 1 1 40%; }
  .pf-secband { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 28px; }
  .pf-chain[role="list"] { padding-inline: 0; }
  .pf-chain li + li::before { margin: 0 4px; background-size: 100% 12px; }
  .pf-chain .icon-ring { width: 44px; height: 44px; }
  .pf-chain .icon-ring .ic { width: 20px; height: 20px; }
}
@media (max-width: 640px) {
  .pf-module { margin-bottom: 16px; }
  .pf-orbit[data-active="enterprise"] .pf-orbit-core { top: 44.5%; width: 21%; }
  .pf-head p br, .pf-hero-lead br, .pf-cta p br, .pf-intro p br { display: none; }
  .pf-chain .icon-ring { width: 36px; height: 36px; }
  .pf-chain .icon-ring .ic { width: 17px; height: 17px; }
  .pf-chain li + li::before { margin: 0 2px; min-width: 8px; }
  .pf-dash-top .app-btn:last-child { display: none; }
  .pf-motors, .pf-cards5, .pf-feats, .pf-infra-cards, .pf-src-list { grid-template-columns: minmax(0, 1fr); }
  .pf-motor:nth-child(n), .pf-cards5 > .pf-vcard:nth-child(n) { grid-column: auto; }
  .pf-cards6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-cards6 .pf-vcard { padding: 22px 12px; }
  .pf-eco { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-tiles[role="list"] { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 16px 8px; gap: 16px 4px; }
  .pf-tiles li { font-size: 11px; }
  .pf-tile-ic { width: 44px; height: 44px; }
  .pf-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .pf-stats > div:nth-child(3) { border-left: 0; }
  .pf-graph { min-height: 280px; }
  .pf-gnode { font-size: 10px; gap: 10px; }
  .pf-gdot { width: 26px; height: 26px; box-shadow: 0 0 0 5px #fff, 0 0 0 6px var(--line-2); }
  .pf-gnode { transform: translate(-50%, -13px); }
  .pf-gcore { transform: translate(-50%, -24px); font-size: 10.5px; }
  .pf-gcore .pf-gdot { width: 48px; height: 48px; }
  .pf-bm .app-top { flex-wrap: wrap; }
  .pf-gov { grid-template-columns: minmax(0, 1fr); }
  .pf-gov li { padding: 14px; }
  .pf-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-kpis > div:nth-child(odd) { border-left: 0; }
  .pf-kpis > div:nth-child(4) { border-left: 1px solid var(--line); }
  .pf-charts { grid-template-columns: minmax(0, 1fr); }
  .pf-secband { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-deploy { gap: 14px 24px; }
  .pf-approve-item { grid-template-columns: 88px minmax(0, 1fr); }
  .pf-meta { grid-template-columns: repeat(2, auto); }
  .pf-meta dt, .pf-meta dd { grid-row: auto; }
  .pf-logo-row { justify-content: center; gap: 18px 28px; }
  .pf-dflow + .pf-dlist li { flex-basis: 100%; }
}