/* Fiyat sayfası (/fiyat). Kendi kendine yeter: uygulama ve ana sayfa stillerini kullanmaz. */
body { margin: 0; background: #ffffff; }
* { box-sizing: border-box; }
::selection { background: #ffc21a; color: #0f1b2d; }
a, button, summary, input { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid #ffc21a; outline-offset: 2px; border-radius: 6px; }

.page { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #101828; background: #ffffff; min-width: 0; overflow-x: clip; }
.wrap { max-width: 1240px; margin: 0 auto; padding-inline: clamp(16px, 3vw, 24px); }

/* Düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border-radius: 10px; font-weight: 650; font-size: 16px; text-decoration: none; transition: background .15s ease, color .15s ease; }
.btn-white { background: #ffffff; color: #0f1b2d; }
.btn-white:hover { background: #ffe9a8; }
.btn-orange { background: #c2410c; color: #ffffff; }
.btn-orange:hover { background: #9a3412; color: #ffffff; }
.btn-line { background: #ffffff; color: #0f1b2d; box-shadow: inset 0 0 0 1.5px #0f1b2d; }
.btn-line:hover { background: #0f1b2d; color: #ffffff; }
.btn-ghost { color: #ffffff; box-shadow: inset 0 0 0 1.5px #ffffff; }
.btn-ghost:hover { background: #ffffff; color: #0f1b2d; }
.btn-hero { min-height: 54px; padding: 0 24px; font-size: 18px; }
.btn-hero-2 { min-height: 54px; padding: 0 22px; font-size: 17px; }
.btn-last { min-height: 54px; padding: 0 26px; font-size: 18px; }

/* Üst bölüm */
.hero-sec { background: #2557d6; color: #ffffff; }
.site-head { padding-top: 18px; padding-bottom: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; }
.brand { display: flex; align-items: center; gap: 10px; min-height: 44px; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
.main-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
.nav-link { display: inline-flex; align-items: center; min-height: 44px; color: #e3ebff; text-decoration: none; font-size: 15px; }
.nav-link:hover { color: #ffffff; text-decoration: underline; text-underline-offset: 4px; }
.nav-link[aria-current="page"] { color: #ffffff; font-weight: 650; }
.nav-cta { min-height: 44px; padding: 0 16px; font-size: 15px; }

.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: clamp(28px, 5vw, 72px); align-items: center; padding-top: 26px; padding-bottom: 34px; }
.hero-h1 { margin: 0; font-size: clamp(38px, 4.9vw, 64px); line-height: 1.03; letter-spacing: -0.035em; font-weight: 760; text-wrap: balance; }
.hero-lead { margin: 18px 0 0; max-width: 34em; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.42; color: #eef3ff; }
.hero-soon { margin: 10px 0 0; font-size: 16px; font-weight: 600; color: #ffffff; }
.hero-actions { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 12px; }
.hero-jump { display: none; }
.hero-ticks { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 16px; font-weight: 550; }
.hero-ticks li { display: flex; align-items: center; gap: 7px; }

/* Takvim */
.cal-fig { margin: 58px 0 0; position: relative; padding: 16px; border-radius: 18px; background: #ffffff; color: #101828; box-shadow: 0 18px 40px rgba(9, 28, 80, .28); }
.guru { position: absolute; right: -14px; top: -66px; width: 100px; height: auto; }
.cal-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 0 92px 12px 2px; }
.cal-title { font-size: 19px; letter-spacing: -0.015em; }
.leg { display: flex; align-items: center; gap: 5px; font-size: 13px; color: #475467; }
.sw { width: 10px; height: 10px; border-radius: 3px; }
.sw-post { background: #2557d6; }
.sw-reel { background: #c2410c; }
.sw-story { border: 2px solid #0f1b2d; border-radius: 50%; }
.sw-day { background: #ffc21a; }
.cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cell { min-height: 54px; border-radius: 8px; padding: 5px 7px; display: flex; flex-direction: column; justify-content: space-between; font-size: 12px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.cell-top { display: flex; align-items: center; justify-content: space-between; gap: 2px; }
.cell-label { font-weight: 650; }
.ring { width: 10px; height: 10px; flex: none; border: 2px solid currentColor; border-radius: 50%; }
.cell--empty { background: transparent; }
.cell--off { background: #eef2f8; color: #5d6b82; }
.cell--post { background: #2557d6; color: #ffffff; }
.cell--reel { background: #c2410c; color: #ffffff; }
.cell--day { background: #ffc21a; color: #0f1b2d; }
@keyframes cell { from { background: #eef2f8; color: #5d6b82; } }
.cell-in { animation: cell .5s cubic-bezier(.16, 1, .3, 1) both; }
.d0 { animation-delay: 200ms; } .d1 { animation-delay: 270ms; } .d2 { animation-delay: 340ms; } .d3 { animation-delay: 410ms; }
.d4 { animation-delay: 480ms; } .d5 { animation-delay: 550ms; } .d6 { animation-delay: 620ms; } .d7 { animation-delay: 690ms; }
.d8 { animation-delay: 760ms; } .d9 { animation-delay: 830ms; } .d10 { animation-delay: 900ms; }

/* Paketler */
.plan-sec { position: relative; }
.plan-band { position: absolute; inset: 0 0 auto 0; height: 190px; background: #2557d6; }
.plan-wrap { position: relative; }
.plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; position: relative; }
.g-solo { grid-column: span 1; display: flex; flex-direction: column; min-width: 0; }
.g-ag { grid-column: span 3; display: flex; flex-direction: column; min-width: 0; }
.g-label { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #a9c1f7; color: #ffffff; font-size: 18px; font-weight: 650; letter-spacing: -.01em; scroll-margin-top: 16px; }
.g-row { display: grid; gap: 16px; flex: 1; }
.g-solo .g-row { grid-template-columns: minmax(0, 1fr); }
.g-ag .g-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plan-card { flex: 1; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: #ffffff; box-shadow: 0 10px 28px rgba(15, 27, 45, .14); outline: 1px solid #d9e0ea; }
.plan-card--rec { outline: 2px solid #0f1b2d; }
.plan-vis { display: flex; align-items: center; gap: 16px; min-height: 100px; padding: 14px 20px; }
.tint-sun { background: #fff3cf; }
.tint-peach { background: #ffeade; }
.tint-blue { background: #e8efff; }
.tint-cyan { background: #def3f9; }
.mini { flex: none; display: grid; grid-template-columns: repeat(7, 9px); gap: 2px; }
.mini span { display: block; width: 9px; height: 9px; border-radius: 2px; }
.k-e { background: rgba(255, 255, 255, .85); }
.k-p { background: #2557d6; }
.k-r { background: #c2410c; }
.plan-vis-t { min-width: 0; }
.plan-times { margin: 0; font-size: 34px; font-weight: 770; letter-spacing: -0.03em; line-height: 1; color: #0f1b2d; font-variant-numeric: tabular-nums; }
.plan-per { margin: 3px 0 0; font-size: 14px; line-height: 1.28; color: #344054; }
.plan-body { padding: 20px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.plan-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.plan-name { margin: 0; font-size: 23px; letter-spacing: -0.02em; }
.rec-badge { padding: 3px 9px; border-radius: 999px; background: #0f1b2d; color: #ffffff; font-size: 13px; font-weight: 650; }
.plan-who { margin: 6px 0 0; min-height: 44px; font-size: 16px; line-height: 1.38; color: #475467; }
.plan-price { margin: 12px 0 0; font-size: 42px; font-weight: 770; letter-spacing: -0.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.plan-note { margin: 8px 0 0; font-size: 15px; color: #475467; }
.plan-unit { display: block; margin-top: 2px; min-height: 21px; color: #101828; font-weight: 600; }
.plan-cta { margin-top: 16px; }
.plan-month { margin: 18px 0 0; font-size: 14px; font-weight: 650; color: #475467; }
.plan-nums { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.num { margin: 0; }
.num-v { display: block; font-size: 29px; font-weight: 760; letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.num-v--p { color: #2557d6; }
.num-v--r { color: #c2410c; }
.num-v--s { color: #0e7490; }
.num-l { font-size: 15px; color: #344054; }
.plan-list { list-style: none; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid #e4e7ec; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: #344054; }

.big-note { margin-top: 16px; padding: 20px 24px; border-radius: 16px; background: #0f1b2d; color: #ffffff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 32px; }
.big-note-t { margin: 0; flex: 1 1 420px; min-width: 0; font-size: 17px; line-height: 1.42; }

.incl-wrap { margin-top: 36px; display: flex; flex-direction: column; gap: 28px; }
.incl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.incl--line { padding-top: 24px; border-top: 1px solid #e4e7ec; }
.incl-h { margin: 0; font-size: 19px; letter-spacing: -0.015em; }
.incl-items { grid-column: span 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 16px; list-style: none; margin: 0; padding: 0; font-size: 16px; line-height: 1.35; }
.incl-li { display: flex; gap: 9px; }
.tick { flex: none; margin-top: 2px; }

/* Güvenceler */
.assure-sec { margin-top: 48px; background: #fff3cf; }
.assure { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding-top: 32px; padding-bottom: 32px; }
.assure-h { margin: 0; font-size: 18px; font-weight: 700; }
.assure-t { margin: 5px 0 0; font-size: 16px; line-height: 1.42; color: #4a3a0a; }

/* Ortak bölüm başlıkları */
.sec { padding-top: 72px; }
.sec-h { margin: 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.03em; line-height: 1.08; }
.sec-h--balance { text-wrap: balance; }
.sec-lead { margin: 10px 0 0; font-size: 19px; line-height: 1.42; color: #475467; }
.sec-lead--tight { line-height: normal; }
.sec-list { margin-top: 14px; }

/* Kutunun içi */
.box-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.box { display: flex; flex-direction: column; gap: 20px; padding: 24px; border-radius: 18px; min-width: 0; }
.box--post { background: #e8efff; }
.box--reel { background: #ffeade; }
.box--story { background: #def3f9; }
.box-vis { height: 196px; display: flex; align-items: flex-start; }
.box-vis--reel { gap: 8px; align-items: stretch; }
.box-t { min-width: 0; }
.box-h { margin: 0; font-size: 25px; letter-spacing: -0.02em; }
.box-h--post { color: #2557d6; }
.box-h--reel { color: #c2410c; }
.box-h--story { color: #0e7490; }
.box-list { margin: 10px 0 0; padding-left: 19px; display: flex; flex-direction: column; gap: 6px; font-size: 16px; line-height: 1.38; color: #1d2939; }
.box-foot { margin: 16px 0 0; font-size: 16px; line-height: 1.45; color: #475467; }
.soon { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #fff4e5; color: #93370d; font-size: 13px; font-weight: 650; white-space: nowrap; }
.ex-tag { align-self: flex-start; padding: 2px 8px; border-radius: 999px; background: #ffffff; color: #0f1b2d; font-size: 12px; font-weight: 650; }
.ex-tag--abs { position: absolute; top: 8px; left: 8px; }
.ex-post { width: 157px; height: 196px; border-radius: 12px; background: #2557d6; color: #ffffff; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; }
.ex-post-t { margin: 0; font-size: 22px; font-weight: 760; line-height: 1.06; letter-spacing: -0.025em; }
.ex-logo { align-self: flex-end; width: 62px; height: 24px; border: 1.5px dashed #ffffff; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.ex-reel { flex: none; width: 110px; border-radius: 12px; background: #9a3412; color: #ffffff; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; }
.ex-reel-t { font-size: 15px; font-weight: 720; line-height: 1.1; }
.ex-scenes { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ex-scene-row { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.ex-scene { border-radius: 6px; background: #c2410c; color: #ffffff; font-size: 12px; font-weight: 650; padding: 5px; }
.ex-scene--dark { background: #9a3412; }
.ex-story { position: relative; width: 110px; height: 196px; border-radius: 12px; background: #0f1b2d; color: #ffffff; display: flex; align-items: center; justify-content: center; }
.ex-story-in { width: 92px; height: 115px; border-radius: 6px; background: #2557d6; padding: 8px; display: flex; align-items: center; }
.ex-story-t { font-size: 13px; font-weight: 740; line-height: 1.1; }

/* Video */
.video-sec { margin-top: 72px; background: #0f1b2d; color: #ffffff; }
.video-in { padding-top: 64px; padding-bottom: 64px; }
.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 32px; }
.video-col { padding: 0 28px; border-left: 1px solid #33445f; }
.video-col:first-child { padding-left: 0; border-left: 0; }
.video-h { margin: 0; font-size: 21px; letter-spacing: -0.015em; color: #ffc21a; }
.video-t { margin: 10px 0 0; font-size: 16px; line-height: 1.5; color: #d7deea; }
.video-lim { margin: 12px 0 0; font-size: 15px; line-height: 1.45; color: #ffffff; }
.video-foot { margin: 30px 0 0; padding-top: 18px; border-top: 1px solid #33445f; font-size: 16px; line-height: 1.45; color: #d7deea; }

/* Yolda + ek paketler */
.addons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.road { padding: 14px 0; border-top: 1px solid #e4e7ec; }
.road-h { margin: 0; font-size: 18px; letter-spacing: -0.01em; }
.road-t { margin: 4px 0 0; font-size: 16px; line-height: 1.42; color: #344054; }
.ek-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.ek-soon { padding: 4px 11px; border-radius: 999px; background: #fff4e5; color: #93370d; font-size: 15px; font-weight: 650; }
.addon { padding: 18px 0; border-top: 1px solid #e4e7ec; }
.addon-h { margin: 0; font-size: 20px; letter-spacing: -0.015em; }
.addon-t { margin: 6px 0 0; font-size: 16px; line-height: 1.42; color: #344054; }
.addon-r { margin: 6px 0 0; font-size: 15px; color: #475467; }

/* Özellikler */
.ftr-table { margin-top: 22px; overflow: hidden; border: 1px solid #e4e7ec; border-radius: 14px; }
.ftr { display: grid; grid-template-columns: minmax(0, 3.2fr) 92px 92px minmax(0, 4.4fr); gap: 12px; align-items: center; padding: 12px 18px; }
.ftr--head { background: #f4f6fa; font-weight: 650; }
.ftr-group + .ftr-group .ftr--head { border-top: 1px solid #e4e7ec; }
.ftr--row { border-top: 1px solid #e4e7ec; }
.ftr-h { margin: 0; font-size: 17px; letter-spacing: -0.01em; }
.ftr-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 32px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.ftr-btn .chev { margin-top: 0; transition: transform .18s ease; }
.ftr-btn[aria-expanded="true"] .chev { transform: rotate(90deg); }
.ftr-count { font-weight: 400; font-size: 15px; color: #475467; }
.ftr-col { text-align: center; font-size: 14px; }
.ftr-n { font-size: 16px; font-weight: 550; }
.ftr-cell { display: flex; justify-content: center; align-items: center; gap: 6px; }
.ftr-l { display: none; font-size: 14px; color: #475467; }
.ftr-no { font-size: 14px; color: #475467; }
.soon-pill { padding: 2px 8px; border-radius: 999px; background: #fff4e5; color: #93370d; font-size: 13px; font-weight: 650; }
.ftr-note { font-size: 15px; line-height: 1.4; color: #475467; }

/* Sık sorulanlar */
.faq-grid { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 26px; }
.faq-label { display: block; font-size: 16px; font-weight: 600; }
.faq-input { margin-top: 8px; width: 100%; min-height: 48px; padding: 0 14px; border: 1.5px solid #98a2b3; border-radius: 10px; background: #ffffff; color: #101828; font: inherit; font-size: 16px; }
.faq-pick { display: none; }
.faq-select { margin-top: 8px; width: 100%; min-height: 48px; padding: 0 12px; border: 1.5px solid #98a2b3; border-radius: 10px; background: #ffffff; color: #101828; font: inherit; font-size: 16px; }
.faq-cats { display: flex; flex-direction: column; gap: 2px; margin-top: 14px; }
.faq-cat { display: flex; justify-content: space-between; gap: 12px; align-items: center; width: 100%; min-height: 44px; padding: 8px 12px; border: 0; border-radius: 8px; background: transparent; color: #101828; font: inherit; font-size: 15px; text-align: left; cursor: pointer; font-variant-numeric: tabular-nums; }
.faq-cat:hover { background: #eef2f8; }
.faq-cat[aria-pressed="true"], .faq-cat[aria-pressed="true"]:hover { background: #0f1b2d; color: #ffffff; font-weight: 650; }
.faq-main { min-width: 0; }
.faq-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: 44px; }
.faq-status { margin: 0; font-size: 16px; color: #475467; }
.tool { min-height: 44px; padding: 0 14px; border: 1.5px solid #98a2b3; border-radius: 10px; background: #ffffff; color: #101828; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.tool:hover { border-color: #0f1b2d; }
.faq-list { margin-top: 6px; border-top: 1px solid #e4e7ec; }
.faq-item { border-bottom: 1px solid #e4e7ec; }
.faq-item summary { cursor: pointer; list-style: none; display: flex; gap: 10px; align-items: flex-start; min-height: 44px; padding: 12px 0; font-size: 17px; font-weight: 600; line-height: 1.38; }
.faq-item summary::-webkit-details-marker { display: none; }
.chev { flex: none; margin-top: 4px; transition: transform .18s ease; }
.faq-item[open] .chev { transform: rotate(90deg); }
.faq-a { margin: 0 0 14px 26px; font-size: 16px; line-height: 1.5; color: #475467; max-width: 62ch; }
.faq-c { margin: 0 0 14px 26px; font-size: 14px; color: #475467; }

/* Son çağrı + altbilgi */
.last-sec { margin-top: 80px; background: #c2410c; color: #ffffff; }
.last-in { padding-top: 44px; padding-bottom: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; }
.last-guru { flex: none; }
.last-t { flex: 999 1 320px; min-width: 0; }
.last-h { margin: 0; font-size: clamp(30px, 4.2vw, 48px); letter-spacing: -0.03em; line-height: 1.06; }
.last-p { margin: 8px 0 0; font-size: 18px; color: #fff1e8; }
.foot-in { padding-top: 14px; padding-bottom: 14px; display: flex; flex-wrap: wrap; gap: 0 22px; font-size: 14px; }
.foot-link { display: inline-flex; align-items: center; min-height: 44px; color: #475467; }

@media (prefers-reduced-motion: reduce) {
  .cell { animation: none !important; }
  .btn, .chev, .ftr-btn .chev { transition: none; }
}
@media (max-width: 1060px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .guru { right: 6px; }
  .hero-more { display: none; }
  .hero-jump { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; font-size: 16px; font-weight: 600; }
  .hero-jump a { display: inline-flex; align-items: center; min-height: 44px; color: #ffffff; text-underline-offset: 4px; }
  .plan-band { display: none; }
  .plan-sec { padding-top: 32px; }
  .g-label { color: #101828; border-bottom-color: #d0d5dd; }
  .plans { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .g-solo, .g-ag { grid-column: auto; }
  .g-solo .g-row, .g-ag .g-row { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
  .incl { grid-template-columns: minmax(0, 1fr); }
  .incl-items { grid-column: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
  .assure { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .box-grid { grid-template-columns: minmax(0, 1fr); }
  .video-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .video-col, .video-col:first-child { padding: 0; border-left: 0; }
  .addons { grid-template-columns: minmax(0, 1fr); }
  .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .faq-cats { display: none; }
  .faq-pick { display: block; margin-top: 14px; }
}
@media (max-width: 760px) {
  .ftr { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; padding: 12px 14px; }
  .ftr-n, .ftr-note, .ftr-h { grid-column: 1 / -1; }
  .ftr-col { display: none; }
  .ftr-cell { justify-content: flex-start; }
  .ftr-btn { min-height: 44px; }
  .ftr--head { padding-top: 6px; padding-bottom: 6px; }
  .ftr-l { display: inline; }
}
@media (max-width: 560px) {
  .assure { grid-template-columns: minmax(0, 1fr); }
  .cell { min-height: 40px; padding: 4px; font-size: 11px; }
  .cell-label { display: none; }
  .plan-vis { min-height: 84px; }
  .nav-cta { display: none; }
}