/* Çok sayfalı site düzeni. Renk, yazı tipi, cam ve ekran tasarımları css/main.css'ten gelir;
   burada yalnız sayfa yapısı, menü, sabit ekran sahneleri ve sekmeler var. */

/* Sürekli hareket yok: süzülme, ışık kayması ve döngüler kapalı. Yalnız ilk görünüşte kısa belirme kalır. */
.site .loop{animation:none !important}
.site{--s:1;--z:1}

/* Üst menü */
.site .nav-links{display:flex}
.site .nav-links a[aria-current="page"]{background-color:rgba(255,255,255,.9);color:#077268}
.menu-btn{display:none;flex:none;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background-color:rgba(10,148,136,.1) !important}
.mmenu{max-width:1200px;margin:8px auto 0;border-radius:24px;padding:8px;display:flex;flex-direction:column}
.mmenu[hidden]{display:none}
.mmenu a{padding:13px 16px;border-radius:16px;font-size:16px;font-weight:600;color:#0A1614 !important;text-decoration:none}
.mmenu a[aria-current="page"]{background:rgba(255,255,255,.85);color:#077268 !important}
@media (max-width:1023px){.site .nav-links,.site .nav-link{display:none}.menu-btn{display:inline-flex}}
@media (min-width:1024px){.mmenu{display:none !important}}
@media (max-width:420px){.site .nav-cap{gap:8px;padding-left:12px}.site .nav-r{gap:6px}.site .topnav .logo{gap:8px}.site .nav-cta{white-space:nowrap;padding:0 13px;font-size:14px}.site .topnav .logo span{font-size:16px}}

/* Bölümler */
.psec{position:relative;z-index:2;padding:clamp(48px,5vw,72px) 0 0;scroll-margin-top:84px}
.phero{padding-top:clamp(116px,12vw,160px)}
.psec .two{align-items:center;gap:36px 64px}
.phero .two{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.ptext{display:flex;flex-direction:column;gap:20px;align-items:flex-start;min-width:0}
.ptext-in{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ptext-in[hidden],[data-pane][hidden]{display:none !important}
.pvis{min-width:0;display:flex;flex-direction:column;align-items:center}
.site .t-h1{font-size:clamp(36px,4.4vw,60px)}
.site .t-h2{font-size:clamp(28px,3.3vw,46px)}
.site .t-body{font-size:17px}
@media (min-width:1101px){.psec .two.flip>.pvis{order:-1}.psec .two.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
@media (min-width:1101px){#dongu .two,#karar .two,#olcum .two{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}#karar .two.flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
@media (max-width:1100px){.site .psec .two,.site .phero .two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.site .t-body{font-size:15.5px}.site .cta-row a{min-height:46px;font-size:15px}}

/* Sekmeler (senaryo ve ölçüm türü) */
.site .seg button{background-color:transparent;color:#0A1614}
.site .seg button[aria-pressed="true"],.site .tabs2 button[aria-pressed="true"]{background-color:#0A1614;color:#FFFFFF}
.site .tabs2 button[aria-pressed="false"]{background-color:transparent;color:#0A1614}
.site .steps-l li{animation:ciIn .5s cubic-bezier(.2,.8,.2,1) both}

/* Sabit ekran sahneleri: ekranlar tasarım ölçüsünde çizilir ve kutuya sığdırılır */
.scene{position:relative;width:100%;margin:0 auto}
.scene-in{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
/* Ölçekli tuvalin boş alanı yandaki yazıların üstüne taşar; tıklamaları yalnız sekme düğmeleri alsın. */
.scene-in .cast{pointer-events:none !important}
.scene-in .tabs2 button{pointer-events:auto}
.scene.is-m{display:none}
@media (max-width:620px){.scene.is-d{display:none}.scene.is-m:not([hidden]){display:block}}
.scene:not(.in) *{animation-play-state:paused !important}

/* Sayfa sonundaki demo çağrısı (her sayfada) */
.mcta{border-radius:32px;padding:clamp(24px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}

/* Ana sayfa: üçüncü yol. Solda kısa karşılaştırma, sağda panelin gerçek ekranı */
@media (min-width:1101px){.u3{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.u3-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%}
.u3-list li{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85)}
.u3-list strong{font-size:17px;line-height:1.35;font-weight:600;color:#4A5654}
.u3-list .u3-e{background:#087C72;border-color:#087C72;box-shadow:0 24px 44px -26px rgba(8,124,114,.7)}
.u3-list .u3-e .lbl{color:#BFF2E8}.u3-list .u3-e strong{color:#FFFFFF;font-weight:700}
.pw-u3{width:100%;max-width:none}

/* Ana sayfa: nasıl çalışır kartları */
.tcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.tcard{border-radius:28px;padding:24px 26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#0A1614 !important;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.tcard:hover{transform:translateY(-4px)}
.tcard h3{margin:0;font-size:22px;line-height:1.15}
.tcard p{margin:0;font-size:15px;line-height:1.5;color:#4A5654}
.tcard .link{margin-top:auto;font-size:15px}
@media (max-width:900px){.tcards{grid-template-columns:minmax(0,1fr)}}

/* Ana sayfa: modül bağlantıları */
.mpills{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.mpill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px 0 6px;border-radius:999px;font-size:14.5px;font-weight:600;color:#0A1614 !important;text-decoration:none;transition:transform .25s}
.mpill:hover{transform:translateY(-2px)}
.mpill-ic{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 12px -8px rgba(10,22,20,.6)}

/* Modüller sayfası: sabit modül çubuğu */
.mchipbar{position:sticky;top:76px;z-index:55;padding:12px 0 0}
.mchipbar .mchips{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:999px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 36px -24px rgba(14,58,52,.4)}
.mchipbar .mchips::-webkit-scrollbar{display:none}
.mchipbar .mchips a{white-space:nowrap;min-height:38px;background:transparent !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none}
.mchipbar .mchips a:hover{background:rgba(255,255,255,.8) !important}
.mchipbar .mchips a[aria-current="true"]{background-color:#0A1614 !important;color:#FFFFFF !important}
.site .msec{scroll-margin-top:calc(172px - clamp(72px, 9vw, 128px))}
@media (max-width:820px){.site .msec{scroll-margin-top:calc(164px - clamp(72px, 9vw, 128px))}}

@media (prefers-reduced-motion: reduce){
  .site .ci,.site .fl-dot,.site .ring,.site .draw,.site .fade-svg,.site .rv,.site .steps-l li{animation:none !important}
  html{scroll-behavior:auto}
}

/* Giriş: fotoğraf yerine panelin deneme ekranı */
.win-shot{border-radius:28px;box-shadow:0 30px 60px -32px rgba(14,58,52,.45)}
.win-shot .pw-hero{width:100%;height:100%;max-width:none;border-radius:28px;box-shadow:none}

/* Sorular: veli uygulaması ekranı */
.sss-ph{margin-top:18px;transform:rotate(-2deg)}
@media (max-width:860px){.sss-ph{display:none}}

/* Döngü: programın içinden görünüm. Panel (etiketli yan menüyle) + yanında mobil uygulama */
@media (min-width:1101px){.dongu2{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.app-stage{position:relative;width:100%;padding:0 60px 60px 0}
.app-stage[hidden]{display:none}
.pw-app{max-width:none;width:100%;animation:ciIn .45s cubic-bezier(.2,.8,.2,1) both}
.pw-side{flex:none;width:166px;padding:12px 8px;display:flex;flex-direction:column;gap:3px;background:rgba(252,252,250,.86);border-right:1px solid #e2e8f0}
.pw-brand{display:flex;align-items:center;gap:7px;padding:2px 6px 10px}
.pw-brand img{width:22px;height:22px;border-radius:7px}
.pw-brand b{display:block;font-size:12px;color:#2e8b74;font-weight:700}.pw-brand small{display:block;font-size:9px;color:#64748b}
.pw-side>span{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;border-radius:9px;font-size:10.5px;font-weight:500;color:rgba(15,23,42,.78);white-space:nowrap}
.pw-side>span .ms{font-size:15px;font-style:normal}
.pw-side>span.on{background:rgba(5,147,135,.1);box-shadow:inset 0 0 0 1px rgba(5,147,135,.15);color:#059387;font-weight:600}
.app-ph{position:absolute;right:0;bottom:0;width:200px;padding:12px 10px 10px;gap:8px;font-size:11px;animation:ciIn .5s .1s cubic-bezier(.2,.8,.2,1) both}
.app-ph .ph-top b{font-size:12px}
.ph-k{display:block;font-size:8px;font-weight:800;letter-spacing:.06em;color:#059387}
.ph-big{font-size:24px;font-weight:800;color:#059387;line-height:1.1}.ph-big small{font-size:11px}
.ph-row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;border-bottom:1px solid #E2E8F0}.ph-row:last-child{border-bottom:0}
.ph-row b{color:#059387}.ph-row b.er{color:#ba1a1a}
.ph-t{display:block;font-size:11.5px;font-weight:700;line-height:1.3}.ph-s{display:block;font-size:10px;color:#64748B}
.ph-pill{display:inline-block;margin-top:5px;font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.ph-pill.wr{background:#FFFBEB;color:#92400e}.ph-pill.ok{background:#ECFDF5;color:#065f46}
.ph-dark{background:#0A1614;border-color:#0A1614}.ph-dark .ph-k{color:#2BD3B8}.ph-dark .ph-t{color:#fff}.ph-dark .ph-s{color:#A8B5B2}
.app-ph .ui-tabbar{margin-top:auto}
@media (max-width:620px){.app-stage{padding:0}.pw-side{display:none}.app-ph{position:relative;margin:-30px 0 0 auto;width:190px}}

/* Üçüncü yol: kazanım vurgusu */
.pw-ka .pw-main{gap:8px}
.kt{display:flex;flex-direction:column;gap:4px;background:rgba(252,252,250,.85);border:1px solid rgba(226,232,240,.85);border-radius:12px;padding:6px}
.kg{font-size:10px;font-weight:600;color:#64748b;padding:5px 6px 1px;text-transform:uppercase;letter-spacing:.04em}
.kr{display:grid;grid-template-columns:minmax(0,1.6fr) 104px 86px 118px;gap:8px;align-items:center;padding:6px 8px;border-radius:9px;background:#FFFFFF;font-size:11px}
.kr-n{display:flex;flex-direction:column;min-width:0}
.kr-n code{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#077268}
.kr-n span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr-q{font-size:9.5px;color:#64748b;white-space:nowrap}.kr-q i{font-style:normal;font-weight:600;color:#0f172a}
.kr-p{display:flex;align-items:center;gap:6px}.kr-p b{font-size:11px;width:28px}.kr-p .cv-bar{flex:1}
.kr-s{justify-self:start;font-size:9.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.ka-d{background:#ffdad6;color:#ba1a1a}.ka-y{background:#fff7ed;color:#c2410c}.ka-p{background:#fffbeb;color:#92400e}.ka-ok{background:#ecfdf5;color:#065f46}
.ka-next{padding:8px 11px;display:flex;flex-direction:column;gap:1px;background:#F3F1FA;border-color:#DDD6F3}
.ka-next b{font-size:12.5px}
.cv-bar{display:block;height:5px;border-radius:9px;background:#e2e8f0;overflow:hidden}.cv-bar i{display:block;height:100%;border-radius:9px}
@container (max-width:520px){.kr{grid-template-columns:minmax(0,1fr) 70px;row-gap:3px}.kr-q{display:none}.kr-s{grid-column:1 / -1}}
.pvis>.pw{flex:none}

/* Kazanım ekranı ek açıklamaları: boş alanlara oturan etiketler ve hedefe inen oklar (bir kez çizilir) */
.ka-wrap{position:relative;width:100%}
.kg{display:flex;align-items:center;gap:12px;min-height:26px}
.kg .ann[data-ann="2"]{margin-left:auto}
.ka-next b{align-self:flex-start}
[data-ann-to]{padding:1px 4px;margin:-1px -4px;justify-self:start}
.ka-next{position:relative}
.ann{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border-radius:999px;background:#0A9488;color:#FFFFFF;font-family:'Inter',system-ui,sans-serif;
  font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(8,124,114,.7);opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}
.ann i{font-style:normal;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FFFFFF;color:#077268;font-size:11px;font-weight:700}
.ka-next .ann{position:absolute;right:12px;top:10px}
.ka-wrap.drawn .ann{opacity:1;transform:none}
.ka-wrap.drawn [data-ann="2"]{transition-delay:.25s}.ka-wrap.drawn [data-ann="3"]{transition-delay:.5s}
.ann-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
.ann-arrows path{fill:none;stroke:#0A9488;stroke-width:2;stroke-linecap:round}
[data-ann-to]{border-radius:8px;transition:box-shadow .5s ease}
.ka-wrap.drawn [data-ann-to]{box-shadow:0 0 0 2px rgba(10,148,136,.55),0 0 0 6px rgba(10,148,136,.12)}
@media (max-width:620px){.ann,.ann-arrows{display:none}.ka-wrap.drawn [data-ann-to]{box-shadow:none}}
@media (prefers-reduced-motion: reduce){.ann,[data-ann-to]{transition:none}}

/* Döngü senaryo sekmeleri: tek satır, eşit genişlik */
#dongu .seg{display:flex;flex-wrap:nowrap;width:100%;max-width:440px;border-radius:999px;padding:5px}
#dongu .seg button{flex:1 1 0;min-width:0;white-space:nowrap;min-height:42px;padding:0 10px;font-size:14.5px}
@media (max-width:420px){#dongu .seg button{font-size:13.5px;padding:0 6px}}

/* Döngü adımları: sekmelerle aynı genişlikte, numaralı ve birbirine bağlı akış */
#dongu .ptext>[data-pane]{width:100%;max-width:440px}
#dongu .steps-l{counter-reset:st;gap:0;position:relative;padding:6px 0 0}
#dongu .steps-l::before{content:"";position:absolute;left:17px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(10,148,136,.45),rgba(10,148,136,.12))}
#dongu .steps-l li{counter-increment:st;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:center;padding:9px 0;border:0;border-radius:0;background:none !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none}
#dongu .steps-l li::before{content:counter(st);grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#077268;background:rgba(255,255,255,.85);border:1px solid rgba(10,148,136,.28);box-shadow:0 6px 14px -8px rgba(14,58,52,.35);position:relative;z-index:1}
#dongu .steps-l li .lbl{grid-column:2;font-size:10.5px}
#dongu .steps-l li .st-a{grid-column:2;font-size:16px;font-weight:600;line-height:1.3}
@media (max-width:620px){#dongu .steps-l li .st-a{font-size:15px}}

/* Döngü · Birebir Planı matrisi */
.bm{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed;margin-top:6px;font-size:10px}
.bm th{font-weight:600;color:#64748b;font-size:9.5px;padding:2px 0}
.bm tbody th{width:38px;text-align:left;color:#059387;font-weight:700}
.bm td{height:34px;border-radius:7px;padding:3px 5px;vertical-align:middle;line-height:1.2}
.bm td.bm-c{background:#EEEDE9;color:#64748b;font-weight:600}
.bm td.bm-e{background:repeating-linear-gradient(135deg,#F7F6F3 0 6px,#F1F0EC 6px 12px)}
.bm td.bm-b{background:rgba(104,92,164,.13);box-shadow:inset 3px 0 0 #685ca4}
.bm td.bm-b b{display:block;font-size:10px;color:#4E3F8C}.bm td.bm-b small{display:block;font-size:8.5px;color:#685ca4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-leg{display:flex;gap:10px;font-size:9.5px;color:#64748b}
.bm-leg span{display:inline-flex;align-items:center;gap:4px}
.bm-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.bm-leg i.bm-c{background:#EEEDE9}.bm-leg i.bm-b{background:rgba(104,92,164,.3)}.bm-leg i.bm-e{background:repeating-linear-gradient(135deg,#F7F6F3 0 3px,#E6E5E0 3px 6px)}
.bm-new{border-color:rgba(104,92,164,.3)}
@container (max-width:430px){.bm-leg{display:none}}

/* ── Revize 24.10: geniş düzen (G1, G2) ── */
.site{--gut:clamp(20px,5vw,80px)}
/* Ölçeklenen ekranların yuvarlama artığı yatay kaydırma açmasın */
.site main{overflow-x:clip}
.site .wrap{max-width:1440px;padding-inline:var(--gut)}
.site .topnav{padding-inline:var(--gut)}
.site .nav-cap{max-width:calc(1440px - 2 * var(--gut))}
.site .mmenu{max-width:calc(1440px - 2 * var(--gut))}
@media (min-width:1101px){.site .hero2{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:40px 56px}}
.site .hero2 .pvis .scene{max-width:none}
.hero-app{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:4px;font-size:13px;color:#5F6B69}

/* Mağaza düğmeleri (A10, I2) */
.stores{display:flex;flex-wrap:wrap;gap:8px}
.store{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border-radius:12px;background:#0A1614;color:#FFFFFF !important;text-decoration:none;line-height:1.1}
.store .ms{font-size:20px;color:#2BD3B8}
.store span:last-child{display:flex;flex-direction:column;font-size:14px;font-weight:700}
.store small{font-size:10px;font-weight:500;color:#A8B5B2}
.store:hover{background:#18221F}

/* Nasıl çalışır: 3 sekme */
/* Solda başlık, sekmeler ve yazı; sağda ekran başlıkla aynı hizadan başlar */
#nasil-calisir .nc2{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media (min-width:1101px){#nasil-calisir .nc2{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 56px;align-items:stretch}}
#nasil-calisir .nc-l{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#nasil-calisir .nc-l .sec-head{margin-bottom:28px}
#nasil-calisir .seg{display:flex;flex-wrap:nowrap;width:100%;max-width:440px;border-radius:999px;padding:5px;margin-bottom:28px}
/* Sekmeler üst üste durur; en uzun bölme yüksekliği belirler, sekme değişince sayfa zıplamaz. */
.nc-txt,.nc-vis{display:grid}
.nc-txt>[data-pane],.nc-vis>[data-pane]{grid-area:1/1;min-width:0;align-self:start}
.nc-txt>[data-pane][hidden]{display:flex !important;visibility:hidden}
.nc-vis>[data-pane][hidden]{display:block !important;visibility:hidden}
#nasil-calisir .seg button{flex:1 1 0;min-width:0;white-space:nowrap;min-height:42px;padding:0 10px;font-size:14.5px}
.nc-h{margin:0 0 12px;font-size:clamp(24px,2.4vw,32px);line-height:1.12;text-wrap:balance}

/* Modüller: kart ızgarası ve detay pencereleri (IA4-6) */
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.mcard2{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 20px 18px;border-radius:24px;text-align:left;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.mcard2:hover{transform:translateY(-3px)}
.mcard2 b{font-size:16.5px;margin-top:8px}
.mcard2>span:not(.mc-ic){font-size:14px;line-height:1.45;color:#4A5654}
.mcard2 i{font-style:normal;margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:#077268}
.mc-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(10,148,136,.12)}
.mc-ic .ms{font-size:21px;color:#077268}
.mmore{display:block;margin:18px auto 0;padding:12px 22px;border-radius:999px;font-size:14.5px;font-weight:600;color:#0A1614;cursor:pointer}
@media (max-width:1100px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mgrid{grid-template-columns:minmax(0,1fr)}}
/* Telefonda kartlar sıkı: ikon solda, başlık ve açıklama sağda */
@media (max-width:620px){
  .mcard2,.ccard:has(>.mc-ic){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:3px;align-items:start;padding:16px 18px;border-radius:20px}
  .mcard2>.mc-ic,.ccard>.mc-ic{grid-row:1 / span 2}
  .mcard2 b,.ccard b{margin-top:0}
  .mcard2 i{display:none}
  .mgrid{gap:10px}.c3,.g2{gap:10px}
}
.mdlg{width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:32px;background:transparent;color:#0A1614;overflow:visible}
.mdlg::backdrop{background:rgba(10,22,20,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mdlg-in{position:relative;max-height:calc(100vh - 32px);overflow:auto;padding:clamp(22px,3vw,40px);padding-top:clamp(56px,5vw,64px);border-radius:32px;background:linear-gradient(160deg,#F8FBFA,#EEF2F6);box-shadow:0 40px 80px -30px rgba(10,22,20,.5)}
/* Pencerede ekranlar sabit durur; yalnız pencere açılırken kısa bir belirme olur. */
.mdlg :is(.m-a1,.m-a2,.m-a3,.m-a4,.m-a5,.m-a6,.m-a7,.m-g1,.m-g2,.m-g3,.m-g4,.m-h1,.m-h2,.m-h3,.m-h4,.m-reveal,.m-drop){animation:none !important}
.mdlg[open] .mdlg-in{animation:ciIn .35s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion: reduce){.mdlg[open] .mdlg-in{animation:none}}
.mdlg-x{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,22,20,.06) !important}
.mdlg-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 44px;align-items:center}
.mdlg .mtext{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mdlg-vis{display:flex;justify-content:center;min-width:0}
.mdlg-vis .pw{flex:1 1 auto;max-width:620px;width:100%}
.mdlg-vis .mvis{width:100%;display:flex;justify-content:center}
.mdlg .mh{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.1;text-wrap:balance}
@media (max-width:860px){.mdlg-grid{grid-template-columns:minmax(0,1fr)}.mdlg{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.mdlg-in{max-height:calc(100vh - 16px);border-radius:24px}}
.xgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;margin-top:22px}
.xcard{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9)}
.xcard b{font-size:15px}.xcard span{font-size:13.5px;color:#4A5654;line-height:1.45}
body.dlg-open{overflow:hidden}

/* Kurum sahibi, kimler için, güvenlik kartları (A5, A7, Y1, Y2) */
.c3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.c4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.ccard{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px;border-radius:24px}
.ccard b{font-size:17px;margin-top:4px}
.ccard>span:not(.mc-ic):not(.lbl){font-size:15px;line-height:1.5;color:#4A5654}
.tcard2{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85)}
.tcard2 b{font-size:15px}.tcard2 span{font-size:13px;color:#5F6B69}
@media (max-width:900px){.c3,.g2{grid-template-columns:minmax(0,1fr)}.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kunye{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;padding:20px 24px;border-radius:24px}
.kunye div{display:flex;flex-direction:column;gap:4px}.kunye b{font-size:15px}
@media (max-width:900px){.kunye{grid-template-columns:minmax(0,1fr)}}

/* Demo sayfası (DM2, DM5) */
.dm-quote{margin:0;padding:4px 0 4px 16px;border-left:3px solid #0A9488;font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.35}
.dm-steps{display:flex;flex-direction:column;gap:10px}
.dm-steps b{font-size:15px}
.dm-steps ol{list-style:none;counter-reset:dm;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dm-steps li{counter-increment:dm;display:flex;align-items:center;gap:12px;font-size:15px;color:#34403E}
.dm-steps li::before{content:counter(dm);flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,148,136,.12);color:#077268;font-size:13px;font-weight:700}

/* Fiyatlar (yayında değil) */
.offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;max-width:1000px;margin:28px auto 0;padding:12px 14px 12px 22px;border-radius:999px;font-size:14.5px;color:#4A5654}
.offer b{color:#4E3F8C}
@media (min-width:901px){.offer{flex-wrap:nowrap}.offer>span{flex:1 1 auto}}
.hk-head{max-width:980px}
.offer .btn-teal{min-height:40px;padding:0 18px;font-size:14px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px;border-radius:26px}
.plan b{font-size:20px}.plan small{color:#5F6B69}
.plan .price{margin:14px 0 16px;font-size:34px;font-weight:800;letter-spacing:-.02em}
.plan .price small{font-size:13px;font-weight:500}
.plan .btn-teal,.plan .btn-glass{justify-content:center;width:100%;padding:0 18px}
.plan-hi{box-shadow:inset 0 0 0 2px rgba(8,124,114,.6),0 30px 60px -32px rgba(14,58,52,.45)}
.plan-tag{position:absolute;top:-12px;left:22px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;background:#087C72;color:#fff}
.ptable{margin-top:16px;border-radius:24px;padding:8px 16px;overflow-x:auto}
.ptable table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.ptable th{text-align:left;font-weight:700;padding:12px 8px}
.ptable th:not(:first-child),.ptable td:not(:first-child){text-align:center;width:16%}
.ptable td{padding:11px 8px;border-top:1px solid rgba(10,22,20,.08)}
.ptable .ok{color:#077268;font-weight:700}.ptable .no{color:#A8B5B2}
@media (max-width:900px){.plans{grid-template-columns:minmax(0,1fr)}.offer{border-radius:24px}}

/* Footer: 4 kolon (I2) */
.foot2{padding:48px 0 32px}
.fcols{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:28px 32px}
.fbrand{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.fbrand p{margin:0;font-size:14px;line-height:1.5;color:#4A5654;max-width:30em}
.fcols nav{display:flex;flex-direction:column;gap:2px}
.fcols nav b{font-size:13px;margin-bottom:6px;color:#0A1614}
.fcols nav a{font-size:14px;color:#4A5654;text-decoration:none;padding:5px 0}
.fcols nav a:hover{color:#077268}
.fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(10,22,20,.1);font-size:13px;color:#5F6B69}
.fbottom a{color:#4A5654}
@media (max-width:900px){.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}.fbrand{grid-column:1 / -1}}

/* ── Revize 24.10 (2): sosyal medya, demo formu durumu, aydınlatma metni ── */
.social{display:flex;gap:8px}
.social a{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#0A1614 !important;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);text-decoration:none}
.social a:hover{color:#077268 !important;background:#FFFFFF}
.f-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.f-status{margin:0;padding:12px 14px;border-radius:14px;font-size:14.5px;line-height:1.45;background:rgba(213,63,63,.08);color:#8E2A2A}
.f-status.is-ok{background:rgba(10,148,136,.1);color:#065F57}
.plan-note{margin:14px 0 0;text-align:center;font-size:13.5px;color:#5F6B69}
.legal{margin-top:32px;padding:clamp(22px,3vw,40px);border-radius:28px;max-width:900px}
.legal h2{margin:26px 0 8px;font-size:18px;font-weight:700}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{font-size:15.5px;line-height:1.6;color:#2E3A38}
.legal p{margin:0 0 10px}
.legal ul{margin:0 0 10px;padding-left:20px}
.legal li{margin-bottom:4px}
.legal a{color:#077268}
.legal-date{margin-top:22px !important;font-size:13px !important;color:#5F6B69 !important}

/* ── Revize 24.10 (3): gezinme ── */
/* Ürün açılır menüsü: üzerine gelince ya da odaklanınca açılır */
.nav-dd{position:relative;display:flex}
.site .nav-dd>a{display:inline-flex;align-items:center;gap:5px}
.dd-chev{transition:transform .2s ease}
.nav-dd .dd{position:absolute;top:100%;left:-8px;padding-top:10px;display:none;z-index:5}
.nav-dd:hover .dd,.nav-dd:focus-within .dd{display:block}
.nav-dd:hover .dd-chev,.nav-dd:focus-within .dd-chev{transform:rotate(180deg)}
.dd-in{display:flex;flex-direction:column;gap:2px;min-width:220px;padding:8px;border-radius:20px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 48px -20px rgba(10,22,20,.35),0 2px 8px -4px rgba(10,22,20,.12)}
.site .nav-links .dd-in a{display:block;padding:10px 14px;border-radius:14px;font-size:14.5px}
.site .nav-links .dd-in a:hover{background:rgba(10,148,136,.08);color:#077268}
.mmenu a.sub{padding:9px 16px 9px 32px;font-size:15px;font-weight:500;color:#4A5654 !important}
/* Ana sayfa fiyat özeti */
.plans-mini .plan{text-decoration:none;color:#0A1614;transition:transform .25s ease}
.plans-mini .plan:hover{transform:translateY(-3px)}
.plans-mini .plan .price{margin:10px 0 6px}
.plans-mini .plan i{font-style:normal;margin-top:auto;font-size:14px;font-weight:700;color:#077268}
.plans-mini+.plan-note .link{font-size:14px;margin-left:6px}
.sss-links{display:flex;flex-wrap:wrap;gap:6px 22px}

/* ── Revize 24.10 (4): bölüm ayrımı ── */
/* Başlıklar kaydırınca bulanıktan belirmez; ekranla birlikte hemen görünür, bölüm nerede başlıyor belli olur. */
.site .rv{animation:none !important;opacity:1;transform:none;filter:none}
/* Ana sayfada her bölüm üstte ve altta eşit boşlukla, arada ince bir çizgiyle ayrılır. */
main:has(#giris)>.psec:not(.phero){padding-block:clamp(40px,4.5vw,64px)}
main:has(#giris)>.phero{padding-top:clamp(92px,8vw,112px);padding-bottom:clamp(40px,4.5vw,64px)}
main:has(#giris)>.psec+.psec::before{content:"";position:absolute;top:0;left:0;right:0;width:calc(100% - 2 * var(--gut));max-width:calc(1440px - 2 * var(--gut));height:1px;margin:0 auto;background:linear-gradient(90deg,rgba(10,22,20,0),rgba(10,22,20,.12) 12%,rgba(10,22,20,.12) 88%,rgba(10,22,20,0))}
/* Ekranlı bölümlerde ekran başlıkla aynı hizadan başlar. */
main:has(#giris)~.foot{margin-top:0}

/* ── Nasıl çalışır: her sekme Ürün bölümündeki gibi tek bir panel penceresi; üç pencere aynı boyda ── */
.nc-vis>[data-pane]{align-self:stretch;display:flex}
.pw-nc{display:flex;flex-direction:column;width:100%;max-width:none}
.pw-nc .pw-in{flex:1}
.pw-nc .pw-main{gap:9px}
.nc-top{justify-content:space-between;flex-wrap:wrap}
/* 1 · Mimari */
.nc-kz{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:10px 12px;background:#E1F2EF;border-color:#C5E6E0}
.nc-kz>div:first-child{display:flex;flex-direction:column}
.nc-kz code{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:#077268}
.nc-kz b{font-size:14px}
.nc-src{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.nc-src .ptx{margin-right:2px}
.nc-src i{font-style:normal;font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:#FFFFFF;color:#0f172a;border:1px solid #D5ECE7}
.pw-nc .kg{display:grid;grid-template-columns:minmax(0,1fr) 120px 150px;gap:8px;min-height:22px}
.nc-kr{grid-template-columns:minmax(0,1fr) 120px 150px}
.nc-n{font-weight:600;white-space:nowrap}
.nc-lv{background:#ECE9F7;color:#4E3F8C}
.nc-more{font-size:10.5px;font-weight:600;color:#077268;padding:0 8px}
/* 2 · Karar */
.nc-konu{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:9px 12px}
.nc-konu b{font-size:13px}.nc-pct{color:#077268}
.nc-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.nc-node{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:11px;background:#FFFFFF;border:1px solid #e2e8f0;min-width:0}
.nc-lb{font-family:'IBM Plex Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;line-height:1.3;min-height:21px}
.nc-no{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:600;color:#0f172a}
.nc-node b{font-size:11.5px;white-space:nowrap}
.nc-node .cv-bar i{background:#0A9488}
.nc-st{font-size:9.5px;color:#4A5654;line-height:1.3}
.nc-tl{background:#E1F2EF;border-color:#C5E6E0}.nc-tl .nc-lb,.nc-tl .nc-st{color:#077268;font-weight:600}
.nc-skip{background:transparent;border-style:dashed}.nc-skip>*{opacity:.55}
.nc-hit{background:#ECE9F7;border-color:#C9C1EE}.nc-hit .nc-lb,.nc-hit .nc-st{color:#4E3F8C;font-weight:600}.nc-hit .cv-bar i{background:#6B5CA8}
.nc-dec{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px}
.nc-dec .ka-next{padding:10px 12px;gap:3px}
.nc-why{display:flex;flex-direction:column;gap:4px}
.nc-why .ptx b{color:#0f172a}
/* 3 · Ölçüm */
.nc-ol{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px;flex:1}
.nc-chartbox{display:flex;flex-direction:column;gap:6px}
.nc-sb{justify-content:space-between;flex-wrap:wrap}
.nc-ct{font-size:12px}
.nc-seg{display:inline-flex;padding:2px;border-radius:999px;background:#EEEDE9}
.nc-seg i{font-style:normal;font-size:9.5px;font-weight:600;padding:3px 9px;border-radius:999px;color:#0f172a}
.nc-seg i.on{background:#0A1614;color:#FFFFFF}
.nc-plot{position:relative;padding-top:30px}
.nc-chart{display:block;width:100%;height:auto;overflow:visible}
.nc-chart .g line{stroke:rgba(10,22,20,.08)}
.nc-chart text{font-family:'Inter',system-ui,sans-serif;font-size:10px;fill:#64748b}
.nc-chart .band{fill:rgba(10,148,136,.13)}
.nc-chart .avg{fill:none;stroke:#7C8785;stroke-width:1.6;stroke-dasharray:5 4}
.nc-chart .me{fill:none;stroke:#0A9488;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.nc-chart .dots circle{fill:#0A9488;stroke:#FFFFFF;stroke-width:1.5}
.nc-chart .call-l{stroke:#6B5CA8;stroke-dasharray:3 3}
.nc-chart .call-c{fill:none;stroke:#6B5CA8;stroke-width:1.6}
.nc-chart .lab{font-size:10.5px;fill:#4A5654}.nc-chart .lab.b{font-weight:700;fill:#0A1614}
.nc-call{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;padding:4px 9px;border-radius:9px;background:#FFFFFF;border:1px solid #C9C1EE;font-size:9.5px;white-space:nowrap;box-shadow:0 6px 16px -10px rgba(16,24,40,.3)}
.nc-call b{font-size:10px}.nc-call span{color:#64748b}
.nc-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:9.5px;color:#4A5654}
.nc-leg span{display:inline-flex;align-items:center;gap:5px}
.nc-leg i{display:inline-block;width:16px}
.l-me{height:3px;border-radius:2px;background:#0A9488}.l-avg{border-top:2px dashed #7C8785}.l-band{height:9px;border-radius:3px;background:rgba(10,148,136,.18)}
.nc-side{display:flex;flex-direction:column;gap:8px}
.nc-side .pc{display:flex;flex-direction:column;gap:4px}
.nc-big{font-size:24px;font-weight:800;color:#059387;line-height:1.1}.nc-big small{font-size:11px}
.nc-kv{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#64748b;padding-top:4px;border-top:1px solid #e2e8f0}
.nc-kv b{color:#0f172a;font-size:11px}
/* Dar pencerede sıkışmasın */
@container (max-width:560px){
  .pw-nc .kg{display:none}
  .nc-kr{grid-template-columns:minmax(0,1fr) 90px;row-gap:4px}.nc-kr .kr-s{grid-column:1 / -1}
  .nc-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nc-dec,.nc-ol{grid-template-columns:minmax(0,1fr)}
  .nc-side{flex-direction:row}.nc-side .pc{flex:1}
}
@media (max-width:1100px){.nc-vis>[data-pane][hidden]{display:none !important}}

/* Fiyatlar başlığı: solda başlık, sağda ücretsiz deneme kutusu; tek sıra, az yer kaplar */
.fy-head{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 48px;align-items:end}
@media (min-width:1001px){.fy-head{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.fy-head .sec-head{max-width:none;gap:14px}
.fy-head .sec-head .lead{margin:0}
.site .fy-offer{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:6px;max-width:none;margin:0;padding:18px 20px;border-radius:22px;font-size:14px}
.site .fy-offer>span{flex:none}
.site .fy-offer .btn-teal{margin-top:6px}
#fiyatlar .plans{margin-top:40px}

/* ── Revize 26.10 ── */
/* Başlıklar: daha küçük, dengeli satır kırılımı */
.site .h2s{font-size:clamp(28px,3.1vw,44px);line-height:1.08;text-wrap:balance}
.site .t-h1{font-size:clamp(32px,3.05vw,46px);line-height:1.06}
.site .sec-head{gap:12px;max-width:900px}
.site h1.h2s{font-size:clamp(32px,3.6vw,50px) !important}

/* Giriş: sınav etiketleri, mağaza düğmeleri, indirme notu */
.exam-tags{display:flex;flex-wrap:wrap;gap:8px}
.xt{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(10,148,136,.16);font-size:13px;font-weight:500;color:#4A5654}
.xt b{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#087C72;color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:.04em}
.xt+.xt b{background:#6B5CA8}
.store .st-ic{width:20px;height:20px;flex:none;color:#FFFFFF}
.app-who{font-size:13px;color:#5F6B69}
.stores-tip{position:relative}
.st-tip{position:absolute;left:0;top:calc(100% + 10px);z-index:30;width:min(380px,86vw);padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.95);border:1px solid #E2E8E6;box-shadow:0 16px 32px -18px rgba(10,22,20,.35);font-size:12.5px;line-height:1.45;color:#5F6B69;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.st-tip::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.st-tip a{color:#077268;font-weight:600;white-space:nowrap}
.stores-tip:hover .st-tip,.stores-tip:focus-within .st-tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:none){.st-tip{position:static;width:auto;max-width:360px;margin-top:8px;padding:0;background:none;border:0;box-shadow:none;font-size:12px;color:#7C8785;opacity:1;visibility:visible;transform:none}}

/* Giriş telefonu: ince çerçeve, veli ekranı */
.phone-v{border-width:4px;border-radius:30px;padding:12px 8px 10px;gap:6px;background:#F3F7F6}
.pv-top{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700}
.pv-top img{width:18px;height:18px;border-radius:6px}.pv-top b{flex:1}
.pv-card{background:#FFFFFF;border-radius:12px;padding:7px 9px;display:flex;flex-direction:column;gap:2px;box-shadow:0 6px 14px -10px rgba(10,22,20,.4)}
.pv-k{font-size:7.5px;font-weight:800;letter-spacing:.06em;color:#059387;text-transform:uppercase}
.pv-big{font-size:21px;font-weight:800;color:#059387;line-height:1.1}.pv-big small{font-size:10px}
.pv-s{font-size:9.5px;color:#64748B}.pv-s b{color:#0A1614}
.pv-t{font-size:11px}
.pv-row{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:10px;padding:2px 0;border-bottom:1px solid #EEF2F1}.pv-row:last-child{border-bottom:0}
.pv-row i{font-style:normal;font-size:8px;font-weight:700;padding:1px 6px;border-radius:999px}
.pv-d{background:#ffdad6;color:#ba1a1a}.pv-y{background:#fff7ed;color:#c2410c}
.site .hero2 .pvis .scene{max-width:640px;margin-left:auto}

/* İşleyiş: 2×2 kart, soldan sağa 1-2 / 3-4. Her kartta adım, metin ve ekran. Etkileşim yok. */
.ixq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4.5vw,64px) clamp(32px,4vw,64px);margin-top:clamp(24px,3vw,40px)}
.ixq-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.ixq-tag{display:inline-flex;align-items:center;gap:9px;padding:4px 15px 4px 4px;border-radius:999px;background:#0A1614;color:#FFFFFF;font-family:'Archivo',sans-serif;font-stretch:116%;font-weight:700;font-size:16px}
.ixq-tag i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FFFFFF;color:#0A1614;font-family:'Inter',sans-serif;font-style:normal;font-size:13px}
.ixt-h{margin-top:6px;font-size:17px;font-weight:700;line-height:1.3;color:#0A1614}
.ixt-p{margin:0;font-size:15px;line-height:1.55;color:#4A5654}
.ixt-who{font-size:13px;font-weight:600;color:#5F6B69}
.ixt-vis{position:relative;align-self:stretch;margin-top:auto;padding-top:14px;height:330px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.ixt-z{zoom:.66}
.ixt-z .app-stage{padding:0 60px 50px 0}
.ixt-stack{position:relative;height:100%}
.ixt-w{position:absolute;width:calc(100% - 60px);border-radius:12px;overflow:hidden;box-shadow:0 18px 36px -22px rgba(14,58,52,.5)}
.ixt-w.w1{left:0;top:0}.ixt-w.w2{left:30px;top:48px}.ixt-w.w3{left:60px;top:96px}
.ixt-w .ixt-z{zoom:.56}
.ixt-w .pw{box-shadow:none}
.ixt-chip{position:absolute;right:8px;top:5px;z-index:2;padding:2px 10px;border-radius:999px;background:#0A1614;color:#FFFFFF;font-size:11px;font-weight:700}
@media (max-width:1100px){.ixt-z{zoom:.5}.ixt-w .ixt-z{zoom:.42}.ixt-vis{height:290px}}
@media (max-width:860px){
  .ixq{grid-template-columns:minmax(0,1fr)}
  .ixt-z{zoom:.66}.ixt-w .ixt-z{zoom:.56}.ixt-vis{height:330px}
}
@media (max-width:620px){
  .ixt-z{zoom:.55}.ixt-w .ixt-z{zoom:.45}
  .ixt-vis{height:300px}
  .ixt-w{width:calc(100% - 24px)}.ixt-w.w2{left:12px;top:44px}.ixt-w.w3{left:24px;top:88px}
}

/* Modüller ve SSS önizlemesi */
#moduller .sec-head .lead{margin:0}
.sss-pre{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sss-pre .faq-panel{width:100%}
.mnote{margin:4px 0 0;font-size:12.5px;color:#7C8785}
.is-m .phone-v{border-width:3px;border-radius:22px;padding:9px 6px 7px;gap:5px}.is-m .pv-card{padding:5px 7px;border-radius:9px}.is-m .pv-big{font-size:16px}.is-m .pv-top{font-size:10px}.is-m .pv-row{font-size:9px}

/* Fiyatlar: diğer çözümlerle karşılaştırma */
.cmp-head{display:flex;flex-direction:column;gap:10px;margin:clamp(48px,6vw,72px) 0 18px;max-width:820px}
.cmp-head .lead{margin:0}
.cmp-wrap{border-radius:22px;overflow-x:auto;background:#FFFFFF;box-shadow:0 30px 60px -36px rgba(14,58,52,.45),0 0 0 1px rgba(10,22,20,.06)}
.cmp{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.cmp thead th{background:#0A1614;color:#FFFFFF;font-weight:700;font-size:14.5px;padding:18px 16px;text-align:center;vertical-align:bottom}
.cmp thead th:first-child{text-align:left}
.cmp thead th.cmp-e{background:#087C72}
.cmp tbody th{text-align:left;font-weight:500;color:#0A1614;padding:12px 16px;width:30%}
.cmp td{text-align:center;padding:12px 14px;color:#4A5654;border-left:1px solid rgba(10,22,20,.05)}
.cmp tbody tr{border-top:1px solid rgba(10,22,20,.07)}
.cmp tbody tr:nth-child(even):not(.cmp-g){background:#F7F9F9}
.cmp td.cmp-e{background:rgba(10,148,136,.09);color:#065F57;font-weight:600}
.cmp .cmp-g th{padding:16px 16px 8px;font-family:'Archivo',sans-serif;font-stretch:116%;font-size:13px;font-weight:700;color:#077268;background:#FFFFFF}
.c-y{font-size:17px;font-weight:700;color:#0A9488}
.c-n{font-size:15px;font-weight:700;color:#D14343}
.c-p{font-size:13px;line-height:1.35}
.cmp thead th:first-child,.cmp tbody th{position:sticky;left:0;z-index:1}
.cmp tbody tr:not(.cmp-g) th{background:#FFFFFF}.cmp tbody tr:nth-child(even):not(.cmp-g) th{background:#F7F9F9}

/* Güvenlik: veri işleme sözleşmesi */
.dpa-t{margin:6px 0 14px;box-shadow:0 0 0 1px rgba(10,22,20,.08)}.dpa-t .cmp{min-width:520px;font-size:13.5px}.dpa-t .cmp td{text-align:left}.legal .cmp-wrap a{color:#077268}
#sozlesme .legal{max-width:none}

/* Bölüm boşlukları her sayfada kısa */
.phero{padding-top:clamp(100px,9vw,128px)}
.site .foot{margin-top:clamp(48px,5vw,72px)}
main:has(#giris)~.foot{margin-top:0}

/* İnce telefon çerçeveleri */
.site .ph{border-width:4px;border-color:#1B2623;border-radius:30px;box-shadow:0 30px 60px -30px rgba(14,58,52,.45)}
.site .app-ph{border-radius:26px}
.site .phone{border-width:4px;border-color:#1B2623}
.app-ph .ph-row span{font-size:10.5px}

/* İşleyiş: sınıf görünümünde Defne satırı */
.nc-me{box-shadow:inset 0 0 0 1.5px rgba(10,148,136,.55);background:#F2FAF8}
#nasil-calisir .sec-head .lead{margin:0}

/* Fiyatlar: fiyat yerine teklif (fiyatlı kartlar fiyatlar-fiyatli.html'de saklı) */
.plan .price-q{margin:14px 0 2px;font-size:30px}
.plan-q{margin:0 0 16px;font-size:14px;line-height:1.45;color:#4A5654}
#teklif .lead a{font-weight:700}
.pt-head{margin-top:clamp(36px,4vw,56px)}
.ptable thead th{vertical-align:bottom;padding-top:20px}
.ptable thead th b{display:block;font-size:16px}
.ptable thead th small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:#5F6B69}
.ptable .pt-hi{background:rgba(10,148,136,.08)}
.ptable thead .pt-hi{border-radius:14px 14px 0 0}
.pt-tag{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:#087C72;color:#FFFFFF;font-size:11.5px;font-weight:700;white-space:nowrap}
@media (max-width:620px){
  .ptable{padding:4px 0 4px 10px}
  .ptable table{min-width:470px;font-size:13.5px}
  .ptable th:first-child,.ptable td:first-child{position:sticky;left:0;z-index:1;width:132px;background:#F4F8F7}
  .ptable th:not(:first-child),.ptable td:not(:first-child){width:auto}
  .ptable thead th small{font-size:11px}
  .pt-tag{font-size:10px;padding:2px 7px}
}
.fy-cta{margin-top:6px}
.site .fy-offer .btn-glass{min-height:40px;padding:0 18px;font-size:14px}
html:has(.site){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.site){scroll-behavior:auto}}
/* İşleyiş · Teşhis: üç ekranın her birinin önemli satırı görünsün; konumları js/site.js hesaplar */
.ixt-w.w1 .pw-main>.prow,.ixt-w.w1 .ex-stats{display:none}
.ixt-stack .ixt-w{transition:top .2s ease}
.ixt-w [data-key]{box-shadow:inset 0 0 0 1.5px rgba(10,148,136,.5);border-radius:10px}
.ixt-w .kt[data-key]{box-shadow:none}
/* Yan yana iki adımda metin ve ekran satırları hizalı: ekranlar aynı yükseklikten başlar */
@supports (grid-template-rows:subgrid){
  .ixq{row-gap:0}
  .ixq-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
  .ixq-card>*{justify-self:start}
  .ixq-card>.ixq-tag{margin-bottom:10px}
  .ixq-card>.ixt-p{margin-top:6px}
  .ixq-card>.ixt-who{margin-top:8px}
  .ixq-card>.ixt-vis{justify-self:stretch;align-self:start;margin-top:0;margin-bottom:clamp(40px,4.5vw,64px)}
}
/* Ekran kutusu içeriği kadar uzar (en çok 330px); altta boş alan kalmaz. Teşhis yığınının yüksekliğini JS verir. */
.ixq-card>.ixt-vis{height:auto;max-height:330px}
@media (max-width:620px){.ixq-card>.ixt-vis{max-height:390px}}
.ixq-card>.ixt-vis:has(.ixt-stack){max-height:none}
/* İşleyiş · Reçete: ekran sütunu doldurur, Teşhis yığınıyla aynı boya yakın; karar adımları 3×2 */
.ixq-card:nth-child(2)>.ixt-vis{max-height:none;-webkit-mask-image:none;mask-image:none}
.ixq-card:nth-child(2) .ixt-z{zoom:1.1}
.ixq-card:nth-child(2) .nc-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.ixq-card:nth-child(2) .ixt-z{zoom:.9}}
@media (max-width:860px){.ixq-card:nth-child(2) .ixt-z{zoom:.85}}
@media (max-width:620px){.ixq-card:nth-child(2) .ixt-z{zoom:.75}}