:root{
    --lacivert:#16366B;
    --lacivert-koyu:#0E2549;
    --lacivert-acik:#2B5BA8;
    --turuncu:#F2761C;
    --turuncu-koyu:#D45F09;
    --bg:#F6F8FC;
    --card:#ffffff;
    --ink:#132339;
    --ink-soft:#64748B;
    --border:#E4EAF3;
    --radius:20px;
    --shadow:0 10px 34px rgba(19,35,57,.07);
    --shadow-lg:0 24px 60px rgba(19,35,57,.13);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased;
    /* Belirme animasyonları öğeleri geçici olarak yana kaydırıyor; bu da dar
       ekranda yatay kaydırma açıyordu. clip, hidden'ın aksine sticky'yi bozmaz. */
    overflow-x:clip;
  }
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;}
  .wrap{max-width:1500px;margin:0 auto;padding:0 32px;}

  /* ---------- Butonlar ---------- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;
    border:none;cursor:pointer;white-space:nowrap;
    transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .16s ease, background .16s ease;
  }
  .btn:active{transform:scale(.97);}
  .btn-primary{background:var(--turuncu);color:#fff;box-shadow:0 8px 20px rgba(242,118,28,.28);}
  .btn-primary:hover{background:var(--turuncu-koyu);transform:translateY(-2px);box-shadow:0 12px 26px rgba(242,118,28,.34);}
  .btn-navy{background:var(--lacivert);color:#fff;box-shadow:0 8px 20px rgba(22,54,107,.22);}
  .btn-navy:hover{background:var(--lacivert-koyu);transform:translateY(-2px);}
  .btn-ghost{background:#EEF2F9;color:var(--lacivert);}
  .btn-ghost:hover{background:#E1E8F4;transform:translateY(-2px);}
  .btn-outline{background:transparent;color:var(--lacivert);border:1.5px solid var(--border);}
  .btn-outline:hover{border-color:var(--lacivert-acik);background:#F4F7FC;}
  .btn-sm{padding:9px 16px;font-size:13.5px;}

  /* ---------- Üst menü ---------- */
  .nav{
    position:sticky;top:0;z-index:200;background:rgba(255,255,255,.88);
    backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
    border-bottom:1px solid var(--border);
  }
  .nav-inner{max-width:1500px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:26px;}
  .brand{display:flex;align-items:center;gap:11px;margin-right:auto;}
  .brand-mark{width:42px;height:42px;flex-shrink:0;}
  .brand-text{line-height:1.1;}
  .brand-text strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--lacivert);}
  .brand-text strong em{font-style:normal;color:var(--turuncu);}
  .brand-text small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.09em;color:var(--ink-soft);text-transform:uppercase;margin-top:2px;}
  .nav-links{display:flex;align-items:center;gap:26px;}
  .nav-links a.section-link{font-size:14.5px;font-weight:600;color:var(--ink-soft);position:relative;padding:4px 0;}
  .nav-links a.section-link::after{
    content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:2px;
    background:var(--turuncu);transition:right .22s cubic-bezier(.2,.8,.3,1);
  }
  .nav-links a.section-link:hover{color:var(--lacivert);}
  .nav-links a.section-link:hover::after{right:0;}
  #navAuthArea{display:flex;align-items:center;gap:10px;}
  .nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:24px;color:var(--lacivert);padding:4px 8px;}

  @media(max-width:940px){
    .nav-links{position:fixed;inset:64px 0 auto;flex-direction:column;align-items:stretch;gap:0;
      background:#fff;border-bottom:1px solid var(--border);padding:8px 24px 18px;
      box-shadow:var(--shadow-lg);transform:translateY(-130%);transition:transform .26s cubic-bezier(.2,.8,.3,1);}
    .nav-links.open{transform:translateY(0);}
    .nav-links a.section-link{padding:13px 0;border-bottom:1px solid var(--border);font-size:16px;}
    .nav-links a.section-link::after{display:none;}
    #navAuthArea{padding-top:14px;flex-wrap:wrap;}
    #navAuthArea .btn{flex:1;}
    .nav-toggle{display:block;}
  }

  /* ---------- Hero ---------- */
  .hero{padding:56px 0 20px;}
  .hero-card{
    position:relative;overflow:hidden;border-radius:26px;padding:56px 32px 0;text-align:center;
    background:
      radial-gradient(1100px 420px at 50% -80px, rgba(43,91,168,.12), transparent 62%),
      linear-gradient(180deg,#FFFFFF 0%,#F2F6FD 100%);
    border:1px solid var(--border);box-shadow:var(--shadow-lg);
  }
  .hero-card::before{
    content:"";position:absolute;width:280px;height:280px;border-radius:50%;
    background:rgba(242,118,28,.09);top:-120px;right:-80px;
  }
  .hero-card > *{position:relative;z-index:1;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;
    color:var(--turuncu);background:rgba(242,118,28,.11);padding:7px 15px;border-radius:999px;
    margin-bottom:18px;letter-spacing:.01em;
  }
  .hero h1{
    font-size:clamp(28px,4.2vw,52px);line-height:1.16;letter-spacing:-.025em;
    margin:0 auto 18px;font-weight:800;max-width:900px;color:var(--lacivert);
  }
  .hero h1 span{color:var(--turuncu);}
  .hero-sub{font-size:17.5px;color:var(--ink-soft);max-width:680px;margin:0 auto 30px;line-height:1.65;}
  .hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px;}
  .hero-actions .btn{padding:14px 28px;font-size:15.5px;}
  .hero-trust{font-size:13px;color:var(--ink-soft);margin:0 0 34px;}
  .hero-trust strong{color:var(--lacivert);}

  /* ---------- Dizüstü / panel önizlemesi ---------- */
  /* Ekran içeriği artık PNG değil, tamamı HTML+CSS ile çizilen bir maket:
     her çözünürlükte net, KVKK riski yok, dosya boyutu sıfır. */
  .laptop{max-width:1140px;margin:0 auto;transform:translateY(6px);}
  .laptop-lid{
    background:linear-gradient(180deg,#2A3648,#1A2433);border-radius:16px 16px 6px 6px;
    padding:10px 10px 0;box-shadow:0 -6px 40px rgba(19,35,57,.22);
  }
  /* Görsel kendi oranıyla, tek seferde ve kırpılmadan ölçeklenir; zorlanmış
     en-boy kutusu alt piksel kaymasına yol açıp yazıları bulanıklaştırıyordu. */
  .laptop-screen{
    background:#F4F7FC;border-radius:9px 9px 0 0;overflow:hidden;
    display:block;line-height:0;container-type:inline-size;
  }
  .laptop-screen img{width:100%;height:auto;display:block;}
  .laptop-base{height:13px;background:linear-gradient(180deg,#C8D0DC,#96A2B4);border-radius:0 0 14px 14px;
    margin:0 -14px;box-shadow:0 12px 26px rgba(19,35,57,.2);}

  /* ---------- Panel maketi ----------
     Tüm ölçüler em; kök yazı boyu kabın genişliğine bağlı (cqw), böylece
     maket her ekranda gerçek bir ekran görüntüsü gibi orantılı küçülür. */
  .maket{
    display:flex;text-align:left;line-height:1.35;color:var(--ink);
    /* Taban yazı boyu kabın genişliğine bağlı; telefonda okunmaz hâle
       gelmesin diye 5,5px'lik bir alt sınır var. */
    background:#F4F7FC;font-size:11px;font-size:max(5.5px, 1.02cqw);
  }
  .mk-yan{
    width:17.5%;flex-shrink:0;padding:2em 1.2em;
    background:linear-gradient(180deg,var(--lacivert) 0%,var(--lacivert-koyu) 100%);
  }
  .mk-logo{display:flex;align-items:center;gap:.6em;margin-bottom:1.9em;}
  .mk-logo i{
    width:2.1em;height:2.1em;border-radius:.55em;background:var(--turuncu);
    flex-shrink:0;display:grid;place-items:center;
  }
  .mk-logo i::before{content:"";width:.8em;height:.8em;border-radius:.16em;background:#fff;opacity:.92;}
  .mk-logo b{color:#fff;font-size:1.15em;font-weight:800;letter-spacing:-.015em;}
  .mk-menu{display:flex;flex-direction:column;gap:.18em;}
  .mk-menu span{
    display:flex;align-items:center;gap:.7em;padding:.72em .8em;border-radius:.55em;
    color:#A8BEDD;font-size:1.02em;font-weight:600;white-space:nowrap;
  }
  .mk-menu span i{width:.62em;height:.62em;border-radius:.18em;background:currentColor;opacity:.6;flex-shrink:0;}
  .mk-menu span.aktif{background:rgba(242,118,28,.17);color:#fff;font-weight:700;}
  .mk-menu span.aktif i{background:var(--turuncu);opacity:1;}

  .mk-ana{flex:1;min-width:0;padding:2em 2.2em 2.2em;display:flex;flex-direction:column;gap:1.5em;}
  .mk-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;}
  .mk-ust h4{margin:0;font-size:1.9em;font-weight:800;color:var(--lacivert);letter-spacing:-.022em;}
  .mk-ust p{margin:.3em 0 0;font-size:1em;color:var(--ink-soft);}
  .mk-ay{
    background:#fff;border:1px solid var(--border);border-radius:.6em;padding:.6em 1em;
    font-size:1em;font-weight:700;color:var(--lacivert);white-space:nowrap;flex-shrink:0;
  }
  .mk-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:.85em;}
  .mk-kart{
    background:#fff;border:1px solid #E6EDF7;border-radius:.85em;padding:1.2em 1.1em;
    box-shadow:0 .25em .9em rgba(19,35,57,.05);min-width:0;
  }
  .mk-kart span{
    display:block;font-size:.86em;font-weight:700;letter-spacing:.045em;
    color:#8494AC;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .mk-kart b{
    display:block;margin:.45em 0 .32em;font-size:1.62em;font-weight:800;
    color:var(--lacivert);letter-spacing:-.025em;white-space:nowrap;
  }
  .mk-kart em{font-style:normal;font-size:.86em;font-weight:700;color:#2FA968;white-space:nowrap;}
  .mk-kart.turuncu b,.mk-kart.turuncu em{color:var(--turuncu);}
  .mk-kart.yesil b{color:#2FA968;}
  .mk-kart em.sakin{color:#8494AC;}

  .mk-alt{display:grid;grid-template-columns:1.85fr 1fr;gap:.85em;}
  .mk-grafik,.mk-liste{
    background:#fff;border:1px solid #E6EDF7;border-radius:.85em;padding:1.05em 1.15em;
    display:flex;flex-direction:column;box-shadow:0 .25em .9em rgba(19,35,57,.05);
  }
  .mk-baslik{
    display:flex;align-items:center;justify-content:space-between;gap:.6em;
    font-size:1.05em;font-weight:800;color:var(--lacivert);margin-bottom:1em;
  }
  .mk-baslik s{text-decoration:none;font-size:.82em;font-weight:700;color:#8494AC;}
  /* flex:1 yok — çubuk alanı kendi yüksekliğini dayatsın ki maket,
     yan menünün boyuna göre değil kendi içeriğine göre yükselsin. */
  .mk-cubuklar{display:flex;align-items:flex-end;gap:.5em;height:24em;}
  .mk-cubuklar i{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5em;height:100%;}
  .mk-cubuklar i::before{
    content:"";width:100%;max-width:1.6em;height:var(--h);border-radius:.28em .28em 0 0;
    background:var(--lacivert-acik);opacity:.8;
  }
  .mk-cubuklar i.vurgu::before{background:var(--turuncu);opacity:1;}
  .mk-cubuklar i u{text-decoration:none;font-size:.82em;font-weight:600;color:#8494AC;}

  .mk-satirlar{display:flex;flex-direction:column;gap:1.1em;}
  .mk-satir{display:flex;align-items:center;gap:.75em;}
  .mk-rozet{
    width:2.4em;height:2.4em;border-radius:.55em;background:var(--primary-soft,#E3ECF9);
    color:var(--lacivert-acik);font-size:.9em;font-weight:800;display:grid;place-items:center;flex-shrink:0;
  }
  .mk-satir > div{flex:1;min-width:0;}
  .mk-satir b{display:block;font-size:.98em;font-weight:700;color:var(--ink);}
  .mk-satir small{display:block;font-size:.82em;color:#8494AC;}
  .mk-satir em{font-style:normal;font-size:.98em;font-weight:800;color:#2FA968;white-space:nowrap;}
  .mk-oran{margin-top:auto;padding-top:1em;border-top:1px solid #EEF2F8;}
  .mk-oran-ust{display:flex;justify-content:space-between;font-size:.9em;font-weight:700;color:var(--ink-soft);margin-bottom:.55em;}
  .mk-oran-ust b{color:var(--lacivert);}
  .mk-cizgi{height:.55em;border-radius:.3em;background:#EDF1F8;overflow:hidden;}
  .mk-cizgi s{
    display:block;height:100%;width:58%;text-decoration:none;border-radius:.3em;
    background:linear-gradient(90deg,var(--turuncu),#FF9E52);
  }
  /* Çubuklar ve oran çizgisi sayfa açılırken bir kez büyür */
  @media(prefers-reduced-motion:no-preference){
    .mk-cubuklar i::before{animation:mkCubuk .9s cubic-bezier(.22,1,.36,1) both;}
    .mk-cubuklar i:nth-child(2)::before{animation-delay:.05s;}
    .mk-cubuklar i:nth-child(3)::before{animation-delay:.1s;}
    .mk-cubuklar i:nth-child(4)::before{animation-delay:.15s;}
    .mk-cubuklar i:nth-child(5)::before{animation-delay:.2s;}
    .mk-cubuklar i:nth-child(6)::before{animation-delay:.25s;}
    .mk-cubuklar i:nth-child(7)::before{animation-delay:.3s;}
    .mk-cubuklar i:nth-child(8)::before{animation-delay:.35s;}
    .mk-cubuklar i:nth-child(9)::before{animation-delay:.4s;}
    .mk-cizgi s{animation:mkCizgi 1.1s .35s cubic-bezier(.22,1,.36,1) both;}
  }
  @keyframes mkCubuk{from{height:0;}to{height:var(--h);}}
  @keyframes mkCizgi{from{width:0;}to{width:58%;}}
  /* Dar ekranda maket okunmaz hâle gelmesin: yan menü daralır */
  @media(max-width:620px){
    .mk-yan{width:24%;padding:1.2em .7em;}
    .mk-logo b{font-size:1em;}
    .mk-menu span:nth-child(n+7){display:none;}
    .mk-ana{padding:1.2em 1.1em 1.3em;gap:1em;}
    .mk-ust h4{font-size:1.5em;}
    .mk-ust p,.mk-ay{display:none;}
    .mk-kpi{grid-template-columns:repeat(2,1fr);gap:.6em;}
    .mk-kart{padding:.8em .7em;}
    .mk-kart em{display:none;}
    .mk-alt{grid-template-columns:1fr;}
    .mk-liste{display:none;}
    .mk-cubuklar{height:9em;}
  }

  @media(max-width:700px){
    .hero{padding:32px 0 8px;}
    .hero-card{padding:36px 18px 0;border-radius:20px;}
    .hero-actions{flex-direction:column;}
    .hero-actions .btn{width:100%;}
    .lp-stats{grid-template-columns:repeat(2,1fr);}
    .lp-row{grid-template-columns:1fr;}
  }

  /* ---------- Genel bölüm ---------- */
  section{padding:76px 0;}
  .section-head{text-align:center;max-width:720px;margin:0 auto 48px;}
  .section-head .eyebrow{margin-bottom:14px;}
  .section-head h2{font-size:clamp(25px,3.4vw,36px);letter-spacing:-.025em;margin:0 0 12px;font-weight:800;color:var(--lacivert);}
  .section-head p{color:var(--ink-soft);font-size:16.5px;line-height:1.6;margin:0;}
  .bg-white{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:620px){.grid-3{grid-template-columns:1fr;}}

  .feature-card{
    background:var(--card);border-radius:var(--radius);padding:28px 26px;
    border:1px solid var(--border);box-shadow:var(--shadow);
    transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,border-color .2s ease;
  }
  .feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#D2DEEF;}
  .feature-card .icon{
    width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;
    font-size:23px;margin-bottom:16px;background:rgba(43,91,168,.1);
  }
  .feature-card .icon.turuncu{background:rgba(242,118,28,.12);}
  .feature-card .icon.yesil{background:rgba(47,169,104,.12);}
  .feature-card h3{margin:0 0 8px;font-size:17.5px;letter-spacing:-.01em;color:var(--lacivert);}
  .feature-card p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6;}

  /* ---------- Nasıl çalışır ---------- */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media(max-width:800px){.steps{grid-template-columns:1fr;}}
  .step{
    position:relative;padding:28px 24px;background:var(--card);border-radius:var(--radius);
    border:1px solid var(--border);box-shadow:var(--shadow);
    transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease;
  }
  .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
  .step .num{
    width:38px;height:38px;border-radius:12px;background:var(--lacivert);color:#fff;
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:16px;
  }
  .step:nth-child(2) .num{background:var(--turuncu);}
  .step:nth-child(3) .num{background:#2FA968;}
  .step h4{margin:0 0 7px;font-size:17px;color:var(--lacivert);}
  .step p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6;}

  /* ---------- Fiyatlandırma ---------- */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
  @media(max-width:900px){.price-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}}
  .price-card{
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
    padding:30px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;
    transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease;
  }
  .price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
  .price-card.one-cikan{border:2px solid var(--turuncu);box-shadow:0 18px 44px rgba(242,118,28,.18);position:relative;}
  .price-badge{
    position:absolute;top:-13px;left:50%;transform:translateX(-50%);
    background:var(--turuncu);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;
    padding:5px 14px;border-radius:999px;white-space:nowrap;
  }
  .price-card h3{margin:0 0 5px;font-size:18px;color:var(--lacivert);}
  .price-card .kime{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px;}
  .price-tag{font-size:30px;font-weight:800;color:var(--lacivert);letter-spacing:-.02em;line-height:1;}
  .price-tag small{font-size:14px;font-weight:600;color:var(--ink-soft);}
  .price-note{font-size:12.5px;color:var(--ink-soft);margin:8px 0 20px;}
  .price-list{list-style:none;margin:0 0 24px;padding:0;flex:1;}
  .price-list li{font-size:14.5px;padding:7px 0 7px 26px;position:relative;color:var(--ink);}
  .price-list li::before{content:"✓";position:absolute;left:0;top:7px;color:#2FA968;font-weight:800;}
  .price-list li.yok{color:var(--ink-soft);}
  .price-list li.yok::before{content:"–";color:#B8C4D6;}
  .price-card .btn{width:100%;}

  /* ---------- Persona ---------- */
  .persona-section{max-width:860px;margin:0 auto;padding:0 24px 12px;text-align:center;}
  .persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media(max-width:640px){.persona-grid{grid-template-columns:1fr;}}
  .persona-card{
    display:flex;align-items:center;gap:15px;text-align:left;width:100%;
    background:var(--card);border:1px solid var(--border);border-radius:18px;
    padding:20px;cursor:pointer;box-shadow:var(--shadow);font-family:inherit;
    transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,border-color .18s ease;
  }
  .persona-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#CFDCEF;}
  .persona-icon{
    width:50px;height:50px;border-radius:15px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:23px;background:rgba(43,91,168,.1);
  }
  .persona-resident .persona-icon{background:rgba(47,169,104,.13);}
  .persona-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
  .persona-copy strong{font-size:16px;color:var(--lacivert);}
  .persona-copy small{color:var(--ink-soft);font-size:13px;}
  .persona-arrow{font-size:22px;color:#B8C4D6;font-weight:300;}
  .persona-note{margin:16px 0 0;font-size:13.5px;color:var(--ink-soft);}

  /* ---------- Panel kartı (giriş yapılmış) ---------- */
  /* Giriş yapmış ziyaretçiye gösterilen şerit. Eskiden büyük ve dikey bir
     kutuydu, panel görselini ekranın çok altına itiyordu; artık yatay ve ince. */
  .panel-card{
    display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    max-width:660px;margin:30px auto 40px;padding:16px 20px;
    border:1px solid #DCE6F6;border-radius:18px;
    background:linear-gradient(120deg,#FFFFFF 0%,#F7FAFF 62%,#FFF6EE 100%);
    box-shadow:0 14px 36px rgba(19,35,57,.10);text-align:left;
  }
  .panel-card .panel-icon{
    position:relative;flex-shrink:0;width:46px;height:46px;border-radius:14px;
    display:grid;place-items:center;color:#fff;
    background:linear-gradient(140deg,var(--lacivert),var(--lacivert-acik));
  }
  .panel-card .panel-icon svg{width:23px;height:23px;}
  /* Küçük yeşil "bağlı" noktası */
  .panel-card .panel-icon::after{
    content:"";position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;
    border-radius:50%;background:#2FA968;border:3px solid #fff;
  }
  .panel-card .panel-govde{flex:1 1 230px;min-width:0;}
  .panel-card h3{
    margin:0;font-size:15.5px;font-weight:800;color:var(--lacivert);
    letter-spacing:-.01em;line-height:1.3;
  }
  .panel-card p{
    margin:3px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.5;
    overflow:hidden;text-overflow:ellipsis;
  }
  .panel-card .panel-rozet{
    display:inline-flex;align-items:center;gap:6px;margin-top:7px;
    padding:3px 10px;border-radius:999px;background:rgba(242,118,28,.13);
    color:var(--turuncu);font-size:11.5px;font-weight:800;letter-spacing:.01em;
  }
  .panel-card .panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;}
  .panel-card .panel-actions .btn{padding:10px 18px;font-size:13.5px;}
  @media(max-width:560px){
    .panel-card{padding:16px;gap:14px;}
    .panel-card .panel-actions{margin-left:0;width:100%;}
    .panel-card .panel-actions .btn{flex:1;}
  }
  .nav-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .nav-user .nav-user-name{font-size:13.5px;font-weight:600;color:var(--ink-soft);}

  /* ---------- Rakamlar ---------- */
  .mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  @media(max-width:820px){.mini-cards{grid-template-columns:repeat(2,1fr);}}
  .mini-card{
    background:var(--card);border:1px solid var(--border);border-radius:18px;
    padding:22px 20px;box-shadow:var(--shadow);text-align:center;
  }
  .mini-card .v{font-size:27px;font-weight:800;letter-spacing:-.02em;color:var(--lacivert);}
  .mini-card .v.turuncu{color:var(--turuncu);}
  .mini-card .k{font-size:13px;color:var(--ink-soft);margin-top:5px;}

  /* ---------- CTA ---------- */
  .cta-band{
    background:linear-gradient(135deg,var(--lacivert-koyu) 0%,var(--lacivert) 52%,var(--lacivert-acik) 100%);
    background-size:200% 200%;animation:ye-shimmer 11s ease-in-out infinite alternate;
    border-radius:26px;padding:52px 36px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);
  }
  .cta-band h2{font-size:clamp(24px,3.6vw,33px);margin:0 0 12px;letter-spacing:-.02em;font-weight:800;}
  .cta-band p{opacity:.9;font-size:16px;margin:0 0 26px;}

  /* ---------- İletişim rozetleri ---------- */
  .contact-chips{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin:18px 0 2px;}
  .contact-chip{
    display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;
    font-size:14px;font-weight:700;color:#fff;cursor:pointer;
    transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,filter .18s ease;
  }
  .contact-chip svg{width:17px;height:17px;flex-shrink:0;}
  .contact-chip:hover{transform:translateY(-3px);filter:brightness(1.06);}
  .contact-chip.wa{background:linear-gradient(135deg,#25D366,#128C7E);box-shadow:0 8px 20px rgba(37,211,102,.3);}
  .contact-chip.ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7);box-shadow:0 8px 20px rgba(238,42,123,.26);}
  .contact-divider{
    display:flex;align-items:center;gap:10px;margin:22px 0 4px;
    color:var(--ink-soft);font-size:11.5px;font-weight:700;letter-spacing:.06em;
  }
  .contact-divider::before,.contact-divider::after{content:"";flex:1;height:1px;background:var(--border);}

  /* ---------- Alt bilgi ---------- */
  footer{background:var(--lacivert-koyu);color:#C3D0E4;padding:52px 24px 36px;text-align:center;font-size:13.5px;}
  footer a{color:#fff;font-weight:700;cursor:pointer;}
  footer .foot-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;}
  footer .foot-brand span{font-weight:800;color:#fff;font-size:17px;letter-spacing:-.01em;}
  .foot-social{display:flex;justify-content:center;gap:12px;margin:22px 0 14px;}
  .foot-social a{
    width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff;
    transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease;
  }
  .foot-social a:hover{transform:translateY(-4px) scale(1.07);}
  .foot-social a.wa{background:linear-gradient(135deg,#25D366,#128C7E);animation:ye-pulse-ring 2.8s ease-out infinite;}
  .foot-social a svg{width:19px;height:19px;}
  .foot-contact{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap;margin:0 0 18px;}
  .foot-contact span{display:inline-flex;align-items:center;gap:6px;}
  .foot-alt{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:6px;font-size:12.5px;opacity:.85;}

  /* ---------- Giriş penceresi ---------- */
  .login-overlay{
    position:fixed;inset:0;background:rgba(14,37,73,.5);backdrop-filter:blur(6px);z-index:1000;
    display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;
  }
  .login-overlay.hidden{display:none;}
  .login-overlay:not(.hidden){animation:ye-fade .22s ease;}
  .login-modal{
    width:100%;max-width:400px;background:#fff;border-radius:22px;padding:32px 28px;
    box-shadow:0 30px 70px rgba(14,37,73,.35);text-align:center;position:relative;
    animation:ye-pop .3s cubic-bezier(.2,.8,.3,1);margin:auto;
  }
  .login-modal-close{
    position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;
    background:#F1F5FA;border:none;font-size:19px;color:var(--ink-soft);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .login-modal-close:hover{background:#E4EBF4;}
  .login-modal-icon{
    width:54px;height:54px;border-radius:16px;background:rgba(43,91,168,.1);color:var(--lacivert);
    display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;
    animation:ye-float 3.4s ease-in-out infinite;
  }
  .login-modal h3{margin:0 0 6px;font-size:20px;letter-spacing:-.02em;color:var(--lacivert);}
  .login-modal p{margin:0 0 20px;color:var(--ink-soft);font-size:14px;line-height:1.55;}
  .login-modal input{
    width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--border);
    background:#F7F9FC;font-size:15px;outline:none;margin-bottom:11px;transition:border-color .15s,background .15s;
    font-family:inherit;color:var(--ink);
  }
  .login-modal input:focus{border-color:var(--lacivert-acik);background:#fff;}
  .login-modal .btn-primary{width:100%;padding:13px;font-size:15px;margin-top:4px;}
  .login-msg{font-size:13px;margin-top:13px;padding:11px 13px;border-radius:11px;text-align:left;line-height:1.5;}
  .login-msg.error{background:#FEF2F2;color:#B91C1C;}
  .login-msg.info{background:#EFF6FF;color:var(--lacivert);}
  .login-tabs{display:flex;background:#F1F5FA;border-radius:12px;padding:4px;margin-bottom:20px;}
  .login-tab{
    flex:1;border:none;background:transparent;padding:10px 0;border-radius:9px;
    font-size:13.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;font-family:inherit;
    transition:background .15s,color .15s;
  }
  .login-tab.active{background:#fff;color:var(--lacivert);box-shadow:0 2px 6px rgba(19,35,57,.1);}

  /* ---------- Animasyonlar ---------- */
  @keyframes ye-fade{from{opacity:0;}to{opacity:1;}}
  @keyframes ye-pop{from{opacity:0;transform:scale(.95) translateY(14px);}to{opacity:1;transform:none;}}
  @keyframes ye-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
  @keyframes ye-shimmer{from{background-position:0% 50%;}to{background-position:100% 50%;}}
  @keyframes ye-pulse-ring{
    0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}
    70%{box-shadow:0 0 0 14px rgba(37,211,102,0);}
    100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}
  }
  /* Kaydırdıkça beliren bloklar. Gecikme --reveal-gecikme ile JS'ten verilir;
     kardeş sırasına göre hesaplandığı için aynı satırdaki kartlar akar. */
  .reveal{
    opacity:0;transform:translateY(26px);
    transition:opacity .62s cubic-bezier(.2,.7,.3,1), transform .62s cubic-bezier(.2,.7,.3,1);
    transition-delay:var(--reveal-gecikme,0ms);
    will-change:opacity,transform;
  }
  .reveal.visible{opacity:1;transform:none;will-change:auto;}
  .reveal-sol{transform:translate3d(-28px,14px,0);}
  .reveal-sag{transform:translate3d(28px,14px,0);}
  .reveal-delay-1{transition-delay:.08s;} .reveal-delay-2{transition-delay:.16s;}

  /* Açılışta hero öğeleri sırayla gelir */
  .giris{animation:yeGiris .72s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--giris-gecikme,0ms);}
  @keyframes yeGiris{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}

  /* Kart ve düğmelerde yumuşak kalkma */
  .feature-card,.persona-card,.contact-card,.price-card,.mini-card,.referans-kart,.kiyas-kart{
    transition:transform .24s cubic-bezier(.2,.8,.3,1), box-shadow .24s ease, border-color .24s ease;
  }
  .feature-card:hover,.persona-card:hover,.contact-card:hover,.mini-card:hover{
    transform:translateY(-4px);box-shadow:var(--shadow-lg);
  }
  .price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
  .btn{transition:transform .18s cubic-bezier(.2,.8,.3,1), box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;}
  .btn:hover{transform:translateY(-2px);}
  .btn:active{transform:translateY(0);}

  /* Menü bağlantılarında alttan çizgi */
  .nav-links .section-link{position:relative;}
  .nav-links .section-link::after{
    content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;
    background:var(--turuncu);transform:scaleX(0);transform-origin:center;
    transition:transform .24s cubic-bezier(.2,.8,.3,1);
  }
  .nav-links .section-link:hover::after,
  .nav-links .section-link.aktif::after{transform:scaleX(1);}

  /* Hesaplayıcıda tutar değişince kısa bir vurgu */
  .hesap-kart .v{transition:color .25s ease;}
  .hesap-girdi input{transition:border-color .18s ease, box-shadow .18s ease;}
  .hesap-girdi input:focus{box-shadow:0 0 0 4px rgba(242,118,28,.16);}

  @media(prefers-reduced-motion:reduce){
    .reveal,.reveal-sol,.reveal-sag{opacity:1 !important;transform:none !important;transition:none !important;}
    .giris{animation:none !important;}
    .btn:hover,.feature-card:hover,.persona-card:hover,.contact-card:hover,.mini-card:hover,.price-card:hover{transform:none !important;}
    .nav-links .section-link::after{transition:none !important;}
    .cta-band,.foot-social a.wa,.login-modal,.login-modal-icon,.login-overlay{animation:none !important;}
  }

  /* ================= Çok sayfalı yapı için ek stiller ================= */

  /* Sayfa başlığı bandı (alt sayfalar) */
  .page-hero{
    background:
      radial-gradient(900px 340px at 50% -60px, rgba(43,91,168,.13), transparent 62%),
      linear-gradient(180deg,#FFFFFF 0%,#F2F6FD 100%);
    border-bottom:1px solid var(--border);
    padding:52px 0 46px;text-align:center;
  }
  .page-hero h1{font-size:clamp(26px,4vw,40px);letter-spacing:-.025em;margin:0 auto 14px;font-weight:800;color:var(--lacivert);max-width:760px;}
  .page-hero h1 span{color:var(--turuncu);}
  .page-hero p{color:var(--ink-soft);font-size:17px;line-height:1.6;max-width:620px;margin:0 auto;}
  .page-hero .eyebrow{margin-bottom:16px;}
  .breadcrumb{font-size:13px;color:var(--ink-soft);margin-bottom:18px;}
  .breadcrumb a{font-weight:600;color:var(--lacivert-acik);}
  .breadcrumb a:hover{text-decoration:underline;}

  .nav-links a.section-link.aktif{color:var(--lacivert);}
  .nav-links a.section-link.aktif::after{right:0;}

  /* Telefon çerçevesi — ekran görüntüsü buraya girer */
  .phone-frame{
    width:100%;max-width:280px;margin:0 auto;background:#121A26;border-radius:34px;padding:10px;
    box-shadow:0 26px 60px rgba(19,35,57,.26);position:relative;
  }
  .phone-frame::before{
    content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);
    width:86px;height:6px;border-radius:99px;background:#2B3648;z-index:2;
  }
  .phone-screen{
    background:#F4F7FC;border-radius:26px;overflow:hidden;aspect-ratio:924/1570;
    display:flex;align-items:center;justify-content:center;
  }
  .phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;}
  .phone-screen .bos{color:#94A3B8;font-size:12.5px;text-align:center;padding:20px;line-height:1.6;}
  .phone-caption{text-align:center;margin-top:16px;}
  .phone-caption strong{display:block;font-size:15.5px;color:var(--lacivert);}
  .phone-caption small{color:var(--ink-soft);font-size:13px;}

  /* Ekran görüntüsü şeridi */
  .shots{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  @media(max-width:900px){.shots{grid-template-columns:repeat(2,1fr);gap:22px;}}
  @media(max-width:600px){.shots{grid-template-columns:1fr;max-width:300px;margin:0 auto;}}

  /* Metin + telefon ikili blok */
  .split{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;margin-bottom:76px;}
  .split:last-child{margin-bottom:0;}
  .split.ters{direction:rtl;}
  .split.ters > *{direction:ltr;}
  @media(max-width:860px){.split,.split.ters{grid-template-columns:1fr;direction:ltr;gap:34px;margin-bottom:54px;}}
  .split-text .tag{
    display:inline-block;font-size:12px;font-weight:700;color:var(--turuncu);
    background:rgba(242,118,28,.11);padding:6px 13px;border-radius:999px;margin-bottom:14px;
  }
  .split-text h3{font-size:26px;letter-spacing:-.02em;margin:0 0 12px;font-weight:800;line-height:1.28;color:var(--lacivert);}
  .split-text p{color:var(--ink-soft);font-size:15.5px;line-height:1.7;margin:0 0 16px;}
  .split-text ul{margin:0;padding:0;list-style:none;}
  .split-text li{font-size:15px;padding:7px 0 7px 28px;position:relative;}
  .split-text li::before{content:"✓";position:absolute;left:0;top:7px;color:#2FA968;font-weight:800;}

  /* Giriş / kayıt sayfaları */
  .auth-page{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center;padding:48px 24px 64px;}
  .auth-card{
    width:100%;max-width:430px;background:#fff;border:1px solid var(--border);border-radius:22px;
    padding:36px 32px;box-shadow:var(--shadow-lg);text-align:center;
  }
  .auth-card .login-modal-icon{margin-bottom:16px;}
  .auth-card h1{margin:0 0 8px;font-size:23px;letter-spacing:-.02em;color:var(--lacivert);}
  .auth-card > p{margin:0 0 22px;color:var(--ink-soft);font-size:14.5px;line-height:1.55;}
  .auth-card input{
    width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--border);
    background:#F7F9FC;font-size:15px;outline:none;margin-bottom:11px;font-family:inherit;color:var(--ink);
    transition:border-color .15s,background .15s;
  }
  .auth-card input:focus{border-color:var(--lacivert-acik);background:#fff;}
  .auth-card .btn{width:100%;padding:13px;font-size:15px;margin-top:4px;}
  .auth-alt{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);font-size:14px;color:var(--ink-soft);}
  .auth-alt a{color:var(--lacivert-acik);font-weight:700;}
  .auth-alt a:hover{text-decoration:underline;}
  .auth-note{font-size:12.5px;color:var(--ink-soft);line-height:1.6;margin-top:14px;text-align:left;
    background:#F7F9FC;border:1px solid var(--border);border-radius:12px;padding:12px 14px;}

  /* SSS */
  .sss{max-width:760px;margin:0 auto;display:grid;gap:12px;}
  .sss details{
    background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px;
    box-shadow:var(--shadow);transition:border-color .18s ease;
  }
  .sss details[open]{border-color:#CFDCEF;}
  .sss summary{font-weight:700;font-size:15.5px;color:var(--lacivert);cursor:pointer;list-style:none;
    display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .sss summary::-webkit-details-marker{display:none;}
  .sss summary::after{content:"+";font-size:21px;color:var(--turuncu);font-weight:700;line-height:1;}
  .sss details[open] summary::after{content:"–";}
  .sss p{margin:12px 0 0;color:var(--ink-soft);font-size:14.5px;line-height:1.65;}

  /* İletişim kartları */
  .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px;}
  @media(max-width:860px){.contact-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto 40px;}}
  .contact-card{
    background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px 24px;
    box-shadow:var(--shadow);text-align:center;
    transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease;
  }
  .contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
  .contact-card .ico{width:52px;height:52px;border-radius:16px;margin:0 auto 14px;display:flex;
    align-items:center;justify-content:center;font-size:23px;background:rgba(43,91,168,.1);}
  .contact-card h3{margin:0 0 6px;font-size:16.5px;color:var(--lacivert);}
  .contact-card p{margin:0 0 14px;font-size:14px;color:var(--ink-soft);line-height:1.55;}
  .contact-card a.deger{font-size:15px;font-weight:700;color:var(--lacivert-acik);}
  .contact-card a.deger:hover{text-decoration:underline;}

  .form-card{
    max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;
    padding:32px 30px;box-shadow:var(--shadow-lg);
  }
  .form-card h3{margin:0 0 6px;font-size:19px;color:var(--lacivert);text-align:center;}
  .form-card > p{margin:0 0 20px;color:var(--ink-soft);font-size:14.5px;text-align:center;line-height:1.55;}
  .form-card input{
    width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--border);
    background:#F7F9FC;font-size:15px;outline:none;margin-bottom:11px;font-family:inherit;color:var(--ink);
    transition:border-color .15s,background .15s;
  }
  .form-card input:focus{border-color:var(--lacivert-acik);background:#fff;}
  .form-card .btn{width:100%;padding:13px;font-size:15px;margin-top:4px;}

  /* ================= Alt bilgi (4 sütun) ================= */
  .site-foot{background:var(--lacivert-koyu);color:#9FB3D1;padding:56px 0 26px;font-size:14px;}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:34px;}
  @media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px 24px;}}
  @media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:28px;}}
  .foot-logo{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;}
  .foot-logo svg{width:30px;height:30px;flex-shrink:0;}
  .foot-logo span{font-weight:800;font-size:18px;color:#fff;letter-spacing:-.01em;}
  .foot-logo span em{font-style:normal;color:var(--turuncu);}
  .foot-tagline{margin:0 0 20px;font-size:13.5px;line-height:1.65;color:#8FA4C4;max-width:250px;}
  .site-foot .foot-social{display:flex;gap:9px;margin:0;justify-content:flex-start;}
  .site-foot .foot-social a{
    width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.08);color:#C9D8EE;border:1px solid rgba(255,255,255,.1);
    transition:transform .18s cubic-bezier(.2,.8,.3,1),background .18s ease,color .18s ease;animation:none;
  }
  .site-foot .foot-social a:hover{transform:translateY(-3px);background:rgba(255,255,255,.16);color:#fff;}
  .site-foot .foot-social a.wa:hover{background:#25D366;color:#fff;}
  .site-foot .foot-social a.ig:hover{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff;}
  .site-foot .foot-social a svg{width:17px;height:17px;}
  .foot-col h4{margin:0 0 16px;font-size:14.5px;font-weight:800;color:#fff;letter-spacing:-.01em;}
  .foot-col a{display:block;padding:6px 0;color:#9FB3D1;font-size:14px;font-weight:500;transition:color .15s ease,padding-left .15s ease;}
  .foot-col a:hover{color:#fff;padding-left:4px;}
  .foot-bottom{
    border-top:1px solid rgba(255,255,255,.1);padding-top:22px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
    font-size:13px;color:#7E93B4;
  }
  .foot-made{opacity:.85;}

  /* ================= Yasal metin sayfaları ================= */
  .yasal{max-width:800px;margin:0 auto;}
  .yasal .guncelleme{font-size:13px;color:var(--ink-soft);margin:0 0 30px;padding-bottom:16px;border-bottom:1px solid var(--border);}
  .yasal h2{font-size:20px;color:var(--lacivert);margin:36px 0 12px;letter-spacing:-.015em;font-weight:800;}
  .yasal h2:first-of-type{margin-top:0;}
  .yasal h3{font-size:16px;color:var(--lacivert);margin:22px 0 8px;font-weight:700;}
  .yasal p{font-size:15.5px;line-height:1.75;color:#3C4A5E;margin:0 0 14px;}
  .yasal ul{margin:0 0 16px;padding:0;list-style:none;}
  .yasal li{font-size:15.5px;line-height:1.7;color:#3C4A5E;padding:6px 0 6px 26px;position:relative;}
  .yasal li::before{content:"";position:absolute;left:6px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--turuncu);}
  .yasal strong{color:var(--ink);}
  .yasal a{color:var(--lacivert-acik);font-weight:600;}
  .yasal a:hover{text-decoration:underline;}
  .yasal-uyari{
    margin-top:38px;background:#FFF7EF;border:1px solid #FBD9B8;border-left:4px solid var(--turuncu);
    border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.65;color:#7A4A18;
  }

  /* Geniş ekranda ferah, dar ekranda dar kenar boşluğu */
  @media(max-width:1100px){
    .wrap{padding:0 24px;}
    .nav-inner{padding:12px 24px;gap:20px;}
  }
  @media(max-width:640px){
    .wrap{padding:0 16px;}
    .nav-inner{padding:11px 16px;}
  }
  /* "Robot değilim" doğrulaması — site anahtarı girilene kadar gizli */
  .recaptcha-alani{display:none;justify-content:center;margin:4px 0 14px;}
  .recaptcha-alani.aktif{display:flex;}
  @media(max-width:380px){ .recaptcha-alani > div{transform:scale(.86);transform-origin:center;} }
  /* ================= Yükleniyor animasyonu ================= */
  .yukleme-nabiz{position:relative;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--turuncu);}
  .yukleme-nabiz::after{
    content:"";position:absolute;inset:0;border-radius:50%;background:var(--turuncu);
    animation:yuklemeNabzi 1100ms cubic-bezier(.9,.7,.5,.9) infinite;
  }
  @keyframes yuklemeNabzi{
    0%{opacity:0;transform:scale(1);}
    50%{opacity:.38;transform:scale(1.9);}
    100%{opacity:0;transform:scale(2.6);}
  }
  .yukleme-satir{
    display:flex;align-items:center;justify-content:center;gap:12px;
    padding:26px 16px;color:var(--ink-soft);font-size:14px;font-weight:600;
  }
  .yukleme-satir .yukleme-nabiz{width:18px;height:18px;}
  @media(prefers-reduced-motion:reduce){ .yukleme-nabiz::after{animation:none;opacity:.3;} }
  /* ================= Tanıtım videosu ================= */
  .video-bolum{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
  .video-kutu{
    max-width:975px;margin:0 auto;border-radius:22px;overflow:hidden;position:relative;
    background:#0E2549;box-shadow:0 28px 66px rgba(19,35,57,.22);line-height:0;
  }
  .video-kutu video{width:100%;height:auto;display:block;}
  .video-not{
    text-align:center;font-size:13.5px;color:var(--ink-soft);margin:16px auto 0;max-width:640px;line-height:1.6;
  }
  /* ================= "Excel yerine" kıyaslaması ================= */
  .kiyas-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto;}
  .kiyas-kart{border:1px solid var(--border);border-radius:20px;padding:26px 24px;background:#fff;}
  .kiyas-kart.eski{background:#FAFBFD;}
  .kiyas-kart.yeni{border-color:#F8C89B;background:linear-gradient(180deg,#FFF9F3,#FFFFFF);box-shadow:var(--shadow);}
  .kiyas-baslik{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:1.02rem;font-weight:800;}
  .kiyas-kart.eski .kiyas-baslik{color:var(--ink-soft);}
  .kiyas-kart.yeni .kiyas-baslik{color:var(--lacivert);}
  .kiyas-baslik svg{width:22px;height:22px;flex-shrink:0;}
  .kiyas-liste{list-style:none;margin:0;padding:0;display:grid;gap:15px;}
  .kiyas-liste li{display:flex;gap:11px;font-size:14.5px;line-height:1.62;color:var(--ink);}
  .kiyas-liste li svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;}
  .kiyas-kart.eski .kiyas-liste li{color:var(--ink-soft);}
  .kiyas-kart.eski .kiyas-liste svg{color:#94A3B8;}
  .kiyas-kart.yeni .kiyas-liste svg{color:#2FA968;}
  @media(max-width:760px){.kiyas-grid{grid-template-columns:1fr;gap:14px;}}

  /* ================= Aidat hesaplayıcı ================= */
  .hesap-kutu{
    max-width:760px;margin:0 auto;padding:30px 32px;border:1px solid var(--border);
    border-radius:22px;background:#fff;box-shadow:var(--shadow-lg);
  }
  .hesap-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
  .hesap-etiket{font-size:14.5px;font-weight:700;color:var(--lacivert);}
  .hesap-etiket small{display:block;margin-top:3px;font-size:12.5px;font-weight:600;color:var(--ink-soft);}
  .hesap-girdi{display:flex;align-items:center;gap:10px;}
  .hesap-girdi button{
    width:38px;height:38px;flex-shrink:0;border:1px solid var(--border);border-radius:11px;
    background:#fff;color:var(--lacivert);font-size:19px;font-weight:700;cursor:pointer;line-height:1;
    transition:background .15s ease,border-color .15s ease;
  }
  .hesap-girdi button:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff;}
  .hesap-girdi input{
    width:96px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;
    font-family:inherit;font-size:17px;font-weight:800;color:var(--lacivert);text-align:center;
  }
  .hesap-girdi input:focus{outline:none;border-color:var(--turuncu);}
  .hesap-sonuc{
    display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding-top:24px;
    border-top:1px solid var(--border);
  }
  .hesap-kart{padding:18px 20px;border-radius:16px;background:#F6F8FC;}
  .hesap-kart.yillik{background:linear-gradient(135deg,#FFF3E8,#FFFBF7);border:1px solid #F8C89B;}
  .hesap-kart .k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
  .hesap-kart .v{display:block;margin:6px 0 2px;font-size:1.72rem;font-weight:800;letter-spacing:-.025em;color:var(--lacivert);}
  .hesap-kart.yillik .v{color:var(--turuncu);}
  .hesap-kart .n{font-size:12.5px;font-weight:600;color:var(--ink-soft);}
  .hesap-not{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--ink-soft);text-align:center;}
  .hesap-eylem{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
  @media(max-width:620px){
    .hesap-kutu{padding:24px 20px;}
    .hesap-ust{flex-direction:column;align-items:stretch;}
    .hesap-girdi{justify-content:space-between;}
    .hesap-sonuc{grid-template-columns:1fr;}
    .hesap-eylem .btn{width:100%;}
  }

  /* ================= Ana sayfa fiyat şeridi ================= */
  .fiyat-serit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto 22px;}
  .fiyat-kutu{
    position:relative;border:1px solid var(--border);border-radius:18px;padding:26px 20px 22px;
    background:#fff;text-align:center;box-shadow:var(--shadow);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .fiyat-kutu:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
  .fiyat-kutu.one-cikan{border-color:var(--turuncu);}
  .fiyat-rozet{
    position:absolute;top:-11px;left:50%;transform:translateX(-50%);
    padding:4px 13px;border-radius:999px;background:var(--turuncu);color:#fff;
    font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap;
  }
  .fiyat-kutu h3{margin:0 0 5px;font-size:1.05rem;font-weight:800;color:var(--lacivert);}
  .fiyat-kutu .kime{color:var(--ink-soft);font-size:13px;line-height:1.5;min-height:39px;}
  .fiyat-rakam{margin:14px 0 3px;font-size:2rem;font-weight:800;color:var(--lacivert);letter-spacing:-.025em;}
  .fiyat-rakam small{font-size:1.1rem;font-weight:700;}
  .fiyat-kutu.one-cikan .fiyat-rakam{color:var(--turuncu);}
  .fiyat-not{color:var(--ink-soft);font-size:12.5px;}
  .fiyat-alt{text-align:center;color:var(--ink-soft);font-size:14px;}
  @media(max-width:820px){.fiyat-serit{grid-template-columns:1fr;max-width:420px;}.fiyat-kutu .kime{min-height:0;}}

  /* ================= Referanslar ================= */
  .referans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;max-width:960px;margin:0 auto;}
  .referans-kart{border:1px solid var(--border);border-radius:20px;padding:26px 24px;background:#fff;box-shadow:var(--shadow);}
  /* Tek referans varken kart ortalanır; 960px'lik satır uzunluğu okumayı zorlaştırıyordu. */
  .referans-kart.referans-tekli{grid-column:1 / -1;max-width:760px;margin:0 auto;padding:34px 36px;}
  .referans-tirnak{display:block;color:var(--turuncu);font-size:2rem;font-weight:800;line-height:.8;}
  .referans-metin{margin:14px 0 22px;font-size:15px;line-height:1.75;color:var(--ink);}
  blockquote.referans-metin{border:0;quotes:none;}
  .referans-metin p{margin:0 0 13px;}
  .referans-metin p:last-child{margin-bottom:0;}
  .referans-tekli .referans-metin{font-size:16px;line-height:1.8;}
  .referans-tekli .referans-kisi{padding-top:20px;border-top:1px solid var(--border);}
  @media(max-width:640px){.referans-kart.referans-tekli{padding:26px 22px;}.referans-tekli .referans-metin{font-size:15px;}}
  .referans-kisi{display:flex;align-items:center;gap:12px;}
  .referans-avatar{
    width:42px;height:42px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
    background:#E3ECF9;color:var(--lacivert-acik);font-size:14px;font-weight:800;
  }
  .referans-kisi strong{display:block;font-size:14px;color:var(--lacivert);}
  .referans-kisi span{font-size:12.5px;color:var(--ink-soft);}

  /* ================= Çizgi ikonlar ================= */
  .feature-card .icon{color:var(--lacivert-acik);}
  .feature-card .icon.turuncu{color:var(--turuncu);}
  .feature-card .icon.yesil{color:#2FA968;}
  .feature-card .icon svg{width:27px;height:27px;}
  .persona-icon{color:var(--lacivert-acik);}
  .persona-resident .persona-icon{color:#2FA968;}
  .persona-icon svg{width:26px;height:26px;}
  .contact-card .ico{color:var(--lacivert-acik);}
  .contact-card:nth-child(1) .ico{color:#128C7E;}
  .contact-card:nth-child(2) .ico{color:#C1358A;}
  .contact-card .ico svg{width:26px;height:26px;}

  /* Video sayfadaki diğer bloklarla aynı ölçüde dursun: sabit 16:9 kutu,
     sayfayı uzatmasın diye yüksekliği de ekrana göre sınırlı. */
  /* Video artık bir tarayıcı penceresi çerçevesinde duruyor: üstte trafik
     ışıkları ve adres çubuğu, altta gerçek görüntü. Genişlik ekran
     yüksekliğine de bağlı (110vh × 9/16 ≈ 62vh), oran hiç bozulmuyor. */
  .video-kutu{
    width:min(100%, 880px, 118vh);max-width:none;aspect-ratio:auto;
    margin:0 auto;border-radius:16px;overflow:hidden;line-height:0;
    background:#0E2549;box-shadow:0 30px 70px rgba(19,35,57,.26);
    border:1px solid rgba(19,35,57,.14);
  }
  .video-cerceve{
    display:flex;align-items:center;gap:8px;padding:11px 14px;line-height:1;
    background:linear-gradient(180deg,#F7F9FC,#EDF1F8);border-bottom:1px solid #DFE6F1;
  }
  .video-nokta{display:flex;gap:6px;flex-shrink:0;}
  .video-nokta i{width:11px;height:11px;border-radius:50%;display:block;}
  .video-nokta i:nth-child(1){background:#FF5F57;}
  .video-nokta i:nth-child(2){background:#FEBC2E;}
  .video-nokta i:nth-child(3){background:#28C840;}
  .video-adres{
    flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;
    padding:5px 12px;border-radius:8px;background:#fff;border:1px solid #E4EAF3;
    font-size:12px;font-weight:600;color:var(--ink-soft);
  }
  .video-adres svg{width:12px;height:12px;flex-shrink:0;color:#2FA968;}
  .video-adres span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .video-kutu video{
    width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;background:#0E2549;
  }
  @media(max-width:700px){
    .video-kutu{width:100%;border-radius:13px;}
    .video-cerceve{padding:9px 11px;gap:6px;}
    .video-nokta i{width:9px;height:9px;}
    .video-adres{font-size:11px;padding:4px 9px;}
  }