/* PhillipCapital 2026 hesap acma landing sayfasi.

   TUM seciciler .landing-2026 altinda scope'lanmistir --
   styles.css uc sayfada da ortak yuklendigi icin sizinti olmamali.
   Bu dosyayi IKI sayfa kullanir:
     - Views/Home/Index.cshtml            (body: landing-2026)
     - Views/Home/TradingViewAccount.cshtml (body: landing-2026 landing-tv)
   Iki sayfa ayni duzeni paylasir; tek fark ustteki ortak marka logosudur
   (bkz. "Ortak marka logosu" blogu).

   OLCU SISTEMI
   Masaustu degerleri ajansin 1920x1080 comp'undan vw cinsine cevrildi
   (deger/1920*100). Arka plan "cover" ile viewport genisligine oturdugu
   icin, icerigi de vw ile olceklendirince form karti ve metin her ekran
   genisliginde arka plandaki %0 grafigine gore AYNI noktada kalir --
   sabit px kullanilsaydi genis ekranda kart grafigin uzerine binerdi.
   Mobil degerleri ayni sekilde 780x1668 mobil comp'undan turetildi.
   Cok dar ekranlarda okunabilirlik icin clamp() ile alt sinir konuldu.

   DIKEY SIKISTIRMA (masaustu scroll yasagi)
   Comp 16:9 varsayar ama tarayici cubugu + gorev cubugu ~150-170px yer;
   1080p ekranda gercek viewport ~911px. vw tabanli dikey olculer bu yuzden
   tasar ve sayfa scroll ederdi. Dikey margin/padding'ler min(Xvw, Ysvh)
   ile yazildi (Y = X * 1.45): viewport 16:9'dan kisaldikca bosluklar
   yukseklige gore kisilir, genis/tam ekranda comp orani korunur. Eski
   tarayicilar icin bir onceki satirdaki salt-vw degeri fallback'tir.
   719px ve alti viewport'lar (1366x768 laptop + tarayici cubugu) icin
   ek bir max-height blogu daha var. */

.landing-2026 {
    margin: 0;
    min-height: 100vh;
    /* Eski tarayici (svh destegi olmayan) 100vh satirinda kalir. iOS Safari /
       Chrome Android 100vh'yi EN BUYUK viewport'a cozer; dinamik tarayici
       cubuklari daralinca gorunur alan tasar. 100svh gercek gorunur
       yuksekligi verir. */
    min-height: 100svh;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: #01050f;
    color: #fff;
}

.landing-2026 .lp-hero {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    /* Fallback satiri once: image-set'i desteklemeyen tarayici bu satirda kalir. */
    background-image: url('/images/landing-bg.jpg');
    background-image: image-set(url('/images/landing-bg.webp') type('image/webp'),
                                url('/images/landing-bg.jpg') type('image/jpeg'));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Comp: icerik 1920 icinde 160..1760 arasi = 1600 genislik (83.33vw).
   Sag sutun (form karti) 493 genislik = 25.68vw.
   1324px altinda karti 340px'te sabitleriz; oranti bozulur ama form
   kullanilabilir kalir. */
.landing-2026 .lp-inner {
    position: relative;
    z-index: 2;
    width: 83.33vw;
    margin: 0 auto;
    padding: 2.34vw 0 3.1vw;
    padding: min(2.34vw, 3.4svh) 0 min(3.1vw, 4.5svh);
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr minmax(340px, 25.68vw);
    grid-template-rows: auto 1fr;
    column-gap: 2.5vw;
    box-sizing: border-box;
}

.landing-2026 .lp-logo {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
}

.landing-2026 .lp-logo img {
    /* Comp: 220/1920 */
    width: clamp(150px, 11.46vw, 260px);
    height: auto;
    display: block;
}

/* ---------- Ortak marka logosu (yalnizca TradingView sayfasi) ----------

   Ajans comp'u (1920x1080) olculeri, x ekseninde:
     PhillipCapital metni  60..276  (217 genislik)
     bosluk                277..295
     "x" ayirac            296..320 (25 genislik, #f78f20)
     bosluk                321..334
     TradingView kilidi    335..622 (288 genislik)

   phc-logo-white.png dosyasinin icerigi 956x300'luk tuvalin %93.7'sini
   kaplar (saydam pay var), bu yuzden goruntulenen <img> genisligi
   217/0.937 = 232px olmali -> 232/1920 = 12.06vw. TradingView PNG'si
   paysiz kirpildi, dogrudan 288/1920 = 15vw.

   Iki clamp() ayni oranda (232:288) olceklenir; aksi halde iki marka
   birbirine gore kayar. Ayni sebeple flex gap de comp'tan turetildi:
   gorunen 19px bosluktan phc PNG'sinin ~7px sag payi dusulur -> 12px. */
.landing-2026 .lp-logo-tv {
    display: flex;
    align-items: center;
    gap: clamp(8px, .63vw, 14px);
}

.landing-2026 .lp-logo-tv a {
    display: block;
    flex: 0 0 auto;
}

.landing-2026 .lp-logo-tv .lp-logo-phc {
    width: clamp(150px, 12.06vw, 274px);
}

.landing-2026 .lp-logo-tv .lp-logo-tvmark {
    width: clamp(186px, 15vw, 341px);
    flex: 0 0 auto;
}

/* Comp: 25x25 kutu, #f78f20. Cizim SVG oldugu icin olcu font'tan bagimsiz;
   clamp sinirlari phc logosuyla ayni oranda (25/232) olceklenir. */
.landing-2026 .lp-logo-tv .lp-logo-x {
    flex: 0 0 auto;
    width: clamp(16px, 1.3vw, 30px);
    height: auto;
    color: #f78f20;
}

/* ---------- Sol sutun ---------- */

/* Satiri esnetip QR'i alta sabitleyebilmek icin flex sutun. */
.landing-2026 .lp-copy {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Comp: logo alti 105 -> baslik ustu 210 */
    padding-top: 5vw;
    padding-top: min(5vw, 7.25svh);
    max-width: 42vw;
}

/* Comp: 62/1920. Ilk satir TEK SATIR kalmali ("BIST Hisse Islemlerinde"),
   ikinci satir turuncu "0 Komisyon!" -- toplam iki satir. */
.landing-2026 .lp-title {
    margin: 0;
    font-size: clamp(2rem, 3.23vw, 4.4rem);
    font-weight: 600;
    line-height: 1.22;
}

/* Ilk satirin tek satir kalmasini ancak sutunun genisligi yettiginde
   zorlariz. 1200px altinda nowrap yatay tasmaya yol acardi. */
@media (min-width: 1200px) {
    .landing-2026 .lp-title {
        white-space: nowrap;
    }
}

.landing-2026 .lp-title strong {
    display: block;
    font-weight: 700;
    color: #ff6600;
}

/* Comp: 28/1920, satir sonlari HTML'de <br> ile sabit. */
.landing-2026 .lp-lead {
    margin: 2.6vw 0 0;
    margin: min(2.6vw, 3.75svh) 0 0;
    font-size: clamp(.95rem, 1.46vw, 2rem);
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, .95);
}

.landing-2026 .lp-badge {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin-top: 1.45vw;
    margin-top: min(1.45vw, 2.1svh);
}

.landing-2026 .lp-badge img {
    /* Comp: 65/1920 */
    width: clamp(44px, 3.39vw, 84px);
    height: clamp(44px, 3.39vw, 84px);
    flex: 0 0 auto;
}

.landing-2026 .lp-badge h3 {
    margin: 0;
    font-size: clamp(.85rem, 1.04vw, 1.4rem);
    font-weight: 500;
    line-height: 1.35;
}

.landing-2026 .lp-badge p {
    margin: .15em 0 0;
    font-size: clamp(.8rem, .94vw, 1.3rem);
    font-weight: 300;
    line-height: 1.35;
    color: rgba(255, 255, 255, .85);
}

/* ---------- QR blogu (yalnizca masaustu) ---------- */

/* margin-top:auto -> comp'taki gibi sol sutunun altina sabitlenir;
   margin-bottom onu alt kenardan bir miktar yukari kaldirir. */
.landing-2026 .lp-qr {
    display: inline-flex;
    align-items: center;
    gap: 1.04vw;
    margin-top: auto;
    margin-bottom: 2.3vw;
    margin-bottom: min(2.3vw, 3.3svh);
    padding: .73vw 1.56vw .73vw .73vw;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .83vw;
    background: rgba(3, 10, 26, .55);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* Boyut, taranabilirlik ile ajans comp'u arasinda bilincli bir orta yol.
   Comp'taki 70px kutu ~1.2 px/modul verirdi; en uzun payload (tradingview
   URL'i) 57 modul genisliginde (QR version 8, ECC-Q + 4 modulluk sessiz
   alan x2) ve telefon kamerasi bunu parlak ekrandan guvenilir okuyamaz --
   sessizce sifir uygulama indirmesi demek. 130px kutu - 8px padding =
   122px icerik -> ~2.1 px/modul. */
.landing-2026 .lp-qr img {
    width: 130px;
    height: 130px;
    display: block;
    flex: 0 0 auto;
    border-radius: 6px;
    background: #fff;
    padding: 4px;
    box-sizing: border-box;
    /* Yuksek cozunurluklu PNG kucultulurken modul kenarlarinin
       yumusamasini onler. */
    image-rendering: pixelated;
}

.landing-2026 .lp-qr span {
    font-size: clamp(.72rem, .78vw, 1.05rem);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: .01em;
    text-transform: uppercase;
}

/* Uygulama indirme butonu yalnizca mobilde gorunur (asagida acilir). */
.landing-2026 .lp-app-cta {
    display: none;
}

/* ---------- Form karti ---------- */

/* Comp: kart 1262..1755 x, 145..995 y. Ust ofset logonun altina denk gelir. */
.landing-2026 .lp-card {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: start;
    margin-top: 5.2vw;
    margin-top: min(5.2vw, 7.5svh);
    background: #fff;
    color: #14213d;
    border-radius: 1.25vw;
    padding: 3.13vw 2.4vw 2.86vw;
    padding: min(3.13vw, 4.5svh) 2.4vw min(2.86vw, 4.15svh);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}

.landing-2026 .lp-card h2 {
    margin: 0;
    font-size: clamp(1.25rem, 1.56vw, 2.1rem);
    font-weight: 600;
    color: #14213d;
}

.landing-2026 .lp-card h2 span {
    color: #1560bd;
}

.landing-2026 .lp-card .lp-card-sub {
    margin: .5em 0 2.1vw;
    margin: .5em 0 min(2.1vw, 3.05svh);
    font-size: clamp(.8rem, .83vw, 1.1rem);
    color: #1560bd;
}

.landing-2026 .lp-field {
    position: relative;
    margin-bottom: 1.61vw;
    margin-bottom: min(1.61vw, 2.35svh);
    /* script.js odaklanildiginda ebeveyne scale(1.02) uyguluyor;
       gecis olmadan ani ziplardi. */
    transition: transform .2s ease;
}

.landing-2026 .lp-field i {
    position: absolute;
    left: 1.15vw;
    top: 50%;
    transform: translateY(-50%);
    /* Karttaki tum ikonlar marka mavisinde birlesir (baslik vurgusu,
       linkler ve onay kutulariyla ayni aksan). */
    color: #1560bd;
    font-size: clamp(.85rem, .83vw, 1.1rem);
}

.landing-2026 .lp-field input[type="text"],
.landing-2026 .lp-field input[type="email"],
.landing-2026 .lp-field input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
    padding: 1.04vw 1.04vw 1.04vw 2.9vw;
    padding: min(1.04vw, 1.5svh) 1.04vw min(1.04vw, 1.5svh) 2.9vw;
    font-family: inherit;
    font-size: clamp(.85rem, .83vw, 1.1rem);
    color: #14213d;
    background: #fff;
    border: 1px solid #d9dfe8;
    border-radius: .52vw;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.landing-2026 .lp-field input::placeholder {
    color: #9aa3b2;
}

.landing-2026 .lp-field input:focus {
    border-color: #1560bd;
    box-shadow: 0 0 0 3px rgba(21, 96, 189, .15);
}

.landing-2026 .lp-turnstile {
    display: flex;
    justify-content: center;
    margin: 1.04vw 0;
    margin: min(1.04vw, 1.5svh) 0;
}

.landing-2026 .lp-consent {
    display: flex;
    align-items: flex-start;
    gap: .6vw;
    margin: 0 0 1.15vw;
    margin: 0 0 min(1.15vw, 1.65svh);
    font-size: clamp(.68rem, .68vw, .95rem);
    line-height: 1.6;
    color: #3d4759;
}

.landing-2026 .lp-consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: clamp(14px, .83vw, 20px);
    height: clamp(14px, .83vw, 20px);
    margin-top: .2em;
    accent-color: #1560bd;
}

.landing-2026 .lp-consent a {
    color: #1560bd;
    text-decoration: none;
}

.landing-2026 .lp-consent a:hover {
    text-decoration: underline;
}

.landing-2026 .lp-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .83vw;
    width: 100%;
    margin-top: 1.35vw;
    margin-top: min(1.35vw, 1.95svh);
    padding: 1.15vw 1.25vw;
    padding: min(1.15vw, 1.65svh) 1.25vw;
    font-family: inherit;
    font-size: clamp(.95rem, .99vw, 1.35rem);
    font-weight: 600;
    color: #fff;
    background: #ff6600;
    border: none;
    border-radius: .52vw;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}

.landing-2026 .lp-submit:hover {
    background: #e05a00;
}

.landing-2026 .lp-submit:active {
    transform: translateY(1px);
}

.landing-2026 .lp-submit:disabled {
    background: #c9ced8;
    cursor: not-allowed;
}

.landing-2026 .lp-trust {
    display: flex;
    justify-content: space-between;
    gap: .6vw;
    margin-top: 1.67vw;
    margin-top: min(1.67vw, 2.4svh);
}

.landing-2026 .lp-trust div {
    display: flex;
    align-items: center;
    gap: .42vw;
    font-size: clamp(.62rem, .63vw, .85rem);
    line-height: 1.3;
    color: #3d4759;
}

.landing-2026 .lp-trust i {
    font-size: clamp(.95rem, 1.04vw, 1.4rem);
    color: #1560bd;
}

@media (prefers-reduced-motion: reduce) {
    .landing-2026 * {
        transition: none !important;
    }
}

/* ---------- Kisa masaustu viewport'lari ----------
   1366x768 laptop'ta tarayici cubuklariyla viewport ~620-660px kalir;
   yukaridaki min() katmani bile yetmez. Bosluklar tamamen svh'ye baglanir
   ki sayfa scroll etmesin. QR 130px kalir (okunabilirlik karari korunur). */
@media (min-width: 861px) and (max-height: 719px) {
    .landing-2026 .lp-inner {
        padding: 1.2svh 0 1.8svh;
    }

    .landing-2026 .lp-copy {
        padding-top: 3.6svh;
    }

    .landing-2026 .lp-lead {
        margin-top: 2.2svh;
    }

    .landing-2026 .lp-badge {
        margin-top: 1.3svh;
    }

    .landing-2026 .lp-card {
        margin-top: 3.4svh;
        padding: 2.4svh 2.4vw 2.2svh;
    }

    .landing-2026 .lp-card .lp-card-sub {
        margin-bottom: 1.6svh;
    }

    .landing-2026 .lp-field {
        margin-bottom: 1.4svh;
    }

    .landing-2026 .lp-field input[type="text"],
    .landing-2026 .lp-field input[type="email"],
    .landing-2026 .lp-field input[type="tel"] {
        padding-top: 1.1svh;
        padding-bottom: 1.1svh;
    }

    .landing-2026 .lp-turnstile {
        margin: 1svh 0;
    }

    .landing-2026 .lp-consent {
        margin-bottom: 1svh;
    }

    .landing-2026 .lp-submit {
        margin-top: 1.1svh;
        padding-top: 1.1svh;
        padding-bottom: 1.1svh;
    }

    .landing-2026 .lp-trust {
        margin-top: 1.3svh;
    }

    /* Kisa viewport'ta dikey bosluk kisitli; QR kaldirma payi kucultulur
       ki sutun tasip scroll yaratmasin. */
    .landing-2026 .lp-qr {
        margin-bottom: .5svh;
    }
}

/* ---------- Mobil ----------
   Comp: 780x1668. Sira: logo -> baslik -> aciklama -> rozet ->
   "Uygulamayi Indirin." pill -> form karti. Ust bosluk yok; metin
   arka plandaki %0 grafiginin SOLUNDAKI koyu alana oturuyor.

   background-size: 100% auto -> gorsel genisligi viewport'a birebir
   oturur (comp'un yatay kompozisyonu korunur) ve altinda sayfa
   arka plan rengi devam eder. "cover" kullanilsaydi uzun sayfada
   gorsel yatayda kirpilip %0 grafigi kesilirdi. */
@media (max-width: 860px) {
    .landing-2026 .lp-hero {
        background-image: url('/images/landing-bg-mobile.jpg');
        background-image: image-set(url('/images/landing-bg-mobile.webp') type('image/webp'),
                                    url('/images/landing-bg-mobile.jpg') type('image/jpeg'));
        background-size: 100% auto;
        /* Gorsel saga kaydirilir ki %0 grafigi soldaki metinlerden uzak
           dursun; solda acilan bant sayfa arka plan rengiyle ayni
           koyulukta oldugundan gorunmez. Genis telefonlarda (iPhone 14
           Pro Max gibi 410px+) kaydirma asagidaki blokta azaltilir. */
        background-position: 6vw top;
        background-color: #01050f;
    }

    .landing-2026 .lp-inner {
        display: block;
        width: auto;
        max-width: 780px;
        /* Comp: yan bosluk 78/780 = %10, ust 32/780 */
        padding: 4.1vw 10% 12vw;
        min-height: 0;
    }

    .landing-2026 .lp-logo img {
        /* Comp: 135/780 */
        width: clamp(118px, 17.3vw, 150px);
    }

    /* Ortak marka kilidi mobilde de TEK SATIR kalir. En dar hedef 360px
       ekran: yan bosluklar (%10 x2) sonrasi 288px kalir, kilit
       96+6+10+6+119 = 237px surer -- sigar. Masaustundeki 232:288 orani
       (ve ayiracin 25/232 orani) burada da korunur. */
    .landing-2026 .lp-logo-tv {
        gap: clamp(6px, 1vw, 10px);
    }

    .landing-2026 .lp-logo-tv .lp-logo-phc {
        width: clamp(96px, 17.3vw, 150px);
    }

    .landing-2026 .lp-logo-tv .lp-logo-tvmark {
        width: clamp(119px, 21.5vw, 186px);
    }

    .landing-2026 .lp-logo-tv .lp-logo-x {
        width: clamp(10px, 1.86vw, 16px);
    }

    .landing-2026 .lp-copy {
        display: block;
        max-width: none;
        padding-top: 0;
    }

    /* Comp: 34/780. Mobilde satirlar sigmazsa kirilabilmeli.
       Alt sinir dusuk tutulur: eski 1.55rem taban, 390px ekranda basligi
       comp oranindan %46 buyutup arka plandaki %0 grafiginin ustune
       bindiriyordu. 4.36vw comp oranini korur; .9rem yalnizca ~330px
       altinda devreye girer. */
    .landing-2026 .lp-title {
        margin-top: clamp(26px, 6.2vw, 52px);
        font-size: clamp(.9rem, 4.36vw, 2.15rem);
        line-height: 1.28;
        white-space: normal;
    }

    /* Comp: 17/780 */
    .landing-2026 .lp-lead {
        margin: clamp(14px, 3.1vw, 26px) 0 0;
        font-size: clamp(.92rem, 2.18vw, 1.12rem);
        line-height: 1.5;
    }

    /* Rozet metni dar ekranda %0 glifinin soluna sigmayacak kadar uzun;
       comp'taki konum yerine glifin ALTINDAKI koyu banda itilir. */
    .landing-2026 .lp-badge {
        gap: clamp(10px, 1.8vw, 16px);
        margin-top: clamp(40px, 12vw, 56px);
    }

    .landing-2026 .lp-badge img {
        width: clamp(34px, 5.13vw, 44px);
        height: clamp(34px, 5.13vw, 44px);
    }

    .landing-2026 .lp-badge h3 {
        font-size: clamp(.78rem, 1.79vw, .95rem);
    }

    .landing-2026 .lp-badge p {
        font-size: clamp(.72rem, 1.67vw, .88rem);
    }

    /* Kendi ekranindaki QR okutulamaz -- mobilde gizlenir, yerine
       ayni UTM'li hedefe giden indirme butonu gosterilir. */
    .landing-2026 .lp-qr {
        display: none;
    }

    /* Comp: 78..275 x (197 genislik), 42 yukseklik, tam yuvarlak uc.
       Icerige gore genisleyen inline pill -- tam genislik DEGIL. */
    .landing-2026 .lp-app-cta {
        display: inline-flex;
        align-items: center;
        gap: clamp(8px, 1.5vw, 12px);
        margin-top: clamp(26px, 7.05vw, 58px);
        padding: clamp(9px, 1.4vw, 13px) clamp(16px, 2.6vw, 22px);
        font-size: clamp(.85rem, 1.92vw, 1rem);
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        border: 1px solid rgba(255, 255, 255, .4);
        border-radius: 999px;
        background: rgba(3, 10, 26, .5);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        -webkit-tap-highlight-color: transparent;
    }

    .landing-2026 .lp-app-cta img {
        width: 1.35em;
        height: 1.35em;
        display: block;
        flex: 0 0 auto;
    }

    .landing-2026 .lp-app-cta:active {
        background: rgba(255, 255, 255, .16);
    }

    /* Comp: kart ustu 550, pill alti 492 */
    .landing-2026 .lp-card {
        margin-top: clamp(28px, 7.4vw, 60px);
        padding: clamp(26px, 6.4vw, 52px) clamp(20px, 5.1vw, 42px) clamp(24px, 5.6vw, 46px);
        border-radius: clamp(16px, 3.1vw, 26px);
    }

    .landing-2026 .lp-card h2 {
        font-size: clamp(1.2rem, 3.33vw, 1.7rem);
    }

    .landing-2026 .lp-card .lp-card-sub {
        margin: .5em 0 clamp(20px, 5.1vw, 42px);
        font-size: clamp(.82rem, 2.05vw, 1.05rem);
    }

    .landing-2026 .lp-field {
        margin-bottom: clamp(14px, 3.2vw, 26px);
    }

    .landing-2026 .lp-field i {
        left: clamp(14px, 2.8vw, 24px);
        font-size: clamp(.9rem, 2.05vw, 1.05rem);
    }

    /* iOS Safari 16px altinda input'a odaklanildiginda otomatik zoom yapar. */
    .landing-2026 .lp-field input[type="text"],
    .landing-2026 .lp-field input[type="email"],
    .landing-2026 .lp-field input[type="tel"] {
        padding: clamp(14px, 3.1vw, 24px) clamp(14px, 3vw, 24px) clamp(14px, 3.1vw, 24px) clamp(40px, 7.2vw, 60px);
        font-size: 16px;
        border-radius: clamp(8px, 1.5vw, 12px);
    }

    .landing-2026 .lp-turnstile {
        margin: clamp(14px, 3.1vw, 24px) 0;
    }

    .landing-2026 .lp-consent {
        gap: clamp(8px, 1.5vw, 12px);
        margin-bottom: clamp(14px, 3.1vw, 24px);
        font-size: clamp(.72rem, 1.67vw, .88rem);
    }

    .landing-2026 .lp-consent input[type="checkbox"] {
        width: clamp(15px, 2.05vw, 18px);
        height: clamp(15px, 2.05vw, 18px);
    }

    .landing-2026 .lp-submit {
        gap: clamp(10px, 2vw, 16px);
        margin-top: clamp(18px, 4.1vw, 34px);
        padding: clamp(15px, 3.5vw, 28px) clamp(18px, 3vw, 26px);
        font-size: clamp(1rem, 2.44vw, 1.25rem);
        border-radius: clamp(8px, 1.5vw, 12px);
    }

    .landing-2026 .lp-trust {
        gap: clamp(8px, 1.5vw, 14px);
        margin-top: clamp(20px, 4.6vw, 38px);
    }

    .landing-2026 .lp-trust div {
        gap: clamp(6px, 1.1vw, 10px);
        font-size: clamp(.62rem, 1.54vw, .8rem);
    }

    .landing-2026 .lp-trust i {
        font-size: clamp(.95rem, 2.4vw, 1.25rem);
    }
}

/* Genis telefonlarda kaydirma azaltilir; metinden uzak durmasi icin
   hafif (2.5vw) sag ofset kalir. */
@media (min-width: 410px) and (max-width: 860px) {
    .landing-2026 .lp-hero {
        background-position: 2.5vw top;
    }
}

/* Dar telefonlarda (360px ve alti) kuculen baslik icerigi yukari ceker;
   .92rem tabanda kalan aciklama metni %0 grafiginin yansima bolgesine
   degmesin diye bir kademe kuculur. */
@media (max-width: 379px) {
    .landing-2026 .lp-lead {
        font-size: .82rem;
    }
}