:root{--brand:#ff4d6d;--bg:#0d1428;--text:#e6eaf8;--panel:hsla(0,0%,100%,.06);--accent:#fecaca;--header-h:64px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 600px at 10% -10%,color-mix(in oklab,var(--brand) 20%,#000) 0,transparent 60%),radial-gradient(1000px 500px at 110% 10%,color-mix(in oklab,var(--brand) 18%,#000) 0,transparent 65%),linear-gradient(180deg,#0b1020 0,#0d1428 60%,#0f1a33 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,hsla(0,0%,100%,.1) 1px,transparent 0),radial-gradient(1px 1px at 32% 8%,hsla(0,0%,100%,.07) 1px,transparent 0),radial-gradient(1px 1px at 66% 22%,hsla(0,0%,100%,.1) 1px,transparent 0),radial-gradient(1px 1px at 82% 14%,hsla(0,0%,100%,.06) 1px,transparent 0),radial-gradient(1px 1px at 44% 30%,hsla(0,0%,100%,.09) 1px,transparent 0);opacity:.12;z-index:0}a{color:var(--accent);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:24px;position:relative;z-index:2}.cosmic-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.2) 40%,rgba(0,0,0,.55)),url(/cosmic/hero.svg);background-repeat:no-repeat;background-size:cover;background-position:50% 70%}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:var(--header-h);border-bottom:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,rgba(13,20,40,.65),rgba(13,20,40,.35));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header img,.header svg{height:36px;width:auto;flex-shrink:0}.brand{font-weight:700;color:#fff}.brand .highlight-hr{color:#00bfa6}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.18)}.hrchat-fab{position:fixed;right:20px;bottom:20px;border:none;border-radius:999px;padding:12px 16px;background:#00bfa6;color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(0,191,166,.35)}.hrchat-fab:hover{box-shadow:0 16px 34px rgba(0,191,166,.45)}.hrchat-panel{position:fixed;right:20px;bottom:76px;width:360px;max-height:70vh;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.18);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hrchat-header{background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.04));padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;align-items:center;gap:10px}.hrchat-title{font-weight:600;color:var(--text)}.hrchat-messages{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px}.hrchat-msg{padding:10px 12px;border-radius:10px;max-width:80%}.hrchat-user{align-self:flex-end;background:#00bfa6;color:#fff}.hrchat-bot{align-self:flex-start;background:hsla(0,0%,100%,.08);color:var(--text);border:1px solid hsla(0,0%,100%,.1)}.hrchat-input{display:flex;gap:8px;padding:10px;border-top:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hrchat-input input{flex:1 1;padding:10px;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.06);color:var(--text);border-radius:8px}.hrchat-input input::placeholder{color:hsla(0,0%,100%,.55)}.hrchat-input button{padding:10px 14px;border-radius:8px;border:1px solid #00bfa6;background:#00bfa6;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(0,191,166,.35)}.hrchat-input button:hover{box-shadow:0 10px 26px rgba(0,191,166,.45)}body.light{--bg:#fff;--text:#0f172a;--panel:#f8fafc;--accent:#2563eb;background:var(--bg)}body.light .header{background:var(--panel);border-bottom:1px solid #e5e7eb}body.light .brand{color:var(--brand)}body.light .hrchat-panel{background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 30px rgba(0,0,0,.18)}body.light .hrchat-header{background:var(--panel);border-bottom:1px solid #e5e7eb}body.light .hrchat-bot{background:#f3f4f6;color:#111827;border-color:#e5e7eb}body.light .hrchat-input{background:#fff;border-top:1px solid #e5e7eb}body.light .hrchat-input input{background:#fff;border:1px solid #e5e7eb;color:#111827}.hero{min-height:calc(100vh - var(--header-h));display:grid;position:relative;padding:16px 0;z-index:2}.hero,.hero-inner{align-items:center}.hero-inner{display:flex;flex-direction:column;text-align:center}.hero-title{margin:0 auto 12px;max-width:1100px;font-weight:800;letter-spacing:-.02em;font-size:clamp(34px,6vw,72px);line-height:1.1;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.35)}.hero-sub{margin:0 auto 18px;max-width:900px;font-size:clamp(16px,1.6vw,20px);line-height:1.6;color:#fff}.hero--top{display:block}.hero--top,.hero.hero-top{min-height:auto;padding-top:0!important;padding-bottom:12px}.hero.hero-top{transform:none}.hero.hero-center .hero-title,.hero.hero-top .hero-title{margin:0 auto 8px;white-space:nowrap;font-size:clamp(28px,4.6vw,56px)}.hero.hero-center .hero-sub{margin:0 auto 12px;max-width:900px;font-size:clamp(15px,1.35vw,19px);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;padding:12px 18px;border-radius:12px;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;background:#00bfa6;color:#fff;border:1px solid transparent;box-shadow:0 6px 18px rgba(0,191,166,.35)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,191,166,.45)}.btn-ghost{background:transparent;color:var(--text);border:1px solid hsla(0,0%,100%,.2)}.btn-ghost:hover{background:hsla(0,0%,100%,.06)}.btn-brand{background:#00bfa6;color:#fff;border:1px solid transparent;box-shadow:0 6px 18px rgba(0,191,166,.35)}.btn-brand:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,191,166,.45)}.demo-card{overflow:hidden;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));box-shadow:0 16px 48px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.18);height:min(52vh,500px);margin:8px auto 0;position:relative;left:-32px;top:0}.hero.hero-top .demo-card{width:min(90vw,900px);max-width:none}@media (max-width:1024px){:root{--header-h:56px}}body[data-tenant=demo]{--chat-width:min(95vw,960px);--chat-height:min(56vh,540px);--chat-nudge-x:-50px;--chat-nudge-y:0px}body[data-tenant=test1]{--chat-width:min(96vw,980px);--chat-height:min(52vh,500px);--chat-nudge-x:-50px;--chat-nudge-y:0px}body[data-tenant=client2]{--chat-width:min(94vw,940px);--chat-nudge-x:-6px}