*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#050507;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit}.bg-base{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-grain{position:absolute;inset:0;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px}.bg-glow{position:absolute;border-radius:50%}.bg-glow--hero{width:900px;height:600px;top:-20%;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(192,132,252,.06) 0%,transparent 70%);filter:blur(100px)}.bg-glow--mid{width:700px;height:700px;top:55%;right:-15%;background:radial-gradient(ellipse,rgba(99,102,241,.035) 0%,transparent 70%);filter:blur(120px)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 60% 40% at 50% 25%,black 10%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 40% at 50% 25%,black 10%,transparent 100%)}.reveal{opacity:0;transform:translateY(24px);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .1s + .15s)}@keyframes rise{to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@keyframes ping{75%,to{transform:scale(2.4);opacity:0}}@keyframes pulse-border{0%,to{border-color:#c084fc0f}50%{border-color:#c084fc29}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff06;border:1px solid rgba(255,255,255,.04);border-radius:999px;padding:0 24px;height:48px}.nav-logo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-.01em}.logo-dot{color:#fb923c}.nav-right{display:flex;align-items:center;gap:16px}.nav-link{font-size:13px;color:#ffffff4d;transition:color .2s}.nav-link:hover{color:#ffffffb3}.nav-cta{font-size:12px;font-weight:600;color:#000;background:#fff;border-radius:999px;padding:6px 18px;transition:background .2s}.nav-cta:hover{background:#e5e5e5}.hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:100vh;min-height:100dvh;padding:120px 32px 60px}.hero-content{max-width:680px}.badge{display:inline-flex;align-items:center;gap:10px;padding:6px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;font-size:10px;font-weight:600;color:#ffffff59;letter-spacing:.2em;text-transform:uppercase;margin-bottom:44px}.badge-dot{position:relative;width:6px;height:6px}.badge-dot:before,.badge-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#c084fc}.badge-dot:before{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;opacity:.6}.hero-h1{margin-bottom:0}.hero-line{display:block;font-size:clamp(38px,6.5vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.08}.hero-em{font-style:italic;background:linear-gradient(135deg,#c084fc,#818cf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{margin-top:24px;font-size:15px;line-height:1.7;color:#ffffff4d;max-width:500px;margin-left:auto;margin-right:auto}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:inline}}.hero-cta{margin-top:40px;width:100%;max-width:440px;margin-left:auto;margin-right:auto}.cta-form{position:relative}.cta-glow{position:absolute;inset:-1px;border-radius:14px;background:linear-gradient(135deg,rgba(192,132,252,.18),transparent 60%);opacity:0;transition:opacity .5s;filter:blur(2px)}.cta-form:focus-within .cta-glow{opacity:1}.cta-inner{position:relative;display:flex;align-items:center;gap:8px;border-radius:14px;padding:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.cta-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px;font-weight:500;padding:12px 16px}.cta-input::-moz-placeholder{color:#ffffff29}.cta-input::placeholder{color:#ffffff29}.cta-btn{flex-shrink:0;font-size:13px;font-weight:600;color:#000;background:#fff;border-radius:10px;padding:10px 24px;transition:background .2s,transform .15s}.cta-btn:hover{background:#e5e5e5}.cta-btn:active{transform:scale(.97)}.cta-ok{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:13px;font-weight:500;color:#ffffffb3;animation:rise .5s cubic-bezier(.16,1,.3,1) forwards}.cta-ok svg{color:#c084fc}.hero-trust{margin-top:16px;font-size:11px;color:#ffffff1a;font-weight:500;letter-spacing:.03em}.showcase{position:relative;z-index:1;padding:0 24px 140px;display:flex;justify-content:center}.showcase-frame{position:relative;width:100%;max-width:1120px}.showcase-glow{position:absolute;inset:-60px;border-radius:32px;pointer-events:none;background:radial-gradient(ellipse at top center,rgba(192,132,252,.035) 0%,transparent 60%)}.app{position:relative;display:flex;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;background:#0a0a0ee6;height:600px;box-shadow:0 0 0 1px #ffffff05,0 48px 120px -24px #0009}.app-sidebar{width:224px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;padding:16px 12px;background:#ffffff02}.sidebar-brand{padding:4px 10px 20px;font-size:15px;font-weight:700;letter-spacing:-.02em}.sidebar-brand-text{color:#fff}.sidebar-ws{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0 0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;font-size:12px;font-weight:500;color:#fff9}.sidebar-ws-icon{color:#ffffff4d;flex-shrink:0}.sidebar-ws-name{flex:1}.sidebar-ws-gear{color:#ffffff26;flex-shrink:0;margin-left:auto}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:#fff6;transition:background .15s,color .15s;white-space:nowrap}.sidebar-item:hover{background:#ffffff08;color:#ffffffa6}.sidebar-item.active{background:#ffffff0d;color:#fff}.sidebar-badge{margin-left:auto;font-size:10px;font-weight:600;background:#c084fc1f;color:#c084fc;padding:1px 7px;border-radius:999px}.badge-amber{background:#fb923c1f!important;color:#fb923c!important}.shower-item svg{color:#fb923c}.sidebar-support{display:flex;align-items:center;gap:10px;padding:12px 10px 8px;font-size:13px;color:#ffffff40;margin-top:auto;border-top:1px solid rgba(255,255,255,.03)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 8px 0}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:#c084fc1f;color:#c084fc;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-user-name{font-size:12px;font-weight:500}.sidebar-user-status{font-size:10px;color:#ffffff40;display:flex;align-items:center;gap:4px}.online-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.topbar-left{display:flex;align-items:center;gap:8px}.topbar-title{font-size:14px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-search{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);font-size:12px;color:#ffffff2e}.topbar-search kbd{font-family:inherit;font-size:10px;font-weight:500;padding:1px 5px;border-radius:3px;background:#ffffff0a;color:#fff3;margin-left:10px}.topbar-icon-btn{position:relative;padding:5px;border-radius:6px;color:#ffffff4d;transition:background .15s}.topbar-icon-btn:hover{background:#ffffff0a}.notif-badge{position:absolute;top:0;right:0;min-width:14px;height:14px;border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.topbar-avatar{width:26px;height:26px;border-radius:50%;background:#c084fc1f;color:#c084fc;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.shower-alert{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fb923c0f;border-bottom:1px solid rgba(251,146,60,.1);font-size:12px;color:#fff9}.shower-alert strong{color:#fffc}.shower-alert-x{margin-left:auto;color:#fff3;cursor:pointer;font-size:16px;line-height:1}.inbox-quick-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);overflow-x:auto}.qf{font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;color:#ffffff4d;white-space:nowrap;transition:all .15s}.qf:hover{background:#ffffff08;color:#ffffff80}.qf.active{background:#fb923c1f;color:#fb923c}.inbox-split{display:flex;flex:1;min-height:0}.inbox-list{width:340px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;overflow:hidden}.inbox-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);font-size:12px;color:#ffffff26}.inbox-status-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);flex-wrap:wrap}.sf{font-size:10px;font-weight:500;padding:3px 8px;border-radius:5px;color:#ffffff40;border:1px solid rgba(255,255,255,.05);white-space:nowrap}.sf-sep{margin-left:4px}.ticket-list{flex:1;overflow:hidden}.ticket-row{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.02);cursor:pointer;transition:background .15s}.ticket-row:hover{background:#ffffff03}.ticket-row.active{background:#c084fc09;border-left:2px solid #c084fc}.ticket-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}.dot-green{background:#34d399}.dot-yellow{background:#fbbf24}.dot-muted{background:#ffffff1f}.ticket-content{flex:1;min-width:0}.ticket-top{display:flex;justify-content:space-between;margin-bottom:2px}.ticket-id{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff2e}.ticket-time{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff1f}.ticket-subject{font-size:12px;font-weight:500;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.ticket-meta{display:flex;align-items:center;gap:6px}.ticket-customer{font-size:10px;color:#ffffff2e}.impact{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px}.impact-critical{background:#ef44441a;color:#f87171}.impact-high{background:#fb923c1a;color:#fb923c}.impact-medium{background:#ffffff0a;color:#ffffff4d}.ai-tag{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px;background:#c084fc14;color:#c084fc}.inbox-detail{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.detail-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.03)}.detail-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.detail-subject{font-size:14px;font-weight:600}.detail-meta-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#ffffff40}.sep{color:#ffffff14}.detail-company{color:#fff6;font-weight:500}.sla-tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px}.sla-ok{background:#34d39914;color:#34d399}.detail-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.04);padding:0 18px}.dtab{font-size:12px;font-weight:500;color:#ffffff40;padding:9px 14px;border-bottom:2px solid transparent;transition:all .15s}.dtab.active{color:#fff;border-bottom-color:#c084fc}.convo-thread{flex:1;padding:14px 18px;overflow:hidden;display:flex;flex-direction:column;gap:12px}.convo-msg{padding:12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.035)}.convo-header{display:flex;align-items:center;gap:7px;margin-bottom:7px}.avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0}.avatar-blue{background:#60a5fa1f;color:#60a5fa}.convo-name{font-size:12px;font-weight:600}.convo-time{font-size:10px;color:#ffffff1f}.channel-tag{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:3px;margin-left:auto}.channel-email{background:#fb923c14;color:#fb923c}.convo-body{font-size:12px;color:#ffffff73;line-height:1.65}.ai-card{padding:12px;border-radius:10px;background:#c084fc08;border:1px solid rgba(192,132,252,.08);animation:pulse-border 4s ease-in-out infinite}.ai-card-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;color:#c084fc}.ai-confidence{margin-left:auto;font-size:10px;font-weight:500;color:#c084fc73}.ai-body{font-size:12px;color:#ffffff80;line-height:1.65;margin-bottom:10px}.ai-actions{display:flex;gap:6px}.ai-btn-use{font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;background:#c084fc;color:#000}.ai-btn-edit{font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;background:#ffffff0a;color:#ffffff73;border:1px solid rgba(255,255,255,.05)}.reply-box{border-top:1px solid rgba(255,255,255,.03);padding:0 18px 12px}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px}.reply-label{font-size:11px;font-weight:600;color:#ffffff59}.reply-tools{display:flex;align-items:center;gap:4px}.rtool{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#fff3;padding:3px 7px;border-radius:5px;transition:all .15s}.rtool:hover{background:#ffffff08;color:#ffffff73}.rtool-ai{color:#c084fc73}.rtool-ai:hover{color:#c084fc;background:#c084fc0f}.reply-input{padding:8px 12px;border-radius:8px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);font-size:12px;color:#ffffff1f}.values{position:relative;z-index:1;padding:0 24px 140px;max-width:1168px;margin:0 auto}.values-header{text-align:center;margin-bottom:48px}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#c084fc;margin-bottom:12px}.values-title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vcard{padding:28px;border-radius:14px;border:1px solid rgba(255,255,255,.04);background:#ffffff03;transition:border-color .3s,background .3s}.vcard:hover{border-color:#ffffff12;background:#ffffff05}.vcard-icon{width:36px;height:36px;border-radius:10px;background:#c084fc12;color:#c084fc;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.vcard-icon--amber{background:#fb923c12;color:#fb923c}.vcard-icon--green{background:#34d39912;color:#34d399}.vcard-title{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin-bottom:8px}.vcard-desc{font-size:13px;color:#ffffff47;line-height:1.65;margin-bottom:20px}.vcard-showcase{padding:14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.035)}.mini-stats{display:flex;gap:8px}.ms{flex:1;text-align:center}.ms-val{display:block;font-size:18px;font-weight:700;color:#c084fc;margin-bottom:2px;font-family:JetBrains Mono,monospace}.ms-label{display:block;font-size:10px;color:#ffffff2e}.mini-shower-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.mini-shower-active{margin-left:auto;font-size:9px;font-weight:600;color:#34d399b3;text-transform:uppercase;letter-spacing:.04em}.mini-shower-title{font-size:12px;font-weight:500;color:#ffffff8c;margin-bottom:5px}.mini-shower-meta{display:flex;gap:5px;font-size:10px;color:#ffffff2e}.cmp{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}.cmp:last-child{border-bottom:none}.cmp-us{color:#ffffffa6}.cmp-us .cmp-price{color:#34d399;font-weight:700}.cmp-us .cmp-price small{font-weight:400;font-size:10px;color:#34d39980}.cmp-them{color:#ffffff2e}.cmp-them .cmp-price{color:#ffffff1f}.cmp-them s{text-decoration-color:#ef444459}.bottom-cta{position:relative;z-index:1;text-align:center;padding:60px 32px 120px}.bottom-h2{font-size:clamp(26px,3.5vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.2;margin-bottom:12px}.bottom-sub{font-size:14px;color:#ffffff40;margin-bottom:32px}.bottom-btn{display:inline-block;font-size:13px;font-weight:600;color:#000;background:#fff;border-radius:999px;padding:14px 36px;transition:background .2s,transform .15s}.bottom-btn:hover{background:#e5e5e5}.bottom-btn:active{transform:scale(.97)}.footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.03);padding:28px 32px}.footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:11px;color:#ffffff14}.footer-links{display:flex;gap:20px}.footer-links a{font-size:11px;color:#ffffff1a;transition:color .2s}.footer-links a:hover{color:#ffffff59}@media(max-width:1024px){.app-sidebar{display:none}.inbox-list{width:280px}.values-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:768px){.app{height:520px}.inbox-list{display:none}.nav{padding:12px 16px}.nav-inner{padding:0 16px;height:44px}.nav-cta{display:none}.hero{padding:100px 20px 48px}.showcase{padding:0 12px 100px}.values{padding:0 16px 100px}.bottom-cta{padding:48px 20px 80px}.shower-alert{font-size:11px}.inbox-status-filters{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.scroll-reveal{opacity:1;transform:none}}