/* [ptx-classic-signup] 25.10.2026 — peradex.com, kayit, giris ve diger herkese acik sayfalar.
   landing.css'in YERINE yuklenir; main.css (Bootstrap 5.3 + ThemeMakker) ve ptx-classic.css'ten SONRA.
   Gorunum CRM panelinin orijinal temasidir: Ubuntu, #f9fbfd zemin, #f0f0f0 cerceveli duz beyaz kartlar,
   lacivert #0d2192, golge yok, 6px kose. Sinif adlari eski sablonlar ve landing.js ile uyumlu kalsin diye korunur. */

:root{
  --ink:#424242; --body:#555555; --muted:#757575; --faint:#9e9e9e;
  --accent:#0d2192; --accent-2:#0d2192; --accent-dark:#0a1a75;
  --bg:#f9fbfd; --bg-alt:#ffffff; --panel:#ffffff;
  --line:#ebebeb; --line-soft:#f0f0f0;
  --mark:transparent;
  --ok:#4DCA88; --ok-bg:#e9f8f0; --warn:#FFBA33; --bad:#FC5A69;
  --shadow-sm:none; --shadow-md:none;
  --on-accent:#ffffff; --on-ok:#ffffff;
  --r-card:.375rem; --r-btn:.375rem;
  --nav-h:60px;
  color-scheme:light;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.px-classic{line-height:1.6;overflow-x:hidden}
body.px-classic :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd){margin:0}
body.px-classic :where(ul,ol){padding:0}
body.px-classic :where(img,svg){max-width:100%}
body.px-classic a{text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.wrap-wide{max-width:1280px;margin:0 auto;padding:0 16px}
:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- basliklar (eski .disp/.hand siniflari sade baslik olur) ---------- */
.hand,.disp{font-family:"Ubuntu",sans-serif;font-weight:500;font-style:normal;color:var(--ink);line-height:1.3;letter-spacing:0}
.mark{display:inline;white-space:normal;position:static}
.mark>i{font-style:normal;color:inherit;background:none;-webkit-text-fill-color:currentColor}
.mark::before,.uline::after{content:none;display:none}
.uline{display:inline}

/* ---------- ust bar (panel navbar'i gibi) ---------- */
.px-topbar{position:sticky;top:0;z-index:50;height:var(--nav-h)}
.px-topbar .wrap-wide{display:flex;align-items:center;gap:16px;width:100%}
.px-topbar .px-brand{display:inline-flex;align-items:center;gap:8px}
.px-topbar .px-brand img{width:24px;height:24px}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap}
.nav-links>a:not(.btn){color:var(--color-600,#757575);font-size:14px;padding:.5rem .7rem}
.nav-links>a:not(.btn):hover{color:var(--accent)}
.nav-links>.btn{margin-left:8px}
.nav-std{display:none}
.nav-login{display:inline-flex;align-items:center;gap:6px}
.nav-menu{display:none;position:relative;margin-left:6px}
.nav-menu>summary{list-style:none;cursor:pointer;width:38px;height:38px;border-radius:.375rem;border:1px solid #e4e4e4;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:16px}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu[open]>summary{border-color:var(--accent);color:var(--accent)}
.nav-panel{position:fixed;left:0;right:0;top:var(--nav-h);z-index:60;background:#fff;border-bottom:1px solid var(--line-soft);
  padding:6px 16px 16px;display:grid;max-height:calc(100dvh - var(--nav-h));overflow:auto;box-shadow:0 6px 12px rgba(0,0,0,.05)}
.nav-panel a:not(.btn){display:block;padding:11px 2px;color:var(--ink)!important;font-size:14px;border-bottom:1px solid var(--line-soft)}
.nav-panel a:not(.btn) .fa{width:20px;color:var(--muted)}
.nav-panel-cta{display:grid;gap:8px;margin-top:12px}
@media (max-width:1080px){
  .nav-links>a:not(.btn){display:none}
  .nav-links:has(.nav-std) .nav-menu{display:block}
}
@media (max-width:720px){
  .nav-links:has(.nav-std)>.btn-primary{display:none}
}

/* ---------- dugmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.btn-ghost{background:#fff;border:1px solid #dcdcdc;color:var(--ink)}
.btn-ghost:hover,.btn-ghost:focus{background:#fff;border-color:var(--accent);color:var(--accent)}
.px-classic a.btn-ghost{color:var(--ink)}
.px-classic a.btn-ghost:hover{color:var(--accent)}
.btn-lg{font-size:15px;padding:.6rem 1.15rem}

/* ---------- bolumler ---------- */
section{position:relative}
.pad{padding:64px 0}
.alt{background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.section-lead{max-width:760px;margin:0 0 28px}
.section-lead h2.hand,.section-lead h2.disp{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-bottom:8px}
.section-lead p{font-size:15px}
.eyebrow{display:none}
.fine{font-size:13px;color:var(--muted);margin-top:14px}
.paid-tag{display:inline-block;vertical-align:middle;padding:2px 6px;border-radius:.25rem;background:#FFBA33;color:#fff;
  font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;letter-spacing:0;text-transform:none}

/* ---------- hero: duz, iki kolon, sagda panel gorunumu ---------- */
.hero{background:#fff;border-bottom:1px solid var(--line-soft);padding:48px 0 52px}
.hero-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.hero h1{font-size:clamp(1.7rem,3.2vw,2.35rem);margin-bottom:14px}
.hero-sub{max-width:560px;font-size:15.5px;color:var(--body)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-note{font-size:13px;color:var(--muted);margin-top:14px}
.hero-note .fa{color:var(--ok);margin-right:4px}
.hero-chs{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.shot-ch{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:.25rem;border:1px solid var(--line);
  background:#fff;color:var(--body);font-size:12px;white-space:nowrap}
.shot-ch img{width:14px;height:14px}

/* panel gorunumu (ornek veri) */
.px-shot{border:1px solid var(--line);border-radius:.375rem;background:var(--bg);overflow:hidden}
.px-shot-bar{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;background:#fff;border-bottom:1px solid var(--line-soft)}
.px-shot-bar b{color:var(--accent);font-weight:700;font-size:14px}
.px-shot-bar span{margin-left:auto;display:flex;gap:12px;color:#9e9e9e;font-size:13px}
.px-shot-in{padding:12px}
.px-shot .px-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.px-shot .px-stat{display:flex;flex-direction:column;min-width:0}
.px-shot .px-stat h6{display:flex;align-items:center;gap:6px;font-size:14px}
.px-shot .px-stat h6 .fa{font-size:12px;color:#9e9e9e}
.px-shot .px-stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-shot .card{margin:0}
.px-shot .card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.px-shot .card-header .badge{font-size:11px}
.px-shot .table{margin:0;font-size:12.5px}
.px-shot .table tr th{font-size:11px;padding:.45rem .6rem;white-space:nowrap}
.px-shot .table tr td{padding:.5rem .6rem;white-space:nowrap}
.px-shot .table td .badge{font-weight:500;font-size:11px}
.px-shot-cap{margin-top:8px;font-size:12.5px;color:var(--muted)}

/* ---------- ozellik izgarasi ---------- */
.feat-sect{padding-top:56px}
.feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feat{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:.375rem;background:#fff;border:1px solid var(--line-soft);color:var(--body)}
.feat:hover{border-color:#d6d6d6;color:var(--body)}
.px-classic a.feat,.px-classic a.feat:hover{color:var(--body)}
.feat-ic{width:42px;height:42px;border:1px solid var(--line-soft);border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;
  color:#616161;background:#fff;font-size:18px;margin-bottom:6px}
.feat-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feat h3{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4}
.feat h3 .paid-tag{margin-left:4px}
.feat p{font-size:13.5px;line-height:1.55}
.feat-chs{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:6px}
.feat-chs img{width:16px;height:16px}
.feat-mail{width:16px;height:16px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink);font-size:10px;font-weight:700}

/* ---------- maddeler ---------- */
.facts{list-style:none;margin-top:20px;display:grid;gap:12px}
.facts li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14px}
.facts b{display:block;color:var(--ink);font-weight:500}
.tick{color:var(--ok);font-size:14px;line-height:1;margin-top:4px}

/* ---------- gelen kutusu ---------- */
.inbox-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.inbox-copy h2.hand,.inbox-copy h2.disp,.split-copy h2.disp{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-bottom:10px}
.smi{border-radius:.375rem;overflow:hidden;background:#fff;color:#424242;border:1px solid var(--line)}
.smi-grid{display:grid;grid-template-columns:minmax(0,226px) minmax(0,1fr)}
.smi-left{display:flex;flex-direction:column;background:#fafbfc;border-right:1px solid var(--line-soft)}
.smi-lh{padding:12px 14px;background:#fff;border-bottom:1px solid var(--line-soft)}
.smi-lh h3{margin:0;font-size:14px;font-weight:700;color:#424242}
.smi-stats{display:flex;gap:8px;margin-top:4px;font-size:11px;color:#757575}
.smi-find{padding:9px 12px;background:#fff;border-bottom:1px solid var(--line-soft)}
.smi-find span{display:block;padding:6px 10px;border:1px solid #e4e4e4;border-radius:.25rem;background:#fff;font-size:12px;color:#9e9e9e}
.smi-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line-soft)}
.smi-tab{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid #e4e4e4;border-radius:.25rem;color:#555;font-size:11px}
.smi-tab.on{background:var(--ch-color,#0d2192);color:#fff;border-color:transparent}
.smi-tab-count{padding:0 5px;border-radius:.2rem;background:rgba(0,0,0,.08);font-size:10px}
.smi-tab.on .smi-tab-count{background:rgba(255,255,255,.25)}
.smi-convs{flex:1}
.smi-conv{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-soft);border-left:3px solid var(--ch-color,#ddd)}
.smi-conv.on{background:#eef1f9;border-left-color:#0d2192}
.smi-conv.enter{animation:smi-drop .35s ease both}
@keyframes smi-drop{from{opacity:0}to{opacity:1}}
.smi-av{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ch-color,#0d2192);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px}
.smi-badge{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #fff;display:grid;place-items:center}
.smi-badge img{width:10px;height:10px}
.smi-cb{flex:1;min-width:0}
.smi-ct{display:flex;justify-content:space-between;align-items:center}
.smi-nm{display:block;min-width:0;font-size:13px;font-weight:500;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smi-tm{flex-shrink:0;margin-left:6px;font-size:11px;color:#9e9e9e;white-space:nowrap}
.smi-pv{display:block;font-size:12px;color:#757575;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smi-cbot{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:4px}
.smi-agent{display:inline-flex;align-items:center;padding:1px 6px;border-radius:.2rem;background:#eeeeee;color:#424242;font-size:10.5px;white-space:nowrap}
.smi-agent.none{background:#fff3cd;color:#856404}
.smi-unread{padding:0 6px;border-radius:.2rem;background:#4DCA88;color:#fff;font-size:11px;font-weight:500}
.smi-right{display:flex;flex-direction:column;min-height:404px;background:#f9fbfd}
.smi-hb{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line-soft)}
.smi-hi{flex:1;min-width:0}
.smi-hi h4{margin:0;font-size:14px;font-weight:500;color:#424242;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smi-hi small{display:block;font-size:12px;color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smi-hbtn{flex-shrink:0;padding:4px 9px;border-radius:.25rem;border:1px solid #e4e4e4;background:#fff;color:#616161;font-size:11px;white-space:nowrap}
.smi-hbtn.pri{background:#0d2192;border-color:#0d2192;color:#fff}
.smi-warn{padding:7px 14px;background:#fff3cd;color:#856404;font-size:11.5px;border-bottom:1px solid #ffeeba}
.smi-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px}
.smi-msg{max-width:72%;padding:7px 12px;border-radius:.375rem;font-size:13px;line-height:1.4;word-wrap:break-word}
.smi-msg[hidden]{display:none}
.smi-msg.in{align-self:flex-start;background:#fff;border:1px solid var(--line)}
.smi-msg.out{align-self:flex-end;background:#0d2192;color:#fff}
.smi-meta{display:block;font-size:10.5px;opacity:.7;margin-top:3px;text-align:right}
.smi-msg.in .smi-meta{color:#9e9e9e}
.smi-tik{letter-spacing:-2px;margin-left:3px;color:#9e9e9e}
.smi-tik.read{color:#34B7F1}
.smi-msg.out .smi-tik{color:rgba(255,255,255,.75)}
.smi-msg.out .smi-tik.read{color:#8fdcff}
.smi-cursor{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-2px;background:currentColor;animation:smi-blink 1s steps(1) infinite}
@keyframes smi-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.smi-ib{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--line-soft)}
.smi-clip{flex-shrink:0;width:34px;height:34px;border-radius:.25rem;border:1px solid #e4e4e4;color:#757575;display:grid;place-items:center;font-size:14px}
.smi-ta{flex:1;min-height:34px;padding:7px 11px;border:1px solid #e4e4e4;border-radius:.25rem;font-size:13px;color:#424242;line-height:1.35}
.smi-ta.empty{color:#9e9e9e}
.smi-send{flex-shrink:0;width:34px;height:34px;border-radius:.25rem;background:#0d2192;color:#fff;display:grid;place-items:center;font-size:13px}
.smi-cap,.crm-cap,.px-cap{margin-top:8px;font-size:12.5px;color:var(--muted)}
.smi-cap b,.crm-cap b{color:var(--ink);font-weight:500}

/* ---------- olivia / sohbet pencereleri ---------- */
.crm-msg{display:flex;opacity:0}
.crm-msg.show{opacity:1;animation:crm-in .2s ease-out both}
@keyframes crm-in{from{opacity:0}to{opacity:1}}
.crm-msg.me{justify-content:flex-end}
.crm-msg .bub{max-width:72%;padding:8px 12px;border-radius:.375rem;font-size:13px;line-height:1.45;word-wrap:break-word}
.crm-msg.me .bub{background:#0d2192;color:#fff}
.crm-msg.other .bub{background:#f0f0f0;color:#424242}
.crm-msg .tm{display:block;font-size:10px;opacity:.7;margin-top:3px}
.crm-msg.me .tm{text-align:right;color:rgba(255,255,255,.85)}
.crm-tp{min-height:22px;padding:4px 16px;background:#fff;font-size:12px;color:#9e9e9e;opacity:0;transition:opacity .2s ease}
.crm-tp.show{opacity:1}
.ol-row{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,330px);gap:18px;align-items:center}
.ol-col{min-width:0}
.ol-arrow{display:grid;place-items:center;color:#9e9e9e;font-size:18px}
.ow{border-radius:.375rem;overflow:hidden;background:#fff;border:1px solid var(--line)}
.ow-head{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#fff;background:#0d2192}
.ow-head .av{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:700;font-size:12.5px}
.ow-head .ti{flex:1;min-width:0}
.ow-head b{display:block;font-size:13px;font-weight:500;line-height:1.25}
.ow-head small{display:block;font-size:11px;opacity:.86}
.ow-head .on{width:7px;height:7px;border-radius:50%;background:#4DCA88;flex:0 0 auto}
.ow-msgs{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:256px;padding:14px;background:#fff}
.ol-lead{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:9px 12px;border-radius:.25rem;background:#e9f8f0;border:1px solid #c9eeda;
  font-size:12.5px;color:#2b5e43;opacity:0}
.ol-lead.show{opacity:1;animation:crm-in .3s ease both}
.ol-lead .k{flex:0 0 auto;color:#4DCA88;font-size:13px}
.ol-lead b{color:#424242;font-weight:500}
.wa{width:100%;max-width:330px;margin-inline:auto;display:flex;flex-direction:column;border-radius:.375rem .375rem 0 0;overflow:hidden;background:#fff;border:1px solid var(--line)}
.wa-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#075E54;color:#fff}
.wa-head .ava{width:32px;height:32px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:13px}
.wa-head .ti{flex:1;min-width:0}
.wa-head b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-head small{display:block;font-size:11px;opacity:.85}
.wa-head .x{font-size:15px;opacity:.9}
.wa-body{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:258px;padding:10px;background:#f4f6f8}
.wa-msg{max-width:78%;padding:6px 9px;border-radius:.375rem;font-size:13px;line-height:1.35;color:#424242;box-shadow:0 1px 1px rgba(0,0,0,.08);word-wrap:break-word;opacity:0}
.wa-msg.show{opacity:1;animation:crm-in .22s ease-out both}
.wa-msg.in{align-self:flex-start;background:#fff}
.wa-msg.out{align-self:flex-end;background:#DCF8C6}
.wa-msg .t{display:block;font-size:9.5px;opacity:.6;margin-top:2px;text-align:right}
.wa-tik{font-size:10px;color:#9e9e9e;letter-spacing:-2px;margin-left:3px}
.wa-tik.read{color:#34B7F1}
.wa-tpl{flex:1;padding:8px 12px;border:1px solid #e4e4e4;border-radius:.25rem;text-align:left;background:#fff;color:#555;font-size:12px}
.wa-tpl b{color:#075E54;font-weight:500}
.wa-foot.locked .ta,.wa-foot.locked .snd{display:none}
.wa-foot:not(.locked) .wa-tpl{display:none}
.wa-foot{display:flex;align-items:center;gap:6px;padding:8px;background:#f0f0f0}
.wa-foot .ta{flex:1;padding:6px 11px;border:1px solid #ddd;border-radius:.25rem;background:#fff;font-size:12.5px;color:#9e9e9e}
.wa-foot .snd{flex:0 0 auto;width:32px;height:32px;border-radius:.25rem;background:#25D366;color:#fff;display:grid;place-items:center;font-size:12px}
.plans-note{font-size:13.5px;color:var(--muted);margin-top:20px}
.plans-note b{color:var(--ink);font-weight:500}

/* ---------- iki kolon + musteri karti ---------- */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}
.split.rev>:first-child{order:2}
.split-copy>p{font-size:14.5px}
.split-copy>p+p{margin-top:10px}
.cc{border-radius:.375rem;background:#fff;border:1px solid var(--line);overflow:hidden;color:#424242}
.cc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}
.cc-av{width:40px;height:40px;border-radius:50%;background:#E1306C;color:#fff;display:grid;place-items:center;font-weight:500;font-size:14px;flex:0 0 auto}
.cc-ti{flex:1;min-width:0}
.cc-ti b{display:block;font-size:14px;font-weight:700}
.cc-ti small{display:block;font-size:12px;color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-tag{flex:0 0 auto;padding:2px 7px;border-radius:.25rem;background:#f0f0f0;color:#424242;font-size:11.5px}
.cc-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 16px 4px}
.cc-steps li{position:relative;padding-top:10px;font-size:11.5px;color:#9e9e9e;text-align:center;transition:color .3s ease}
.cc-steps li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:2px;background:#eeeeee;transition:background .3s ease}
.cc-steps li.done{color:#3a9e6b}
.cc-steps li.done::before{background:#4DCA88}
.cc-steps li.now{color:#0d2192;font-weight:500}
.cc-steps li.now::before{background:#0d2192}
.cc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px}
.cc-fields div{padding:8px 10px;border-radius:.25rem;background:#f9fbfd;border:1px solid var(--line-soft);min-width:0}
.cc-fields small{display:block;font-size:11px;color:#9e9e9e}
.cc-fields b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-feed{list-style:none;padding:4px 16px 16px;display:grid;gap:6px;min-height:230px;align-content:start}
.cc-ev{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:8px 10px;border-radius:.25rem;border:1px solid var(--line-soft);background:#fff;
  font-size:12.5px;line-height:1.4;opacity:0}
.cc-ev.show{opacity:1;transition:opacity .3s ease}
.cc-ev b{display:block;font-size:12px;color:#424242;font-weight:500}
.cc-ev span{color:#757575;min-width:0}
.cc-ev time{font-size:11px;color:#9e9e9e;white-space:nowrap}
.cc-dot{width:8px;height:8px;border-radius:50%;margin-top:5px}
.cc-dot.ig{background:#E1306C}.cc-dot.note{background:#FFBA33}.cc-dot.rem{background:#0d2192}.cc-dot.pay{background:#4DCA88}

/* ---------- tahsilat / ekip / raporlar ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bx{grid-column:span 1;background:#fff;border:1px solid var(--line-soft);border-radius:.375rem;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.alt .bx,.alt .feat,.alt .ch{border-color:var(--line)}
.bx-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:center}
.bx h3{font-size:15px;font-weight:700;color:var(--ink)}
.bx p{font-size:13.5px}
.bx-copy p{margin-top:6px}
.inst{border-radius:.375rem;border:1px solid var(--line);background:#fff;padding:10px;display:grid;gap:6px;font-size:12.5px;color:#424242}
.inst-h{display:flex;justify-content:space-between;gap:10px;padding:2px 4px 6px;border-bottom:1px solid var(--line-soft)}
.inst-h b{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inst-h span{font-weight:700}
.inst-r{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 8px;border-radius:.25rem;background:#f9fbfd}
.inst-r span:nth-child(2){font-weight:500}
.inst-r em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:.2rem;white-space:nowrap;color:#fff}
.inst-r.ok em{background:#4DCA88}
.inst-r.late em{background:#FC5A69}
.inst-r.wait em{background:#FFBA33}
.inst-btn{margin-top:3px;padding:7px;border-radius:.25rem;text-align:center;color:#fff;background:#0d2192}
.roles{list-style:none;display:grid;gap:0;margin-top:6px;border:1px solid var(--line-soft);border-radius:.25rem;overflow:hidden}
.roles li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;font-size:12.5px;border-bottom:1px solid var(--line-soft)}
.roles li:last-child{border-bottom:0}
.roles b{color:var(--ink);font-weight:500;white-space:nowrap}
.roles span{color:var(--muted);text-align:right}
.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:132px;margin-top:10px;padding:0 4px;border-bottom:1px solid var(--line)}
.bar{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.bar span{display:block;width:12px;height:var(--h);border-radius:2px 2px 0 0;background:#ffc464}
.bar span.w{background:#0d2192}
.bar small{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}
.bars-key{margin-top:30px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bars-key i{display:inline-block;width:10px;height:10px;border-radius:2px;background:#ffc464}
.bars-key i.w{background:#0d2192}

/* ---------- web sitesi kurucu ---------- */
.wsteps{list-style:none;display:grid;gap:10px;margin-top:18px}
.wsteps li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:14px}
.wsteps b{display:block;color:var(--ink);font-weight:500}
.wsteps .n{font-weight:700;color:var(--accent);line-height:1.6}
.wsteps .n::after{content:"."}
.web-only{margin-top:18px}
.web-only .card-body ul{margin:0 0 10px 18px;padding:0;line-height:1.7;list-style:disc;font-size:13.5px}
.wb{border-radius:.375rem;overflow:hidden;background:#fff;border:1px solid var(--line)}
.wb-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f9fbfd;border-bottom:1px solid var(--line-soft)}
.wb-bar>i{width:9px;height:9px;border-radius:50%;background:#e0e0e0}
.wb-url{margin-left:10px;flex:1;min-width:0;padding:3px 10px;border-radius:.25rem;background:#fff;border:1px solid #e4e4e4;font-size:11.5px;color:#757575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-prog{height:3px;background:#f0f0f0}
.wb-prog span{display:block;height:100%;width:8%;background:#0d2192;transition:width .6s ease}
.wb-stage{position:relative;height:336px}
.wb-scene{position:absolute;inset:0;padding:20px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
.wb-scene.on{opacity:1;visibility:visible}
.wb-q{display:block;font-size:14px;font-weight:700;color:#424242;margin-bottom:12px}
.wb-chips{display:flex;flex-wrap:wrap;gap:6px}
.wb-chips span{padding:4px 10px;border-radius:.25rem;border:1px solid #e4e4e4;background:#fff;font-size:12px;color:#555;transition:background .25s ease,color .25s ease,border-color .25s ease}
.wb.picked .wb-chips .pick,.wb-reduce .wb-chips .pick{background:#0d2192;border-color:#0d2192;color:#fff}
.wb-tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.wb-tpls span{height:110px;border-radius:.25rem;border:1px solid #e4e4e4;background:linear-gradient(#ececec 0 26%,#fff 26% 34%,#f0f0f0 34% 44%,#fff 44% 52%,#f0f0f0 52% 60%,#fff 60%)}
.wb.picked .wb-tpls .pick{border:2px solid #0d2192}
.wb-input{min-height:112px;padding:12px;border-radius:.25rem;border:1px solid #0d2192;font-size:13px;line-height:1.5;color:#424242;background:#fff}
.wb-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.wb-facts span{padding:3px 8px;border-radius:.2rem;background:#4DCA88;color:#fff;font-size:11.5px}
.wb-scene.s3{padding:0;display:flex;flex-direction:column}
.ws-nav{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft)}
.ws-nav b{font-size:13px;color:#424242;margin-right:auto}
.ws-nav span{width:34px;height:6px;border-radius:2px;background:#e4e4e4}
.ws-nav em{font-style:normal;font-size:11px;color:#fff;background:#0f766e;padding:4px 9px;border-radius:.25rem}
.ws-hero{padding:24px 16px 20px;background:#0f766e;color:#fff}
.ws-hero b{display:block;font-size:17px;font-weight:500;line-height:1.25}
.ws-hero small{display:block;font-size:12px;opacity:.85;margin-top:5px}
.ws-hero em{display:inline-block;margin-top:12px;font-style:normal;font-size:11.5px;background:#fff;color:#0f766e;padding:5px 10px;border-radius:.25rem}
.ws-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px}
.ws-cards span{padding:8px;border-radius:.25rem;border:1px solid var(--line-soft);font-size:11.5px;font-weight:500;color:#424242}
.ws-cards i{display:block;height:34px;border-radius:.2rem;margin-bottom:6px;background:#d6efec}
.ws-form{margin:0 16px;padding:8px 10px;border-radius:.25rem;background:#f9fbfd;border:1px dashed #d0d0d0;font-size:11.5px;color:#757575}
.ws-form b{color:#3a9e6b;font-weight:500}

/* ---------- kanal duvari ---------- */
.ch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ch-grid.secondary{margin-top:12px}
.ch-grid.secondary .ch{padding:12px 8px 10px}
.ch-grid.secondary .ch img,.ch-grid.secondary .ch .ch-txt{width:22px;height:22px;margin-bottom:6px}
.ch-grid.secondary .ch span{font-size:12px}
.ch{position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:.375rem;padding:16px 10px 12px;text-align:center}
.ch:hover{border-color:#d6d6d6}
button.ch{font:inherit;color:inherit;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none}
.ch img{width:28px;height:28px;margin:0 auto 8px;display:block}
.ch-txt{width:28px;height:28px;margin:0 auto 8px;border-radius:.25rem;display:grid!important;place-items:center;border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:11px}
.ch span{display:block;font-size:13px;color:var(--ink);line-height:1.3}
.ch small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.ch[aria-expanded="true"]{z-index:41;border-color:var(--accent)}
.ch .ch-tip{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:min(248px,76vw);z-index:40;padding:10px 12px;border-radius:.25rem;text-align:left;
  background:#424242;color:#fff;font-size:12px;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s}
.ch .ch-tip::before{content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;background:#424242;transform:translateX(-50%) rotate(45deg)}
.ch .ch-tip b{display:block;font-weight:500;margin-bottom:2px}
.ch .ch-tip span,.ch .ch-tip{color:#fff}
.ch[aria-expanded="true"] .ch-tip{opacity:1;visibility:visible}
.ch-hint{display:block;margin-top:16px;font-size:12.5px;color:var(--muted)}

/* ---------- sektorler: sabit izgara (kayan serit yok) ---------- */
.sect-wrap{padding:0 0 4px}
.sect-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1280px;margin:0 auto;padding:0 16px}
.sect-row .dup{display:none}
.sect{background:#fff;border:1px solid var(--line);border-radius:.375rem;overflow:hidden;min-width:0}
.sect figure{margin:0;background:#f9fbfd}
.sect img{width:100%;height:120px;object-fit:cover;display:block}
.sect img[src$=".svg"]{object-fit:contain;padding:14px;background:#f9fbfd;filter:grayscale(1);opacity:.55}
.sect figcaption{padding:10px 12px 0;color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3;background:#fff}
.sect p{padding:4px 12px 12px;font-size:12.5px;color:var(--muted);line-height:1.45}
.vocab{margin:20px 0 0;padding:14px 16px;border-radius:.375rem;background:#fff;border:1px solid var(--line)}
.vocab p{font-size:14px}
.vocab .sw{display:inline-block;min-width:8.6em;font-weight:700;color:var(--accent);transition:opacity .3s ease}
.vocab .sw.out{opacity:0}

/* ---------- akis: 5 duz kart ---------- */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.fl{background:#fff;border:1px solid var(--line-soft);border-radius:.375rem;padding:14px}
.fl .dot{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:2px}
.fl .dot::before{content:"Adım "}
.fl b{display:block;font-size:14px;color:var(--ink);font-weight:500}
.fl p{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:4px}

/* ---------- kapanis ---------- */
.close{padding:48px 0 64px}
.close .card-body{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px}
.close h2.disp{font-size:clamp(1.3rem,2.2vw,1.6rem);margin-bottom:6px}
.close p{color:var(--body)}
.close-login{margin-top:8px;font-size:13.5px;color:var(--muted)}

/* ---------- alt bilgi ---------- */
.px-footer{padding:40px 0 22px}
.px-footer .px-brand{font-weight:700;color:var(--accent);font-size:1.1rem}
.px-footer h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}
.px-footer .f-col a{display:block;color:var(--body);padding:3px 0;font-size:13.5px}
.px-footer .f-col a:hover{color:var(--accent)}
.px-footer .f-brand p{color:var(--muted);font-size:13px;margin-top:8px;max-width:320px}
.px-footer .f-h4-2{margin-top:18px}
.px-footer .f-bot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line-soft);margin-top:28px;padding-top:16px;color:var(--muted);font-size:12.5px}
.px-footer .f-bot .v{color:var(--body)}

/* ---------- eski acilma animasyonlari kapali ---------- */
.rv,.rv.in{opacity:1;transform:none}

/* ---------- ortak: dar icerik sayfalari (giris, kayit, baglanti vb.) ---------- */
.px-page{padding:28px 0 56px}
.px-narrow{max-width:560px;margin:0 auto;padding:0 16px}
.px-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.px-head .breadcrumb{margin:0;font-size:13px;background:none;padding:0}
.px-classic .card-header{padding:.9rem 1rem}
.px-classic .card-header h6{font-size:14px}
.px-classic .card-body{padding:1rem}
.px-classic .form-text{font-size:12.5px;color:var(--muted)}
.px-classic .alert{font-size:13.5px;border-radius:.375rem}

section[id],main[id]{scroll-margin-top:calc(var(--nav-h) + 8px)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-wide{grid-column:1/-1}
}
@media (max-width:960px){
  .hero-row,.inbox-row,.split{grid-template-columns:1fr;gap:28px}
  .split.rev>:first-child{order:0}
  .ch-grid{grid-template-columns:repeat(3,1fr)}
  .smi-grid{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
  .ol-row{grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center}
  .ol-col{max-width:520px;width:100%}
  .ol-arrow{display:none}
  .flow{grid-template-columns:repeat(2,1fr)}
  .sect-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .pad{padding:44px 0}
  .hero{padding:28px 0 32px}
  .feat-sect{padding-top:40px}
  .feat-grid{grid-template-columns:1fr;gap:10px}
  .feat{padding:16px}
  .bento{grid-template-columns:1fr}
  .bx-wide{grid-template-columns:1fr}
  .px-shot .px-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .px-shot .table .d-mob-none{display:none}
  .ch-grid{grid-template-columns:repeat(2,1fr)}
  .ch[aria-expanded="true"]{grid-column:1/-1}
  .ch .ch-tip{position:static;width:auto;transform:none;visibility:visible;opacity:1;max-height:0;padding-block:0;margin-top:0;overflow:hidden;background:#f9fbfd;color:#555;
    transition:max-height .2s ease,padding .2s ease,margin .2s ease}
  .ch .ch-tip,.ch .ch-tip span{color:#555}
  .ch .ch-tip b{color:#424242}
  .ch .ch-tip::before{display:none}
  .ch[aria-expanded="true"] .ch-tip{max-height:240px;padding-block:9px;margin-top:10px}
  .smi-grid{grid-template-columns:1fr}
  .smi-left{border-right:0;border-bottom:1px solid var(--line-soft)}
  .smi-conv:nth-child(n+3){display:none}
  .smi-right{min-height:320px}
  .smi-msgs{padding:12px}
  .smi-hbtn{display:none}
  .cc-fields{grid-template-columns:1fr 1fr}
  .cc-fields div:last-child{grid-column:1/-1}
  .cc-steps li{font-size:10.5px}
  .cc-tag{display:none}
  .wb-stage{height:356px}
  .wb-scene{padding:14px}
  .wb-tpls span{height:84px}
  .ws-cards{gap:6px;padding:10px}
  .ws-cards span{padding:6px;font-size:10.5px}
  .ws-nav span{display:none}
  .ws-nav em{white-space:nowrap}
  .flow{grid-template-columns:1fr}
  .sect-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sect img{height:96px}
  .shot-ch{font-size:11.5px}
  .close .card-body{padding:18px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .crm-msg,.wa-msg,.wa-tpl,.ol-lead,.cc-ev{opacity:1}
  .crm-tp,.smi-cursor{display:none}
}

/* [ptx-classic-final] rapor grafiginde lejant x ekseni etiketlerinin ustune binmesin */
.bars+.bars-key{margin-top:30px!important}