:root{--ink: #102033;--muted: #5b7390;--line: #dfe8f2;--line-2: #cbd9e8;--blue: #1aa9e8;--blue-deep: #0b89c9;--bg: #f6f9fc;--shadow-lg: 0 24px 70px rgba(16, 32, 51, .14);--radius-lg: 18px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit}.home,.demo-page{min-height:100vh;width:100%}.home{padding:64px clamp(20px,5vw,72px)}.home-hero{max-width:860px;margin:0 auto 32px}.eyebrow{margin:0 0 12px;color:var(--blue-deep);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}h1{margin:0;max-width:880px;font-size:clamp(40px,6vw,78px);line-height:.96;letter-spacing:0}.home-copy,.demo-intro p{max-width:660px;margin:20px 0 0;color:var(--muted);font-size:19px;line-height:1.55}.demo-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.demo-card{display:grid;gap:10px;padding:16px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 34px #10203314}.demo-card img{width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:6px}.demo-card strong{font-size:22px}.demo-card span{color:var(--muted);line-height:1.4}.demo-card .demo-channel{color:var(--blue-deep);font-weight:800;font-size:12px;text-transform:uppercase}.demo-page{display:grid;grid-template-columns:minmax(280px,560px) minmax(360px,460px);align-items:center;justify-content:center;gap:clamp(28px,6vw,88px);padding:clamp(22px,4vw,64px)}.demo-intro{align-self:center}.phone-shell{width:min(430px,100%);height:min(820px,calc(100vh - 64px));border:12px solid #101828;border-radius:46px;background:#101828;box-shadow:0 34px 90px #10203347;overflow:hidden;position:relative}.phone-shell:before{content:"";position:absolute;top:9px;left:50%;z-index:2;width:118px;height:25px;border-radius:0 0 18px 18px;background:#101828;transform:translate(-50%)}.slack-card{height:100%;background:#fff;border:1px solid var(--line-2);border-radius:34px;box-shadow:var(--shadow-lg);overflow:hidden}.slack-top{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--line);background:#fafcfe;color:var(--muted);font-size:13px}.slack-dot{width:11px;height:11px;border-radius:50%}.slack-dot.r{background:#ff5f57}.slack-dot.y{background:#febc2e}.slack-dot.g{background:#28c840}.slack-channel{margin-left:8px;display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700}.slack-channel .hash{color:#7a8fa8}.slack-body{height:calc(100% - 50px);padding:18px 18px 30px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;background:#fff}.msg{display:grid;grid-template-columns:36px 1fr;gap:12px}.avatar{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;overflow:hidden}.avatar.dash{background:transparent;overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.dash img{object-fit:contain}.msg-head{display:flex;align-items:baseline;gap:8px;min-width:0;margin-bottom:3px}.msg-name{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:14px;font-weight:800}.msg-tag{padding:1px 6px;border-radius:4px;background:#1aa9e81a;color:var(--blue-deep);font-size:10px;font-weight:800;text-transform:uppercase}.msg-time,.msg-edited{color:#8a9bb0;font-size:12px}.msg-edited{font-style:italic}.msg-text{color:#1f3349;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}.msg-text .mention{padding:0 4px;border-radius:4px;color:var(--blue-deep);background:#1aa9e81a;font-weight:700}.emoji{display:inline-block}.attachments{margin-top:8px}.attachment{margin:0}.attachment img{display:block;width:min(100%,300px);border:1px solid var(--line);border-radius:8px}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:#f7fbff;color:#1f3349;font-size:12px}.reaction-pill img{width:16px;height:16px}.divider-new{display:flex;align-items:center;gap:10px;color:#8a9bb0;font-size:12px;font-weight:700;text-transform:uppercase}.divider-new:before,.divider-new:after{content:"";height:1px;flex:1;background:var(--line)}.demo-footer{grid-column:1 / -1;justify-self:center}.demo-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;color:#fff;background:var(--blue-deep);font-weight:800;text-decoration:none}.og-preview{width:1200px;height:630px;display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:center;padding:56px 66px;background:linear-gradient(135deg,#f6fbff,#eaf4fb)}.og-preview h1{font-size:74px}.og-preview p{color:var(--muted);font-size:24px;line-height:1.35}.og-preview span{color:var(--blue-deep);font-weight:800}.mini-phone{height:540px;overflow:hidden;border:10px solid #101828;border-radius:38px;background:#fff;box-shadow:0 24px 68px #10203338}@media(max-width:760px){.home{padding:36px 18px}h1{font-size:42px}.demo-page{display:block;padding:0;background:#fff}.demo-intro{padding:28px 18px 18px}.demo-intro p{font-size:17px}.phone-shell{width:100%;height:auto;min-height:70vh;border:0;border-radius:0;box-shadow:none;background:#fff}.phone-shell:before{display:none}.slack-card{border:0;border-radius:0;box-shadow:none}.slack-body{height:auto;min-height:60vh;overflow:visible}.demo-footer{padding:0 18px 28px}.demo-footer a{width:100%}}