/* ─────────────────────────────────────────────────────────────────────────
   Zaaf landing v3 — Claude Design tuvalinden aktarılan arayüzün
   üretim stil sayfası.

   Tuval dosyası (.dc.html) stilleri satır içi taşıyor ve `style-hover`
   gibi kendi çalışma zamanına ait öznitelikler kullanıyordu; bunların
   tarayıcıda karşılığı yok. Burada üç şey yapılıyor:
     1. `style-hover` karşılıkları gerçek :hover kuralları olarak,
     2. tuvalde hiç düşünülmemiş MOBİL davranış (tuval sabit geniş
        artboard'da çalışır, telefonda kırılan yerler burada onarılır),
     3. tuvalde statik duran booking takvimi + iletişim formunun stilleri.

   Renkler tuvalin kendi paletinden: ink #16171A, kağıt #F3F2F2,
   marka cyan #2340E8.
   ───────────────────────────────────────────────────────────────────── */

/* Fontlar self-host — üçüncü taraf istek yok. Dosyalar eski landing'den
   devralındı (aynı aile, aynı sürüm). */
@font-face{font-family:"Archivo";src:url("fonts/archivo-1.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Archivo";src:url("fonts/archivo-2.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";src:url("fonts/archivo-3.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono-var.woff2") format("woff2");
  font-weight:400 500;font-style:normal;font-display:swap}

:root{
  --vx-ink:#16171A;
  --vx-paper:#F3F2F2;
  --vx-cyan:#2340E8;
  --vx-ink-70:rgba(22,23,26,0.7);
  --vx-ink-55:rgba(22,23,26,0.55);
}

/* Tuvalden gelen satır içi `transition` var; hover'ın kendisi burada. */
.vxh-ink:hover{color:#16171A}
.vxh-fill:hover{background:#24313f;color:#fff}

/* Yatay taşma landing'de her zaman bir hatadır: 420vh'lik izometrik
   bölüm ve marquee'ler taşabiliyor. Tek yerden kapatılıyor. */
html,body{overflow-x:clip;max-width:100%}

/* Safari mask-image ön eki — maskesiz kalırsa marquee kenarları sert biter. */
[style*="mask-image"]{-webkit-mask-image:inherit}

/* ── Ok ikonu ────────────────────────────────────────────────────────────
   Tuval Phosphor'u unpkg'den <i> ile çekiyordu; üçüncü taraf istek ve
   ikon fontu yüklenene kadar boş kutu demek. İki ikon inline SVG oldu. */
.vx-i{display:inline-block;vertical-align:middle;flex:0 0 auto}
.vx-arrow{transition:transform 220ms cubic-bezier(.22,.61,.36,1)}
.vx-cta:hover .vx-arrow{transform:translateX(3px)}

/* ── Kaydırma açılışı ────────────────────────────────────────────────── */
[data-reveal]{will-change:opacity,transform}

/* ── Mobil gezinme ───────────────────────────────────────────────────────
   Tuvalin nav'ı tek satırda beş bağlantı + CTA taşıyor; 390px'te bu
   satır taşıyor ve logo ile CTA üst üste biniyordu. 900px altında
   bağlantılar tam ekran panele taşınıyor. */
.vx-navlinks{display:flex;align-items:center;gap:32px}
.vx-burger{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;
  border:1px solid rgba(22,23,26,0.16);border-radius:999px;background:rgba(255,255,255,0.6);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;padding:0}
.vx-burger span{display:block;width:17px;height:1.6px;background:var(--vx-ink);border-radius:2px;
  transition:transform 240ms ease,opacity 200ms ease}
.vx-burger span+span{margin-top:4.5px}
.vx-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.1px) rotate(45deg)}
.vx-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.vx-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.1px) rotate(-45deg)}

.vx-mobilenav{position:fixed;inset:0;z-index:60;background:var(--vx-paper);
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px 28px;
  opacity:0;visibility:hidden;transition:opacity 240ms ease,visibility 240ms}
.vx-mobilenav[data-open="1"]{opacity:1;visibility:visible}
.vx-mobilenav a{font-size:30px;font-weight:500;letter-spacing:-0.035em;padding:10px 0;
  border-bottom:1px solid rgba(22,23,26,0.09)}
.vx-mobilenav a:last-of-type{border-bottom:0}
.vx-mobilenav .vx-mn-close{position:absolute;top:22px;right:22px;width:44px;height:44px;
  border:1px solid rgba(22,23,26,0.16);border-radius:999px;background:transparent;
  font-size:22px;line-height:1;cursor:pointer;color:var(--vx-ink)}

@media (max-width:900px){
  .vx-navlinks{display:none}
  .vx-burger{display:flex}
}

/* ── Kahraman bölüm ──────────────────────────────────────────────────────
   min-height:780px telefonda (640-740px görünür alan) taşma üretiyordu;
   ayrıca 100vh mobil tarayıcıda adres çubuğu yüzünden yanlış. */
@media (max-width:760px){
  .vx-hero{height:auto!important;min-height:0!important}
  .vx-hero-frame{min-height:82svh!important}
  .vx-hero-inner{padding-top:104px!important;padding-bottom:28px!important}
  .vx-hero-inner h1{font-size:clamp(34px,10.5vw,46px)!important}
  .vx-ticker-wrap{margin-top:36px!important}
}

/* ── İzometrik "the loop" bölümü ─────────────────────────────────────────
   Tuvalde 420vh'lik bir kaydırma rayı ve sticky bir kart var. Telefonda
   kart görünür alandan uzun olduğu için sticky çalışmıyor, 420vh ise
   dört ekran boyu boşluk demek. Mobilde ray düzleştiriliyor; SVG'yi
   canlı tutan zamanlayıcı JS'te zaten var. */
@media (max-width:900px){
  .vx-iso-track{height:auto!important}
  .vx-iso-sticky{position:static!important}
  .vx-iso-cue{display:none}
  .vx-iso-svg{max-width:420px}
}

/* ── Kapsam videosu kartı ───────────────────────────────────────────── */
@media (max-width:760px){
  .vx-scope-card{min-height:460px!important}
}

/* ── Bölüm dolguları ─────────────────────────────────────────────────── */
@media (max-width:760px){
  .vx-sec{padding-left:16px!important;padding-right:16px!important}
  .vx-sec-pad{padding-top:64px!important;padding-bottom:64px!important}
}

/* ── Takvim (booking) ────────────────────────────────────────────────────
   Canlıdaki davranışın birebir karşılığı, yeni tasarımın diliyle:
   takvim istemcide üretiliyor, sunucudan yalnız DOLU slotlar geliyor.  */
.vx-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,3vw,44px);margin-top:28px;align-items:start;
  animation:vx-book-in 420ms cubic-bezier(.22,.61,.36,1)}
/* display:grid, [hidden]'ın display:none'unu ezer — açıkça geri alınıyor. */
.vx-book[hidden]{display:none}
.vx-book-open{margin-top:36px}
@keyframes vx-book-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vx-book{animation:none}}
@media (max-width:900px){.vx-book{grid-template-columns:minmax(0,1fr)}}

.vx-bk-panel{border:1px solid rgba(255,255,255,0.14);border-radius:20px;
  background:rgba(255,255,255,0.04);padding:clamp(18px,2vw,26px)}

.vx-bk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vx-bk-month{font-size:16px;font-weight:500;letter-spacing:-0.02em}
.vx-bk-nav{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,0.2);
  background:transparent;color:#fff;font-size:15px;line-height:1;cursor:pointer;
  transition:background 180ms ease,border-color 180ms ease}
.vx-bk-nav:hover:not(:disabled){background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.4)}
.vx-bk-nav:disabled{opacity:.3;cursor:not-allowed}

.vx-bk-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
.vx-bk-dow span{text-align:center;font-family:'Geist Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.42)}

.vx-bk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.vx-bk-day{height:40px;min-width:0;display:grid;place-items:center;
  border:1px solid transparent;border-radius:10px;background:transparent;
  color:rgba(255,255,255,0.86);font:inherit;font-size:14px;cursor:pointer;
  transition:background 160ms ease,border-color 160ms ease,color 160ms ease}
.vx-bk-day:hover:not(:disabled){background:rgba(255,255,255,0.1)}
.vx-bk-day:disabled{opacity:.26;cursor:not-allowed}
.vx-bk-day[aria-pressed="true"]{background:var(--vx-cyan);color:var(--vx-ink);font-weight:600}
.vx-bk-day--empty{visibility:hidden}

.vx-bk-tz{margin:16px 0 10px;font-size:12.5px;color:rgba(255,255,255,0.5)}
.vx-bk-tz strong{color:rgba(255,255,255,0.78);font-weight:500}

.vx-bk-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;min-height:44px}
.vx-bk-slot{height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.18);
  border-radius:10px;background:transparent;color:rgba(255,255,255,0.86);
  font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;cursor:pointer;
  transition:background 160ms ease,border-color 160ms ease}
.vx-bk-slot:hover:not(:disabled){border-color:var(--vx-cyan);background:rgba(35,64,232,0.1)}
.vx-bk-slot:disabled{opacity:.28;cursor:not-allowed;text-decoration:line-through}
.vx-bk-slot[aria-pressed="true"]{background:var(--vx-cyan);color:var(--vx-ink);
  border-color:var(--vx-cyan);font-weight:600}
.vx-bk-hint{grid-column:1/-1;font-size:13px;color:rgba(255,255,255,0.42)}

.vx-bk-form{display:grid;gap:12px}
.vx-bk-chosen{border:1px dashed rgba(255,255,255,0.22);border-radius:12px;padding:12px 14px;
  font-size:14px;color:rgba(255,255,255,0.55)}
.vx-bk-chosen.is-set{border-style:solid;border-color:var(--vx-cyan);
  background:rgba(35,64,232,0.1);color:#fff;font-weight:500}

.vx-lbl{display:grid;gap:7px}
.vx-lbl>span{font-size:13.5px;color:rgba(255,255,255,0.6)}
.vx-in{padding:13px 17px;border-radius:14px;border:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.06);color:#fff;font-family:inherit;font-size:15px;
  width:100%;box-sizing:border-box;transition:border-color 160ms ease,background 160ms ease}
.vx-in::placeholder{color:rgba(255,255,255,0.34)}
.vx-in:focus{outline:none;border-color:var(--vx-cyan);background:rgba(255,255,255,0.09)}
textarea.vx-in{resize:vertical;min-height:78px;line-height:1.5}

.vx-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:8px 8px 8px 28px;border:0;border-radius:999px;background:var(--vx-cyan);
  color:var(--vx-ink);font-family:inherit;font-size:16.5px;font-weight:500;cursor:pointer;
  transition:opacity 180ms ease,filter 180ms ease}
.vx-btn:hover:not(:disabled){filter:brightness(1.08)}
.vx-btn:disabled{opacity:.45;cursor:not-allowed}
.vx-btn__pip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:999px;background:var(--vx-ink);color:#fff}

.vx-msg{min-height:20px;font-size:13.5px;color:rgba(255,255,255,0.6)}
.vx-msg.ok{color:var(--vx-cyan)}
.vx-msg.err{color:#ff9dbe}
.vx-fine{font-size:13px;color:rgba(255,255,255,0.45);margin:2px 0 0}

/* ── İletişim formu (açık zemin) ─────────────────────────────────────── */
.vx-ct-form{display:grid;gap:14px;max-width:660px}
.vx-ct-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:620px){.vx-ct-row{grid-template-columns:minmax(0,1fr)}}
.vx-ct-lbl{display:grid;gap:7px}
.vx-ct-lbl>span{font-size:13.5px;color:var(--vx-ink-55)}
.vx-ct-in{padding:13px 17px;border-radius:14px;border:1px solid rgba(22,23,26,0.16);
  background:#fff;color:var(--vx-ink);font-family:inherit;font-size:15px;width:100%;
  box-sizing:border-box;transition:border-color 160ms ease}
.vx-ct-in::placeholder{color:rgba(22,23,26,0.32)}
.vx-ct-in:focus{outline:none;border-color:var(--vx-cyan)}
textarea.vx-ct-in{resize:vertical;min-height:84px;line-height:1.5}
.vx-ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:8px 8px 8px 28px;border:0;border-radius:999px;background:var(--vx-ink);
  color:#fff;font-family:inherit;font-size:16.5px;font-weight:500;cursor:pointer;
  transition:background 180ms ease}
.vx-ct-btn:hover:not(:disabled){background:#24313f}
.vx-ct-btn:disabled{opacity:.5;cursor:not-allowed}
.vx-ct-btn__pip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:999px;background:#fff;color:var(--vx-ink)}
.vx-ct-msg{min-height:20px;font-size:13.5px;color:var(--vx-ink-55)}
.vx-ct-msg.ok{color:#0f7d92}
.vx-ct-msg.err{color:#c2185b}

/* ── Alt bilgi ───────────────────────────────────────────────────────── */
.vx-foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.vx-foot-links a{transition:color 180ms ease}
.vx-foot-links a:hover{color:var(--vx-ink)}

/* ── Erişilebilirlik ─────────────────────────────────────────────────── */
:focus-visible{outline:2px solid var(--vx-cyan);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ── SSS ─────────────────────────────────────────────────────────────────
   Tasarımın kendi dili: kutu yok, ince üst çizgi ve tipografi taşıyor. */
.vx-faq{border-top:1px solid rgba(22,23,26,0.12)}
.vx-faq:last-of-type{border-bottom:1px solid rgba(22,23,26,0.12)}
.vx-faq>summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;gap:20px;
  align-items:baseline;justify-content:space-between;font-size:18px;font-weight:500;
  letter-spacing:-0.02em;transition:color 180ms ease}
.vx-faq>summary::-webkit-details-marker{display:none}
.vx-faq>summary:hover{color:rgba(22,23,26,0.62)}
.vx-faq>summary::after{content:"+";font-family:'Geist Mono',ui-monospace,monospace;
  font-size:19px;line-height:1;color:rgba(22,23,26,0.4);flex:0 0 auto;
  transition:transform 240ms cubic-bezier(.22,.61,.36,1)}
.vx-faq[open]>summary::after{transform:rotate(45deg)}
.vx-faq p{margin:0 0 22px;font-size:16px;line-height:1.65;color:rgba(22,23,26,0.68);max-width:62ch}
.vx-faq a{border-bottom:1px solid rgba(22,23,26,0.3)}

/* ── Kısa görünür alan: izometrik kart ────────────────────────────────────
   Kart 1440x900'de 860px; 1366x768 dizüstünde sticky konumdayken alt satır
   ("05 · the review desk") ekran dışında kalıyordu. Yükseklik 900'ün altında
   kart sıkıştırılıyor. */
@media (min-width:901px) and (max-height:900px){
  .vx-iso-sticky>div{padding:clamp(20px,2.4vw,34px)!important;gap:24px clamp(24px,3vw,48px)!important}
  .vx-iso-sticky [data-iso-pick]{padding:10px 0!important}
  .vx-iso-sticky [data-iso-cap]{font-size:13.5px!important;margin-top:4px!important}
  .vx-iso-sticky h2{font-size:clamp(26px,3vw,36px)!important;margin-top:12px!important}
  .vx-iso-svg{max-width:400px}
}

/* ── Kahraman perdesi mobilde ────────────────────────────────────────────
   105° yatay gradyan dar ekranda karenin tamamını örtüyor ve videodan geriye
   hiçbir şey kalmıyordu. Mobilde dikey: metin üstte okunur, video altta görünür. */
@media (max-width:760px){
  .vx-hero-veil{background:linear-gradient(180deg,
    rgba(245,245,245,0.96) 0%, rgba(245,245,245,0.9) 42%,
    rgba(245,245,245,0.42) 72%, rgba(245,245,245,0.06) 100%)!important}
}

/* ── Takvim paneli dar ekranda ──────────────────────────────────────────── */
@media (max-width:420px){
  .vx-bk-panel{padding:16px 12px}
  .vx-bk-grid,.vx-bk-dow{gap:3px}
  .vx-bk-day{height:38px;font-size:13.5px}
  .vx-bk-times{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}
}

/* ── Mobil nav ölçüleri ──────────────────────────────────────────────────
   Nav satırı flex; hamburger 44px'lik kutusunu koruyamayıp eziliyordu ve
   "Book a demo" üç satıra sarıp daireye dönüşüyordu. */
.vx-burger{flex:0 0 44px}
.vx-navcta{white-space:nowrap}
@media (max-width:760px){
  .vx-navcta{padding:9px 18px!important;font-size:15px!important}
  nav{padding:16px!important}
  nav>div{gap:12px!important}
}
@media (max-width:360px){
  .vx-navcta{padding:8px 14px!important;font-size:14px!important}
}

/* ── Birlikte çalışılan kuruluşlar şeridi ─────────────────────────────────
   Karışık kaynaklardan gelen logolar: ikisi kendi renginde, dördü sitenin
   mürekkebine boyanmış. Ortak bir yükseklik ve hafif bir soluklukla tek bir
   duvar gibi okunuyorlar — biri diğerini bastırmasın. */
.vx-logo{height:28px;width:auto;display:block;flex-shrink:0;margin-right:44px;
  opacity:.85;transition:opacity 200ms ease}
/* Şerit tuvalde yer tutucu kutular içindi ve 34rem'e sıkışıktı; gerçek
   logolarla aynı anda üçü ancak görünüyordu. Kahraman metninin genişliğini
   aşmayacak kadar genişletildi. */
.vx-ticker-wrap{max-width:46rem!important}
@media (max-width:760px){.vx-ticker-wrap{max-width:100%!important}}
.vx-logo:hover{opacity:1}
@media (max-width:760px){.vx-logo{height:24px;margin-right:32px}}

/* ── Kanıt şeridi ─────────────────────────────────────────────────────────
   Üç ölçülmüş sayı; süs değil, defterden geliyor. Tipografi taşıyor. */
.vx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:0;border-top:1px solid rgba(22,23,26,0.12);border-bottom:1px solid rgba(22,23,26,0.12)}
.vx-stat{padding:28px 28px 28px 0;border-right:1px solid rgba(22,23,26,0.12)}
.vx-stat:last-child{border-right:0}
.vx-stat+.vx-stat{padding-left:28px}
.vx-stat__n{font-size:clamp(38px,4.6vw,60px);line-height:1;letter-spacing:-0.045em;font-weight:500;margin:0}
.vx-stat__n small{font-size:.5em;letter-spacing:-0.02em;color:var(--vx-ink-55);margin-left:6px}
.vx-stat__t{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--vx-ink-70);max-width:30ch}
.vx-stat__s{margin:6px 0 0;font-family:'Geist Mono',ui-monospace,monospace;font-size:11.5px;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(22,23,26,0.42)}
@media (max-width:760px){
  .vx-stat{border-right:0;border-bottom:1px solid rgba(22,23,26,0.12);padding:22px 0}
  .vx-stat+.vx-stat{padding-left:0}
  .vx-stat:last-child{border-bottom:0}
}

/* ── Fiyatlandırma ───────────────────────────────────────────────────────
   Üç aylık kart + tek seferlik paket. Kart dili sayfanın geri kalanıyla aynı:
   24px köşe, ince çerçeve, mono etiketler; öne çıkan plan mürekkep zeminli. */
.vx-pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.vx-pr-card{display:flex;flex-direction:column;min-width:0;border-radius:24px;padding:clamp(24px,2.4vw,34px);
  background:#fff;border:1px solid rgba(22,23,26,0.1);color:var(--vx-ink);position:relative}
.vx-pr-card h3{font-size:22px;font-weight:500;letter-spacing:-0.025em;margin:0}
.vx-pr-flag{position:absolute;top:22px;right:22px;font-family:'Geist Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;
  background:rgba(35,64,232,0.16);color:#0f7d92}
.vx-pr-price{display:flex;align-items:baseline;gap:10px;margin:22px 0 0}
.vx-pr-amount{font-size:clamp(40px,4vw,52px);line-height:1;letter-spacing:-0.045em;font-weight:500}
.vx-pr-per{font-size:14px;color:var(--vx-ink-55)}
.vx-pr-desc{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:var(--vx-ink-70);min-height:3.1em}
.vx-pr-list{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid rgba(22,23,26,0.1);
  display:grid;gap:11px;flex:1}
.vx-pr-list li{position:relative;padding-left:24px;font-size:15px;line-height:1.5;color:var(--vx-ink-70)}
.vx-pr-list li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:7px;
  border-left:2px solid var(--vx-cyan);border-bottom:2px solid var(--vx-cyan);transform:rotate(-45deg)}
.vx-pr-list li strong{color:var(--vx-ink);font-weight:500}
.vx-pr-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;
  padding:14px 24px;border-radius:999px;background:var(--vx-ink);color:#fff;font-size:16px;font-weight:500;
  transition:background 180ms ease}
.vx-pr-cta:hover{background:#24313f}
.vx-pr-fine{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:rgba(22,23,26,0.5)}
/* Öne çıkan: Growth */
.vx-pr-card--featured{background:var(--vx-ink);color:#fff;border-color:var(--vx-ink)}
.vx-pr-card--featured .vx-pr-per,.vx-pr-card--featured .vx-pr-desc,.vx-pr-card--featured .vx-pr-list li{color:rgba(255,255,255,0.68)}
.vx-pr-card--featured .vx-pr-list{border-top-color:rgba(255,255,255,0.14)}
.vx-pr-card--featured .vx-pr-list li strong{color:#fff}
.vx-pr-card--featured .vx-pr-flag{background:rgba(35,64,232,0.2);color:var(--vx-cyan)}
.vx-pr-card--featured .vx-pr-cta{background:var(--vx-cyan);color:var(--vx-ink)}
.vx-pr-card--featured .vx-pr-cta:hover{background:#6E86FF}
.vx-pr-card--featured .vx-pr-fine{color:rgba(255,255,255,0.45)}
/* Tek seferlik paket: yatay kart */
.vx-pr-pack{margin-top:16px;border-radius:24px;padding:clamp(24px,2.4vw,34px);background:#fff;
  border:1px solid rgba(22,23,26,0.1);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:24px clamp(24px,4vw,56px);align-items:start}
.vx-pr-pack h3{font-size:22px;font-weight:500;letter-spacing:-0.025em;margin:0}
.vx-pr-pack .vx-pr-list{border-top:0;padding-top:0;margin-top:0}
.vx-pr-pack .vx-pr-cta{margin-top:0;width:100%;box-sizing:border-box}
.vx-pr-note{margin:28px 0 0;font-size:15px;line-height:1.6;color:var(--vx-ink-55);max-width:70ch}
.vx-pr-note a{border-bottom:1px solid rgba(22,23,26,0.3)}

/* ── Fiyat kartı: öne çıkan özellik ───────────────────────────────────────
   Her planda tek bir şey öne çıkar; liste onun altında sakin kalır. */
.vx-pr-hero{margin:22px 0 0;padding:16px 18px;border-radius:16px;background:rgba(35,64,232,0.1);
  border:1px solid rgba(35,64,232,0.35)}
.vx-pr-hero p{margin:0;font-size:15px;line-height:1.5;color:var(--vx-ink)}
.vx-pr-hero p strong{font-weight:500}
.vx-pr-hero .vx-pr-hero__k{display:block;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:#0f7d92;margin-bottom:6px}
.vx-pr-card--featured .vx-pr-hero{background:rgba(35,64,232,0.14);border-color:rgba(35,64,232,0.45)}
.vx-pr-card--featured .vx-pr-hero p{color:#fff}
.vx-pr-card--featured .vx-pr-hero .vx-pr-hero__k{color:var(--vx-cyan)}
.vx-pr-hero+.vx-pr-list{border-top:0;padding-top:0;margin-top:18px}