/* Fiyatlandırma ve kayıt sayfaları. Hareket: açılışta sırayla yükselme, önerilen pakette dönen kenar, kanıt sayaçları,
   kayıt adımlarında dolan çizgi. prefers-reduced-motion'da hepsi kapanır. */
@property --to { syntax: '<integer>'; inherits: false; initial-value: 0; }
@property --n { syntax: '<integer>'; inherits: false; initial-value: 0; }
@property --ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

.pr-body { background: #F6F6F8; }
.pr { display: grid; gap: 0; grid-template-columns: minmax(0, 1fr); }
.pr-hero, .su-hero { position: relative; overflow: hidden; padding: 140px 16px 72px; background: radial-gradient(120% 90% at 50% 0%, #2A1C8F 0%, #120B45 46%, #07051A 100%); color: #FFFFFF; text-align: center; }
.pr-glow { position: absolute; left: 50%; top: 0; width: 70%; height: 60%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(150,120,255,0.5), rgba(90,60,240,0) 70%); filter: blur(30px); animation: spGlow 8s ease-in-out infinite; pointer-events: none; }
.pr-kicker { font: 600 11px/1 'Geist Mono', monospace; letter-spacing: .16em; color: #B9AEFF; margin-bottom: 14px; }
.pr-hero h1, .su-hero h1 { position: relative; margin: 0 auto; max-width: 860px; font-size: clamp(30px, 4.6vw, 54px); line-height: 1.08; letter-spacing: -0.02em; font-weight: 700; }
.pr-lead { position: relative; max-width: 680px; margin: 18px auto 0; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.6; color: #D9D3FF; }

.rv { animation: spRise .7s cubic-bezier(.2,.7,.2,1) both; animation-delay: var(--d, 0s); }

/* Aylık / yıllık (betiksiz: radyo + kardeş seçici) */
.pr-toggle { position: relative; margin: 30px auto 0; max-width: 1220px; }
.pr-toggle > input { position: absolute; opacity: 0; pointer-events: none; }
.pr-toggle > label { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; margin: 0 2px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); color: #E4DEFF; font-weight: 700; font-size: 14px; cursor: pointer; transition: background .2s, color .2s; }
.pr-toggle > label em { font-style: normal; font: 600 10.5px/1 'Geist Mono', monospace; padding: 4px 7px; border-radius: 999px; background: #22C55E; color: #062B14; }
.pr-toggle > input:checked + label { background: #FFFFFF; color: #14121F; }
.pr-toggle > input:focus-visible + label { outline: 2px solid #FFFFFF; outline-offset: 2px; }
.pr-y { display: none !important; }
#bill-y:checked ~ .pr-plans .pr-y { display: flex !important; }
#bill-y:checked ~ .pr-plans .pr-m:not(.pr-fixed) { display: none; }

.pr-plans { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; text-align: left; align-items: stretch; }
@media (max-width: 1100px) { .pr-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pr-plans { grid-template-columns: 1fr; } }
.pr-card { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 24px 22px; border-radius: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: transform .25s ease, border-color .25s, background .25s; }
.pr-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,0.32); background: rgba(255,255,255,0.09); }
.pr-card h2 { margin: 0; font-size: 20px; }
.pr-tag { margin: 0; font-size: 13.5px; line-height: 1.5; color: #C9C1FF; min-height: 40px; }
.pr-price { min-height: 54px; display: flex; align-items: flex-end; }
.pr-price span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 6px; }
.pr-price b { font-size: 34px; letter-spacing: -0.02em; }
.pr-price small { color: #B9AEFF; font-size: 14px; }
.pr-price em { flex-basis: 100%; font-style: normal; font: 600 11px/1 'Geist Mono', monospace; color: #4ADE80; }
.pr-btn { display: block; text-align: center; padding: 12px 16px; border-radius: 12px; font-weight: 700; font-size: 14.5px; background: rgba(255,255,255,0.12); color: #FFFFFF; border: 1px solid rgba(255,255,255,0.22); transition: background .2s, transform .2s; }
.pr-btn:hover { background: rgba(255,255,255,0.2); color: #FFFFFF; transform: translateY(-1px); }
.pr-btn-main { background: #5B47F5; border-color: rgba(170,150,255,0.7); box-shadow: 0 12px 30px -10px rgba(91,71,245,0.9); }
.pr-btn-main:hover { background: #6E5CFF; }
.pr-btn-ghost { background: transparent; }
.pr-feat { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 9px; font-size: 13.5px; line-height: 1.45; color: #E9E6FF; }
.pr-feat li { display: grid; grid-template-columns: 16px 1fr; gap: 8px; }
.pr-feat svg { width: 16px; height: 16px; margin-top: 2px; color: #4ADE80; }

/* Önerilen paket: dönen degrade kenar */
.pr-pick { background: rgba(91,71,245,0.18); border-color: transparent; }
.pr-pick::before { content: ""; position: absolute; inset: -1px; border-radius: 21px; padding: 1.5px; background: conic-gradient(from var(--ang), #8E7BFF, #4ADE80, #5B47F5, #C9BFFF, #8E7BFF); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: prSpin 6s linear infinite; pointer-events: none; }
@keyframes prSpin { to { --ang: 360deg; } }
.pr-badge { position: absolute; top: -11px; left: 22px; font: 600 10.5px/1 'Geist Mono', monospace; letter-spacing: .12em; padding: 6px 9px; border-radius: 999px; background: #4ADE80; color: #062B14; }
.pr-note { position: relative; margin: 22px auto 0; max-width: 760px; font-size: 13px; color: #B9AEFF; }
.pr-sec .pr-note, .pr-sec .pr-note a { color: #4F3CF0; font-weight: 700; }

/* Kanıt şeridi: sayaç (CSS) */
.pr-proof { padding: 64px 16px; max-width: 1200px; margin: 0 auto; text-align: center; }
.pr-proof .pr-kicker { color: #4F3CF0; }
.pr-proof h2, .pr-sec h2 { margin: 0 0 26px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -0.01em; }
.pr-proof-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); text-align: left; }
@media (max-width: 900px) { .pr-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .pr-proof-grid { grid-template-columns: 1fr; } }
.pr-stat { display: grid; gap: 8px; align-content: start; padding: 22px; border-radius: 18px; background: #FFFFFF; border: 1px solid #E7E5F0; box-shadow: 0 18px 40px -30px rgba(30,20,90,0.45); }
.pr-stat strong { font-size: 42px; line-height: 1; letter-spacing: -0.03em; background: linear-gradient(90deg, #4F3CF0, #8E7BFF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pr-count { --n: var(--to); counter-reset: n var(--n); animation: prCount 2.2s cubic-bezier(.2,.7,.2,1) both .4s; }
.pr-count::after { content: counter(n); }
@keyframes prCount { from { --n: 0; } to { --n: var(--to); } }
.pr-stat p { margin: 0; font-size: 14px; line-height: 1.55; color: #2B2840; }
.pr-src { font: 500 11px/1.4 'Geist Mono', monospace; color: #5D5C6B; }
a.pr-src { color: #3B2BC4; text-decoration: underline; text-underline-offset: 2px; }

.pr-sec { padding: 56px 16px; max-width: 1100px; margin: 0 auto; width: 100%; }
.pr-table-wrap { overflow-x: auto; border-radius: 18px; border: 1px solid #E7E5F0; background: #FFFFFF; }
.pr-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 14px; }
.pr-table th, .pr-table td { padding: 13px 16px; text-align: left; border-top: 1px solid #F0EFF5; }
.pr-table thead th { border-top: 0; font: 600 11px/1 'Geist Mono', monospace; letter-spacing: .1em; text-transform: uppercase; color: #6B6880; background: #FAFAFD; }
.pr-table tbody th { font-weight: 600; color: #2B2840; }
.pr-table .pick { background: rgba(91,71,245,0.06); color: #3A2BC4; font-weight: 700; }
.pr-principles { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .pr-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .pr-principles { grid-template-columns: 1fr; } }
.pr-principles > div { display: grid; gap: 6px; align-content: start; padding: 20px; border-radius: 16px; background: #FFFFFF; border: 1px solid #E7E5F0; transition: transform .2s, box-shadow .2s; }
.pr-principles > div:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -28px rgba(30,20,90,0.5); }
.pr-principles b { font-size: 15.5px; }
.pr-principles p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #4A4760; }
.pr-faq { display: grid; gap: 10px; max-width: 820px; }
.pr-faq details { background: #FFFFFF; border: 1px solid #E7E5F0; border-radius: 14px; padding: 14px 18px; }
.pr-faq summary { cursor: pointer; font-weight: 700; font-size: 15px; }
.pr-faq p { margin: 10px 0 2px; font-size: 14px; line-height: 1.6; color: #4A4760; }
.pr-final { margin: 24px 16px 72px; padding: 48px 24px; border-radius: 26px; text-align: center; background: radial-gradient(120% 140% at 50% 0%, #3A22B8 0%, #14121F 70%); color: #FFFFFF; max-width: 1100px; justify-self: center; width: calc(100% - 32px); }
.pr-final h2 { margin: 0; font-size: clamp(24px, 3vw, 36px); }
.pr-final p { margin: 10px auto 22px; max-width: 560px; color: #D9D3FF; }
.pr-final .pr-btn { display: inline-block; }

/* Kayıt */
.su-hero { text-align: left; padding-bottom: 80px; }
.su-grid { position: relative; display: grid; gap: 40px; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); max-width: 1160px; margin: 0 auto; align-items: start; }
@media (max-width: 900px) { .su-grid { grid-template-columns: 1fr; } }
.su-hero h1 { margin: 0; text-align: left; }
.su-hero .pr-lead { margin: 16px 0 0; }
.su-box { margin-top: 26px; padding: 22px; border-radius: 20px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.16); display: grid; gap: 10px; }
.su-box .lead-form.su-form { display: grid; gap: 8px; margin: 0; max-width: none; width: 100%; padding: 0; background: none; border: 0; justify-content: stretch; }
.su-box .lead-input { width: 100%; padding: 13px 14px; border-radius: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); }
.su-box .lead-input:focus { border-color: rgba(255,255,255,0.45); }
.su-box .lead-btn { width: 100%; padding: 14px 20px; background: #5B47F5; color: #FFFFFF; box-shadow: 0 12px 30px -10px rgba(91,71,245,0.9); transition: background .2s, transform .2s; }
.su-box .lead-btn:hover { background: #6E5CFF; transform: translateY(-1px); }
.su-box .lead-status { margin: 0; text-align: left; }
.su-label { font: 600 11px/1 'Geist Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: #B9AEFF; margin-top: 4px; }
.su-form .lead-input { width: 100%; }
.su-box .lead-heard { order: 0; justify-content: flex-start; padding: 2px 0; text-align: left; }
.su-submit { margin-top: 6px; }
.su-fine { font-size: 12.5px; color: #B9AEFF; }
.su-steps { list-style: none; margin: 0; padding: 26px 24px; border-radius: 22px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); display: grid; gap: 0; position: relative; }
.su-steps-h { font-weight: 700; font-size: 17px; margin-bottom: 14px; }
.su-step { position: relative; display: grid; gap: 4px; padding: 0 0 22px 34px; }
.su-step::before { content: ""; position: absolute; left: 9px; top: 18px; bottom: -2px; width: 2px; background: rgba(255,255,255,0.12); }
.su-step::after { content: ""; position: absolute; left: 9px; top: 18px; width: 2px; height: 0; background: linear-gradient(#8E7BFF, #4ADE80); animation: suFill .9s ease forwards; animation-delay: var(--d); }
.su-step:last-child::before, .su-step:last-child::after { display: none; }
@keyframes suFill { to { height: calc(100% - 20px); } }
.su-dot { position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #14121F; border: 2px solid rgba(255,255,255,0.3); animation: suDot .5s ease forwards; animation-delay: var(--d); }
@keyframes suDot { to { background: #4ADE80; border-color: #4ADE80; box-shadow: 0 0 0 6px rgba(74,222,128,0.18); } }
.su-k { font: 600 10.5px/1 'Geist Mono', monospace; letter-spacing: .12em; color: #B9AEFF; }
.su-step b { font-size: 15.5px; }
.su-step p { margin: 0; font-size: 13.5px; line-height: 1.5; color: #D9D3FF; }

@media (prefers-reduced-motion: reduce) {
  .rv, .pr-glow, .pr-pick::before, .su-step::after, .su-dot { animation: none !important; }
  .pr-count { animation: none; --n: var(--to); }
  .su-step::after { height: calc(100% - 20px); }
  .su-dot { background: #4ADE80; border-color: #4ADE80; }
}
/* İlk ay notu: `.pr-price em` (yeşil-üstüne-açık yeşil, 1.58:1) bu kuralı ezmesin diye seçici aynı öğeyi daha özgül hedefler.
   #167A4A / #E7F8EF = 4.87:1 (WCAG AA); sitedeki "canlı" rozetiyle aynı çift. */
.pr-price em.pr-intro { display: block; margin-top: 8px; font-style: normal; font-family: inherit; font-size: 12.5px; line-height: 1.4; letter-spacing: normal; font-weight: 600; color: #167A4A; background: #E7F8EF; border-radius: 8px; padding: 6px 9px; width: fit-content; }

/* Ek modüller, faturalama ve "kimler için uygun değil" (A12) */
.pr-sec-lead { margin: -14px 0 22px; max-width: 760px; font-size: 15px; line-height: 1.6; color: #4A4760; }
.pr-addons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .pr-addons { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .pr-addons { grid-template-columns: 1fr; } }
.pr-addon-price { margin-top: 6px; font-size: 20px; letter-spacing: -0.01em; color: #0F0E1A; }
.pr-addon-price small { font-size: 13px; font-weight: 500; color: #6B6A7B; }
.pr-addon-more { font-size: 13px; font-weight: 600; color: #4F3CF0; }
.pr-addon-only { justify-self: start; padding: 2px 8px; border-radius: 6px; background: #EEEBFF; color: #3B2BC4; font-style: normal; font-size: 12px; font-weight: 700; }
.pr-bill { display: grid; gap: 10px; max-width: 820px; margin: 0; padding: 0; list-style: none; }
.pr-bill li { position: relative; padding: 14px 18px 14px 40px; border-radius: 14px; background: #FFFFFF; border: 1px solid #E7E5F0; font-size: 15px; line-height: 1.55; color: #2A2840; }
.pr-bill li::before { content: ""; position: absolute; left: 18px; top: 22px; width: 8px; height: 8px; border-radius: 50%; background: #5B47F5; }
.pr-notfor li::before { background: #C9C4E8; }
.pr-sec .pr-notfor + .pr-note { margin-left: 0; text-align: left; }
/* D1-07 · KDV dahil tutar, kota tablosu notları, Enterprise sütunu, pilot kartı, hesaplayıcı */
.pr-vat { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 600; color: #5D5C6B; }
.pr-table { min-width: 760px; }
.pr-table .pr-row-note { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 400; line-height: 1.45; color: #6B6A7B; max-width: 360px; }
.pr-table .pr-th-note { display: block; margin-top: 6px; font-size: 12px; line-height: 1.3; letter-spacing: normal; text-transform: none; }
.pr-table .pr-th-note a { color: #3B2BC4; }
.pr-pilot { padding: 28px; border-radius: 22px; background: #FFFFFF; border: 1px solid #E4E4EA; }
.pr-pilot .pr-feat { margin: 0 0 16px; }
.pr-pilot-price { margin: 0 0 16px; font-size: 15px; color: #2B2840; }
.pr-pilot-price small { display: block; margin-top: 4px; font-size: 13px; color: #6B6A7B; }
.pr-roi h2 { margin-top: 0; }
@media (max-width: 520px) { .pr-pilot { padding: 20px 16px; } }
.su-box .lead-consent { order: 0; padding: 2px 0; }