/* Landing (herkese açık tanıtım) sayfalarının ortak stilleri: ana sayfa, çözüm sayfaları. */
.lp-section { padding: 88px 0; }
.lp-section-tight { padding: 56px 0; }
.lp-eyebrow {
    display: inline-flex; align-items: center; gap: .5rem;
    font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--lp-primary); background: rgba(79, 70, 229, .08);
    border: 1px solid rgba(79, 70, 229, .18); border-radius: 999px; padding: .35rem .8rem;
}
.lp-h1, .lp-h2, .lp-h3 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; color: var(--lp-text); letter-spacing: -0.02em; }
.lp-h1 { font-weight: 800; font-size: clamp(2.2rem, 4.6vw, 3.6rem); line-height: 1.07; margin: 1.1rem 0 1.1rem; }
.lp-h1 .lp-grad { background: linear-gradient(92deg, var(--lp-primary), var(--lp-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lp-h2 { font-weight: 800; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.15; margin-bottom: .75rem; }
.lp-h3 { font-weight: 700; font-size: 1.12rem; margin-bottom: .4rem; }
.lp-lead { font-size: 1.15rem; line-height: 1.6; color: rgba(30, 27, 75, .72); max-width: 36rem; }
.lp-sub { color: rgba(30, 27, 75, .66); max-width: 40rem; margin: 0 auto; line-height: 1.6; }
.lp-btn { border-radius: 999px; font-weight: 700; padding: .85rem 1.5rem; font-size: 1rem; display: inline-flex; align-items: center; gap: .5rem; transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease; }
.lp-btn:active { transform: scale(.97); }
.lp-btn-primary { background: var(--lp-primary); color: #fff; border: 0; box-shadow: 0 12px 28px rgba(79, 70, 229, .32); }
.lp-btn-primary:hover { background: #4338ca; color: #fff; box-shadow: 0 16px 34px rgba(79, 70, 229, .38); }
.lp-btn-ghost { background: #fff; color: var(--lp-text); border: 1px solid rgba(30, 27, 75, .14); }
.lp-btn-ghost:hover { border-color: rgba(79, 70, 229, .45); color: var(--lp-primary); }
.lp-trust { font-size: .88rem; color: rgba(30, 27, 75, .58); display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin-top: 1.1rem; }
.lp-trust i { color: #10B981; }
.lp-card { background: var(--lp-card); border: 1px solid rgba(30, 27, 75, .08); border-radius: 20px; box-shadow: 0 10px 30px rgba(30, 27, 75, .06); }

/* Hero visual */
.lp-hero { padding: 56px 0 72px; }
.lp-hero-visual { position: relative; min-height: 470px; }
.lp-poster { position: absolute; left: 2%; top: 30px; width: 210px; transform: rotate(-5deg); padding: 1.1rem; text-align: center; }
.lp-poster-title { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 1rem; line-height: 1.2; }
.lp-qr { width: 120px; height: 120px; margin: .8rem auto; border-radius: 12px; background:
    conic-gradient(from 90deg at 18% 18%, #1E1B4B 25%, transparent 0) 0 0 / 28px 28px,
    conic-gradient(from 90deg at 50% 50%, rgba(30,27,75,.85) 25%, transparent 0) 7px 7px / 14px 14px;
    border: 8px solid #fff; outline: 1px solid rgba(30,27,75,.12); }
.lp-poster small { color: rgba(30, 27, 75, .6); font-size: .75rem; }
.lp-phone { position: absolute; right: 4%; top: 0; width: 270px; border-radius: 38px; padding: 12px; background: #1E1B4B; box-shadow: 0 30px 60px rgba(30, 27, 75, .28); }
.lp-phone-screen { background: #F8F9FF; border-radius: 28px; overflow: hidden; min-height: 440px; }
.lp-phone-head { background: linear-gradient(135deg, var(--lp-primary), #6366F1); color: #fff; padding: 1.4rem 1rem 1rem; }
.lp-phone-head .lp-k-logo { width: 34px; height: 34px; border-radius: 10px; background: rgba(255,255,255,.18); display: grid; place-items: center; font-weight: 800; }
.lp-phone-body { padding: .9rem; }
.lp-chip-row { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .7rem; }
.lp-chip { font-size: .72rem; font-weight: 600; padding: .3rem .6rem; border-radius: 999px; background: #fff; border: 1px solid rgba(30,27,75,.12); color: rgba(30,27,75,.75); }
.lp-chip.is-on { background: rgba(79,70,229,.1); border-color: rgba(79,70,229,.45); color: var(--lp-primary); }
.lp-fake-input { background: #fff; border: 1px solid rgba(30,27,75,.1); border-radius: 12px; padding: .6rem .7rem; font-size: .78rem; color: rgba(30,27,75,.7); margin-bottom: .55rem; }
.lp-fake-btn { background: var(--lp-primary); color: #fff; text-align: center; border-radius: 12px; padding: .6rem; font-size: .8rem; font-weight: 700; }
.lp-toast { position: absolute; left: 4%; bottom: 40px; width: 250px; padding: .85rem 1rem; display: flex; gap: .7rem; align-items: flex-start; animation: lpFloat 5s ease-in-out infinite; }
.lp-toast .lp-dot { width: 34px; height: 34px; border-radius: 10px; background: rgba(16,185,129,.12); color: #059669; display: grid; place-items: center; flex: none; }
.lp-toast strong { font-size: .85rem; display: block; }
.lp-toast span { font-size: .78rem; color: rgba(30,27,75,.62); }
@keyframes lpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* Loop */
.lp-loop { counter-reset: step; }
.lp-loop-item { position: relative; padding: 1.5rem 1.3rem; height: 100%; }
.lp-loop-num { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; color: #fff; background: linear-gradient(135deg, var(--lp-primary), var(--lp-accent)); margin-bottom: 1rem; font-family: "Plus Jakarta Sans", sans-serif; }
.lp-loop-item p { color: rgba(30,27,75,.66); font-size: .95rem; margin: 0; }
.lp-loop-arrow { position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: rgba(79,70,229,.4); font-size: 1.4rem; z-index: 2; }

/* Demo */
.lp-demo-wrap { padding: 2rem; }
.lp-demo-phone { max-width: 340px; margin: 0 auto; border-radius: 34px; padding: 10px; background: #1E1B4B; }
.lp-demo-screen { background: #F8F9FF; border-radius: 26px; overflow: hidden; min-height: 520px; display: flex; flex-direction: column; }
.lp-demo-screen .lp-phone-head { padding: 1.1rem 1rem .9rem; }
.lp-demo-form { padding: 1rem; display: flex; flex-direction: column; gap: .7rem; flex: 1; }
.lp-demo-form label { font-size: .75rem; font-weight: 700; color: rgba(30,27,75,.7); margin-bottom: .25rem; display: block; }
.lp-demo-form select, .lp-demo-form textarea, .lp-demo-form input { font-size: .85rem; border-radius: 12px; border: 1px solid rgba(30,27,75,.14); }
.lp-seg { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border: 1px solid rgba(30,27,75,.12); border-radius: 12px; padding: 3px; gap: 3px; }
.lp-seg button { border: 0; background: transparent; border-radius: 9px; font-size: .74rem; font-weight: 700; padding: .45rem .2rem; color: rgba(30,27,75,.65); }
.lp-seg button.is-on { background: var(--lp-primary); color: #fff; }
.lp-anon-note { font-size: .72rem; color: #047857; background: rgba(16,185,129,.08); border-radius: 10px; padding: .45rem .6rem; }
.lp-demo-done { display: none; padding: 1.6rem 1.2rem; text-align: center; flex: 1; flex-direction: column; justify-content: center; }
.lp-demo-done.is-on { display: flex; }
.lp-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.25rem; font-weight: 800; letter-spacing: .06em; background: #fff; border: 1px dashed rgba(79,70,229,.5); border-radius: 12px; padding: .7rem; margin: .8rem 0; color: var(--lp-text); }
.lp-status { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; font-weight: 700; border-radius: 999px; padding: .3rem .7rem; }
.lp-status.is-wait { background: rgba(245,158,11,.12); color: #B45309; }
.lp-status.is-done { background: rgba(16,185,129,.12); color: #047857; }
.lp-reply { display: none; text-align: left; margin-top: 1rem; background: #fff; border-radius: 14px; border: 1px solid rgba(16,185,129,.35); padding: .8rem; font-size: .82rem; }
.lp-reply.is-on { display: block; animation: lpIn 280ms cubic-bezier(.2,.8,.2,1); }
.lp-panel { border-radius: 18px; border: 1px solid rgba(30,27,75,.1); background: #fff; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.lp-panel-top { display: flex; align-items: center; justify-content: space-between; padding: .8rem 1rem; border-bottom: 1px solid rgba(30,27,75,.08); background: rgba(248,249,255,.8); }
.lp-panel-top .lp-dots span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 4px; background: rgba(30,27,75,.15); }
.lp-panel-body { display: grid; grid-template-columns: 170px 1fr; flex: 1; min-height: 430px; }
.lp-panel-side { border-right: 1px solid rgba(30,27,75,.08); padding: .8rem; background: rgba(248,249,255,.6); }
.lp-birim { display: flex; justify-content: space-between; align-items: center; font-size: .82rem; font-weight: 600; padding: .45rem .6rem; border-radius: 10px; color: rgba(30,27,75,.75); margin-bottom: .2rem; transition: background-color 200ms ease; }
.lp-birim.is-hit { background: rgba(79,70,229,.12); color: var(--lp-primary); }
.lp-birim .badge { background: rgba(30,27,75,.08); color: rgba(30,27,75,.7); font-weight: 700; }
.lp-birim.is-hit .badge { background: var(--lp-primary); color: #fff; }
.lp-panel-list { padding: .9rem; display: flex; flex-direction: column; gap: .6rem; }
.lp-row { border: 1px solid rgba(30,27,75,.09); border-radius: 14px; padding: .75rem .85rem; font-size: .84rem; }
.lp-row.is-new { border-color: rgba(79,70,229,.45); box-shadow: 0 10px 24px rgba(79,70,229,.12); animation: lpIn 320ms cubic-bezier(.2,.8,.2,1); }
.lp-row-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .35rem; }
.lp-tag { font-size: .7rem; font-weight: 700; border-radius: 6px; padding: .12rem .45rem; background: rgba(30,27,75,.06); color: rgba(30,27,75,.7); }
.lp-tag.t-sikayet { background: rgba(239,68,68,.1); color: #B91C1C; }
.lp-tag.t-oneri { background: rgba(6,182,212,.12); color: #0E7490; }
.lp-tag.t-dilek { background: rgba(79,70,229,.1); color: #4338CA; }
.lp-tag.t-tesekkur { background: rgba(16,185,129,.12); color: #047857; }
.lp-row p { margin: 0; color: rgba(30,27,75,.78); }
.lp-empty { color: rgba(30,27,75,.45); font-size: .85rem; text-align: center; padding: 2rem 1rem; }
@keyframes lpIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }

/* Sectors */
.lp-sector { padding: 1.4rem; height: 100%; transition: transform 160ms ease, box-shadow 160ms ease; }
.lp-sector:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(30,27,75,.1); }
.lp-sector .lp-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; margin-bottom: 1rem; }
.lp-quote { font-size: .9rem; color: rgba(30,27,75,.72); border-left: 3px solid rgba(79,70,229,.3); padding-left: .7rem; margin-top: .8rem; font-style: italic; }

/* Trust */
.lp-trust-band { background: linear-gradient(135deg, #1E1B4B, #312E81); color: #fff; border-radius: 28px; padding: 3rem; }
.lp-trust-band .lp-h2 { color: #fff; }
.lp-trust-item { display: flex; gap: .9rem; margin-bottom: 1.4rem; }
.lp-trust-item i { font-size: 1.3rem; color: #67E8F9; flex: none; margin-top: .1rem; }
.lp-trust-item p { color: rgba(255,255,255,.72); margin: 0; font-size: .95rem; }
.lp-trust-item strong { display: block; margin-bottom: .15rem; }
.lp-ledger { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 1.2rem; font-size: .9rem; }
.lp-ledger-row { display: flex; justify-content: space-between; padding: .55rem 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.lp-ledger-row:last-child { border-bottom: 0; }
.lp-yes { color: #6EE7B7; font-weight: 700; } .lp-no { color: #FCA5A5; font-weight: 700; }

/* Steps + pricing */
.lp-step { text-align: center; padding: 1rem; }
.lp-step .lp-loop-num { margin: 0 auto 1rem; }
.lp-plan { padding: 2rem; height: 100%; display: flex; flex-direction: column; }
.lp-plan.is-featured { border: 2px solid var(--lp-primary); box-shadow: 0 24px 50px rgba(79,70,229,.16); }
.lp-price { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 2.2rem; color: var(--lp-text); }
.lp-plan ul { list-style: none; padding: 0; margin: 1.2rem 0 1.6rem; flex: 1; }
.lp-plan li { display: flex; gap: .6rem; padding: .4rem 0; color: rgba(30,27,75,.78); font-size: .95rem; }
.lp-plan li i { color: var(--lp-primary); }
.lp-plan li.is-off { color: rgba(30,27,75,.4); }
.lp-plan li.is-off i { color: rgba(30,27,75,.3); }

.lp-second { padding: 2.2rem; }
.lp-citizen { padding: 1.4rem 1.8rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; background: linear-gradient(90deg, rgba(6,182,212,.08), rgba(79,70,229,.08)); }
.lp-final { text-align: center; padding: 4rem 2rem; border-radius: 28px; background: radial-gradient(600px 300px at 50% 0%, rgba(79,70,229,.16), transparent 70%), #fff; border: 1px solid rgba(30,27,75,.08); }

@media (max-width: 991.98px) {
    .lp-hero-visual { min-height: 520px; margin-top: 2rem; }
    .lp-phone { right: 50%; transform: translateX(50%); }
    .lp-poster { display: none; }
    .lp-toast { left: auto; right: 50%; transform: translateX(50%); animation: none; bottom: 0; }
    .lp-loop-arrow { display: none; }
    .lp-panel-body { grid-template-columns: 1fr; }
    .lp-panel-side { border-right: 0; border-bottom: 1px solid rgba(30,27,75,.08); display: flex; flex-wrap: wrap; gap: .3rem; }
    .lp-birim { margin: 0; }
    .lp-trust-band { padding: 2rem 1.4rem; }
    .lp-section { padding: 64px 0; }
}
@media (prefers-reduced-motion: reduce) {
    .lp-toast, .lp-row.is-new, .lp-reply.is-on { animation: none; }
    .lp-sector, .lp-btn { transition: none; }
}
.lp-quick { display: flex; gap: .5rem; background: #fff; border: 1px solid rgba(30,27,75,.12); border-radius: 18px; padding: .45rem; box-shadow: 0 16px 36px rgba(30,27,75,.08); max-width: 34rem; }
.lp-quick input { border: 0; outline: 0; flex: 1; min-width: 0; padding: .7rem .9rem; font-size: 1.05rem; background: transparent; color: var(--lp-text); }
.lp-quick .lp-btn { white-space: nowrap; border-radius: 14px; }
.lp-quick-preview { font-size: .9rem; color: rgba(30,27,75,.6); margin-top: .7rem; min-height: 1.4em; }
.lp-quick-preview code { color: var(--lp-primary); background: rgba(79,70,229,.08); padding: .1rem .4rem; border-radius: 6px; }
.lp-why { padding: 1.6rem; height: 100%; }
.lp-why .lp-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; margin-bottom: 1rem; background: rgba(79,70,229,.1); color: var(--lp-primary); }
.lp-why p { color: rgba(30,27,75,.66); margin: 0; }
.lp-who { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.lp-who > span, .lp-who > a { text-decoration: none; transition: border-color 140ms ease, color 140ms ease; background: #fff; border: 1px solid rgba(30,27,75,.1); border-radius: 999px; padding: .5rem 1rem; font-weight: 600; color: rgba(30,27,75,.75); font-size: .95rem; }
.lp-who i { color: var(--lp-primary); margin-right: .35rem; }
.lp-who > a:hover { border-color: rgba(79,70,229,.45); color: var(--lp-primary); }
.lp-free { padding: 2rem; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; justify-content: space-between; }
.lp-free ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; color: rgba(30,27,75,.75); }
.lp-free li i { color: #10B981; margin-right: .35rem; }
@media (max-width: 575.98px) { .lp-quick { flex-direction: column; } .lp-quick .lp-btn { justify-content: center; } }

/* Web sitesine yerleştirme (ana sayfa) */
.lp-embed { padding: 2rem; }
.lp-browser { border-radius: 16px; border: 1px solid rgba(30,27,75,.12); background: #fff; overflow: hidden; box-shadow: 0 16px 36px rgba(30,27,75,.08); }
.lp-browser-bar { display: flex; align-items: center; gap: .6rem; padding: .55rem .8rem; background: rgba(248,249,255,.9); border-bottom: 1px solid rgba(30,27,75,.08); }
.lp-browser-bar .lp-dots span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 4px; background: rgba(30,27,75,.15); }
.lp-browser-url { flex: 1; min-width: 0; font-size: .74rem; color: rgba(30,27,75,.55); background: #fff; border: 1px solid rgba(30,27,75,.08); border-radius: 8px; padding: .2rem .6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-browser-body { position: relative; min-height: 210px; padding: 1.1rem; }
.lp-skel { height: 10px; border-radius: 6px; background: rgba(30,27,75,.07); margin-bottom: .6rem; }
.lp-skel.is-head { height: 18px; width: 55%; background: rgba(30,27,75,.11); margin-bottom: 1rem; }
.lp-fab { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: .4rem; background: var(--lp-primary); color: #fff; font-size: .8rem; font-weight: 700; border-radius: 999px; padding: .55rem .95rem; box-shadow: 0 12px 26px rgba(79,70,229,.35); }
.lp-codechip { display: block; max-width: 100%; overflow-x: auto; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; color: #E0E7FF; background: #1E1B4B; border-radius: 12px; padding: .65rem .85rem; margin-top: .9rem; }

/* Çözüm (sektör) sayfaları */
.lp-sk-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; color: var(--sk, var(--lp-primary)); background: color-mix(in srgb, var(--sk, #4F46E5) 12%, transparent); flex: none; }
.lp-sk-ico.is-sm { width: 36px; height: 36px; border-radius: 11px; font-size: 1.05rem; }
.lp-sk-eyebrow i { color: var(--sk, var(--lp-primary)); }
.lp-aud { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-top: 1.3rem; }
.lp-aud-label { font-size: .82rem; font-weight: 700; color: rgba(30,27,75,.55); margin-right: .2rem; }
.lp-aud .lp-chip { font-size: .82rem; padding: .35rem .75rem; }
.lp-embed-note { font-size: .9rem; color: rgba(30,27,75,.62); margin-top: .9rem; display: flex; gap: .45rem; align-items: flex-start; }
.lp-embed-note i { color: var(--lp-primary); margin-top: .1rem; }
.lp-sk-hero-card { padding: 1.4rem; max-width: 30rem; margin-left: auto; margin-right: auto; }
.lp-sk-hero-card .lp-row { background: #fff; }
.lp-route { display: inline-flex; align-items: center; gap: .4rem; font-size: .82rem; font-weight: 700; color: var(--lp-primary); background: rgba(79,70,229,.08); border-radius: 999px; padding: .3rem .75rem; }
.lp-result { display: flex; gap: .55rem; align-items: flex-start; font-size: .9rem; color: rgba(30,27,75,.75); }
.lp-result i { color: #059669; margin-top: .15rem; flex: none; }
.lp-tag.t-talep { background: rgba(245,158,11,.14); color: #B45309; }
.lp-scn { padding: 1.4rem; height: 100%; display: flex; flex-direction: column; gap: .9rem; }
.lp-scn-head { display: flex; justify-content: space-between; align-items: flex-start; gap: .6rem; }
.lp-scn-kim { font-size: .86rem; font-weight: 700; color: rgba(30,27,75,.7); display: flex; gap: .4rem; align-items: flex-start; }
.lp-scn-kim i { color: rgba(30,27,75,.4); }
.lp-scn blockquote { margin: 0; font-size: .98rem; line-height: 1.55; color: var(--lp-text); border-left: 3px solid color-mix(in srgb, var(--sk, #4F46E5) 45%, transparent); padding-left: .8rem; }
.lp-scn-foot { margin-top: auto; display: flex; flex-direction: column; gap: .7rem; padding-top: .9rem; border-top: 1px dashed rgba(30,27,75,.12); }
.lp-setup { padding: 1.6rem; height: 100%; }
.lp-setup .lp-chip-row { gap: .45rem; margin: 0; }
.lp-setup .lp-chip { font-size: .86rem; padding: .4rem .8rem; }
.lp-setup .lp-chip i { margin-right: .3rem; }
.lp-note { font-size: .9rem; color: rgba(30,27,75,.6); display: flex; gap: .45rem; align-items: flex-start; }
.lp-note i { color: var(--lp-primary); }
.lp-branches { display: flex; justify-content: center; gap: .9rem; flex-wrap: wrap; padding: .5rem 0; }
.lp-branch { width: 150px; padding: .9rem .8rem; text-align: center; }
.lp-branch:nth-child(1) { transform: rotate(-3deg); }
.lp-branch:nth-child(3) { transform: rotate(3deg); }
.lp-branch .lp-qr { width: 84px; height: 84px; border-width: 6px; margin: .6rem auto; }
.lp-branch strong { display: block; font-size: .82rem; line-height: 1.25; }
.lp-branch small { font-size: .7rem; color: rgba(30,27,75,.5); }
.lp-privacy { padding: 2rem; display: flex; gap: 1.2rem; align-items: flex-start; background: linear-gradient(135deg, #1E1B4B, #312E81); color: #fff; border: 0; }
.lp-privacy .lp-h2 { color: #fff; }
.lp-privacy p { color: rgba(255,255,255,.78); margin: 0; line-height: 1.6; }
.lp-privacy .lp-priv-ico { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 1.5rem; background: rgba(103,232,249,.14); color: #67E8F9; flex: none; }
.lp-privacy .lp-trust { color: rgba(255,255,255,.7); }
.lp-privacy .lp-trust i { color: #6EE7B7; }
.lp-privacy a.lp-btn { margin-top: 1.2rem; }
.lp-faq .accordion-item { border: 0; border-bottom: 1px solid rgba(30,27,75,.08); background: transparent; }
.lp-faq .accordion-button { font-weight: 700; color: var(--lp-text); background: transparent; box-shadow: none; padding: 1.05rem .2rem; }
.lp-faq .accordion-body { color: rgba(30,27,75,.7); padding: 0 .2rem 1.1rem; line-height: 1.6; }
.lp-sector-link { display: block; color: inherit; text-decoration: none; }
.lp-sector-link:hover { color: inherit; }
.lp-sector-link p { color: rgba(30,27,75,.66); font-size: .95rem; margin: 0; }
.lp-sector-more { display: inline-flex; align-items: center; gap: .35rem; font-weight: 700; font-size: .9rem; color: var(--lp-primary); margin-top: 1rem; }
@media (max-width: 575.98px) {
    .lp-privacy { flex-direction: column; padding: 1.5rem; }
    .lp-embed { padding: 1.3rem; }
    .lp-branch { width: 104px; padding: .7rem .5rem; }
    .lp-branch .lp-qr { width: 64px; height: 64px; border-width: 5px; }
}
@media (prefers-reduced-motion: reduce) { .lp-who > a { transition: none; } }
.lp-seg-2 { grid-template-columns: repeat(2, 1fr); }
.lp-iletisim { display: flex; flex-direction: column; gap: .45rem; }
.lp-iletisim .form-control { font-size: .82rem; border-radius: 10px; padding: .45rem .6rem; }
.lp-iletisim [hidden], .lp-iletisim[hidden] { display: none !important; }
.lp-iletisim > div:not([hidden]) { display: flex; flex-direction: column; gap: .45rem; }
.lp-uye-satir { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .3rem; font-size: .74rem; }
.lp-uye-satir .btn-link, .lp-uye-giris .btn-link { font-size: .74rem; font-weight: 700; text-decoration: none; }
.lp-check { display: inline-flex; align-items: center; gap: .35rem; font-weight: 600; color: rgba(30,27,75,.75); margin: 0; }
.lp-uye-giris { display: flex !important; flex-direction: row !important; align-items: center; gap: .4rem; font-size: .78rem; background: rgba(79,70,229,.08); color: var(--lp-text); border-radius: 10px; padding: .5rem .6rem; }
.lp-uye-giris i { color: var(--lp-primary); }
.lp-kanal { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: .3rem .9rem; font-size: .76rem; }
.lp-kanal > span { font-weight: 700; color: rgba(30,27,75,.7); width: 100%; }
.lp-kanal-uyari { font-size: .74rem; color: #B91C1C; }

/* İki ürün: ürün kartları, çözümler grupları, karşılaştırma */
.lp-product { display: flex; gap: 1rem; align-items: flex-start; padding: 1.5rem; height: 100%; transition: transform 160ms ease, box-shadow 160ms ease; }
.lp-product:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(30,27,75,.1); }
.lp-product .lp-sector-more { margin-top: .6rem; }
.lp-product-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; flex: none; background: rgba(79,70,229,.1); color: var(--lp-primary); }
.is-talep .lp-product-ico, .lp-product.is-talep .lp-product-ico { background: rgba(124,58,237,.12); color: #6D28D9; }
.lp-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.lp-jump a { text-decoration: none; background: #fff; border: 1px solid rgba(30,27,75,.1); border-radius: 999px; padding: .5rem 1rem; font-weight: 600; font-size: .92rem; color: rgba(30,27,75,.78); }
.lp-jump a:hover { border-color: rgba(79,70,229,.45); color: var(--lp-primary); }
.lp-jump i { color: var(--lp-primary); margin-right: .3rem; }
.lp-group-head { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; margin-bottom: 2rem; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(30,27,75,.1); }
.lp-group-head > div:nth-child(2) { flex: 1 1 22rem; min-width: 0; }
.lp-group-for { display: block; font-size: 1rem; font-weight: 600; color: rgba(30,27,75,.55); letter-spacing: 0; margin-top: .2rem; }
.lp-group-sub { color: rgba(30,27,75,.66); margin: .5rem 0 0; max-width: 46rem; }
.lp-group-link { padding: .6rem 1.1rem; font-size: .92rem; align-self: center; }
.lp-compare { padding: 1.6rem; height: 100%; display: flex; flex-direction: column; }
.lp-compare-head { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.1rem; }
.lp-compare dl { margin: 0 0 1rem; flex: 1; }
.lp-compare dt { font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: rgba(30,27,75,.5); margin-top: .8rem; }
.lp-compare dd { margin: .2rem 0 0; color: rgba(30,27,75,.78); }
.lp-compare .lp-sector-more { margin-top: 0; text-decoration: none; }
.lp-compare.is-talep { border-color: rgba(124,58,237,.25); }

/* Talep Takip: kanallar, akış, özellikler, iç yazışma */
.lp-kanal-tag { display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 700; font-style: normal; border-radius: 999px; padding: .15rem .55rem; white-space: nowrap; color: var(--sk, var(--lp-primary)); background: color-mix(in srgb, var(--sk, #4F46E5) 12%, transparent); }
.lp-kanallar { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
.lp-kanal-kart { padding: 1.2rem; display: flex; gap: .8rem; align-items: flex-start; }
.lp-kanal-kart p { margin: 0; font-size: .92rem; color: rgba(30,27,75,.66); }
.lp-flow { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.lp-flow .lp-loop-item { height: auto; }
.lp-feature { padding: 1.5rem; height: 100%; }
.lp-feature .lp-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; margin-bottom: 1rem; background: rgba(124,58,237,.1); color: #6D28D9; }
.lp-feature p { color: rgba(30,27,75,.66); margin-bottom: .7rem; }
.lp-feature ul { list-style: none; padding: 0; margin: 0; }
.lp-feature li { position: relative; padding-left: 1.3rem; font-size: .92rem; color: rgba(30,27,75,.75); margin-bottom: .3rem; }
.lp-feature li::before { content: ""; position: absolute; left: .2rem; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: #10B981; }
.lp-chat { display: flex; flex-direction: column; gap: .5rem; padding-top: .9rem; border-top: 1px dashed rgba(30,27,75,.12); }
.lp-chat-msg { font-size: .82rem; background: rgba(248,249,255,.9); border: 1px solid rgba(30,27,75,.08); border-radius: 12px; padding: .55rem .7rem; max-width: 92%; }
.lp-chat-msg strong { display: block; font-size: .72rem; color: rgba(30,27,75,.55); margin-bottom: .15rem; }
.lp-chat-msg.is-me { align-self: flex-end; background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.18); }
.lp-mention { color: #6D28D9; font-weight: 700; }

/* Planlanabilir iş: konum + tercih edilen zaman, günlük iş listesi, saha görünümü */
.lp-isplan { display: flex; flex-wrap: wrap; gap: .35rem; }
.lp-isplan .lp-chip { font-size: .76rem; }
.lp-isplan .lp-chip i { margin-right: .25rem; color: var(--sk, var(--lp-primary)); }
.lp-wl-body { padding: .8rem; display: flex; flex-direction: column; gap: .5rem; }
.lp-wl-row { display: flex; gap: .8rem; align-items: center; border: 1px solid rgba(30,27,75,.09); border-radius: 12px; padding: .6rem .75rem; font-size: .85rem; }
.lp-wl-row.is-acil { border-color: rgba(239,68,68,.4); background: rgba(239,68,68,.04); }
.lp-wl-saat { flex: none; min-width: 3.4rem; text-align: center; font-weight: 800; font-size: .78rem; border-radius: 8px; padding: .25rem .4rem; background: rgba(30,27,75,.06); color: rgba(30,27,75,.75); }
.lp-wl-row.is-acil .lp-wl-saat { background: rgba(239,68,68,.12); color: #B91C1C; }
.lp-wl-main { min-width: 0; display: flex; flex-direction: column; }
.lp-wl-main strong { font-size: .88rem; color: var(--lp-text); }
.lp-wl-main span { font-size: .76rem; color: rgba(30,27,75,.58); }
.lp-field { max-width: 300px; margin: 0 auto; border-radius: 34px; padding: 10px; background: #1E1B4B; box-shadow: 0 24px 50px rgba(30,27,75,.22); }
.lp-field-screen { background: #F8F9FF; border-radius: 26px; overflow: hidden; padding-bottom: 1rem; }
.lp-field-head { background: linear-gradient(135deg, var(--lp-primary), #6366F1); color: #fff; font-weight: 800; padding: 1.1rem 1rem .9rem; font-size: .95rem; }
.lp-field-card { margin: .9rem; background: #fff; border: 1px solid rgba(30,27,75,.1); border-radius: 16px; padding: .85rem; font-size: .88rem; }
.lp-field-card strong { display: block; margin: .3rem 0 .7rem; }
.lp-field-btns { display: flex; flex-direction: column; gap: .4rem; }
.lp-field-btns span { display: flex; align-items: center; justify-content: center; gap: .4rem; border-radius: 12px; padding: .55rem; font-size: .8rem; font-weight: 700; border: 1px solid rgba(30,27,75,.14); color: rgba(30,27,75,.7); background: #fff; }
.lp-field-btns span.is-done { background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.35); color: #047857; }
.lp-field-btns span.is-on { background: var(--lp-primary); border-color: var(--lp-primary); color: #fff; }

@media (max-width: 991.98px) {
    .lp-flow { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .lp-flow { grid-template-columns: 1fr; }
    .lp-product { flex-direction: column; }
    .lp-group-link { align-self: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .lp-product { transition: none; } }
.lp-worklist .lp-panel-top { flex-wrap: wrap; gap: .4rem; }

/* Çok şubeli işletmeler: kurum kartından şubelere dallanan görsel */
.lp-tree { display: flex; flex-direction: column; align-items: center; }
.lp-tree-root { display: flex; align-items: center; gap: .7rem; padding: .7rem 1.1rem; border-radius: 16px; background: #fff; border: 1px solid rgba(30,27,75,.12); box-shadow: 0 10px 24px rgba(30,27,75,.08); }
.lp-tree-root strong { display: block; font-size: .98rem; }
.lp-tree-root small { font-size: .74rem; color: rgba(30,27,75,.55); }
.lp-tree-line { width: 2px; height: 22px; background: rgba(79,70,229,.35); }
.lp-tree .lp-branches { position: relative; padding-top: 1rem; }
.lp-tree .lp-branches::before { content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; background: rgba(79,70,229,.35); }
.lp-tree .lp-branch { width: 190px; transform: none; }
.lp-tree .lp-branch small { word-break: break-all; }
@media (max-width: 575.98px) {
    .lp-tree, .lp-tree .lp-branches { width: 100%; }
    .lp-tree .lp-branches { flex-direction: column; align-items: stretch; }
    .lp-tree .lp-branch { width: 100%; }
    .lp-tree .lp-branches::before, .lp-tree-line { display: none; }
}