/* Pinguru — "Yakında" açılış sayfası (KOD_AKTARIM 101–103; yakinda.php, template-parts/soon/*, assets/js/soon.js).
   Kırılımlar: 1100 (özellik ve sosyal kartlar 2×2, bant kartı 260), 960 (SSS tek sütun), 860 (hero tek sütun, görsel üstte),
   760 (üst bar bağlantıları ve takip maskotu gizli), 640 (sayaç dekorları gizli, bant kartı 220), 560 (tek sütun). */

/* Dev başlık için 900 kalınlık (yalnız bu sayfada yüklenir) */
@font-face { font-family: Poppins; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/poppins-900-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/poppins-900-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.soon-page { background-color: hsl(262 40% 7%); }
.soon-page::before { display: none; }
.soon { flex: 1; }
.soon-shell { max-width: calc(1480px + 2 * var(--gutter)); }
.soon [id] { scroll-margin-top: 96px; }

/* ── Zemin: kristalli mor (üstten maskeli) + üstte mor radyal ışıklar ── */
.soon-bg { pointer-events: none; position: fixed; inset: 0; z-index: -1; background: hsl(262 40% 7%); }
.soon-bg__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: bottom; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%); mask-image: linear-gradient(to bottom, transparent, #000 18%); }
.soon-bg__shade { position: absolute; inset: 0; background: radial-gradient(ellipse 62% 58% at 50% 42%, hsl(262 40% 5% / .82), hsl(262 40% 5% / .45) 72%, hsl(262 40% 5% / .2)); }
.soon-bg__lights {
  position: absolute; inset: 0 0 auto; height: 900px;
  background:
    radial-gradient(46rem 24rem at 20% -6%, rgb(124 58 237 / .34), transparent 70%),
    radial-gradient(40rem 22rem at 84% -4%, rgb(139 92 246 / .26), transparent 70%),
    radial-gradient(30rem 16rem at 52% 0, rgb(167 139 250 / .14), transparent 70%);
}

/* ── Butonlar ── */
.soon-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding-inline: 18px;
  border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  box-shadow: 0 12px 28px -12px rgb(124 58 237 / .9), inset 0 1px 0 rgb(255 255 255 / .18);
  transition: transform .2s var(--ease-out), box-shadow .2s, filter .2s;
}
.soon-btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 16px 34px -12px rgb(124 58 237), inset 0 1px 0 rgb(255 255 255 / .2); }
.soon-btn:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 3px; }
.soon-btn .icon { width: 18px; height: 18px; }
.soon-btn--lg { height: 52px; padding-inline: 22px; border-radius: 13px; font-size: 15px; }
.soon-btn--ghost { background: rgb(124 58 237 / .14); color: #ddd6fe; box-shadow: inset 0 0 0 1px rgb(167 139 250 / .42); }
.soon-btn--ghost:hover { background: rgb(124 58 237 / .24); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .7), 0 12px 28px -14px rgb(124 58 237 / .9); }

/* ── Üst bar: yapışkan cam ── */
.soon-top { position: sticky; top: 0; z-index: 50; background: rgb(11 14 32 / .58); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: inset 0 -1px 0 rgb(255 255 255 / .07); }
.admin-bar .soon-top { top: 32px; }
@media (max-width: 782px) { .admin-bar .soon-top { top: 46px; } }
@media (max-width: 600px) { .admin-bar .soon-top { top: 0; } }
.soon-top__in { display: flex; align-items: center; gap: 20px; height: 72px; }
.soon-top__logo { display: block; flex-shrink: 0; }
.soon-top__logo img { display: block; width: auto; height: 40px; }
.soon-top__nav { margin-left: auto; display: flex; gap: 4px; }
.soon-top__nav a { padding: 9px 14px; border-radius: 999px; font-size: 14px; font-weight: 500; color: var(--soft); transition: color .2s, background-color .2s; }
.soon-top__nav a:hover { color: #fff; background: rgb(255 255 255 / .06); }
.soon-top__cta { margin-left: 8px; }
@media (max-width: 759.98px) {
  .soon-top__in { height: 60px; }
  .soon-top__logo img { height: 32px; }
  .soon-top__nav { display: none; }
  .soon-top__cta { margin-left: auto; height: 40px; padding-inline: 14px; }
}

/* ── Hero ── */
.soon-hero { overflow-x: clip; padding-block: clamp(28px, 4.5vw, 72px) clamp(40px, 5vw, 80px); }
.soon-hero__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(24px, 4vw, 64px); }
.soon-hero__copy { min-width: 0; }

.soon-notice { margin-bottom: 20px; display: flex; align-items: flex-start; gap: 10px; max-width: 560px; padding: 12px 12px 12px 14px; border-radius: 14px; font-size: 14px; line-height: 1.5; }
.soon-notice > .icon { width: 20px; height: 20px; margin-top: 1px; }
.soon-notice p { flex: 1; }
.soon-notice--ok { background: rgb(34 197 94 / .13); color: #bbf7d0; box-shadow: inset 0 0 0 1px rgb(74 222 128 / .42); }
.soon-notice--info { background: rgb(124 58 237 / .15); color: #ddd6fe; box-shadow: inset 0 0 0 1px rgb(167 139 250 / .42); }
.soon-notice--warn { background: rgb(245 158 11 / .13); color: #fde68a; box-shadow: inset 0 0 0 1px rgb(251 191 36 / .42); }
.soon-notice__close { display: grid; width: 26px; height: 26px; flex-shrink: 0; place-items: center; border-radius: 8px; opacity: .75; }
.soon-notice__close:hover { opacity: 1; background: rgb(255 255 255 / .08); }
.soon-notice__close .icon { width: 16px; height: 16px; }

.soon-pill { display: inline-flex; align-items: center; gap: 10px; height: 36px; padding-inline: 14px 16px; border-radius: 999px; background: rgb(124 58 237 / .15); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .38); font-size: 13px; font-weight: 600; letter-spacing: .02em; color: #ddd6fe; }
.soon-pill__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 10px #8b5cf6; }
.soon-pill__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #a78bfa; animation: soon-pulse 1.8s ease-out infinite; }
@keyframes soon-pulse { from { transform: scale(1); opacity: .85; } to { transform: scale(3.2); opacity: 0; } }

.soon-display { margin-top: 22px; font-size: clamp(54px, 7.6vw, 124px); line-height: .9; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; color: #fff; }
.soon-display .hl { display: inline-block; padding-right: .04em; background: linear-gradient(92deg, #ddd6fe, #a78bfa 38%, #7c3aed 80%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 30px rgb(139 92 246 / .6)); }
.soon-h1 { margin-top: 24px; max-width: 36ch; font-size: clamp(18px, 1.55vw, 24px); line-height: 1.35; font-weight: 700; color: #fff; }
.soon-h1 .hl { color: #a78bfa; }
.soon-lead { margin-top: 12px; max-width: 540px; font-size: 16px; line-height: 1.7; color: var(--soft); }

/* Bekleme listesi formu ve durumları */
.soon-signup { margin-top: 28px; max-width: 580px; }
.soon-form { position: relative; }
.soon-form__row {
  display: flex; gap: 8px; padding: 6px; border-radius: 18px; background: rgb(9 13 30 / .72);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgb(167 139 250 / .3), 0 18px 40px -24px rgb(124 58 237 / .8);
  transition: box-shadow .2s;
}
.soon-form__row:focus-within { box-shadow: inset 0 0 0 1px rgb(167 139 250 / .75), 0 0 0 4px rgb(124 58 237 / .2), 0 18px 40px -24px rgb(124 58 237 / .8); }
.soon-field { position: relative; display: flex; min-width: 0; flex: 1; align-items: center; }
.soon-field > .icon { pointer-events: none; position: absolute; left: 16px; width: 18px; height: 18px; color: var(--mute); }
.soon-field input { width: 100%; height: 52px; padding-inline: 46px 12px; border-radius: 12px; font-size: 15px; color: #fff; outline: none; }
.soon-form.is-invalid-email .soon-form__row { box-shadow: inset 0 0 0 1.5px #f87171, 0 0 0 4px rgb(248 113 113 / .16); }
.soon-form.is-invalid-email .soon-field > .icon { color: #f87171; }
.soon-form__spin { display: none; }
.soon-form.is-sending .soon-form__submit { opacity: .78; cursor: progress; transform: none; }
.soon-form.is-sending .soon-form__spin { display: block; animation: spin 1s linear infinite; }
.soon-form.is-sending .soon-form__arrow { display: none; }
.soon-err { margin-top: 8px; padding-left: 4px; font-size: 13px; font-weight: 500; color: #fca5a5; }
.soon-err--form { margin-top: 12px; }
.soon-consent { margin-top: 12px; display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: 12px; font-size: 13px; line-height: 1.55; color: var(--soft); transition: background-color .2s, box-shadow .2s; }
.soon-consent input {
  appearance: none; -webkit-appearance: none; display: block; flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; cursor: pointer;
  background: rgb(9 13 30 / .7) center / 14px no-repeat; box-shadow: inset 0 0 0 1.5px rgb(167 139 250 / .55); transition: background-color .15s, box-shadow .15s;
}
.soon-consent input:checked { background-color: #7c3aed; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); box-shadow: inset 0 0 0 1.5px #a78bfa, 0 0 12px -2px rgb(124 58 237 / .8); }
.soon-consent input:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 2px; }
.soon-consent label { cursor: pointer; }
.soon-consent a { color: #c4b5fd; text-decoration: underline; text-underline-offset: 2px; }
.soon-consent a:hover { color: #fff; }
.soon-form.is-invalid-consent .soon-consent { background: rgb(248 113 113 / .1); box-shadow: inset 0 0 0 1px rgb(248 113 113 / .6); }
.soon-form.is-invalid-consent .soon-consent input { box-shadow: inset 0 0 0 1.5px #f87171; }
.soon-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.soon-result { display: flex; align-items: center; gap: 14px; padding: 12px 20px 12px 10px; border-radius: 18px; outline: none; animation: soon-pop .45s var(--ease-out); }
.soon-result--ok { background: linear-gradient(135deg, rgb(34 197 94 / .18), rgb(34 197 94 / .06)); box-shadow: inset 0 0 0 1px rgb(74 222 128 / .5), 0 18px 40px -26px rgb(34 197 94 / .9); }
.soon-result--exists { background: linear-gradient(135deg, rgb(245 158 11 / .18), rgb(245 158 11 / .06)); box-shadow: inset 0 0 0 1px rgb(251 191 36 / .5), 0 18px 40px -26px rgb(245 158 11 / .9); }
.soon-result__img { width: 88px; height: 88px; flex-shrink: 0; object-fit: contain; }
.soon-result__title { font-size: 19px; font-weight: 800; }
.soon-result--ok .soon-result__title { color: #86efac; }
.soon-result--exists .soon-result__title { color: #fde68a; }
.soon-result__text { margin-top: 4px; font-size: 14px; line-height: 1.55; color: var(--soft); }
@keyframes soon-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } }

/* Maskot ve geri sayım */
.soon-hero__visual { position: relative; z-index: 0; display: flex; min-width: 0; flex-direction: column; align-items: center; }
.soon-hero__glow { pointer-events: none; position: absolute; left: 50%; top: 38%; z-index: -1; width: 112%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgb(124 58 237 / .5), rgb(124 58 237 / .14) 45%, transparent 68%); }
.soon-hero__img { width: 100%; max-width: 560px; height: auto; animation: soon-float 6s ease-in-out infinite; }
@keyframes soon-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -14px; } }
.soon-count { position: relative; z-index: 1; width: min(100%, 520px); margin-top: -6%; }
.soon-count__deco { pointer-events: none; position: absolute; z-index: 2; height: auto; }
.soon-count__deco--l { left: -78px; top: -34px; width: 132px; rotate: -12deg; animation: soon-float 5s ease-in-out infinite; }
.soon-count__deco--r { right: -64px; top: -50px; width: 120px; rotate: 8deg; animation: soon-float 5.6s ease-in-out -1.6s infinite; }
.soon-count__frame { padding: 1.5px; border-radius: 24px; background: linear-gradient(135deg, #c4b5fd, rgb(96 165 250 / .55) 42%, #7c3aed); box-shadow: 0 30px 60px -30px rgb(124 58 237 / .95), 0 0 44px -16px rgb(139 92 246 / .85); }
.soon-count__in { border-radius: 23px; padding: 18px 20px 16px; text-align: center; background: linear-gradient(180deg, rgb(17 22 48 / .97), rgb(9 12 28 / .98)); }
.soon-count__title { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #c4b5fd; }
.soon-count__title .icon { width: 16px; height: 16px; }
.soon-count__boxes { margin-top: 12px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.soon-count__box { padding: 12px 4px 10px; border-radius: 14px; background: linear-gradient(180deg, rgb(124 58 237 / .22), rgb(124 58 237 / .06)); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .3); }
.soon-count__num { display: block; font-size: clamp(26px, 2.6vw, 40px); line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; color: #fff; text-shadow: 0 0 22px rgb(139 92 246 / .75); }
.soon-count__lbl { margin-top: 6px; display: block; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.soon-count__done { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 14px; border-radius: 14px; background: linear-gradient(90deg, rgb(124 58 237 / .42), rgb(59 130 246 / .28)); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .45); font-size: 16px; font-weight: 800; color: #fff; }
.soon-count__done .icon { width: 18px; height: 18px; color: #fde68a; }
.soon-count__date { margin-top: 12px; font-size: 13px; color: var(--mute); }
.soon-count__date time { font-weight: 600; color: #fff; }

@media (max-width: 859.98px) {
  .soon-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .soon-hero__visual { order: -1; }
  .soon-hero__img { max-width: 380px; }
  .soon-hero__copy { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .soon-h1, .soon-lead { margin-inline: auto; }
  .soon-signup { width: 100%; text-align: left; }
  .soon-notice { text-align: left; }
}
@media (max-width: 1099.98px) {
  .soon-count__deco--l { left: -40px; top: -40px; width: 100px; }
  .soon-count__deco--r { right: -28px; top: -50px; width: 88px; }
}
@media (max-width: 639.98px) { .soon-count__decos { display: none; } }
@media (max-width: 559.98px) {
  .soon-hero__img { max-width: 320px; }
  .soon-form__row { flex-direction: column; }
  .soon-form__submit { width: 100%; }
  .soon-count__in { padding: 16px 12px 14px; }
  .soon-count__boxes { gap: 6px; }
  .soon-result { align-items: flex-start; }
  .soon-result__img { width: 64px; height: 64px; }
}

/* ── Özellik kartları ── */
.soon-features { padding-block: 16px clamp(48px, 6vw, 88px); }
.soon-features__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.soon-feature { padding: 22px 22px 24px; border-radius: 20px; }
.soon-feature:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .62), 0 18px 36px -18px rgb(124 58 237 / .85), 0 0 28px -12px rgb(139 92 246 / .8); }
.soon-feature__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; color: var(--c); background: color-mix(in oklab, var(--c) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--c) 42%, transparent), 0 0 26px -8px var(--c); }
.soon-feature__icon .icon { width: 22px; height: 22px; }
.soon-feature__title { margin-top: 16px; font-size: 17px; font-weight: 700; color: #fff; }
.soon-feature__text { margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--mute); }
@media (max-width: 1099.98px) { .soon-features__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559.98px) { .soon-features__grid { grid-template-columns: minmax(0, 1fr); } }

/* ── Bölüm başlıkları ── */
.soon-title { font-size: clamp(26px, 3vw, 42px); line-height: 1.08; font-weight: 900; letter-spacing: -.01em; text-transform: uppercase; color: #fff; }
.soon-title .hl { background: linear-gradient(92deg, #ddd6fe, #a78bfa 45%, #7c3aed); -webkit-background-clip: text; background-clip: text; color: transparent; }
.soon-sub { margin-top: 12px; max-width: 580px; font-size: 15px; line-height: 1.7; color: var(--soft); }

/* ── Kayan kategori bandı ── */
.soon-cats { padding-block: clamp(32px, 4vw, 64px); }
.soon-cats__band { margin-top: 12px; padding-block: 22px 34px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.soon-cats__track { display: flex; width: max-content; }
.soon-cats__row { display: flex; gap: 20px; padding-right: 20px; }
.soon-cat { width: 300px; flex-shrink: 0; }
.soon-cat__card { position: relative; isolation: isolate; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 24px; background: #0b1124; transition: transform .35s var(--ease-out), box-shadow .35s; }
.soon-cat__card::after { pointer-events: none; content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); transition: box-shadow .35s; }
.soon-cat__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease-out); }
.soon-cat__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgb(7 10 24 / .97) 0%, rgb(7 10 24 / .74) 32%, rgb(7 10 24 / 0) 62%), radial-gradient(90% 46% at 50% 100%, color-mix(in oklab, var(--hue) 50%, transparent), transparent 72%); }
.soon-cat__pill { position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding-inline: 10px 12px; border-radius: 999px; background: rgb(7 10 24 / .62); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--hue) 55%, transparent); font-size: 12px; font-weight: 700; color: #fff; }
.soon-cat__pill .icon { width: 15px; height: 15px; color: var(--hue); }
.soon-cat__body { position: absolute; inset: auto 0 0; padding: 20px 20px 22px; }
.soon-cat__name { font-size: 28px; line-height: 1.02; font-weight: 900; letter-spacing: -.01em; text-transform: uppercase; color: #fff; text-shadow: 0 2px 18px rgb(0 0 0 / .6); }
.soon-cat__text { margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--soft); }
.soon-cat__line { margin-top: 14px; display: block; width: 44px; height: 3px; border-radius: 3px; background: var(--hue); box-shadow: 0 0 12px var(--hue); transition: width .35s var(--ease-out); }
.soon-cat:hover .soon-cat__card { transform: translateY(-8px) scale(1.02); box-shadow: 0 22px 44px -18px color-mix(in oklab, var(--hue) 80%, transparent), 0 0 36px -10px var(--hue); }
.soon-cat:hover .soon-cat__card::after { box-shadow: inset 0 0 0 1.5px var(--hue); }
.soon-cat:hover .soon-cat__img { transform: scale(1.06); }
.soon-cat:hover .soon-cat__line { width: 72px; }
@media (max-width: 1099.98px) { .soon-cat { width: 260px; } .soon-cat__name { font-size: 24px; } }
@media (max-width: 639.98px) {
  .soon-cat { width: 220px; }
  .soon-cat__name { font-size: 22px; }
  .soon-cat__body { padding: 16px 16px 18px; }
}

/* ── SSS ── */
.soon-faq { padding-block: clamp(48px, 6vw, 96px); }
.soon-faq__grid { display: grid; gap: 28px; }
.soon-faq__mail { margin-top: 22px; }
.soon-faq__mascot { margin-top: 28px; width: 280px; max-width: 80%; height: auto; animation: soon-float 6s ease-in-out infinite; }
.soon-faq__list { display: flex; min-width: 0; flex-direction: column; gap: 12px; }
.soon-q { padding: 1px; border-radius: 18px; background: rgb(255 255 255 / .09); transition: background-color .3s, box-shadow .3s; }
.soon-q__box { position: relative; overflow: hidden; border-radius: 17px; background: linear-gradient(180deg, rgb(17 24 50 / .94), rgb(10 14 32 / .96)); }
.soon-q__box::after { pointer-events: none; content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgb(255 255 255 / .13) 50%, transparent 70%); transform: translateX(-110%); }
.soon-q.is-open { background: linear-gradient(135deg, #a78bfa, #3b82f6 55%, #7c3aed); box-shadow: 0 22px 44px -24px rgb(124 58 237 / .95), 0 0 32px -12px rgb(139 92 246 / .75); }
.soon-q.is-open .soon-q__box::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #c4b5fd, #7c3aed); box-shadow: 0 0 14px rgb(139 92 246 / .9); }
.soon-q.is-sweep .soon-q__box::after { animation: soon-sweep .9s ease-out 1; }
@keyframes soon-sweep { to { transform: translateX(110%); } }
.soon-q__btn { display: flex; width: 100%; align-items: center; gap: 16px; padding: 20px 20px 20px 22px; text-align: left; font-size: 16px; line-height: 1.4; font-weight: 600; color: #fff; }
.soon-q__btn:focus-visible { outline: 2px solid #c4b5fd; outline-offset: -4px; border-radius: 16px; }
.soon-q__n { min-width: 24px; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--dim); transition: color .3s; }
.soon-q.is-open .soon-q__n { color: #a78bfa; }
.soon-q__text { flex: 1; }
.soon-q__plus { display: grid; width: 34px; height: 34px; flex-shrink: 0; place-items: center; border-radius: 10px; background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); transition: background-color .3s, box-shadow .3s; }
.soon-q__plus .icon { width: 18px; height: 18px; transition: transform .35s var(--ease-out); }
.soon-q.is-open .soon-q__plus { background: #7c3aed; box-shadow: 0 0 18px -4px rgb(124 58 237 / .95); }
.soon-q.is-open .soon-q__plus .icon { transform: rotate(45deg); }
.soon-q__a { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .4s var(--ease-out), visibility 0s linear .4s; }
.soon-q.is-open .soon-q__a { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .4s var(--ease-out), visibility 0s; }
.soon-q__inner { min-height: 0; overflow: hidden; }
.soon-q__inner p { padding: 0 22px 22px 62px; font-size: 15px; line-height: 1.7; color: var(--soft); opacity: 0; transform: translateY(-6px); transition: opacity .4s, transform .4s var(--ease-out); }
.soon-q.is-open .soon-q__inner p { opacity: 1; transform: none; }
@media (min-width: 960px) {
  .soon-faq__grid { grid-template-columns: minmax(0, 380px) minmax(0, 1fr); align-items: start; gap: clamp(40px, 5vw, 88px); }
  .soon-faq__side { position: sticky; top: 104px; }
}
@media (max-width: 959.98px) { .soon-faq__mascot { display: none; } }
@media (max-width: 559.98px) {
  .soon-q__btn { gap: 12px; padding: 16px 14px 16px 16px; font-size: 15px; }
  .soon-q__inner p { padding: 0 16px 18px 52px; font-size: 14px; }
}

/* ── Bizi takip et ── */
.soon-follow { padding-block: clamp(16px, 3vw, 40px) clamp(56px, 7vw, 104px); }
.soon-follow__frame { padding: 1.5px; border-radius: 30px; background: linear-gradient(135deg, rgb(196 181 253 / .85), rgb(96 165 250 / .35) 42%, rgb(124 58 237 / .7)); box-shadow: 0 40px 80px -40px rgb(124 58 237 / .85); }
.soon-follow__card {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); align-items: center; gap: 32px; overflow: hidden;
  padding: clamp(24px, 4vw, 52px); border-radius: 28.5px;
  background: radial-gradient(60% 90% at 100% 50%, rgb(124 58 237 / .32), transparent 70%), linear-gradient(180deg, rgb(17 22 48 / .96), rgb(9 12 28 / .97));
}
.soon-follow__copy { min-width: 0; }
.soon-follow__art { display: flex; justify-content: center; }
.soon-follow__img { width: 100%; max-width: 400px; height: auto; animation: soon-float 6s ease-in-out infinite; }
.soon-social { margin-top: 26px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.soon-social li { min-width: 0; }
.soon-social__card { display: flex; height: 100%; flex-direction: column; align-items: flex-start; gap: 3px; padding: 16px; border-radius: 18px; background: rgb(255 255 255 / .04); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); transition: transform .25s var(--ease-out), box-shadow .25s, background-color .25s; }
a.soon-social__card:hover, a.soon-social__card:focus-visible { transform: translateY(-4px); background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--b) 65%, transparent), 0 18px 36px -18px var(--a), 0 0 30px -10px var(--b); }
a.soon-social__card:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 2px; }
.soon-social__icon { margin-bottom: 10px; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--a), var(--b)); color: #fff; box-shadow: 0 10px 22px -10px var(--a), inset 0 1px 0 rgb(255 255 255 / .25); }
.soon-social__icon .icon { width: 22px; height: 22px; }
.soon-social__name { font-size: 15px; font-weight: 700; color: #fff; }
.soon-social__handle { max-width: 100%; font-size: 13px; color: var(--mute); overflow-wrap: anywhere; }
.soon-social__action { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: #c4b5fd; }
.soon-social__action .icon { width: 15px; height: 15px; }
.soon-social__card.is-soon .soon-social__action { color: var(--dim); }
@media (max-width: 1239.98px) { .soon-social { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 759.98px) {
  .soon-follow__card { grid-template-columns: minmax(0, 1fr); }
  .soon-follow__art { display: none; }
}

/* ── Footer ── */
.soon-footer { position: relative; background: rgb(7 10 24 / .88); }
.soon-footer__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-block: 36px 24px; }
.soon-footer__logo { display: inline-block; }
.soon-footer__logo img { display: block; width: auto; height: 44px; }
.soon-footer__text { margin-top: 12px; max-width: 440px; font-size: 14px; line-height: 1.65; color: var(--soft); }
.soon-footer .socials { margin-top: 0; }
.soon-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-block: 0 32px; }
.soon-footer__bottom .legal-pills { margin-top: 0; }
.soon-footer__copy { font-size: 13px; color: var(--mute); }

/* ── Yasal belge penceresi (footer hapları, KVKK ve çerez bağlantıları; template-parts/soon/legal.php) ── */
html.soon-modal-open { overflow: hidden; }
.soon-legal { position: fixed; inset: 0; margin: auto; width: min(880px, calc(100% - 32px)); max-width: none; height: min(86vh, 920px); max-height: none; padding: 0; border: 0; overflow: visible; background: transparent; color: inherit; }
.soon-legal::backdrop { background: rgb(4 6 16 / .74); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.soon-legal[open] { animation: soon-modal .3s var(--ease-out); }
@keyframes soon-modal { from { opacity: 0; transform: translateY(12px) scale(.98); } }
.soon-legal__frame { height: 100%; padding: 1.5px; border-radius: 24px; background: linear-gradient(135deg, #c4b5fd, rgb(96 165 250 / .5) 42%, #7c3aed); box-shadow: 0 40px 90px -30px rgb(0 0 0 / .9), 0 0 50px -18px rgb(139 92 246 / .8); }
.soon-legal__box { display: flex; height: 100%; flex-direction: column; overflow: hidden; border-radius: 22.5px; background: linear-gradient(180deg, rgb(17 22 48), rgb(9 12 28)); }
.soon-legal__head { display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px; box-shadow: inset 0 -1px 0 rgb(255 255 255 / .08); }
.soon-legal__tabs { display: flex; min-width: 0; flex: 1; gap: 6px; overflow-x: auto; }
.soon-legal__tab { display: inline-flex; flex-shrink: 0; align-items: center; gap: 7px; height: 36px; padding-inline: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--mute); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); transition: color .2s, background-color .2s, box-shadow .2s; }
.soon-legal__tab:hover { color: #fff; background: rgb(255 255 255 / .05); }
.soon-legal__tab.is-active { color: #fff; background: rgb(124 58 237 / .24); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .65); }
.soon-legal__tab:focus-visible, .soon-legal__close:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 2px; }
.soon-legal__tab-img { width: 22px; height: 22px; object-fit: contain; }
/* Geniş ekranda tüm sekmeler görünsün (sığmazsa alt satıra geçer); dar ekranda yatay kaydırılır. */
@media (min-width: 760px) { .soon-legal__tabs { flex-wrap: wrap; overflow: visible; } }
.soon-legal__close { display: grid; width: 38px; height: 38px; flex-shrink: 0; place-items: center; border-radius: 11px; background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); color: #fff; transition: background-color .2s; }
.soon-legal__close:hover { background: #7c3aed; }
.soon-legal__close .icon { width: 18px; height: 18px; }
.soon-legal__body { min-height: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 24px clamp(18px, 3vw, 32px) 32px; outline: none; }
.soon-legal__state { display: flex; min-height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; font-size: 15px; color: var(--mute); }
.soon-legal__state > .icon { width: 30px; height: 30px; color: #a78bfa; }
.soon-legal__doc-head { display: flex; align-items: center; gap: 14px; }
.soon-legal__doc-img { width: 52px; height: 52px; flex-shrink: 0; object-fit: contain; }
.soon-legal__title { font-size: clamp(20px, 2.2vw, 28px); line-height: 1.15; font-weight: 800; letter-spacing: -.01em; text-transform: uppercase; color: #fff; }
.soon-legal__meta { margin-top: 4px; font-size: 13px; color: var(--mute); }
.soon-legal__summary { margin-top: 20px; padding: 14px 16px; border-radius: 14px; background: linear-gradient(180deg, rgb(124 58 237 / .12), rgb(7 12 26 / .5)); box-shadow: inset 0 0 0 1px rgb(167 139 250 / .3); }
.soon-legal__summary-title { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #a78bfa; }
.soon-legal__summary-title .icon { width: 14px; height: 14px; }
.soon-legal__summary ul { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.soon-legal__summary li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.soon-legal__summary li::before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.soon-legal__content { margin-top: 22px; counter-reset: legal; }
.soon-legal__content > h2, .soon-legal__content > h3 { position: relative; margin-top: 22px; padding-left: 46px; counter-increment: legal; font-size: 16px; line-height: 1.4; font-weight: 800; color: #fff; }
.soon-legal__content > :first-child { margin-top: 0; }
.soon-legal__content > h2::before, .soon-legal__content > h3::before { content: counter(legal, decimal-leading-zero); position: absolute; left: 0; top: 0; font-size: 17px; font-weight: 800; color: #a78bfa; opacity: .85; }
.soon-legal__content > p, .soon-legal__content > ul, .soon-legal__content > ol { margin-top: 8px; padding-left: 46px; font-size: 15px; line-height: 1.65; color: var(--soft); }
.soon-legal__content ul { list-style: disc; }
.soon-legal__content ol { list-style: decimal; }
.soon-legal__content li { margin-left: 1.1em; }
.soon-legal__content a { color: #c4b5fd; text-decoration: underline; text-underline-offset: 2px; }
.soon-legal__content strong { color: #fff; }
.soon-legal__consent { margin-top: 22px; }
@media (max-width: 559.98px) {
  .soon-legal { width: calc(100% - 16px); height: calc(100% - 16px); }
  .soon-legal__frame { border-radius: 20px; }
  .soon-legal__box { border-radius: 18.5px; }
  .soon-legal__head { padding: 10px 10px 10px 12px; }
  .soon-legal__content > h2, .soon-legal__content > h3, .soon-legal__content > p, .soon-legal__content > ul, .soon-legal__content > ol { padding-left: 34px; }
  .soon-legal__content > p, .soon-legal__content > ul, .soon-legal__content > ol { font-size: 14px; }
}

/* ── Azaltılmış hareket ── */
@media (prefers-reduced-motion: reduce) {
  .soon-pill__dot::after, .soon-hero__img, .soon-count__deco, .soon-faq__mascot, .soon-follow__img, .soon-result, .soon-legal[open] { animation: none; }
  .soon-q.is-sweep .soon-q__box::after { animation: none; }
  .soon-btn:hover, .soon-feature:hover, a.soon-social__card:hover, .soon-cat:hover .soon-cat__card, .soon-cat:hover .soon-cat__img { transform: none; }
  .soon-q__a, .soon-q__inner p { transition: none; }
}