:root { color-scheme: dark; --bg:#0b0b0c; --surface:#151517; --surface-2:#1d1d20; --border:#2a2a2d; --text:#f7f4ef; --muted:#a6a6aa; --orange:#ff6b00; --orange-soft:#ff7a00; --green:#77d9a9; --red:#ff7772; font-family:"DM Sans",system-ui,sans-serif; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); } button,input,textarea,select { font:inherit; } button { cursor:pointer; } input,textarea,select { width:100%; color:var(--text); background:#101116; border:1px solid var(--border); border-radius:10px; padding:12px 13px; outline:none; transition:border .2s,box-shadow .2s; } input:focus,textarea:focus,select:focus { border-color:var(--orange); box-shadow:0 0 0 3px #ff7a3522; } textarea { resize:vertical; } .muted { color:var(--muted); line-height:1.65; } .eyebrow { display:block; color:#a6a8b1; font-size:10px; font-weight:700; letter-spacing:.18em; } .eyebrow.orange { color:var(--orange); }
.brand-mark { display:flex; align-items:center; gap:9px; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:20px; letter-spacing:-.05em; } .brand-mark span { color:var(--orange); font-size:25px; }
.auth-page { min-height:100vh; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:8vw; padding:7vw 12vw; background:radial-gradient(circle at 17% 15%,#ff7a3516,transparent 38%),var(--bg); } .auth-copy { max-width:600px; } .auth-copy .brand-mark { margin-bottom:90px; } .auth-copy h1 { font-family:"Space Grotesk",sans-serif; font-size:clamp(42px,5vw,72px); line-height:.98; letter-spacing:-.065em; margin:22px 0; } .auth-proof { margin-top:42px; color:#d7d3cc; font-size:13px; } .auth-proof span { color:var(--green); margin-right:9px; }.auth-card { background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:30px; box-shadow:0 25px 80px #0005; }.auth-tabs { display:flex; gap:22px; border-bottom:1px solid var(--border); margin-bottom:25px; }.tab { border:0; background:transparent; color:var(--muted); padding:0 0 14px; position:relative; }.tab.active { color:var(--text); }.tab.active:after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--orange); }.form-stack { display:flex; flex-direction:column; gap:17px; }.form-stack label { display:grid; gap:7px; color:#d6d3cc; font-size:12px; font-weight:600; }.primary,.ghost,.publish-button,.text-button,.icon-button { border:0; border-radius:10px; padding:11px 15px; font-weight:700; }.primary { background:var(--orange); color:#1a0d06; }.primary:hover { background:var(--orange-soft); }.primary span,.ghost span { margin-left:8px; }.primary.wide { display:flex; justify-content:space-between; align-items:center; margin-top:8px; }.ghost { background:transparent; color:#e4e0d8; border:1px solid var(--border); }.ghost:hover { border-color:var(--orange); color:var(--orange-soft); }.demo-hint { color:#777983; font-size:11px; margin:25px 0 0; line-height:1.6; }.error { color:var(--red); min-height:18px; margin:0; font-size:12px; }
.app-shell { min-height:100vh; display:flex; }.sidebar { width:250px; flex-shrink:0; border-right:1px solid var(--border); padding:28px 18px 18px; display:flex; flex-direction:column; background:#111216; }.sidebar .brand-mark { padding:0 12px 38px; }.workspace-switch { display:flex; align-items:center; gap:10px; padding:10px; background:var(--surface); border:1px solid var(--border); border-radius:12px; font-size:12px; }.workspace-switch b,.workspace-switch small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:140px; }.workspace-switch small { color:var(--muted); font-size:10px; margin-top:3px; }.workspace-switch > span { margin-left:auto;color:var(--muted); }.avatar,.user-avatar { display:grid; place-items:center; width:29px;height:29px; border-radius:9px;background:#382319;color:var(--orange-soft);font-weight:700; }.sidebar nav { display:grid; gap:5px; margin-top:28px; }.sidebar nav button { display:flex; align-items:center; gap:12px; color:var(--muted); background:transparent; border:0; text-align:left; padding:12px; border-radius:9px; font-size:13px; }.sidebar nav button:hover,.sidebar nav button.active { color:var(--text); background:var(--surface-2); }.sidebar nav button.active { box-shadow:inset 2px 0 var(--orange); }.sidebar nav i { color:var(--orange); font-style:normal; font-size:9px; text-transform:uppercase; margin-left:auto; }.sidebar-bottom { margin-top:auto; }.connection-mini { display:flex; gap:9px; align-items:center; padding:12px 10px; border-top:1px solid var(--border); }.connection-mini b,.connection-mini small { display:block; font-size:11px; }.connection-mini small { color:var(--muted); font-size:10px; margin-top:3px; }.signal { color:#6b6e77; font-size:10px; }.connection-mini.connected .signal { color:var(--green); }.logout { background:transparent;border:0;color:var(--muted);font-size:12px;padding:12px 10px; }.main-area { width:min(100%,1440px); padding:34px 5vw 70px; }.topbar { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:35px; }.topbar h2 { font-family:"Space Grotesk",sans-serif; letter-spacing:-.05em; font-size:34px; margin:8px 0 0; }.top-actions { display:flex; align-items:center; gap:15px; }.live-dot { color:var(--muted); font-size:11px; }.live-dot i,.agent-heading span i { display:inline-block; width:6px;height:6px;border-radius:99px;background:var(--green);margin-right:6px; }.icon-button { background:var(--surface); border:1px solid var(--border); color:var(--muted); font-size:18px; padding:7px 10px; }.user-avatar { width:34px;height:34px;border-radius:50%; }.welcome-grid,.split-grid,.create-layout,.media-layout { display:grid; gap:18px; }.welcome-grid { grid-template-columns:1.35fr .8fr; }.welcome-card,.connection-card { min-height:240px; padding:29px; border:1px solid var(--border); border-radius:16px; position:relative; overflow:hidden; }.welcome-card { background:linear-gradient(110deg,#271812,#1e1513 54%,#17181d); }.welcome-card h3,.connection-card h3 { font-family:"Space Grotesk",sans-serif; font-size:27px; letter-spacing:-.05em; margin:14px 0 8px; }.welcome-card p,.connection-card p { color:var(--muted); max-width:420px; font-size:13px; line-height:1.55; }.orb { position:absolute; right:4%; bottom:-34%; color:var(--orange); font-size:190px; opacity:.16; transform:rotate(20deg); }.connection-card { background:var(--surface); }.connection-card.is-connected { border-color:#275841; }.card-label { color:var(--muted); font-size:11px; display:flex; gap:8px; align-items:center; }.status-icon { display:grid; place-items:center; border:1px solid #4d3030; width:23px;height:23px;border-radius:50%;color:var(--orange); }.is-connected .status-icon { border-color:#356d54;color:var(--green); }.connection-card h3 { margin-top:28px; }.connected-badge,.brain-status { display:inline-block; border:1px solid #2f604a; border-radius:99px; padding:5px 9px; color:var(--green); font-size:10px; }.hidden { display:none !important; }.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:14px; overflow:hidden; margin:18px 0; }.metrics > div { background:var(--surface); padding:18px 20px; }.metrics span,.metrics small { color:var(--muted); display:block; font-size:11px; }.metrics strong { font:600 29px "Space Grotesk",sans-serif; display:inline-block; margin:15px 8px 4px 0; }.metrics small { font-size:10px; }.metrics .up { color:var(--green); }.split-grid { grid-template-columns:1.3fr .8fr; }.panel { background:var(--surface); border:1px solid var(--border); border-radius:15px; overflow:hidden; }.panel-heading { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid var(--border); }.panel-heading h3 { margin:7px 0 0; font:600 18px "Space Grotesk",sans-serif; letter-spacing:-.04em; }.text-button { background:transparent;color:var(--orange-soft);padding:0;font-size:11px; }.post-list { padding:5px 24px 15px; }.post-item { display:grid; grid-template-columns:53px 1fr auto; align-items:center; gap:15px; width:100%; text-align:left; border:0; border-bottom:1px solid var(--border); background:transparent; color:var(--text); padding:16px 0; }.post-item:last-child { border-bottom:0; }.post-date { color:var(--orange-soft); font:600 12px "Space Grotesk",sans-serif; }.post-item b,.post-item small { display:block; }.post-item b { font-size:13px; }.post-item small { color:var(--muted); margin-top:5px; font-size:11px; }.arrow { color:var(--muted); }.brand-panel { padding-bottom:24px; }.brand-panel p { color:#d5d1ca; font-size:14px; line-height:1.65; padding:22px 24px 5px; margin:0; }.tag-list { display:flex; gap:6px; flex-wrap:wrap; padding:16px 24px; }.tag-list span,.prompt-suggestions button { color:#d7bcae; border:1px solid #5d3b30; background:#241814; padding:6px 9px; border-radius:99px; font-size:10px; }.tone-row { border-top:1px solid var(--border); padding:17px 24px 0; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }.tone-row b { color:#d9d4cd; font-weight:500; }
.create-layout { grid-template-columns:1.05fr .95fr; align-items:start; }.agent-heading { display:flex; gap:10px; align-items:center; }.agent-avatar { display:grid;place-items:center;width:33px;height:33px;background:#382319;border-radius:10px;color:var(--orange); }.agent-heading h3 { margin:0; font:600 16px "Space Grotesk",sans-serif; }.agent-heading span { color:var(--green); font-size:10px; }.model-pill { color:var(--muted); font-size:10px; border:1px solid var(--border); border-radius:99px;padding:6px 9px; }.chat-panel { min-height:625px; display:flex; flex-direction:column; }.chat-messages { flex:1; min-height:430px; padding:22px; display:flex; flex-direction:column; gap:10px; overflow:auto; }.agent-welcome { margin:auto; max-width:360px; text-align:center; }.spark { display:grid; place-items:center; width:44px;height:44px;margin:0 auto 18px;border-radius:14px;background:#382319;color:var(--orange);font-size:22px; }.agent-welcome h3 { font:600 23px "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:0 0 10px; }.agent-welcome p { color:var(--muted);font-size:12px;line-height:1.55; }.prompt-suggestions { display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:22px; }.prompt-suggestions button { cursor:pointer; }.chat-message { max-width:82%; padding:12px 14px; border-radius:13px; font-size:12px; line-height:1.5; white-space:pre-wrap; }.chat-message.user { align-self:flex-end;background:var(--orange);color:#221008; }.chat-message.assistant { align-self:flex-start;background:#24262d;color:#e4e0d8; }.chat-composer { display:flex;gap:8px;padding:15px;border-top:1px solid var(--border); }.send-button { border:0;border-radius:10px;background:var(--orange);color:#1c0b03;width:44px;font-size:20px; }.preview-panel { min-height:625px; }.status-chip { border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em; }.status-chip.draft { color:#eac28f;background:#3c2e1f; }.status-chip.scheduled { color:#85c9e7;background:#1e3440; }.status-chip.published { color:var(--green);background:#1c3b2c; }.status-chip.failed { color:var(--red);background:#3f2324; }.status-chip.pending_approval { color:#d2b4ed;background:#332442; }.instagram-preview { margin:20px 24px; border:1px solid var(--border); border-radius:12px; overflow:hidden; background:#0f1014; }.ig-head { display:flex;align-items:center;gap:8px;padding:10px;font-size:11px; }.ig-head span { margin-left:auto;color:var(--muted); }.ig-avatar { width:25px;height:25px;border-radius:50%;background:linear-gradient(140deg,var(--orange),#692b40); }.instagram-preview img { display:block;width:100%;aspect-ratio:1/1;object-fit:cover; }.no-image { display:grid;place-items:center;aspect-ratio:1/1;background:#1c1e25;color:var(--muted);font-size:11px; }.ig-actions { padding:11px 11px 4px;font-size:20px; }.ig-actions span { float:right; }.instagram-preview p { margin:5px 11px 4px; font-size:11px; line-height:1.45; color:#d8d5ce; }.instagram-preview small { display:block;padding:0 11px 15px;color:#a87b66;font-size:10px; }.editor-fields { padding:0 24px 24px; display:grid; gap:11px; }.editor-fields label { display:grid;gap:6px;color:var(--muted);font-size:10px; }.editor-row { display:grid;grid-template-columns:.7fr 1.3fr;gap:10px; }.editor-actions { display:flex;gap:8px;align-items:center; }.publish-button { color:#ffb19a;background:#492317;font-size:11px;margin-left:auto; }.empty-preview { display:grid;place-items:center;min-height:540px;padding:40px;text-align:center;color:var(--muted);font-size:12px; }.preview-frame { width:180px;aspect-ratio:1;border:1px dashed #464954;border-radius:8px;display:grid;place-items:center;margin-bottom:18px; }.ghost-frame span { font-size:30px;color:#4e515c; }.full-panel { min-height:500px; }.calendar-toolbar { display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border); }.filter-tabs { display:flex;gap:20px; }.filter-tabs button { border:0;background:transparent;color:var(--muted);font-size:11px;padding:7px 0; }.filter-tabs button.active { color:var(--orange);border-bottom:1px solid var(--orange); }.calendar-table { padding:0 24px 20px; }.table-head,.table-row { display:grid;grid-template-columns:2fr .65fr .8fr .75fr;gap:15px;align-items:center; }.table-head { color:#6f717a;font-size:9px;letter-spacing:.1em;padding:18px 0 11px; }.table-row { width:100%;text-align:left;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--border);padding:15px 0;font-size:11px; }.table-row b,.table-row small { display:block; }.table-row small { color:var(--muted);font-size:10px;margin-top:4px; }.format-label { color:var(--orange-soft);font-size:10px; }.empty-state { padding:40px;text-align:center;color:var(--muted);font-size:12px; }.media-layout { grid-template-columns:.7fr 1.3fr;align-items:start; }.upload-panel { padding:25px; }.upload-panel h3 { font:600 24px "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:12px 0 9px; }.upload-panel p { color:var(--muted);line-height:1.6;font-size:12px;margin-bottom:25px; }.media-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:20px 24px 25px; }.media-card { border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#111216; }.media-card img { width:100%;aspect-ratio:1.1;object-fit:cover;display:block; }.media-card div { padding:10px; }.media-card b,.media-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.media-card b { font-size:11px; }.media-card small { color:var(--muted);font-size:9px;margin-top:4px; }.history-list { padding:8px 24px 25px; }.history-item { display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--border); }.history-icon { display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#2a1a14;color:var(--orange); }.history-item b,.history-item small { display:block; }.history-item b { font-size:12px; }.history-item small { color:var(--muted);font-size:10px;margin-top:4px; }.toast { position:fixed;right:26px;bottom:24px;background:#25272e;border:1px solid #42454e;color:var(--text);border-radius:10px;padding:13px 16px;font-size:12px;box-shadow:0 10px 30px #0007;transform:translateY(15px);opacity:0;pointer-events:none;transition:.25s; }.toast.show { transform:translateY(0);opacity:1; }.toast[data-kind=success] { border-color:#356d54; }.toast[data-kind=error] { border-color:#753d3d;color:#ffaaa5; }
@media (max-width:1000px) { .sidebar { width:75px;padding:20px 10px; }.sidebar .brand-mark { padding:0 10px 30px;font-size:0; }.sidebar .brand-mark span { font-size:25px; }.workspace-switch { justify-content:center; }.workspace-switch > div,.workspace-switch > span,.sidebar nav span,.sidebar nav i,.connection-mini div,.logout { display:none; }.sidebar nav button { justify-content:center;font-size:20px; }.connection-mini { justify-content:center; }.main-area { padding:27px 3vw 50px; }.welcome-grid,.split-grid,.create-layout,.media-layout { grid-template-columns:1fr; } }
@media (max-width:650px) { .auth-page { display:block;padding:30px 22px; }.auth-copy .brand-mark { margin-bottom:70px; }.auth-copy h1 { font-size:45px; }.auth-card { margin-top:45px; }.topbar { gap:20px; }.topbar h2 { font-size:28px; }.live-dot { display:none; }.metrics { grid-template-columns:repeat(2,1fr); }.metrics strong { font-size:25px; }.welcome-card,.connection-card { min-height:220px; }.panel-heading { padding:18px; }.post-list,.calendar-table { padding-left:18px;padding-right:18px; }.table-head,.table-row { grid-template-columns:1.7fr .6fr .7fr; }.table-head span:nth-child(2),.table-row .format-label { display:none; }.table-head span:last-child,.table-row span:last-child { grid-column:3; }.media-grid { grid-template-columns:repeat(2,1fr);padding:18px; }.editor-row { grid-template-columns:1fr; }.editor-actions { flex-wrap:wrap; }.publish-button { margin-left:0; }.sidebar { width:60px; }.top-actions { gap:7px; } }

/* Instagram connection management */
.live-dot.instagram-live { display:inline-flex; align-items:center; max-width:330px; padding:7px 10px; border:1px solid #315f49; border-radius:999px; color:#9ddbb5; background:#16251d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-dot.instagram-live.needs-attention { border-color:#76512d; color:#f0bd85; background:#2a1d12; }
.live-dot.instagram-live.needs-attention i { background:#e99a45; }
.instagram-chooser,.instagram-manager { margin-top:22px; }
.instagram-chooser .panel-heading small { color:#77777f; }
.instagram-account-list { display:grid; gap:10px; }
.instagram-account { display:flex; align-items:center; gap:12px; width:100%; padding:12px; border:1px solid #29292e; border-radius:10px; background:#111114; color:#d8d3cd; text-align:left; }
.instagram-account:hover { border-color:#cc602e; }
.instagram-account.selected { border-color:#315540; }
.instagram-account > span:nth-child(2) { flex:1; min-width:0; }
.instagram-account b,.instagram-account small { display:block; }
.instagram-account small { margin-top:4px; color:#85858c; font-size:11px; }
.instagram-account strong { color:#efa376; font-size:11px; white-space:nowrap; }
.account-avatar { display:grid; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid #5b3a2d; border-radius:50%; background:#381d16; color:#efa376; font-size:15px; }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.account-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
.account-actions button { padding:6px 8px; border:1px solid #3b393e; border-radius:6px; background:transparent; color:#c7c1ba; cursor:pointer; font-size:10px; }
.account-actions button:hover { border-color:#cc602e; color:#efa376; }
.chat-composer select { width:auto; min-width:92px; padding:10px; }
.media-card video { width:100%; aspect-ratio:1.1; object-fit:cover; display:block; background:#09090a; }

/* Public landing page */
:root { --landing-bg:#0a0a0b; --landing-panel:#111114; --landing-panel-2:#17171b; --landing-line:#29292e; --landing-orange:#ff6b1a; --landing-orange-bright:#ff8a3d; --landing-cream:#f4f0e9; }
.landing-page { min-height:100vh; overflow:hidden; background:var(--landing-bg); color:var(--landing-cream); }
.landing-page a { color:inherit; text-decoration:none; }
.landing-nav,.landing-hero,.landing-section,.landing-footer { width:min(1180px, calc(100% - 64px)); margin:0 auto; }
.landing-nav { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; z-index:10; }
.landing-brand { font-size:21px; white-space:nowrap; }
.landing-brand > span:first-child { color:var(--landing-orange); font-size:26px; }
.landing-brand > span:last-child { color:var(--landing-orange); }
.landing-links { display:flex; align-items:center; gap:28px; margin-left:auto; color:#97979e; font-size:12px; }
.landing-links a { transition:color .2s; }
.landing-links a:hover,.landing-login:hover { color:var(--landing-cream); }
.landing-nav-actions { display:flex; align-items:center; gap:17px; margin-left:12px; }
.landing-login { border:0; background:transparent; color:#aaaab0; font-size:12px; padding:10px 4px; }
.landing-nav-cta { padding:10px 14px; border-radius:8px; font-size:11px; }
.landing-menu { display:none; border:1px solid var(--landing-line); border-radius:8px; background:var(--landing-panel); color:var(--landing-cream); padding:8px 10px; }
.landing-hero { min-height:690px; display:grid; grid-template-columns: .91fr 1.09fr; align-items:center; gap:30px; position:relative; }
.landing-hero:before { content:""; position:absolute; inset:-100px -180px auto; height:480px; background:radial-gradient(circle at 30% 45%, #ff6b1a17, transparent 32%), radial-gradient(circle at 80% 46%, #ff6b1a0b, transparent 37%); pointer-events:none; }
.hero-copy { position:relative; z-index:2; max-width:570px; padding:56px 0 90px; }
.landing-page .eyebrow { font-size:10px; letter-spacing:.2em; color:#88888f; }
.landing-page .eyebrow.orange { color:var(--landing-orange-bright); }
.hero-copy h1 { max-width:620px; margin:22px 0 23px; font:600 clamp(48px, 5.5vw, 76px)/.98 "Space Grotesk",sans-serif; letter-spacing:-.075em; }
.hero-copy h1 em,.section-heading h2 em,.process-heading h2 em,.integration-copy h2 em,.final-cta h2 em { color:var(--landing-orange-bright); font-style:normal; }
.hero-lead { max-width:475px; color:#aaa9ae; font-size:15px; line-height:1.65; margin:0; }
.inline-ia { color:var(--landing-orange-bright); font-weight:700; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:32px; }
.hero-cta { display:inline-flex; gap:17px; align-items:center; padding:14px 17px; border-radius:9px; background:var(--landing-orange); color:#1b0c05; font-size:12px; box-shadow:0 12px 30px #ff6b1a24; }
.hero-cta:hover { background:var(--landing-orange-bright); transform:translateY(-1px); }
.hero-cta span { font-size:16px; }
.text-link { color:var(--landing-orange-bright) !important; font-size:12px; font-weight:600; }
.text-link span { padding-left:7px; font-size:15px; }
.hero-proof { display:flex; align-items:center; gap:13px; margin-top:53px; }
.proof-avatars { display:flex; }
.proof-avatars span { display:grid; place-items:center; width:26px; height:26px; margin-left:-5px; border:2px solid var(--landing-bg); border-radius:50%; background:#39241c; color:#e7a176; font-size:8px; font-weight:700; }
.proof-avatars span:first-child { margin-left:0; background:#3a2a22; }.proof-avatars span:nth-child(2) { background:#25332c; color:#8fbea8; }.proof-avatars span:nth-child(3) { background:#2b2a38; color:#a9a5d7; }.proof-avatars span:last-child { background:#19191d; color:#8c8c91; }
.hero-proof p { color:#8c8b92; font-size:10px; line-height:1.5; margin:0; }.hero-proof strong { color:#d8d4ce; font-weight:600; }
.hero-visual { min-height:605px; position:relative; display:flex; align-items:center; justify-content:center; }
.hero-orb { position:absolute; width:820px; max-width:none; height:auto; right:-245px; top:21px; opacity:.88; mix-blend-mode:screen; mask-image:linear-gradient(90deg, transparent 0%, #000 18%, #000 100%); }
.hero-visual-glow { position:absolute; width:430px; height:430px; right:57px; top:92px; border-radius:50%; background:#ff6b1a1a; filter:blur(75px); }
.hero-product-card { position:relative; z-index:2; width:min(540px, 92%); margin-left:50px; margin-top:45px; border:1px solid #3a302c; border-radius:14px; background:#111216eF; box-shadow:0 32px 80px #000a, 0 0 0 7px #ffffff03; transform:perspective(1200px) rotateY(-7deg) rotateX(2deg); overflow:hidden; }
.mini-window-bar { height:31px; display:flex; align-items:center; gap:5px; padding:0 12px; background:#18181b; border-bottom:1px solid #2c2b2e; }.mini-window-bar > span { width:6px; height:6px; border-radius:50%; background:#5a3730; }.mini-window-bar > span:nth-child(2) { background:#72552f; }.mini-window-bar > span:nth-child(3) { background:#33503e; }.mini-window-bar small { margin-left:13px; color:#797981; font-size:8px; }.mini-window-bar small span { color:var(--landing-orange-bright); }.mini-window-bar i { margin-left:auto; color:#66666e; font-size:12px; }
.mini-window-body { display:grid; grid-template-columns:48px 1fr; min-height:350px; }.mini-sidebar { display:flex; flex-direction:column; align-items:center; gap:19px; padding-top:18px; background:#0d0e10; border-right:1px solid #28282c; }.mini-sidebar b { color:var(--landing-orange-bright); font-size:18px; margin-bottom:8px; }.mini-sidebar span { width:13px; height:13px; border-radius:4px; background:#2b2b30; }.mini-sidebar span.active { background:#69402b; box-shadow:0 0 0 4px #ff6b1a0d; }
.mini-workspace { padding:28px 25px; background:linear-gradient(145deg,#17171a,#101114); }.mini-label { color:var(--landing-orange-bright); font-size:8px; letter-spacing:.18em; font-weight:700; }.mini-workspace h4 { font:600 23px "Space Grotesk",sans-serif; letter-spacing:-.05em; margin:12px 0 24px; }.mini-prompt { display:flex; align-items:center; gap:9px; padding:13px 12px; border:1px solid #41312b; border-radius:8px; background:#1b1716; color:#aaa6a1; font-size:9px; }.mini-prompt span:first-child { color:var(--landing-orange-bright); font-size:13px; }.mini-prompt b { margin-left:auto; display:grid; place-items:center; width:24px; height:24px; border-radius:6px; background:var(--landing-orange); color:#251208; font-size:13px; }.mini-suggestions { display:flex; gap:6px; margin-top:11px; }.mini-suggestions span { border:1px solid #4a3328; border-radius:20px; padding:5px 7px; color:#bc8c70; font-size:7px; }.mini-dashboard-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:38px; }.mini-dashboard-row > div { padding:13px; border:1px solid #2b2b30; border-radius:9px; background:#18191d; }.mini-dashboard-row small,.mini-dashboard-row b,.mini-dashboard-row em { display:block; }.mini-dashboard-row small { color:#777780; font-size:8px; }.mini-dashboard-row b { margin:8px 0 5px; font:600 20px "Space Grotesk",sans-serif; }.mini-dashboard-row em { color:#70c798; font-size:8px; font-style:normal; }
.floating-note { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid #3a302d; border-radius:10px; background:#1a191beF; box-shadow:0 16px 35px #0008; }.floating-note b,.floating-note small { display:block; }.floating-note b { color:#dedad4; font-size:10px; }.floating-note small { color:#8d8d94; font-size:8px; margin-top:3px; }.floating-note strong { margin-left:8px; color:var(--landing-orange-bright); font:600 21px "Space Grotesk",sans-serif; }.note-top { top:93px; right:19px; }.note-bottom { bottom:82px; left:23px; }.mini-spark,.mini-check { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:#4b2a1c; color:var(--landing-orange-bright); font-size:13px; }.mini-check { background:#193a2b; color:#78d6a3; }
.landing-signal { width:100%; min-height:54px; display:flex; justify-content:center; align-items:center; gap:25px; border-top:1px solid #26262b; border-bottom:1px solid #26262b; color:#6f7077; font-size:9px; font-weight:700; letter-spacing:.22em; }.landing-signal i { color:var(--landing-orange); font-style:normal; font-size:11px; }
.landing-section { padding:122px 0; scroll-margin-top:30px; }.section-kicker { display:flex; justify-content:space-between; align-items:center; margin-bottom:36px; }.section-index { color:#66666d; font-size:10px; letter-spacing:.1em; }.intro-grid { display:grid; grid-template-columns:1.08fr .7fr; gap:130px; align-items:end; }.intro-grid h2,.section-heading h2,.process-heading h2,.integration-copy h2 { max-width:720px; margin:0; font:600 clamp(36px, 4.2vw, 57px)/1.02 "Space Grotesk",sans-serif; letter-spacing:-.075em; }.intro-grid p,.section-heading p,.process-heading p,.integration-copy > p { color:#99999f; font-size:14px; line-height:1.7; margin:0 0 20px; }.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:76px; }.benefit-card { min-height:260px; position:relative; padding:25px; border:1px solid var(--landing-line); border-radius:12px; background:linear-gradient(135deg,#121216,#0d0d0f); overflow:hidden; }.benefit-card:after { content:""; position:absolute; width:140px; height:140px; right:-70px; bottom:-70px; border-radius:50%; background:#ff6b1a12; filter:blur(10px); }.benefit-card.accent-card { background:linear-gradient(135deg,#28170f,#171213); border-color:#4b2c20; }.benefit-icon,.feature-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid #563226; border-radius:9px; color:var(--landing-orange-bright); font-size:16px; }.benefit-card h3 { max-width:180px; margin:37px 0 10px; font:600 20px/1.08 "Space Grotesk",sans-serif; letter-spacing:-.05em; }.benefit-card p { max-width:245px; margin:0; color:#898990; font-size:11px; line-height:1.6; }.benefit-number { position:absolute; right:22px; bottom:20px; color:#55555b; font-size:10px; }
.showcase-section { width:100%; max-width:none; padding-left:max(32px, calc((100vw - 1180px) / 2)); padding-right:max(32px, calc((100vw - 1180px) / 2)); background:linear-gradient(180deg,transparent,#0d0d0f 18%,#0d0d0f 83%,transparent); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:45px; }.section-heading p { max-width:265px; margin-bottom:4px; }.showcase-shell { border:1px solid #302e2c; border-radius:16px; background:#121214; box-shadow:0 35px 80px #0008; overflow:hidden; }.showcase-tabs { display:flex; gap:5px; padding:15px 18px; border-bottom:1px solid #29282b; background:#171719; }.showcase-tab { padding:9px 13px; border:1px solid transparent; border-radius:7px; background:transparent; color:#87878d; font-size:10px; }.showcase-tab.active,.showcase-tab:hover { border-color:#543326; background:#2a1a15; color:#ffab7a; }.demo-screens { min-height:555px; }.demo-screen { display:none; min-height:555px; }.demo-screen.active { display:block; }.demo-screen.active[data-demo-screen=chat] { display:grid; grid-template-columns:205px 1fr; }.demo-sidebar { padding:24px 15px 16px; background:#0d0e10; border-right:1px solid #28282b; }.demo-brand { color:#e5e1dc; font:600 13px "Space Grotesk",sans-serif; }.demo-brand:first-letter { color:var(--landing-orange-bright); }.demo-brand span { color:var(--landing-orange-bright); }.demo-workspace { display:flex; align-items:center; gap:7px; margin:25px 0 25px; padding:9px 7px; border:1px solid #2b2b2f; border-radius:8px; }.demo-avatar { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:#4a2a1e; color:#e9a274; font-size:8px; font-weight:700; }.demo-workspace b,.demo-workspace small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.demo-workspace b { max-width:112px; color:#d8d4cf; font-size:8px; }.demo-workspace small { margin-top:3px; color:#74747b; font-size:7px; }.demo-workspace > span:last-child { margin-left:auto; color:#7a7a80; font-size:10px; }.demo-nav-label { display:block; margin:0 7px 11px; color:#5f6068; font-size:7px; letter-spacing:.16em; }.demo-nav-item { display:flex; align-items:center; gap:9px; padding:10px 8px; border-radius:6px; color:#7c7d84; font-size:9px; }.demo-nav-item.selected { background:#252025; color:#f2eee8; box-shadow:inset 2px 0 var(--landing-orange); }.demo-nav-item i { margin-left:auto; color:var(--landing-orange-bright); font-style:normal; font-size:8px; }.demo-connected { display:flex; gap:7px; align-items:center; margin-top:62px; padding-top:15px; border-top:1px solid #2a2a2d; color:#71c99b; font-size:8px; }.demo-connected b,.demo-connected small { display:block; }.demo-connected b { color:#b5b4b5; font-size:8px; }.demo-connected small { color:#6f7078; margin-top:3px; font-size:7px; }.demo-main { padding:25px; background:#151518; }.demo-topbar { display:flex; justify-content:space-between; align-items:flex-start; }.demo-topbar small { color:var(--landing-orange-bright); font-size:7px; letter-spacing:.14em; }.demo-topbar h3 { margin:9px 0 23px; font:600 23px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.demo-topbar h3 span { color:var(--landing-orange-bright); }.demo-topbar > span { color:#74757c; font-size:8px; }.demo-topbar > span i { display:inline-block; width:5px; height:5px; margin-left:4px; border-radius:50%; background:#6dcb96; }.demo-grid { display:grid; grid-template-columns:1.16fr .84fr; gap:11px; }.demo-chat-card,.demo-brand-card,.demo-performance { border:1px solid #2d2d31; border-radius:10px; background:#101114; }.demo-chat-card { min-height:390px; display:flex; flex-direction:column; }.demo-card-head { display:flex; align-items:center; justify-content:space-between; padding:14px; border-bottom:1px solid #29292d; }.demo-card-head span { font-size:10px; }.demo-card-head span b { color:var(--landing-orange-bright); font-size:14px; }.demo-card-head span i { color:#70c798; font-size:7px; font-style:normal; padding-left:5px; }.demo-card-head small { color:#71727a; font-size:7px; }.demo-chat-body { flex:1; display:flex; flex-direction:column; gap:11px; padding:19px 15px; }.demo-agent-msg,.demo-user-msg { max-width:87%; padding:9px 10px; border-radius:8px; color:#b8b7b9; font-size:9px; line-height:1.55; }.demo-agent-msg { display:flex; gap:7px; align-self:flex-start; background:#252429; }.demo-agent-msg strong { color:#efebe5; font-weight:600; }.demo-agent-avatar { flex:none; color:var(--landing-orange-bright); }.demo-user-msg { align-self:flex-end; background:var(--landing-orange); color:#241108; }.demo-chat-input { display:flex; align-items:center; gap:8px; margin:0 12px 12px; padding:10px; border:1px solid #383036; border-radius:7px; color:#6d6e74; font-size:8px; }.demo-chat-input span:first-child { color:var(--landing-orange-bright); font-size:12px; }.demo-chat-input b { display:grid; place-items:center; width:20px; height:20px; margin-left:auto; border-radius:5px; background:var(--landing-orange); color:#2b1106; font-size:11px; }.demo-side-stack { display:grid; gap:11px; }.demo-brand-card { padding:17px; min-height:185px; }.demo-brand-card > div { color:#777780; font-size:8px; }.demo-brand-card > div span { color:var(--landing-orange-bright); font-size:13px; }.demo-brand-card em { float:right; padding:4px 6px; border-radius:10px; background:#183b2a; color:#70c798; font-style:normal; font-size:7px; }.demo-brand-card > strong { display:block; margin-top:24px; font:600 20px "Space Grotesk",sans-serif; letter-spacing:-.05em; }.demo-brand-card p { color:#85858b; font-size:9px; line-height:1.5; }.demo-brand-card > div:last-child { display:flex; gap:4px; }.demo-brand-card > div:last-child span { padding:5px 6px; border-radius:12px; background:#251a17; color:#c18f76; font-size:7px; }.demo-performance { padding:15px; }.demo-performance > small { color:#777780; font-size:8px; letter-spacing:.13em; }.demo-performance > div { margin-top:19px; }.demo-performance > div span,.demo-performance > div strong,.demo-performance > div em { display:block; }.demo-performance > div span { color:#85858b; font-size:8px; }.demo-performance strong { margin:6px 0 4px; font:600 26px "Space Grotesk",sans-serif; }.demo-performance em { color:#70c798; font-size:8px; font-style:normal; }.demo-performance svg { width:100%; height:55px; margin-top:10px; }.demo-performance path { fill:none; stroke:var(--landing-orange); stroke-width:2; }
.calendar-demo,.content-demo { min-height:555px; padding:44px 56px; background:#151518; }.calendar-demo-head,.content-demo-head { display:flex; align-items:end; justify-content:space-between; }.calendar-demo small,.content-demo small { color:var(--landing-orange-bright); font-size:8px; letter-spacing:.15em; }.calendar-demo h3,.content-demo h3 { margin:10px 0 0; font:600 29px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.calendar-demo-head > span { color:#888890; font-size:9px; }.calendar-demo-head > span b { color:#e6e2dc; font-weight:500; }.calendar-week,.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); }.calendar-week { margin-top:48px; padding-bottom:13px; color:#707078; font-size:8px; letter-spacing:.12em; }.calendar-days { border-top:1px solid #303035; border-left:1px solid #303035; }.calendar-days > span { min-height:73px; padding:11px; border-right:1px solid #303035; border-bottom:1px solid #303035; color:#9999a0; font-size:10px; }.calendar-days b { display:block; width:max-content; margin-top:19px; padding:4px 5px; border-radius:4px; background:#42251c; color:#e69c72; font-size:7px; }.calendar-days .day-today { color:#eeeae3; box-shadow:inset 0 2px var(--landing-orange); }.calendar-days .day-today b { background:var(--landing-orange); color:#2b1207; }.calendar-days .day-story b { background:#183529; color:#71ca99; }.calendar-demo-foot { display:flex; align-items:center; gap:15px; margin-top:20px; color:#808088; font-size:8px; }.calendar-demo-foot i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:var(--landing-orange); }.calendar-demo-foot .legend-post { background:#ba7958; }.calendar-demo-foot .legend-story { background:#71ca99; }.calendar-demo-foot strong { margin-left:auto; color:#bdb9b3; font-weight:500; }.calendar-demo-foot strong b { color:var(--landing-orange-bright); padding-left:7px; }.content-demo-head button { border:1px solid #573428; border-radius:7px; background:#281914; color:#e4976d; padding:10px 12px; font-size:9px; }.content-demo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:45px; }.post-preview { min-height:266px; display:flex; flex-direction:column; justify-content:end; padding:18px; border:1px solid #3d2a23; border-radius:9px; overflow:hidden; position:relative; }.post-preview:before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#7f3e20,#21120e 65%); opacity:.8; }.post-preview-dark:before { background:linear-gradient(145deg,#36343f,#16161b 70%); }.post-preview-line:before { background:linear-gradient(145deg,#233d36,#111518 70%); }.post-preview > * { position:relative; }.post-preview span { align-self:flex-start; margin-bottom:auto; padding:5px 6px; border-radius:4px; background:#1a1110aa; color:#efb090; font-size:7px; letter-spacing:.1em; }.post-preview strong { font:600 22px/1 "Space Grotesk",sans-serif; letter-spacing:-.06em; }.post-preview small { margin-top:10px; color:#d2a790; font-size:8px; line-height:1.4; }.content-demo-approval { display:flex; align-items:center; gap:11px; margin-top:28px; padding:15px; border:1px solid #2d4437; border-radius:8px; background:#131e18; }.content-demo-approval strong,.content-demo-approval small { display:block; }.content-demo-approval strong { color:#d9e8df; font-size:10px; }.content-demo-approval small { margin-top:4px; color:#7ca18b; font-size:8px; }.content-demo-approval > button { margin-left:auto; border:0; background:transparent; color:#7ad19d; font-size:9px; }
.process-section { padding-top:145px; }.process-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }.process-heading p { max-width:265px; margin-bottom:4px; }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:70px; }.process-step { min-height:310px; padding:24px; border-top:1px solid #37373b; position:relative; }.step-top { display:flex; justify-content:space-between; align-items:center; color:#74747b; font-size:10px; }.step-top i { display:grid; place-items:center; width:33px; height:33px; border:1px solid #553227; border-radius:9px; color:var(--landing-orange-bright); font-style:normal; font-size:16px; }.process-step h3 { margin:50px 0 10px; font:600 22px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.process-step p { min-height:52px; color:#8a8a91; font-size:11px; line-height:1.6; }.step-chat { margin-top:25px; padding:10px 11px; border:1px solid #373037; border-radius:7px; color:#b78d77; background:#1a1517; font-size:9px; line-height:1.4; }.step-success { border-color:#2f503e; background:#142119; color:#80c9a0; }
.features-section { padding-top:50px; }.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-top:65px; }.feature-card { min-height:300px; padding:27px; border:1px solid var(--landing-line); border-radius:12px; background:#111114; position:relative; overflow:hidden; }.feature-card.feature-wide { grid-column:span 2; display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; min-height:265px; }.feature-copy h3,.feature-card > h3 { max-width:260px; margin:27px 0 10px; font:600 25px/1.04 "Space Grotesk",sans-serif; letter-spacing:-.065em; }.feature-copy p,.feature-card > p { max-width:320px; color:#8e8e95; font-size:11px; line-height:1.6; }.feature-copy .text-link { display:block; margin-top:25px; }.feature-visual { align-self:center; min-height:190px; border:1px solid #2e2d32; border-radius:10px; background:#18181c; box-shadow:0 18px 30px #0005; }.mini-calendar-visual { padding:20px; }.mini-cal-top { display:flex; justify-content:space-between; color:#74747b; font-size:8px; }.mini-cal-top b { color:var(--landing-orange-bright); font-size:9px; font-weight:500; }.mini-cal-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; margin-top:24px; }.mini-cal-grid span { display:grid; place-items:center; min-height:38px; border:1px solid #2a2a2f; border-radius:5px; color:#87878e; font-size:10px; }.mini-cal-grid span.selected { background:#563021; border-color:#75412d; color:#f3d1bc; }.mini-cal-grid span.green { background:#183529; border-color:#2d6549; color:#abd9be; }.mini-cal-grid small { display:block; font-size:6px; color:var(--landing-orange-bright); }.format-pills { display:flex; gap:7px; position:absolute; left:27px; bottom:27px; }.format-pills span { padding:6px 8px; border-radius:5px; background:#241914; color:#d39372; font-size:8px; letter-spacing:.1em; }.feature-orange { background:linear-gradient(145deg,#24140e,#131114); border-color:#4b2b20; }.tiny-chart { display:flex; align-items:end; gap:8px; height:80px; margin-top:33px; padding:0 10px 0 0; border-bottom:1px solid #4c3027; }.tiny-chart span { flex:1; border-radius:3px 3px 0 0; background:linear-gradient(#ff934b,#a74320); opacity:.78; }.feature-chat { background:linear-gradient(145deg,#141719,#101315); }.approval-visual { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:20px; background:#101516; }.approval-bubble { max-width:78%; padding:10px 11px; border-radius:8px; font-size:9px; line-height:1.45; }.approval-bubble.user { align-self:flex-end; background:var(--landing-orange); color:#261106; }.approval-bubble.agent { display:flex; gap:7px; background:#26332d; color:#b8d1c2; }.approval-bubble.agent b { color:#ff9b5c; }.approval-actions { display:flex; justify-content:space-between; align-items:center; margin-top:4px; padding-top:12px; border-top:1px solid #29352f; color:#77887d; font-size:8px; }.approval-actions b { color:#83d2a4; font-weight:600; }
.integration-section { display:grid; grid-template-columns:.86fr .9fr; align-items:center; gap:120px; padding-top:150px; }.integration-copy > p { max-width:430px; margin-top:28px; }.integration-list { display:grid; gap:0; margin-top:38px; }.integration-list > div { display:grid; grid-template-columns:30px 1fr; padding:15px 0; border-top:1px solid #29292e; }.integration-list > div span { color:var(--landing-orange-bright); font-size:9px; }.integration-list b,.integration-list small { grid-column:2; }.integration-list b { margin-top:-13px; color:#d6d2cb; font-size:11px; font-weight:600; }.integration-list small { margin-top:4px; color:#77777f; font-size:9px; }.integration-visual { min-height:490px; position:relative; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%,#ff6b1a13,transparent 47%); }.instagram-phone { width:245px; min-height:440px; padding:14px 12px; border:1px solid #5b3a2d; border-radius:28px; background:#0d0d10; box-shadow:18px 28px 70px #000b, 0 0 0 7px #ffffff04; transform:rotate(6deg); }.phone-notch { width:74px; height:16px; margin:-8px auto 10px; border-radius:0 0 12px 12px; background:#000; }.phone-head { display:flex; justify-content:space-between; color:#d8d3cd; font-size:8px; }.phone-profile { display:flex; align-items:center; gap:10px; padding:22px 7px 16px; }.phone-avatar { display:grid; place-items:center; width:36px; height:36px; border:1px solid #cc602e; border-radius:50%; background:#381d16; color:#efa376; font-size:10px; font-weight:700; }.phone-profile b,.phone-profile small { display:block; }.phone-profile b { color:#e2ddd5; font-size:9px; }.phone-profile small { margin-top:4px; color:#85858c; font-size:8px; }.phone-post { overflow:hidden; border:1px solid #2c292d; border-radius:5px; background:#111215; }.phone-post-image { min-height:230px; display:flex; align-items:end; justify-content:space-between; padding:16px; background:linear-gradient(145deg,#ef7531 0%,#7e301d 30%,#24151a 78%); color:#ffe4d2; font:600 22px/1 "Space Grotesk",sans-serif; letter-spacing:-.06em; }.phone-post-image b { color:#1d100b; }.phone-post-image i { align-self:start; color:#ffd3ac; font-size:24px; font-style:normal; }.phone-post-actions { padding:10px 10px 4px; color:#ddc3b7; font-size:15px; }.phone-post-actions span { float:right; }.phone-post > b,.phone-post p { display:block; padding:0 10px; }.phone-post > b { color:#ddd8d1; font-size:8px; }.phone-post p { margin:5px 0 14px; color:#99989f; font-size:8px; line-height:1.4; }.integration-badge { position:absolute; right:2px; bottom:67px; display:flex; align-items:center; gap:9px; padding:12px; border:1px solid #315540; border-radius:9px; background:#142019; box-shadow:0 14px 32px #0008; }.integration-badge b,.integration-badge small { display:block; }.integration-badge b { color:#d2e7d9; font-size:9px; }.integration-badge small { margin-top:4px; color:#7faf90; font-size:8px; }
.value-section { display:grid; grid-template-columns:.55fr 1.2fr .55fr; gap:45px; align-items:center; padding-top:145px; padding-bottom:145px; border-top:1px solid #25252a; border-bottom:1px solid #25252a; }.value-stat strong { display:block; color:var(--landing-orange-bright); font:600 clamp(58px,7vw,96px)/.8 "Space Grotesk",sans-serif; letter-spacing:-.1em; }.value-stat strong span { font-size:.5em; letter-spacing:-.05em; }.value-stat p { color:#929198; font-size:10px; line-height:1.5; }.value-stat.right { text-align:right; }.value-quote { text-align:center; }.quote-mark { display:block; color:var(--landing-orange-bright); font:600 44px "Space Grotesk",sans-serif; line-height:.5; }.value-quote blockquote { margin:18px 0; color:#dedad3; font:500 clamp(21px,2.3vw,30px)/1.2 "Space Grotesk",sans-serif; letter-spacing:-.055em; }.quote-line { display:block; width:30px; height:1px; margin:26px auto 12px; background:var(--landing-orange); }.value-quote small { color:#77777e; font-size:9px; }
.final-cta { min-height:485px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px 24px; text-align:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 80%,#ff6b1a20,transparent 43%),linear-gradient(145deg,#161013,#0b0b0c 65%); border-top:1px solid #30272a; }.final-cta h2 { position:relative; z-index:1; margin:23px 0 17px; font:600 clamp(48px,6vw,75px)/.95 "Space Grotesk",sans-serif; letter-spacing:-.085em; }.final-cta p { max-width:390px; color:#99989e; font-size:13px; line-height:1.6; }.final-cta .hero-cta { position:relative; z-index:1; margin-top:16px; }.button-ia { color:#261007; }.final-orb { position:absolute; right:15%; bottom:-158px; color:var(--landing-orange); font-size:340px; line-height:1; opacity:.09; transform:rotate(20deg); }
.landing-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:110px; color:#6e6e76; font-size:10px; }.landing-footer .brand-mark { color:#d9d5ce; font-size:16px; }.landing-footer .brand-mark > span:first-child { font-size:20px; }.landing-footer .brand-mark > span:last-child { color:var(--landing-orange-bright); }
@media (max-width:900px) { .landing-nav,.landing-hero,.landing-section,.landing-footer { width:min(100% - 42px, 680px); }.landing-links { gap:14px; }.landing-nav-cta { display:none; }.landing-hero { grid-template-columns:1fr; padding-top:50px; }.hero-copy { padding:10px 0 0; }.hero-visual { min-height:560px; }.hero-product-card { margin-left:0; }.hero-orb { right:-260px; }.intro-grid,.integration-section { grid-template-columns:1fr; gap:40px; }.intro-grid { gap:25px; }.section-heading,.process-heading { display:block; }.section-heading p,.process-heading p { margin-top:22px; }.integration-section { padding-top:100px; }.integration-copy { max-width:570px; }.integration-visual { min-height:510px; }.value-section { gap:20px; }.value-stat strong { font-size:61px; } }
@media (max-width:650px) { .landing-nav,.landing-hero,.landing-section,.landing-footer { width:calc(100% - 34px); }.landing-nav { min-height:70px; }.landing-links { display:none; position:absolute; top:62px; left:0; right:0; flex-direction:column; align-items:flex-start; gap:0; padding:10px; border:1px solid var(--landing-line); border-radius:10px; background:#151518; box-shadow:0 20px 35px #0008; }.landing-links.open { display:flex; }.landing-links a { width:100%; padding:12px 10px; }.landing-nav-actions { margin-left:auto; }.landing-login { padding:8px 0; }.landing-menu { display:block; }.landing-hero { min-height:0; padding-top:50px; }.hero-copy h1 { font-size:48px; }.hero-lead { font-size:14px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:19px; }.hero-proof { margin-top:38px; }.hero-visual { min-height:410px; margin:5px -25px 0; overflow:hidden; }.hero-orb { width:610px; right:-246px; top:20px; }.hero-visual-glow { right:-45px; top:72px; width:330px; height:330px; }.hero-product-card { width:90%; margin-top:25px; transform:perspective(900px) rotateY(-4deg) rotateX(2deg) scale(.91); }.mini-window-body { min-height:285px; }.mini-workspace { padding:19px 15px; }.mini-workspace h4 { font-size:17px; margin-bottom:16px; }.mini-dashboard-row { margin-top:25px; }.mini-sidebar { gap:15px; }.floating-note { transform:scale(.82); }.note-top { top:20px; right:0; }.note-bottom { bottom:17px; left:-7px; }.landing-signal { gap:11px; justify-content:flex-start; overflow:hidden; white-space:nowrap; font-size:7px; }.landing-section { padding:82px 0; }.section-kicker { margin-bottom:26px; }.intro-grid h2,.section-heading h2,.process-heading h2,.integration-copy h2 { font-size:38px; }.benefit-grid,.process-grid,.feature-grid { grid-template-columns:1fr; margin-top:45px; }.benefit-card { min-height:220px; }.showcase-section { width:100%; padding-left:17px; padding-right:17px; }.showcase-section .section-heading { width:calc(100% - 17px); margin-left:auto; margin-right:auto; }.showcase-shell { border-radius:12px; }.showcase-tabs { overflow:auto; }.showcase-tab { flex:none; }.demo-screens,.demo-screen { min-height:520px; }.demo-screen.active[data-demo-screen=chat] { display:block; }.demo-sidebar { display:none; }.demo-main { padding:18px 13px; min-height:520px; }.demo-topbar h3 { font-size:20px; }.demo-topbar > span { display:none; }.demo-grid { grid-template-columns:1fr; }.demo-chat-card { min-height:315px; }.demo-side-stack { display:grid; grid-template-columns:1fr 1fr; }.demo-brand-card { min-height:150px; padding:12px; }.demo-brand-card > strong { margin-top:14px; font-size:15px; }.demo-brand-card p { font-size:8px; }.demo-performance { padding:12px; }.demo-performance strong { font-size:21px; }.calendar-demo,.content-demo { padding:28px 17px; }.calendar-demo h3,.content-demo h3 { font-size:23px; }.calendar-demo-head > span { display:none; }.calendar-week { margin-top:30px; font-size:7px; }.calendar-days > span { min-height:57px; padding:7px 4px; font-size:8px; }.calendar-days b { margin-top:12px; padding:3px; font-size:5px; }.calendar-demo-foot { flex-wrap:wrap; gap:9px; }.calendar-demo-foot strong { width:100%; margin-left:0; margin-top:7px; }.content-demo-grid { grid-template-columns:1fr 1fr; margin-top:30px; }.post-preview { min-height:180px; padding:12px; }.post-preview:last-child { display:none; }.post-preview strong { font-size:17px; }.content-demo-approval { align-items:flex-start; flex-wrap:wrap; }.content-demo-approval > button { margin-left:0; }.process-step { min-height:255px; padding:20px 0; }.process-step h3 { margin-top:31px; }.feature-card,.feature-card.feature-wide { min-height:280px; display:block; }.feature-card.feature-wide { padding:22px; }.feature-card.feature-wide .feature-visual { margin-top:24px; }.feature-copy h3,.feature-card > h3 { font-size:22px; }.mini-calendar-visual { min-height:160px; }.mini-cal-grid { gap:4px; margin-top:15px; }.mini-cal-grid span { min-height:27px; font-size:8px; }.format-pills { position:static; margin-top:27px; }.tiny-chart { margin-top:23px; }.approval-visual { min-height:150px; }.integration-section { padding-top:90px; }.integration-visual { min-height:470px; margin-top:10px; }.instagram-phone { transform:rotate(4deg) scale(.88); }.integration-badge { right:0; bottom:45px; }.value-section { grid-template-columns:1fr 1.4fr; gap:15px; padding:85px 0; }.value-stat.right { display:none; }.value-stat strong { font-size:57px; }.value-quote blockquote { font-size:20px; }.final-cta { min-height:430px; padding:60px 18px; }.final-cta h2 { font-size:50px; }.landing-footer { min-height:140px; flex-wrap:wrap; padding:28px 0; }.landing-footer > span:nth-child(2) { width:100%; order:3; }.landing-footer > span:last-child { margin-left:auto; } }
.hero-spark { color: var(--orange); font-size: 20px; vertical-align: 4px; }
.dashboard-hero { min-height: 300px; background: radial-gradient(circle at 90% 0%, #ff7a3522, transparent 38%), linear-gradient(110deg, #271812, #1e1513 54%, #17181d); }
.dashboard-hero h3 { margin: 17px 0 7px; font-size: 30px; }
.dashboard-hero p { max-width: 390px; margin-bottom: 22px; }
.dashboard-prompt { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; max-width: 520px; padding: 6px 6px 6px 14px; border: 1px solid #65402f; border-radius: 11px; background: #111216; }
.dashboard-prompt > span { color: var(--orange); }
.dashboard-prompt input { padding: 8px 0; border: 0; background: transparent; box-shadow: none; font-size: 11px; }
.dashboard-prompt input:focus { box-shadow: none; }
.dashboard-prompt .send-button { width: 32px; height: 32px; }
.dashboard-hero .prompt-suggestions { justify-content: flex-start; margin-top: 13px; }
.dashboard-hero .prompt-suggestions button { background: #251914; }
.brand-card h3 { margin: 22px 24px 0; font-size: 23px; }
.brand-card > p { padding: 15px 24px 0; }
.brand-card .tag-list { padding-top: 9px; }
.brand-card .tone-row { margin-top: 0; }
.analytics-body { padding: 20px 24px 18px; }
.big-metric > span { display: block; color: var(--muted); font-size: 10px; }
.big-metric strong { display: inline-block; margin: 10px 9px 10px 0; font: 600 32px "Space Grotesk", sans-serif; letter-spacing: -.06em; }
.big-metric b { color: var(--green); font-size: 10px; font-weight: 600; }
.line-chart { display: block; width: 100%; height: 82px; margin: 3px 0 12px; }
.line-chart path { fill: none; stroke: var(--orange); stroke-width: 2; stroke-linecap: round; }
.line-chart .chart-fill { fill: #ff7a3518; stroke: none; }
.analytics-foot { display: flex; justify-content: space-between; gap: 10px; padding-top: 13px; border-top: 1px solid var(--border); color: var(--muted); font-size: 9px; }
.analytics-foot b { color: var(--text); font-weight: 500; }
.recent-panel { margin-top: 18px; }
.recent-list { padding: 5px 24px 11px; }
.recent-item { display: grid; grid-template-columns: 37px minmax(0, 1fr) 90px 65px 22px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); }
.recent-item:last-child { border-bottom: 0; }
.recent-item > span:nth-child(2) { min-width: 0; }
.recent-item b, .recent-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-item b { font-size: 11px; }.recent-item small { margin-top: 4px; color: var(--muted); font-size: 9px; }.content-thumb { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; color: #ffb176; background: linear-gradient(145deg,#273343,#a95b32); }.orange-thumb { color: #fff; background: linear-gradient(145deg,#ff7a00,#7b1e05); }.gray-thumb { color: #a8a8ad; background: #29292d; }.status-chip { width: max-content; }.updated { color: var(--muted); }.row-more { padding: 0; border: 0; color: var(--muted); background: transparent; }.dashboard-footer { display: flex; justify-content: space-between; gap: 15px; margin-top: 45px; padding-top: 17px; color: #62646c; border-top: 1px solid var(--border); font-size: 9px; }.dashboard-footer > span:first-child { color: #e8e3dc; font-weight: 700; }.dashboard-footer > span:first-child span { color: var(--orange); }.dashboard-footer > span:last-child { display: flex; align-items: center; gap: 5px; }.dashboard-footer i { width: 5px; height: 5px; display: inline-block; background: var(--green); border-radius: 50%; }
@media (max-width:1000px) { .dashboard-footer { flex-wrap: wrap; }.recent-item { grid-template-columns: 37px minmax(0, 1fr) 90px 22px; }.recent-item .updated { display: none; } }
@media (max-width:650px) { .dashboard-hero h3 { font-size: 25px; }.dashboard-prompt { margin-right: 0; }.dashboard-hero .prompt-suggestions { flex-direction: column; align-items: flex-start; }.brand-card h3 { font-size: 20px; }.recent-list { padding-left: 18px; padding-right: 18px; }.recent-item { grid-template-columns: 37px minmax(0, 1fr) 22px; gap: 8px; }.recent-item .status-chip { display: none; }.dashboard-footer { flex-direction: column; }.main-area { padding-bottom: 35px; } }

/* Public landing page */
:root { --landing-bg:#0a0a0b; --landing-panel:#111114; --landing-panel-2:#17171b; --landing-line:#29292e; --landing-orange:#ff6b1a; --landing-orange-bright:#ff8a3d; --landing-cream:#f4f0e9; }
.landing-page { min-height:100vh; overflow:hidden; background:var(--landing-bg); color:var(--landing-cream); }
.landing-page a { color:inherit; text-decoration:none; }.landing-page button { transition:transform .2s,background .2s,border-color .2s,color .2s; }
.landing-nav,.landing-hero,.landing-section,.landing-footer { width:min(1180px,calc(100% - 64px)); margin:0 auto; }.landing-nav { min-height:86px; display:flex; align-items:center; gap:30px; position:relative; z-index:10; }.landing-brand { white-space:nowrap; font-size:21px; }.landing-brand>span:last-child,.landing-brand>span:first-child { color:var(--landing-orange); }.landing-links { display:flex; gap:28px; margin-left:auto; color:#97979e; font-size:12px; }.landing-links a:hover,.landing-login:hover { color:var(--landing-cream); }.landing-nav-actions { display:flex; align-items:center; gap:17px; margin-left:12px; }.landing-login { border:0; background:transparent; color:#aaaab0; font-size:12px; padding:10px 4px; }.landing-nav-cta { padding:10px 14px; border-radius:8px; font-size:11px; }.landing-menu { display:none; border:1px solid var(--landing-line); border-radius:8px; background:var(--landing-panel); color:var(--landing-cream); padding:8px 10px; }
.landing-hero { min-height:690px; display:grid; grid-template-columns:.91fr 1.09fr; align-items:center; gap:30px; position:relative; }.landing-hero:before { content:""; position:absolute; inset:-100px -180px auto; height:480px; background:radial-gradient(circle at 30% 45%,#ff6b1a17,transparent 32%),radial-gradient(circle at 80% 46%,#ff6b1a0b,transparent 37%); pointer-events:none; }.hero-copy { position:relative; z-index:2; max-width:570px; padding:56px 0 90px; }.landing-page .eyebrow { color:#88888f; font-size:10px; letter-spacing:.2em; }.landing-page .eyebrow.orange { color:var(--landing-orange-bright); }.hero-copy h1 { max-width:620px; margin:22px 0 23px; font:600 clamp(48px,5.5vw,76px)/.98 "Space Grotesk",sans-serif; letter-spacing:-.075em; }.hero-copy h1 em,.section-heading h2 em,.process-heading h2 em,.integration-copy h2 em,.final-cta h2 em { color:var(--landing-orange-bright); font-style:normal; }.hero-lead { max-width:475px; color:#aaa9ae; font-size:15px; line-height:1.65; margin:0; }.inline-ia { color:var(--landing-orange-bright); font-weight:700; }.hero-actions { display:flex; align-items:center; gap:24px; margin-top:32px; }.hero-cta { display:inline-flex; gap:17px; align-items:center; padding:14px 17px; border-radius:9px; background:var(--landing-orange); color:#1b0c05; font-size:12px; box-shadow:0 12px 30px #ff6b1a24; }.hero-cta:hover { background:var(--landing-orange-bright); transform:translateY(-1px); }.hero-cta span { font-size:16px; }.text-link { color:var(--landing-orange-bright)!important; font-size:12px; font-weight:600; }.text-link span { padding-left:7px; font-size:15px; }.hero-proof { display:flex; align-items:center; gap:13px; margin-top:53px; }.proof-avatars { display:flex; }.proof-avatars span { display:grid; place-items:center; width:26px; height:26px; margin-left:-5px; border:2px solid var(--landing-bg); border-radius:50%; background:#39241c; color:#e7a176; font-size:8px; font-weight:700; }.proof-avatars span:first-child { margin-left:0; }.proof-avatars span:nth-child(2) { background:#25332c;color:#8fbea8; }.proof-avatars span:nth-child(3) { background:#2b2a38;color:#a9a5d7; }.proof-avatars span:last-child { background:#19191d;color:#8c8c91; }.hero-proof p { color:#8c8b92; font-size:10px; line-height:1.5; margin:0; }.hero-proof strong { color:#d8d4ce; font-weight:600; }
.hero-visual { min-height:605px; position:relative; display:flex; align-items:center; justify-content:center; }.hero-orb { position:absolute; width:820px; max-width:none; right:-245px; top:21px; opacity:.88; mix-blend-mode:screen; mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%); }.hero-visual-glow { position:absolute; width:430px; height:430px; right:57px; top:92px; border-radius:50%; background:#ff6b1a1a; filter:blur(75px); }.hero-product-card { position:relative; z-index:2; width:min(540px,92%); margin-left:50px; margin-top:45px; border:1px solid #3a302c; border-radius:14px; background:#111216ef; box-shadow:0 32px 80px #000a,0 0 0 7px #ffffff03; transform:perspective(1200px) rotateY(-7deg) rotateX(2deg); overflow:hidden; }.mini-window-bar { height:31px; display:flex; align-items:center; gap:5px; padding:0 12px; background:#18181b; border-bottom:1px solid #2c2b2e; }.mini-window-bar>span { width:6px; height:6px; border-radius:50%; background:#5a3730; }.mini-window-bar>span:nth-child(2) { background:#72552f; }.mini-window-bar>span:nth-child(3) { background:#33503e; }.mini-window-bar small { margin-left:13px; color:#797981; font-size:8px; }.mini-window-bar small span { color:var(--landing-orange-bright); }.mini-window-bar i { margin-left:auto; color:#66666e; font-size:12px; }.mini-window-body { display:grid; grid-template-columns:48px 1fr; min-height:350px; }.mini-sidebar { display:flex; flex-direction:column; align-items:center; gap:19px; padding-top:18px; background:#0d0e10; border-right:1px solid #28282c; }.mini-sidebar b { color:var(--landing-orange-bright); font-size:18px; margin-bottom:8px; }.mini-sidebar span { width:13px; height:13px; border-radius:4px; background:#2b2b30; }.mini-sidebar span.active { background:#69402b; box-shadow:0 0 0 4px #ff6b1a0d; }.mini-workspace { padding:28px 25px; background:linear-gradient(145deg,#17171a,#101114); }.mini-label { color:var(--landing-orange-bright); font-size:8px; letter-spacing:.18em; font-weight:700; }.mini-workspace h4 { font:600 23px "Space Grotesk",sans-serif; letter-spacing:-.05em; margin:12px 0 24px; }.mini-prompt { display:flex; align-items:center; gap:9px; padding:13px 12px; border:1px solid #41312b; border-radius:8px; background:#1b1716; color:#aaa6a1; font-size:9px; }.mini-prompt span:first-child { color:var(--landing-orange-bright); font-size:13px; }.mini-prompt b { margin-left:auto; display:grid; place-items:center; width:24px; height:24px; border-radius:6px; background:var(--landing-orange); color:#251208; font-size:13px; }.mini-suggestions { display:flex; gap:6px; margin-top:11px; }.mini-suggestions span { border:1px solid #4a3328; border-radius:20px; padding:5px 7px; color:#bc8c70; font-size:7px; }.mini-dashboard-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:38px; }.mini-dashboard-row>div { padding:13px; border:1px solid #2b2b30; border-radius:9px; background:#18191d; }.mini-dashboard-row small,.mini-dashboard-row b,.mini-dashboard-row em { display:block; }.mini-dashboard-row small { color:#777780; font-size:8px; }.mini-dashboard-row b { margin:8px 0 5px; font:600 20px "Space Grotesk",sans-serif; }.mini-dashboard-row em { color:#70c798; font-size:8px; font-style:normal; }.floating-note { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid #3a302d; border-radius:10px; background:#1a191bef; box-shadow:0 16px 35px #0008; }.floating-note b,.floating-note small { display:block; }.floating-note b { color:#dedad4; font-size:10px; }.floating-note small { color:#8d8d94; font-size:8px; margin-top:3px; }.floating-note strong { margin-left:8px; color:var(--landing-orange-bright); font:600 21px "Space Grotesk",sans-serif; }.note-top { top:93px; right:19px; }.note-bottom { bottom:82px; left:23px; }.mini-spark,.mini-check { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:#4b2a1c; color:var(--landing-orange-bright); font-size:13px; }.mini-check { background:#193a2b; color:#78d6a3; }
.landing-signal { width:100%; min-height:54px; display:flex; justify-content:center; align-items:center; gap:25px; border-top:1px solid #26262b; border-bottom:1px solid #26262b; color:#6f7077; font-size:9px; font-weight:700; letter-spacing:.22em; }.landing-signal i { color:var(--landing-orange); font-style:normal; font-size:11px; }.landing-section { padding:122px 0; scroll-margin-top:30px; }.section-kicker { display:flex; justify-content:space-between; margin-bottom:36px; }.section-index { color:#66666d; font-size:10px; }.intro-grid { display:grid; grid-template-columns:1.08fr .7fr; gap:130px; align-items:end; }.intro-grid h2,.section-heading h2,.process-heading h2,.integration-copy h2 { max-width:720px; margin:0; font:600 clamp(36px,4.2vw,57px)/1.02 "Space Grotesk",sans-serif; letter-spacing:-.075em; }.intro-grid p,.section-heading p,.process-heading p,.integration-copy>p { color:#99999f; font-size:14px; line-height:1.7; margin:0 0 20px; }.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:76px; }.benefit-card { min-height:260px; position:relative; padding:25px; border:1px solid var(--landing-line); border-radius:12px; background:linear-gradient(135deg,#121216,#0d0d0f); overflow:hidden; }.benefit-card:after { content:""; position:absolute; width:140px; height:140px; right:-70px; bottom:-70px; border-radius:50%; background:#ff6b1a12; filter:blur(10px); }.benefit-card.accent-card { background:linear-gradient(135deg,#28170f,#171213); border-color:#4b2c20; }.benefit-icon,.feature-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid #563226; border-radius:9px; color:var(--landing-orange-bright); font-size:16px; }.benefit-card h3 { max-width:180px; margin:37px 0 10px; font:600 20px/1.08 "Space Grotesk",sans-serif; letter-spacing:-.05em; }.benefit-card p { max-width:245px; margin:0; color:#898990; font-size:11px; line-height:1.6; }.benefit-number { position:absolute; right:22px; bottom:20px; color:#55555b; font-size:10px; }
.showcase-section { width:100%; max-width:none; padding-left:max(32px,calc((100vw - 1180px)/2)); padding-right:max(32px,calc((100vw - 1180px)/2)); background:linear-gradient(180deg,transparent,#0d0d0f 18%,#0d0d0f 83%,transparent); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:45px; }.section-heading p { max-width:265px; margin-bottom:4px; }.showcase-shell { border:1px solid #302e2c; border-radius:16px; background:#121214; box-shadow:0 35px 80px #0008; overflow:hidden; }.showcase-tabs { display:flex; gap:5px; padding:15px 18px; border-bottom:1px solid #29282b; background:#171719; }.showcase-tab { padding:9px 13px; border:1px solid transparent; border-radius:7px; background:transparent; color:#87878d; font-size:10px; }.showcase-tab.active,.showcase-tab:hover { border-color:#543326; background:#2a1a15; color:#ffab7a; }.demo-screens,.demo-screen { min-height:555px; }.demo-screen { display:none; }.demo-screen.active { display:block; }.demo-screen.active[data-demo-screen=chat] { display:grid; grid-template-columns:205px 1fr; }.demo-sidebar { padding:24px 15px 16px; background:#0d0e10; border-right:1px solid #28282b; }.demo-brand { color:#e5e1dc; font:600 13px "Space Grotesk",sans-serif; }.demo-brand span { color:var(--landing-orange-bright); }.demo-workspace { display:flex; align-items:center; gap:7px; margin:25px 0; padding:9px 7px; border:1px solid #2b2b2f; border-radius:8px; }.demo-avatar { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:#4a2a1e; color:#e9a274; font-size:8px; font-weight:700; }.demo-workspace b,.demo-workspace small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.demo-workspace b { max-width:112px; color:#d8d4cf; font-size:8px; }.demo-workspace small { margin-top:3px; color:#74747b; font-size:7px; }.demo-workspace>span:last-child { margin-left:auto; color:#7a7a80; font-size:10px; }.demo-nav-label { display:block; margin:0 7px 11px; color:#5f6068; font-size:7px; letter-spacing:.16em; }.demo-nav-item { display:flex; align-items:center; gap:9px; padding:10px 8px; border-radius:6px; color:#7c7d84; font-size:9px; }.demo-nav-item.selected { background:#252025; color:#f2eee8; box-shadow:inset 2px 0 var(--landing-orange); }.demo-nav-item i { margin-left:auto; color:var(--landing-orange-bright); font-style:normal; }.demo-connected { display:flex; gap:7px; align-items:center; margin-top:62px; padding-top:15px; border-top:1px solid #2a2a2d; color:#71c99b; font-size:8px; }.demo-connected b,.demo-connected small { display:block; }.demo-connected b { color:#b5b4b5; font-size:8px; }.demo-connected small { color:#6f7078; margin-top:3px; font-size:7px; }.demo-main { padding:25px; background:#151518; }.demo-topbar { display:flex; justify-content:space-between; }.demo-topbar small { color:var(--landing-orange-bright); font-size:7px; letter-spacing:.14em; }.demo-topbar h3 { margin:9px 0 23px; font:600 23px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.demo-topbar h3 span { color:var(--landing-orange-bright); }.demo-topbar>span { color:#74757c; font-size:8px; }.demo-topbar>span i { display:inline-block; width:5px; height:5px; margin-left:4px; border-radius:50%; background:#6dcb96; }.demo-grid { display:grid; grid-template-columns:1.16fr .84fr; gap:11px; }.demo-chat-card,.demo-brand-card,.demo-performance { border:1px solid #2d2d31; border-radius:10px; background:#101114; }.demo-chat-card { min-height:390px; display:flex; flex-direction:column; }.demo-card-head { display:flex; justify-content:space-between; padding:14px; border-bottom:1px solid #29292d; }.demo-card-head span { font-size:10px; }.demo-card-head span b { color:var(--landing-orange-bright); font-size:14px; }.demo-card-head span i { color:#70c798; font-size:7px; font-style:normal; padding-left:5px; }.demo-card-head small { color:#71727a; font-size:7px; }.demo-chat-body { flex:1; display:flex; flex-direction:column; gap:11px; padding:19px 15px; }.demo-agent-msg,.demo-user-msg { max-width:87%; padding:9px 10px; border-radius:8px; color:#b8b7b9; font-size:9px; line-height:1.55; }.demo-agent-msg { display:flex; gap:7px; align-self:flex-start; background:#252429; }.demo-agent-msg strong { color:#efebe5; }.demo-agent-avatar { flex:none; color:var(--landing-orange-bright); }.demo-user-msg { align-self:flex-end; background:var(--landing-orange); color:#241108; }.demo-chat-input { display:flex; align-items:center; gap:8px; margin:0 12px 12px; padding:10px; border:1px solid #383036; border-radius:7px; color:#6d6e74; font-size:8px; }.demo-chat-input span:first-child { color:var(--landing-orange-bright); font-size:12px; }.demo-chat-input b { display:grid; place-items:center; width:20px; height:20px; margin-left:auto; border-radius:5px; background:var(--landing-orange); color:#2b1106; font-size:11px; }.demo-side-stack { display:grid; gap:11px; }.demo-brand-card { padding:17px; min-height:185px; }.demo-brand-card>div { color:#777780; font-size:8px; }.demo-brand-card>div span { color:var(--landing-orange-bright); font-size:13px; }.demo-brand-card em { float:right; padding:4px 6px; border-radius:10px; background:#183b2a; color:#70c798; font-size:7px; font-style:normal; }.demo-brand-card>strong { display:block; margin-top:24px; font:600 20px "Space Grotesk",sans-serif; letter-spacing:-.05em; }.demo-brand-card p { color:#85858b; font-size:9px; line-height:1.5; }.demo-brand-card>div:last-child { display:flex; gap:4px; }.demo-brand-card>div:last-child span { padding:5px 6px; border-radius:12px; background:#251a17; color:#c18f76; font-size:7px; }.demo-performance { padding:15px; }.demo-performance>small { color:#777780; font-size:8px; letter-spacing:.13em; }.demo-performance>div { margin-top:19px; }.demo-performance>div span,.demo-performance>div strong,.demo-performance>div em { display:block; }.demo-performance>div span { color:#85858b; font-size:8px; }.demo-performance strong { margin:6px 0 4px; font:600 26px "Space Grotesk",sans-serif; }.demo-performance em { color:#70c798; font-size:8px; font-style:normal; }.demo-performance svg { width:100%; height:55px; margin-top:10px; }.demo-performance path { fill:none; stroke:var(--landing-orange); stroke-width:2; }
.calendar-demo,.content-demo { min-height:555px; padding:44px 56px; background:#151518; }.calendar-demo-head,.content-demo-head { display:flex; align-items:end; justify-content:space-between; }.calendar-demo small,.content-demo small { color:var(--landing-orange-bright); font-size:8px; letter-spacing:.15em; }.calendar-demo h3,.content-demo h3 { margin:10px 0 0; font:600 29px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.calendar-demo-head>span { color:#888890; font-size:9px; }.calendar-demo-head>span b { color:#e6e2dc; font-weight:500; }.calendar-week,.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); }.calendar-week { margin-top:48px; padding-bottom:13px; color:#707078; font-size:8px; letter-spacing:.12em; }.calendar-days { border-top:1px solid #303035; border-left:1px solid #303035; }.calendar-days>span { min-height:73px; padding:11px; border-right:1px solid #303035; border-bottom:1px solid #303035; color:#9999a0; font-size:10px; }.calendar-days b { display:block; width:max-content; margin-top:19px; padding:4px 5px; border-radius:4px; background:#42251c; color:#e69c72; font-size:7px; }.calendar-days .day-today { color:#eeeae3; box-shadow:inset 0 2px var(--landing-orange); }.calendar-days .day-today b { background:var(--landing-orange); color:#2b1207; }.calendar-days .day-story b { background:#183529; color:#71ca99; }.calendar-demo-foot { display:flex; align-items:center; gap:15px; margin-top:20px; color:#808088; font-size:8px; }.calendar-demo-foot i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:var(--landing-orange); }.calendar-demo-foot .legend-post { background:#ba7958; }.calendar-demo-foot .legend-story { background:#71ca99; }.calendar-demo-foot strong { margin-left:auto; color:#bdb9b3; font-weight:500; }.calendar-demo-foot strong b { color:var(--landing-orange-bright); padding-left:7px; }.content-demo-head button { border:1px solid #573428; border-radius:7px; background:#281914; color:#e4976d; padding:10px 12px; font-size:9px; }.content-demo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:45px; }.post-preview { min-height:266px; display:flex; flex-direction:column; justify-content:end; padding:18px; border:1px solid #3d2a23; border-radius:9px; overflow:hidden; position:relative; }.post-preview:before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#7f3e20,#21120e 65%); opacity:.8; }.post-preview-dark:before { background:linear-gradient(145deg,#36343f,#16161b 70%); }.post-preview-line:before { background:linear-gradient(145deg,#233d36,#111518 70%); }.post-preview>* { position:relative; }.post-preview span { align-self:flex-start; margin-bottom:auto; padding:5px 6px; border-radius:4px; background:#1a1110aa; color:#efb090; font-size:7px; letter-spacing:.1em; }.post-preview strong { font:600 22px/1 "Space Grotesk",sans-serif; letter-spacing:-.06em; }.post-preview small { margin-top:10px; color:#d2a790; font-size:8px; line-height:1.4; }.content-demo-approval { display:flex; align-items:center; gap:11px; margin-top:28px; padding:15px; border:1px solid #2d4437; border-radius:8px; background:#131e18; }.content-demo-approval strong,.content-demo-approval small { display:block; }.content-demo-approval strong { color:#d9e8df; font-size:10px; }.content-demo-approval small { margin-top:4px; color:#7ca18b; font-size:8px; }.content-demo-approval>button { margin-left:auto; border:0; background:transparent; color:#7ad19d; font-size:9px; }
.process-section { padding-top:145px; }.process-heading { display:flex; align-items:end; justify-content:space-between; }.process-heading p { max-width:265px; margin-bottom:4px; }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:70px; }.process-step { min-height:310px; padding:24px; border-top:1px solid #37373b; }.step-top { display:flex; justify-content:space-between; color:#74747b; font-size:10px; }.step-top i { display:grid; place-items:center; width:33px; height:33px; border:1px solid #553227; border-radius:9px; color:var(--landing-orange-bright); font-style:normal; font-size:16px; }.process-step h3 { margin:50px 0 10px; font:600 22px "Space Grotesk",sans-serif; letter-spacing:-.06em; }.process-step p { min-height:52px; color:#8a8a91; font-size:11px; line-height:1.6; }.step-chat { margin-top:25px; padding:10px 11px; border:1px solid #373037; border-radius:7px; color:#b78d77; background:#1a1517; font-size:9px; line-height:1.4; }.step-success { border-color:#2f503e; background:#142119; color:#80c9a0; }
.features-section { padding-top:50px; }.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-top:65px; }.feature-card { min-height:300px; padding:27px; border:1px solid var(--landing-line); border-radius:12px; background:#111114; position:relative; overflow:hidden; }.feature-card.feature-wide { grid-column:span 2; display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; min-height:265px; }.feature-copy h3,.feature-card>h3 { max-width:260px; margin:27px 0 10px; font:600 25px/1.04 "Space Grotesk",sans-serif; letter-spacing:-.065em; }.feature-copy p,.feature-card>p { max-width:320px; color:#8e8e95; font-size:11px; line-height:1.6; }.feature-copy .text-link { display:block; margin-top:25px; }.feature-visual { align-self:center; min-height:190px; border:1px solid #2e2d32; border-radius:10px; background:#18181c; box-shadow:0 18px 30px #0005; }.mini-calendar-visual { padding:20px; }.mini-cal-top { display:flex; justify-content:space-between; color:#74747b; font-size:8px; }.mini-cal-top b { color:var(--landing-orange-bright); font-size:9px; font-weight:500; }.mini-cal-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; margin-top:24px; }.mini-cal-grid span { display:grid; place-items:center; min-height:38px; border:1px solid #2a2a2f; border-radius:5px; color:#87878e; font-size:10px; }.mini-cal-grid span.selected { background:#563021; border-color:#75412d; color:#f3d1bc; }.mini-cal-grid span.green { background:#183529; border-color:#2d6549; color:#abd9be; }.mini-cal-grid small { display:block; font-size:6px; color:var(--landing-orange-bright); }.format-pills { display:flex; gap:7px; position:absolute; left:27px; bottom:27px; }.format-pills span { padding:6px 8px; border-radius:5px; background:#241914; color:#d39372; font-size:8px; letter-spacing:.1em; }.feature-orange { background:linear-gradient(145deg,#24140e,#131114); border-color:#4b2b20; }.tiny-chart { display:flex; align-items:end; gap:8px; height:80px; margin-top:33px; padding-right:10px; border-bottom:1px solid #4c3027; }.tiny-chart span { flex:1; border-radius:3px 3px 0 0; background:linear-gradient(#ff934b,#a74320); opacity:.78; }.feature-chat { background:linear-gradient(145deg,#141719,#101315); }.approval-visual { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:20px; background:#101516; }.approval-bubble { max-width:78%; padding:10px 11px; border-radius:8px; font-size:9px; line-height:1.45; }.approval-bubble.user { align-self:flex-end; background:var(--landing-orange); color:#261106; }.approval-bubble.agent { display:flex; gap:7px; background:#26332d; color:#b8d1c2; }.approval-bubble.agent b { color:#ff9b5c; }.approval-actions { display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid #29352f; color:#77887d; font-size:8px; }.approval-actions b { color:#83d2a4; }
.integration-section { display:grid; grid-template-columns:.86fr .9fr; align-items:center; gap:120px; padding-top:150px; }.integration-copy>p { max-width:430px; margin-top:28px; }.integration-list { display:grid; margin-top:38px; }.integration-list>div { display:grid; grid-template-columns:30px 1fr; padding:15px 0; border-top:1px solid #29292e; }.integration-list>div span { color:var(--landing-orange-bright); font-size:9px; }.integration-list b,.integration-list small { grid-column:2; }.integration-list b { margin-top:-13px; color:#d6d2cb; font-size:11px; }.integration-list small { margin-top:4px; color:#77777f; font-size:9px; }.integration-visual { min-height:490px; position:relative; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%,#ff6b1a13,transparent 47%); }.instagram-phone { width:245px; min-height:440px; padding:14px 12px; border:1px solid #5b3a2d; border-radius:28px; background:#0d0d10; box-shadow:18px 28px 70px #000b,0 0 0 7px #ffffff04; transform:rotate(6deg); }.phone-notch { width:74px; height:16px; margin:-8px auto 10px; border-radius:0 0 12px 12px; background:#000; }.phone-head { display:flex; justify-content:space-between; color:#d8d3cd; font-size:8px; }.phone-profile { display:flex; align-items:center; gap:10px; padding:22px 7px 16px; }.phone-avatar { display:grid; place-items:center; width:36px; height:36px; border:1px solid #cc602e; border-radius:50%; background:#381d16; color:#efa376; font-size:10px; font-weight:700; }.phone-profile b,.phone-profile small { display:block; }.phone-profile b { color:#e2ddd5; font-size:9px; }.phone-profile small { margin-top:4px; color:#85858c; font-size:8px; }.phone-post { overflow:hidden; border:1px solid #2c292d; border-radius:5px; background:#111215; }.phone-post-image { min-height:230px; display:flex; align-items:end; justify-content:space-between; padding:16px; background:linear-gradient(145deg,#ef7531,#7e301d 30%,#24151a 78%); color:#ffe4d2; font:600 22px/1 "Space Grotesk",sans-serif; letter-spacing:-.06em; }.phone-post-image b { color:#1d100b; }.phone-post-image i { align-self:start; color:#ffd3ac; font-size:24px; font-style:normal; }.phone-post-actions { padding:10px 10px 4px; color:#ddc3b7; font-size:15px; }.phone-post-actions span { float:right; }.phone-post>b,.phone-post p { display:block; padding:0 10px; }.phone-post>b { color:#ddd8d1; font-size:8px; }.phone-post p { margin:5px 0 14px; color:#99989f; font-size:8px; line-height:1.4; }.integration-badge { position:absolute; right:2px; bottom:67px; display:flex; align-items:center; gap:9px; padding:12px; border:1px solid #315540; border-radius:9px; background:#142019; box-shadow:0 14px 32px #0008; }.integration-badge b,.integration-badge small { display:block; }.integration-badge b { color:#d2e7d9; font-size:9px; }.integration-badge small { margin-top:4px; color:#7faf90; font-size:8px; }
.value-section { display:grid; grid-template-columns:.55fr 1.2fr .55fr; gap:45px; align-items:center; padding-top:145px; padding-bottom:145px; border-top:1px solid #25252a; border-bottom:1px solid #25252a; }.value-stat strong { display:block; color:var(--landing-orange-bright); font:600 clamp(58px,7vw,96px)/.8 "Space Grotesk",sans-serif; letter-spacing:-.1em; }.value-stat strong span { font-size:.5em; }.value-stat p { color:#929198; font-size:10px; line-height:1.5; }.value-stat.right { text-align:right; }.value-quote { text-align:center; }.quote-mark { display:block; color:var(--landing-orange-bright); font:600 44px "Space Grotesk",sans-serif; line-height:.5; }.value-quote blockquote { margin:18px 0; color:#dedad3; font:500 clamp(21px,2.3vw,30px)/1.2 "Space Grotesk",sans-serif; letter-spacing:-.055em; }.quote-line { display:block; width:30px; height:1px; margin:26px auto 12px; background:var(--landing-orange); }.value-quote small { color:#77777e; font-size:9px; }.final-cta { min-height:485px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px 24px; text-align:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 80%,#ff6b1a20,transparent 43%),linear-gradient(145deg,#161013,#0b0b0c 65%); border-top:1px solid #30272a; }.final-cta h2 { position:relative; z-index:1; margin:23px 0 17px; font:600 clamp(48px,6vw,75px)/.95 "Space Grotesk",sans-serif; letter-spacing:-.085em; }.final-cta p { max-width:390px; color:#99989e; font-size:13px; line-height:1.6; }.final-cta .hero-cta { position:relative; z-index:1; margin-top:16px; }.final-orb { position:absolute; right:15%; bottom:-158px; color:var(--landing-orange); font-size:340px; line-height:1; opacity:.09; transform:rotate(20deg); }.landing-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:110px; color:#6e6e76; font-size:10px; }.landing-footer .brand-mark { color:#d9d5ce; font-size:16px; }.landing-footer .brand-mark>span:last-child { color:var(--landing-orange-bright); }
@media (max-width:1180px) and (min-width:901px) { .landing-nav { gap:18px; }.landing-links { gap:15px; }.landing-nav-actions { gap:8px; margin-left:4px; }.landing-nav-cta { padding:9px 10px; font-size:10px; } }
@media (max-width:900px) { .landing-nav,.landing-hero,.landing-section,.landing-footer { width:min(100% - 42px,680px); }.landing-links { gap:14px; }.landing-nav-cta { display:none; }.landing-hero { grid-template-columns:1fr; padding-top:50px; }.hero-copy { padding:10px 0 0; }.hero-visual { min-height:560px; }.hero-product-card { margin-left:0; }.hero-orb { right:-260px; }.intro-grid,.integration-section { grid-template-columns:1fr; gap:40px; }.intro-grid { gap:25px; }.section-heading,.process-heading { display:block; }.section-heading p,.process-heading p { margin-top:22px; }.integration-section { padding-top:100px; }.integration-visual { min-height:510px; }.value-section { gap:20px; }.value-stat strong { font-size:61px; } }
@media (max-width:650px) { .landing-nav,.landing-hero,.landing-section,.landing-footer { width:calc(100% - 34px); }.landing-nav { min-height:70px; }.landing-links { display:none; position:absolute; top:62px; left:0; right:0; flex-direction:column; gap:0; padding:10px; border:1px solid var(--landing-line); border-radius:10px; background:#151518; box-shadow:0 20px 35px #0008; }.landing-links.open { display:flex; }.landing-links a { width:100%; padding:12px 10px; }.landing-nav-actions { margin-left:auto; }.landing-menu { display:block; }.landing-hero { min-height:0; padding-top:50px; }.hero-copy h1 { font-size:48px; }.hero-lead { font-size:14px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:19px; }.hero-proof { margin-top:38px; }.hero-visual { min-height:410px; margin:5px -25px 0; overflow:hidden; }.hero-orb { width:610px; right:-246px; top:20px; }.hero-visual-glow { right:-45px; top:72px; width:330px; height:330px; }.hero-product-card { width:90%; margin-top:25px; transform:perspective(900px) rotateY(-4deg) rotateX(2deg) scale(.91); }.mini-window-body { min-height:285px; }.mini-workspace { padding:19px 15px; }.mini-workspace h4 { font-size:17px; margin-bottom:16px; }.mini-dashboard-row { margin-top:25px; }.mini-sidebar { gap:15px; }.floating-note { transform:scale(.82); }.note-top { top:20px; right:0; }.note-bottom { bottom:17px; left:-7px; }.landing-signal { gap:11px; justify-content:flex-start; overflow:hidden; white-space:nowrap; font-size:7px; }.landing-section { padding:82px 0; }.section-kicker { margin-bottom:26px; }.intro-grid h2,.section-heading h2,.process-heading h2,.integration-copy h2 { font-size:38px; }.benefit-grid,.process-grid,.feature-grid { grid-template-columns:1fr; margin-top:45px; }.benefit-card { min-height:220px; }.showcase-section { width:100%; padding-left:17px; padding-right:17px; }.showcase-section .section-heading { width:calc(100% - 17px); margin-left:auto; margin-right:auto; }.showcase-shell { border-radius:12px; }.showcase-tabs { overflow:auto; }.showcase-tab { flex:none; }.demo-screens,.demo-screen { min-height:520px; }.demo-screen.active[data-demo-screen=chat] { display:block; }.demo-sidebar { display:none; }.demo-main { padding:18px 13px; min-height:520px; }.demo-topbar h3 { font-size:20px; }.demo-topbar>span { display:none; }.demo-grid { grid-template-columns:1fr; }.demo-chat-card { min-height:315px; }.demo-side-stack { display:grid; grid-template-columns:1fr 1fr; }.demo-brand-card { min-height:150px; padding:12px; }.demo-brand-card>strong { margin-top:14px; font-size:15px; }.demo-brand-card p { font-size:8px; }.demo-performance { padding:12px; }.demo-performance strong { font-size:21px; }.calendar-demo,.content-demo { padding:28px 17px; }.calendar-demo h3,.content-demo h3 { font-size:23px; }.calendar-demo-head>span { display:none; }.calendar-week { margin-top:30px; font-size:7px; }.calendar-days>span { min-height:57px; padding:7px 4px; font-size:8px; }.calendar-days b { margin-top:12px; padding:3px; font-size:5px; }.calendar-demo-foot { flex-wrap:wrap; gap:9px; }.calendar-demo-foot strong { width:100%; margin:7px 0 0; }.content-demo-grid { grid-template-columns:1fr 1fr; margin-top:30px; }.post-preview { min-height:180px; padding:12px; }.post-preview:last-child { display:none; }.post-preview strong { font-size:17px; }.content-demo-approval { align-items:flex-start; flex-wrap:wrap; }.content-demo-approval>button { margin-left:0; }.process-step { min-height:255px; padding:20px 0; }.process-step h3 { margin-top:31px; }.feature-card,.feature-card.feature-wide { min-height:280px; display:block; }.feature-card.feature-wide { padding:22px; }.feature-card.feature-wide .feature-visual { margin-top:24px; }.feature-copy h3,.feature-card>h3 { font-size:22px; }.mini-calendar-visual { min-height:160px; }.mini-cal-grid { gap:4px; margin-top:15px; }.mini-cal-grid span { min-height:27px; font-size:8px; }.format-pills { position:static; margin-top:27px; }.tiny-chart { margin-top:23px; }.approval-visual { min-height:150px; }.integration-section { padding-top:90px; }.integration-visual { min-height:470px; }.instagram-phone { transform:rotate(4deg) scale(.88); }.integration-badge { right:0; bottom:45px; }.value-section { grid-template-columns:1fr 1.4fr; gap:15px; padding:85px 0; }.value-stat.right { display:none; }.value-stat strong { font-size:57px; }.value-quote blockquote { font-size:20px; }.final-cta { min-height:430px; padding:60px 18px; }.final-cta h2 { font-size:50px; }.landing-footer { min-height:140px; flex-wrap:wrap; padding:28px 0; }.landing-footer>span:nth-child(2) { width:100%; order:3; }.landing-footer>span:last-child { margin-left:auto; } }
.landing-legal-links { display:flex; align-items:center; gap:15px; }
.landing-legal-links > a { color:#77777f; text-decoration:none; }
.landing-legal-links > a:hover { color:#e4e0d8; }