:root{--bg:#1a1714;--surface:#211d19;--surface-2:#262019;--brand-500:#f27c38;--brand-600:#db6a2e;--ink:#f3f0eb;--ink-soft:#c4bcb0;--muted:#978d80;--line:#f3f0eb1a;--line-2:#f3f0eb29;--ok:#6fcf86;--glow-brand:color-mix(in oklch, var(--brand-500) 18%, transparent);--glow-brand-strong:color-mix(in oklch, var(--brand-500) 30%, transparent);--tint-surface:color-mix(in oklch, var(--brand-500) 6%, var(--surface));--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--maxw:1180px;--gutter:clamp(20px, 5vw, 56px);--radius:16px;--radius-sm:10px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero h1{max-width:17ch;margin-top:20px;font-size:clamp(34px,6.4vw,66px)}@keyframes livepulse{0%{box-shadow:0 0 #6fcf8680}70%{box-shadow:0 0 0 7px #6fcf8600}to{box-shadow:0 0 #6fcf8600}}.con-sla{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:4px 10px;font-size:11.5px;display:inline-flex}.con-sla svg{width:13px;height:13px;stroke:var(--brand-500);flex:none}.con-sla .num{color:var(--brand-500)}.con-grid{grid-template-columns:.92fr 64px 1.18fr;align-items:stretch;min-height:400px;display:grid}.con-col{padding:18px 18px 22px}.con-channels{border-right:1px solid var(--line)}.con-inbox{border-left:1px solid var(--line);position:relative}.con-h{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.con-h svg{width:14px;height:14px;stroke:var(--brand-500);flex:none}.con-h .cnt{color:var(--brand-500);margin-left:auto}.chan-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.chan{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:11px;padding:11px 13px;display:flex;position:relative}.chan .dot{border:1px solid var(--line-2);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.chan .dot svg{width:16px;height:16px}.chan .nm{color:var(--ink);font-size:13.5px;font-weight:500}.chan .meta{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:10.5px}.chan[data-c=trendyol] .dot{background:color-mix(in oklch, var(--brand-500) 16%, var(--surface-2))}.chan[data-c=hepsiburada] .dot{background:color-mix(in oklch, #e8a657 14%, var(--surface-2))}.chan[data-c=shopify] .dot{background:color-mix(in oklch, #c9a26b 13%, var(--surface-2))}.chan[data-c=whatsapp] .dot{background:color-mix(in oklch, var(--ok) 14%, var(--surface-2))}.chan[data-c=instagram] .dot{background:color-mix(in oklch, #d98a86 13%, var(--surface-2))}.chan[data-c=trendyol] .dot svg{stroke:var(--brand-500)}.chan[data-c=hepsiburada] .dot svg{stroke:#e8a657}.chan[data-c=shopify] .dot svg{stroke:#d4ac76}.chan[data-c=whatsapp] .dot svg{stroke:var(--ok)}.chan[data-c=instagram] .dot svg{stroke:#d98a86}.chan.fire{border-color:color-mix(in oklch, var(--brand-500) 45%, transparent)}.chan .spark{background:var(--brand-500);opacity:0;width:8px;height:8px;box-shadow:0 0 0 3px var(--glow-brand);border-radius:50%;margin-top:-4px;position:absolute;top:50%;right:13px;transform:scale(.4)}.chan.fire .spark{animation:.7s ease-out spark}@keyframes spark{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}.con-pipes{padding:18px 0;position:relative;overflow:hidden}.pipes-svg{width:100%;height:100%;position:absolute;inset:0}.pipes-svg path{fill:none;stroke:var(--line-2);stroke-width:1.4px}.pipes-svg .glow{stroke:color-mix(in oklch, var(--brand-500) 55%, transparent);stroke-width:1.6px;stroke-dasharray:7 220;stroke-dashoffset:0;animation:2.6s linear infinite flow}.pipes-svg .glow.d2{animation-delay:.5s}.pipes-svg .glow.d3{animation-delay:1s}.pipes-svg .glow.d4{animation-delay:1.5s}.pipes-svg .glow.d5{animation-delay:2s}@keyframes flow{to{stroke-dashoffset:-227px}}.packet{background:color-mix(in oklch, var(--brand-500) 22%, var(--surface));border:1px solid color-mix(in oklch, var(--brand-500) 45%, transparent);opacity:0;will-change:transform, opacity;border-radius:7px;place-items:center;width:22px;height:14px;display:grid;position:absolute;top:0;left:4px}.packet:before{content:"";background:var(--brand-500);border-radius:2px;width:8px;height:2px}.packet.go{animation:1s cubic-bezier(.45,.05,.35,1) forwards travel}@keyframes travel{0%{opacity:0;transform:translate(0, var(--y0)) scale(.7)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(54px, var(--y1)) scale(.9)}}.inbox-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.msg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);opacity:0;padding:11px 12px;transition:opacity .45s,transform .45s;transform:translateY(10px)scale(.98)}.msg.show{opacity:1;transform:none}.msg-top{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.msg-prio{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.msg-prio.hi{background:#ff7a59;box-shadow:0 0 0 3px #ff7a592e}.msg-prio.md{background:var(--brand-500);box-shadow:0 0 0 3px var(--glow-brand)}.msg-prio.lo{background:var(--ok)}.msg-src{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10.5px}.msg-tag{font-family:var(--font-mono);white-space:nowrap;color:var(--brand-500);border:1px solid color-mix(in oklch, var(--brand-500) 40%, transparent);background:color-mix(in oklch, var(--brand-500) 10%, var(--surface));opacity:0;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:500;transition:opacity .35s,transform .35s;transform:scale(.85)}.msg.tagged .msg-tag{opacity:1;transform:none}.msg-time{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.msg-body{color:var(--ink);margin-top:7px;font-size:13.5px;line-height:1.45}.msg-reply{border:1px solid color-mix(in oklch, var(--brand-500) 28%, transparent);background:color-mix(in oklch, var(--brand-500) 8%, var(--surface));opacity:0;padding:8px 10px;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;max-height:0;margin-top:9px;padding-block:0;transition:max-height .4s,opacity .4s,padding-block .4s;display:grid;overflow:hidden}.msg.replied .msg-reply{opacity:1;max-height:88px;padding-block:8px}.msg-reply .ai{font-family:var(--font-mono);letter-spacing:.04em;color:var(--brand-500);border:1px solid color-mix(in oklch, var(--brand-500) 40%, transparent);border-radius:6px;flex:none;padding:2px 5px;font-size:9.5px}.msg-reply .rtxt{color:var(--ink-soft);font-size:12px;line-height:1.4}.msg-reply .sent{font-family:var(--font-mono);color:var(--muted);opacity:0;flex:none;align-items:center;gap:4px;font-size:10px;transition:opacity .3s;display:inline-flex}.msg.sent .msg-reply .sent{opacity:1}.msg.sent .msg-reply .sent .ok{color:var(--ok)}.msg-reply .sent svg{width:13px;height:13px;stroke:var(--ok)}.con-foot{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex}.con-foot .ok{color:var(--ok)}.con-foot .ctr{color:var(--ink-soft)}.con-foot .ctr b{color:var(--brand-500);font-weight:500}.con-foot .miss{color:var(--ok)}@media (max-width:820px){.con-grid{grid-template-columns:1fr;min-height:0}.con-channels{border-right:0;border-bottom:1px solid var(--line)}.con-pipes{display:none}.con-inbox{border-left:0;border-top:1px solid var(--line)}}.feat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;padding:26px}.stat .big{letter-spacing:-.02em;color:var(--ink);font-size:clamp(30px,5vw,48px);font-weight:600;line-height:1}.stat .lbl{color:var(--ink-soft);margin-top:10px;font-size:14px}.cta-band{border:1px solid var(--line-2);border-radius:var(--radius);background:radial-gradient(120% 140% at 50% -20%, var(--glow-brand), transparent 60%), var(--surface);text-align:center;padding:clamp(36px,6vw,64px)}footer{border-top:1px solid var(--line);padding-block:clamp(46px,7vw,72px) 30px}.foot-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(34px,5vw,52px);padding-top:22px;font-size:11.5px;display:flex}@media (max-width:980px){.pipe,.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.stats{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:540px){.pipe,.feat-grid,.foot-grid{grid-template-columns:1fr}.hero-cta .btn{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.msg,.msg .msg-tag{opacity:1!important;transform:none!important}.msg .msg-reply{opacity:1!important;max-height:88px!important;padding-block:8px!important}.msg .msg-reply .sent{opacity:1!important}.pipes-svg .glow{stroke-dasharray:none}.live b{box-shadow:none}.packet{display:none!important}}.kanal-liste{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;display:grid}.kanal-kart{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:20px 22px}.kanal-kart h3{letter-spacing:-.01em;font-size:16px}.kanal-kart p{color:var(--muted);font-family:var(--font-mono);margin-top:8px;font-size:13px}.kanal-not{font-family:var(--font-mono);color:var(--muted);margin-top:18px;font-size:13px}@media (max-width:900px){.kanal-liste{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kanal-liste{grid-template-columns:1fr}}