.cloud-hero{--cl-bg:#05070c;--cl-surface:#0d1117;--cl-surface-2:#111823;--cl-border:#ffffff14;--cl-border-strong:#ffffff24;--cl-blue:#1b6dff;--cl-blue-hover:#3d85ff;--cl-text:#fff;--cl-text-dim:#9aa4b2;--cl-text-muted:#6b7685;--cl-green:#22c55e;background:var(--cl-bg);width:100%;min-height:100vh;color:var(--cl-text);align-items:center;padding:150px 5% 90px;display:flex;position:relative;overflow:hidden}.cloud-hero-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#1b6dff38 0%,#1b6dff0f 42%,#0000 70%);width:780px;height:780px;position:absolute;top:8%;right:-8%}.cloud-hero-inner{z-index:1;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:40px;width:100%;max-width:1440px;margin:0 auto;display:grid;position:relative}.cloud-badge{border:1px solid var(--cl-border-strong);color:var(--cl-text-dim);letter-spacing:.14em;text-transform:uppercase;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:7px 16px;font-size:.66rem;font-weight:600;display:inline-flex}.cloud-badge svg{color:var(--cl-blue)}.cloud-title{letter-spacing:-4px;text-transform:uppercase;color:#fff;flex-direction:column;margin:0 0 26px;font-family:Inter Tight,Inter,sans-serif;font-size:clamp(3.5rem,6.6vw,6.6rem);font-weight:900;line-height:.85;display:flex}.cloud-title-top{color:var(--cl-text)}.cloud-title-bottom{background:linear-gradient(155deg,#bfdbfe 0%,#3b82f6 20%,#1d4ed8 42%,#1e3a8a 58%,#3b82f6 75%,#93c5fd 88%,#2563eb 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.cloud-subtitle{font-family:var(--font-heading),"Inter Tight",sans-serif;letter-spacing:-.015em;color:var(--cl-text);max-width:22ch;margin:0 0 20px;font-size:clamp(1.25rem,1.9vw,1.72rem);font-weight:700;line-height:1.25}.cloud-description{color:var(--cl-text-dim);max-width:46ch;margin:0 0 36px;font-size:.96rem;line-height:1.65}.cloud-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cloud-btn{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 32px;font-size:.76rem;font-weight:700;text-decoration:none;transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.cloud-btn-primary{background:var(--cl-blue);color:#fff;border:1px solid var(--cl-blue);box-shadow:0 8px 26px #1b6dff52}.cloud-btn-primary:hover{background:var(--cl-blue-hover);border-color:var(--cl-blue-hover);transform:translateY(-2px);box-shadow:0 12px 32px #1b6dff6b}.cloud-btn-ghost{color:var(--cl-text);border:1px solid var(--cl-border-strong);background:#ffffff0a}.cloud-btn-ghost:hover{background:#ffffff17;border-color:#ffffff4d;transform:translateY(-2px)}.cloud-btn-play{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.cloud-btn:focus-visible{outline:2px solid var(--cl-blue-hover);outline-offset:3px}.cloud-hero-right{justify-content:flex-end;align-items:center;display:flex;position:relative}.cloud-note{color:#8fa3bc;pointer-events:none;z-index:5;align-items:flex-start;gap:4px;max-width:160px;font-size:.86rem;font-style:italic;line-height:1.35;display:flex;position:absolute}.cloud-note-channels{text-align:center;top:-6px;left:4%}.cloud-note-working{text-align:center;align-items:flex-end;bottom:-6px;right:12%}.cloud-arrow{color:#8fa3bc;flex-shrink:0;width:46px;height:34px}.cloud-arrow-channels{margin-top:2px}.cloud-arrow-working{margin-bottom:4px;transform:scaleX(-1)}.cloud-channels{z-index:4;border:1px solid var(--cl-border);background:#0a0e15;border-radius:16px;flex-direction:column;gap:9px;padding:11px 9px;display:flex;position:absolute;top:118px;left:0;box-shadow:0 18px 44px #0009}.cloud-channel{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.cloud-channel-wa{background:#25d366}.cloud-channel-ig{background:linear-gradient(45deg,#f09433 0%,#dc2743 50%,#bc1888 100%)}.cloud-channel-ms{background:linear-gradient(45deg,#00b2ff 0%,#006aff 100%)}.cloud-channel-more{background:#ffffff12;gap:3px}.cloud-channel-more span{background:#ffffff8c;border-radius:50%;width:4px;height:4px}.cloud-stat-card{z-index:6;background:var(--cl-surface);border:1px solid var(--cl-border-strong);border-radius:14px;width:212px;padding:15px 17px;position:absolute;top:0;right:0;box-shadow:0 18px 44px #0009}.cloud-stat-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cloud-stat-icon{width:26px;height:26px;color:var(--cl-blue);background:#1b6dff29;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.cloud-stat-delta{color:var(--cl-green);align-items:center;gap:3px;font-size:.72rem;font-weight:600;display:inline-flex}.cloud-stat-value{font-family:var(--font-heading),"Inter Tight",sans-serif;letter-spacing:-.02em;margin-bottom:3px;font-size:1.85rem;font-weight:700;line-height:1}.cloud-stat-label{color:var(--cl-text-dim);font-size:.74rem}.cloud-app{z-index:3;background:var(--cl-surface);border:1px solid var(--cl-border-strong);border-radius:14px;grid-template-columns:142px 190px minmax(0,1fr);width:100%;max-width:640px;height:384px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #000000b8}.cloud-app-sidebar{border-right:1px solid var(--cl-border);background:#0a0e15;flex-direction:column;gap:14px;min-width:0;padding:13px 9px;display:flex}.cloud-app-brand{letter-spacing:.07em;color:#fff;white-space:nowrap;align-items:center;gap:5px;padding:0 2px;font-size:.52rem;font-weight:700;display:flex;overflow:hidden}.cloud-app-logo{flex-shrink:0;width:18px;height:auto}.cloud-app-nav{flex-direction:column;gap:2px;display:flex}.cloud-app-nav-item{color:var(--cl-text-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:.63rem;display:flex;overflow:hidden}.cloud-app-nav-item svg{flex-shrink:0}.cloud-app-nav-item.is-active{color:var(--cl-blue);background:#1b6dff24}.cloud-app-list{background:var(--cl-surface);border-right:1px solid var(--cl-border);flex-direction:column;min-width:0;padding:13px 0 0;display:flex}.cloud-app-list-head{padding:0 12px 9px}.cloud-app-list-head h3{color:#fff;margin:0;font-size:.75rem;font-weight:700}.cloud-app-filters{color:var(--cl-text-muted);white-space:nowrap;align-items:center;gap:9px;padding:0 12px 10px;font-size:.53rem;display:flex;overflow:hidden}.cloud-app-filters .is-active{color:#fff;font-weight:600}.cloud-pill{background:var(--cl-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:13px;height:13px;padding:0 3px;font-size:.48rem;font-weight:700;display:inline-flex}.cloud-app-convos{flex-direction:column;display:flex;overflow:hidden}.cloud-convo{border-top:1px solid #ffffff0a;align-items:center;gap:8px;min-width:0;padding:9px 12px;display:flex;position:relative}.cloud-convo.is-active{background:#1b6dff17}.cloud-avatar{color:#fff;background:linear-gradient(135deg,#1b6dff 0%,#0c3fa8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.53rem;font-weight:700;display:flex}.cloud-avatar-sm{width:23px;height:23px;font-size:.5rem}.cloud-convo-body{flex:1;min-width:0}.cloud-convo-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.cloud-convo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.61rem;font-weight:600;overflow:hidden}.cloud-convo-time{color:var(--cl-text-muted);flex-shrink:0;font-size:.48rem}.cloud-convo-preview{color:var(--cl-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:.55rem;overflow:hidden}.cloud-dot{background:var(--cl-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cloud-app-chat{background:var(--cl-surface-2);flex-direction:column;min-width:0;display:flex}.cloud-chat-head{border-bottom:1px solid var(--cl-border);align-items:center;gap:8px;padding:11px 92px 11px 13px;display:flex}.cloud-chat-meta{flex-direction:column;min-width:0;display:flex}.cloud-chat-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.63rem;font-weight:600;display:block;overflow:hidden}.cloud-chat-status{color:var(--cl-green);font-size:.5rem;display:block}.cloud-chat-body{flex-direction:column;flex:1;gap:9px;padding:13px;display:flex;overflow:hidden}.cloud-msg{max-width:76%;padding:8px 10px;font-size:.58rem;line-height:1.42;position:relative}.cloud-msg p{margin:0}.cloud-msg-time{opacity:.6;text-align:right;margin-top:3px;font-size:.44rem;display:block}.cloud-msg-in{color:#e6eaf0;background:#1c2534;border-radius:10px 10px 10px 2px;align-self:flex-start}.cloud-msg-out{background:var(--cl-blue);color:#fff;border-radius:10px 10px 2px;align-self:flex-end}.cloud-chat-input{border:1px solid var(--cl-border);color:var(--cl-text-muted);background:#0a0e15;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0 13px 13px;padding:7px 8px 7px 12px;font-size:.56rem;display:flex}.cloud-chat-input button{background:var(--cl-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .2s;display:inline-flex}.cloud-chat-input button:hover{background:var(--cl-blue-hover)}@media (max-width:1200px){.cloud-hero-inner{gap:36px}.cloud-app{grid-template-columns:116px 168px minmax(0,1fr);max-width:560px;height:350px}.cloud-stat-card{width:186px}.cloud-note{max-width:132px;font-size:.78rem}}@media (max-width:1024px){.cloud-hero{min-height:auto;padding:120px 5% 80px}.cloud-hero-inner{grid-template-columns:1fr;gap:56px}.cloud-hero-left{text-align:center;flex-direction:column;align-items:center;display:flex}.cloud-title{align-items:center}.cloud-subtitle,.cloud-description{max-width:52ch}.cloud-actions{justify-content:center}.cloud-hero-right{justify-content:center;padding:34px 0 46px 56px}.cloud-app{max-width:620px}.cloud-note-channels{left:0}.cloud-note-working{right:0}}@media (max-width:768px){.cloud-hero{padding:104px 5% 64px}.cloud-title{letter-spacing:-2px}.cloud-hero-glow{width:460px;height:460px;right:-30%}.cloud-note,.cloud-channels{display:none}.cloud-hero-right{padding:0}.cloud-stat-card{width:100%;max-width:320px;margin:0 auto 16px;position:static}.cloud-hero-right{flex-direction:column;align-items:center}.cloud-app{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:100%;height:340px}.cloud-app-sidebar{display:none}.cloud-btn{width:100%}.cloud-actions{width:100%;max-width:320px}}@media (max-width:480px){.cloud-app{grid-template-columns:minmax(0,1fr);height:320px}.cloud-app-list{display:none}}@media (prefers-reduced-motion:reduce){.cloud-btn,.cloud-chat-input button{transition:none}.cloud-btn-primary:hover,.cloud-btn-ghost:hover{transform:none}}.cloud-hero-media{width:100%;display:block}.cloud-hero-media img{-webkit-mask-composite:source-in;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16%),linear-gradient(270deg,#0000 0%,#000 10%),linear-gradient(#0000 0%,#000 13%),linear-gradient(#000 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16%),linear-gradient(270deg,#0000 0%,#000 10%),linear-gradient(#0000 0%,#000 13%),linear-gradient(#000 87%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1024px){.cloud-hero-media img{-webkit-mask-image:none;mask-image:none}}