:root {
  --ink: #08090d;
  --paper: #f4f1eb;
  --red: #f12e3f;
  --red-bright: #ff5a4e;
  --orange: #ff8b53;
  --line: rgba(255,255,255,.13);
  --muted: #a3a4ad;
  --display: "DM Sans", sans-serif;
  --body: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: #fff; background: var(--ink); font-family: var(--body); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
::selection { color: white; background: var(--red); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: .75rem; left: .75rem; padding: .75rem 1rem; color: #111; background: #fff; border-radius: 999px; transform: translateY(-180%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.noise { position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 40; top: 0; left: 0; width: 100%; min-height: 84px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(20px,4vw,68px); border-bottom: 1px solid transparent; transition: background .35s, border-color .35s, min-height .35s, backdrop-filter .35s; }
.site-header.scrolled { min-height: 68px; background: rgba(8,9,13,.72); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { justify-self: start; display: flex; align-items: center; gap: 11px; font: 700 20px/1 var(--display); letter-spacing: -.04em; text-transform: lowercase; }
.brand-mark { position: relative; width: 31px; height: 27px; display: inline-block; background: linear-gradient(145deg,var(--red-bright),var(--red)); border-radius: 9px 9px 9px 3px; box-shadow: 0 0 24px rgba(241,46,63,.25); overflow: hidden; }
.brand-mark::after { content: ""; position: absolute; bottom: -4px; left: 4px; width: 7px; height: 8px; background: var(--red); transform: rotate(28deg); }
.brand-mark i { position: relative; z-index: 1; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: white; margin: 12px 0 0 3px; }
.brand-mark i:first-of-type { margin-left: 7px; }
.brand-mark img { display: none; width: 100%; height: 100%; object-fit: contain; }
.brand-mark.has-custom-logo { width: auto; min-width: 31px; background: transparent; border-radius: 0; box-shadow: none; overflow: visible; }
.brand-mark.has-custom-logo::after, .brand-mark.has-custom-logo i { display: none; }
.brand-mark.has-custom-logo img { display: block; width: auto; max-width: 140px; height: 31px; }
.brand-mark--mini { width: 22px; height: 20px; border-radius: 6px 6px 6px 2px; }
.brand-mark--mini i { width: 2px; height: 2px; margin: 9px 0 0 2px; }
.brand-mark--mini i:first-of-type { margin-left: 5px; }
.brand-mark--mini.has-custom-logo img { height: 22px; max-width: 95px; }
.desktop-nav { display: flex; gap: 34px; font-size: 13px; color: #c6c6cc; }
.desktop-nav a { transition: color .2s; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: white; }
.header-cta { justify-self: end; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 26px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font: 600 13px/1 var(--body); white-space: nowrap; transition: transform .25s, box-shadow .25s, color .25s, background .25s; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; }
.button--small { min-height: 42px; padding: 0 18px; gap: 14px; }
.button--ghost { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.04); }
.button--ghost:hover { background: white; color: #101116; }
.button--primary { background: white; color: #111218; box-shadow: 0 15px 45px rgba(0,0,0,.28); }
.button--primary:hover { box-shadow: 0 18px 60px rgba(255,255,255,.12); }
.button--light { background: #fff; color: #14151b; }
.menu-button, .mobile-nav { display: none; }

.hero { position: relative; min-height: 100svh; overflow: hidden; display: grid; grid-template-columns: minmax(300px,.85fr) minmax(500px,1.15fr); align-items: center; padding: 132px clamp(20px,6vw,100px) 76px; isolation: isolate; }
#scene { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -4; opacity: .9; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg,rgba(8,9,13,.98) 0%,rgba(8,9,13,.78) 37%,rgba(8,9,13,.18) 71%,rgba(8,9,13,.72) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 26%); }
.hero-glow { position: absolute; z-index: -2; border-radius: 50%; filter: blur(100px); pointer-events: none; }
.hero-glow--one { width: 42vw; height: 42vw; top: 8%; right: 4%; background: rgba(218,16,50,.24); }
.hero-glow--two { width: 24vw; height: 24vw; bottom: 5%; right: 34%; background: rgba(255,109,58,.12); }
.hero-copy { position: relative; z-index: 4; align-self: center; max-width: 770px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; color: #b8b9c1; font: 500 11px/1 var(--body); letter-spacing: .18em; text-transform: uppercase; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #61e786; box-shadow: 0 0 0 5px rgba(97,231,134,.12),0 0 18px rgba(97,231,134,.55); }
.hero h1 { max-width: 800px; margin: 0; font: 500 clamp(59px,7vw,118px)/.88 var(--display); letter-spacing: -.075em; }
.hero h1 em, .closing h2 em { color: var(--red-bright); font-style: normal; }
.hero-copy > p { max-width: 590px; margin: 33px 0 0; color: #b7b8c0; font-size: clamp(15px,1.15vw,18px); line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 38px; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: #cbccd2; font-size: 13px; }
.text-link span { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--line); border-radius: 50%; }
.hero-stage { position: relative; justify-self: end; width: min(52vw,800px); height: min(64vw,750px); perspective: 1200px; transform-style: preserve-3d; }
.orbit { position: absolute; inset: 18%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; transform: rotateX(64deg) rotateZ(-12deg); }
.orbit::before { content: ""; position: absolute; width: 8px; height: 8px; top: 12%; left: 18%; border-radius: 50%; background: #ffab82; box-shadow: 0 0 16px #ff7c62; }
.orbit--two { inset: 29%; transform: rotateX(74deg) rotateZ(51deg); border-color: rgba(255,78,82,.18); }
.orbit--two::before { top: 67%; left: 88%; width: 5px; height: 5px; }
.core { position: absolute; top: 29%; left: 39%; width: 31%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 36% 30%,#ffb093 0,#ff5d56 13%,#e3203e 42%,#590c24 72%,transparent 73%),radial-gradient(circle at 50% 50%,rgba(255,57,68,.75),transparent 72%); box-shadow: inset -20px -24px 50px rgba(30,0,12,.75),inset 16px 12px 30px rgba(255,203,173,.25),0 0 90px rgba(232,28,61,.45),0 0 220px rgba(241,46,63,.18); animation: coreFloat 6s ease-in-out infinite; }
.core::before { content: ""; position: absolute; inset: -8%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; filter: blur(.4px); }
.core span { position: absolute; width: 13%; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.52); filter: blur(6px); }
.core span:nth-child(1){top:22%;left:24%}.core span:nth-child(2){top:55%;left:66%;width:7%}.core span:nth-child(3){top:68%;left:30%;width:4%}
@keyframes coreFloat { 50% { transform: translateY(-15px) scale(1.025); } }
.message-card, .insight-card { position: absolute; z-index: 3; border: 1px solid rgba(255,255,255,.16); background: linear-gradient(145deg,rgba(35,36,45,.78),rgba(16,16,22,.48)); box-shadow: 0 25px 70px rgba(0,0,0,.38); backdrop-filter: blur(18px); transform-style: preserve-3d; will-change: transform; }
.message-card { width: min(34vw,390px); padding: 19px 20px 18px; border-radius: 20px; }
.message-card--customer { top: 19%; right: 0; }
.message-card--ai { left: 1%; bottom: 18%; }
.message-meta { display: flex; align-items: center; gap: 9px; color: #f4f4f6; font-size: 11px; font-weight: 600; }
.message-meta time { margin-left: auto; color: #7f818c; font-weight: 400; }
.avatar { flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; font: 700 10px/1 var(--display); background: linear-gradient(145deg,#ff7b62,#e82a46); }
.avatar--ai { background: #fff; color: var(--red); }
.avatar--blue { background: #476ddd; }.avatar--green { background:#2f9d78}.avatar--purple{background:#8057c8}
.message-card p { margin: 16px 0 0; font-size: 14px; line-height: 1.55; color: #dbdbe0; }
.ai-badge { padding: 4px 6px; margin-left: auto; color: #ff9b91; border: 1px solid rgba(255,87,82,.35); border-radius: 5px; font-size: 8px; letter-spacing: .1em; }
.typing-wave { display: flex; gap: 3px; margin-top: 13px; }
.typing-wave i { width: 4px; height: 4px; border-radius: 50%; background: #ff6a5f; animation: typing 1.2s infinite; }
.typing-wave i:nth-child(2){animation-delay:.15s}.typing-wave i:nth-child(3){animation-delay:.3s}
@keyframes typing { 50% { opacity: .25; transform: translateY(-3px); } }
.insight-card { top: 63%; right: 1%; display: flex; align-items: center; gap: 13px; min-width: 238px; padding: 15px 17px; border-radius: 16px; }
.insight-icon { display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: var(--red); border-radius: 9px; }
.insight-card strong, .insight-card small { display: block; }.insight-card strong { font-size: 11px; }.insight-card small { margin-top: 4px; color: #83858f; font-size: 8px; }
.pulse-ring { margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: #69e58a; box-shadow: 0 0 0 5px rgba(105,229,138,.1); }
.stage-label { position: absolute; bottom: 4%; left: 33%; display: flex; gap: 14px; color: rgba(255,255,255,.38); font-size: 8px; letter-spacing: .2em; }
.stage-label span:first-child { color: var(--red-bright); }
.hero-foot { position: absolute; left: clamp(20px,6vw,100px); right: clamp(20px,6vw,100px); bottom: 26px; display: flex; align-items: center; gap: 14px; color: #62636c; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.hero-foot > span:last-child { margin-left: auto; }
.scroll-line { width: 70px; height: 1px; background: rgba(255,255,255,.15); overflow: hidden; }.scroll-line i { display:block;width:30px;height:1px;background:white;animation:scroll 2s ease-in-out infinite}@keyframes scroll{from{transform:translateX(-30px)}to{transform:translateX(70px)}}

.signal-strip { overflow: hidden; border-block: 1px solid rgba(255,255,255,.12); background: #0c0d12; }
.ticker { width: max-content; display: flex; align-items: center; gap: 32px; padding: 17px 0; animation: ticker 34s linear infinite; }
.ticker span { color: #a7a8af; font-size: 10px; letter-spacing: .22em; }.ticker i { width: 5px;height:5px;border-radius:50%;background:var(--red)}
@keyframes ticker { to { transform: translateX(-50%); } }

.section { padding: 120px clamp(20px,6vw,100px); }
.section-number { padding-bottom: 21px; border-bottom: 1px solid rgba(255,255,255,.12); color: #696b74; font: 500 9px/1 var(--body); letter-spacing: .2em; }
.intro { background: #0b0c11; }
.intro-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 10vw; align-items: end; margin: 74px 0 92px; }
.intro h2, .workflow h2, .features h2 { margin: 0; font: 500 clamp(46px,6.5vw,100px)/.95 var(--display); letter-spacing: -.065em; }
.intro h2 span, .workflow h2 span, .features h2 span { color: #686a73; }
.intro-copy { max-width: 490px; font-size: 16px; line-height: 1.75; color: #e0e0e4; }.intro-copy p{margin:0}.intro-copy .muted{margin-top:22px;color:#767882;font-size:13px}
.product-window { overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: #f0f1f4; box-shadow: 0 45px 100px rgba(0,0,0,.42); transform: perspective(1600px) rotateX(2deg); transform-origin: center bottom; }
.window-bar { height: 58px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 20px; color: #16171c; background: white; border-bottom: 1px solid #e5e5e8; }
.window-brand { display: flex; align-items: center; gap: 8px; font: 700 12px/1 var(--display); }
.window-address { padding: 8px 50px; color: #95969c; background: #f5f5f7; border-radius: 8px; font-size: 9px; }
.window-user { justify-self: end; }.window-user span { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#16171c;color:#fff;font-size:8px}
.window-body { height: min(58vw,640px); min-height: 470px; display: grid; grid-template-columns: 64px 250px 1fr 250px; color: #1d1e23; }
.app-sidebar { padding: 19px 0; display: flex; flex-direction: column; align-items: center; gap: 16px; background: #14151a; color: #9798a0; }
.app-logo { display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--red);color:white;font-weight:700;margin-bottom:14px}
.app-nav { display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:12px}.app-nav.active{background:#2c2d34;color:white}
.conversation-list { background: #fff; border-right: 1px solid #e4e5e9; }
.list-heading { height: 74px; padding: 20px; border-bottom: 1px solid #e5e6e9; }.list-heading strong,.list-heading span{display:block}.list-heading strong{font:700 14px var(--display)}.list-heading span{margin-top:4px;color:#9a9ba1;font-size:8px}
.conversation { display: grid; grid-template-columns: 34px 1fr auto; gap: 8px; align-items: center; margin: 8px; padding: 12px; border-radius: 10px; }.conversation.active{background:#f7e7e9}.conversation strong,.conversation small{display:block}.conversation strong{font-size:10px}.conversation small{max-width:125px;margin-top:5px;color:#9a9ba1;font-size:7px;white-space:nowrap;overflow:hidden}.conversation time{align-self:start;color:#a1a2a8;font-size:6px}
.chat-panel { display: grid; grid-template-rows: 74px 1fr 64px; min-width: 0; background: #f7f7f8; }
.chat-head { display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#fff;border-bottom:1px solid #e5e6e9}.chat-head strong,.chat-head span{display:block}.chat-head strong{font-size:12px}.chat-head span{margin-top:5px;color:#7b7d84;font-size:7px}.chat-head span i{display:inline-block;width:5px;height:5px;background:#4ecc72;border-radius:50%;margin-right:4px}.chat-head button{border:0;background:transparent;color:#777;font-size:12px}
.chat-area { position:relative;display:flex;flex-direction:column;gap:15px;padding:30px 8%;overflow:hidden}.day-pill{align-self:center;color:#a2a3a8;font-size:7px}.bubble{position:relative;max-width:65%;padding:14px 16px 22px;border-radius:15px;font-size:10px;line-height:1.55}.bubble time{position:absolute;right:12px;bottom:7px;color:#9c9da4;font-size:6px}.bubble--in{align-self:flex-start;background:white;border-bottom-left-radius:3px}.bubble--out{align-self:flex-end;background:#ed3d4d;color:white;border-bottom-right-radius:3px}.bubble--out time{color:rgba(255,255,255,.68)}.bubble-agent{display:block;margin-bottom:5px;color:rgba(255,255,255,.7);font-size:7px;font-weight:700}.source-chip{align-self:flex-end;margin-right:2%;padding:6px 9px;color:#7e7f85;background:#eeeef1;border-radius:99px;font-size:7px}
.composer { display:flex;align-items:center;justify-content:space-between;margin:8px 18px 14px;padding-left:15px;color:#a1a2a7;background:white;border:1px solid #dedfe3;border-radius:10px;font-size:8px}.composer button{width:31px;height:31px;margin-right:5px;border:0;border-radius:8px;background:#17181d;color:white}
.context-panel { padding: 25px 20px; background: white; border-left: 1px solid #e5e6e9; }.context-label{color:#a3a4aa;font-size:7px;letter-spacing:.15em}.context-panel h3{margin:22px 0 4px;font:700 16px var(--display)}.context-panel>small{color:#96979d;font-size:8px}.context-panel dl{margin-top:28px}.context-panel dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eeeef0;font-size:8px}.context-panel dt{color:#95969c}.context-panel dd{margin:0;font-weight:600}.context-panel dd i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#51c976}.context-note{display:flex;gap:9px;margin-top:24px;padding:14px;background:#f9eaec;border-radius:10px}.context-note>span{color:var(--red)}.context-note p{margin:0;font-size:7px;line-height:1.5;color:#777}.context-note strong{display:block;margin-bottom:3px;color:#292a30;font-size:8px}

.workflow { position:relative;background:var(--paper);color:#17181d;overflow:hidden}.workflow .section-number{border-color:#cfd0d2;color:#8a8b90}.workflow-head{display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;align-items:end;margin:75px 0 95px}.workflow-head p{max-width:400px;margin:0 0 8px;color:#65666c;font-size:14px;line-height:1.75}.flow-map{position:relative;height:430px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-lines path{fill:none;stroke:#bbbcc0;stroke-width:1;stroke-dasharray:4 7}.flow-node{position:absolute;width:128px;height:128px;display:grid;place-items:center;align-content:center;border:1px solid #c9c9cd;border-radius:50%;background:rgba(244,241,235,.84);text-align:center;box-shadow:0 12px 40px rgba(23,24,29,.06)}.flow-node span{color:var(--red);font-size:8px}.flow-node strong{margin-top:7px;font:600 12px var(--display)}.flow-node small{margin-top:4px;color:#8c8d92;font-size:7px}.flow-node--start{left:2%;top:151px}.flow-node--top-one{left:24%;top:11px}.flow-node--bottom-one{left:24%;bottom:11px}.flow-node--core{left:calc(50% - 76px);top:139px;width:152px;height:152px;color:white;border:0;background:radial-gradient(circle at 35% 26%,#ff7c68,#e5233c 42%,#7c1026 100%);box-shadow:0 24px 65px rgba(216,30,54,.3)}.flow-node--core span{color:white;font-size:17px}.flow-node--top-two{right:24%;top:11px}.flow-node--bottom-two{right:24%;bottom:11px}.flow-node--end{right:2%;top:151px}

.features { background:#090a0e }.features-head{margin:74px 0 80px}.bento{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.feature{position:relative;min-height:390px;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#111218;overflow:hidden}.feature--large{grid-row:span 2;min-height:796px}.feature--red{background:linear-gradient(150deg,#ef3b47,#a70d2a);border-color:transparent}.feature--wide{grid-column:1/-1;min-height:390px}.feature-index{display:block;color:#6c6e77;font-size:9px;letter-spacing:.14em}.feature--red .feature-index{color:rgba(255,255,255,.55)}.feature h3{max-width:520px;margin:27px 0 14px;font:500 clamp(25px,3vw,42px)/1.08 var(--display);letter-spacing:-.045em}.feature p{max-width:480px;margin:0;color:#858791;font-size:13px;line-height:1.7}.feature--red p{color:rgba(255,255,255,.7)}.knowledge-visual{position:absolute;left:8%;right:8%;bottom:7%;height:54%;}.knowledge-core{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:115px;height:115px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 33% 25%,#ff9e7f,#ef3045 45%,#610d25);box-shadow:0 0 0 18px rgba(239,48,69,.05),0 0 0 50px rgba(239,48,69,.025),0 25px 80px rgba(239,48,69,.28);font:600 22px var(--display)}.knowledge-visual::before,.knowledge-visual::after{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.09);border-radius:50%}.knowledge-visual::after{inset:2%;border-style:dashed}.doc{position:absolute;display:grid;place-items:center;width:60px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#1d1e25;color:#bdbec5;font-size:8px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.doc--one{top:8%;left:13%}.doc--two{top:12%;right:10%}.doc--three{bottom:13%;left:5%}.doc--four{right:12%;bottom:5%}.handoff-visual{display:flex;align-items:center;justify-content:center;gap:10px;height:120px;margin-top:18px}.mini-avatar{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#f1f1f2;color:#e62b42;font:700 11px var(--display)}.mini-avatar--human{color:white;background:linear-gradient(145deg,#585b65,#25262d)}.handoff-visual>div{display:flex;gap:5px}.handoff-visual i{width:18px;height:1px;background:#42434c}.tenant-stack{position:relative;height:130px;margin:8px auto 0;perspective:800px}.tenant-stack i{position:absolute;top:50%;left:50%;width:150px;height:90px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(255,255,255,.08);transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-12deg);box-shadow:0 15px 30px rgba(70,0,14,.22)}.tenant-stack i:nth-child(2){transform:translate(-50%,-35%) rotateX(64deg) rotateZ(-12deg)}.tenant-stack i:nth-child(3){transform:translate(-50%,-20%) rotateX(64deg) rotateZ(-12deg)}.wide-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;height:100%}.device-visual{position:relative;height:270px}.device{position:absolute;border:1px solid rgba(255,255,255,.18);background:#1a1b21;box-shadow:0 30px 70px rgba(0,0,0,.35)}.device--desktop{right:6%;top:14%;width:75%;height:68%;border-radius:13px;transform:perspective(800px) rotateY(-15deg) rotateX(4deg)}.device--desktop span{position:absolute;inset:11px;border-radius:6px;background:linear-gradient(135deg,#2b2c34,#121318)}.device--desktop i{position:absolute;right:20px;bottom:18px;width:90px;height:105px;border-radius:11px 11px 3px 11px;background:linear-gradient(#e93749 0 25%,#fff 25%)}.device--phone{left:12%;bottom:0;width:90px;height:170px;border-radius:20px;transform:perspective(800px) rotateY(15deg)}.device--phone span{position:absolute;inset:8px;border-radius:14px;background:linear-gradient(#e93749 0 22%,#f4f4f5 22%)}.device--phone i{position:absolute;left:50%;top:5px;width:28px;height:4px;border-radius:9px;background:#08090d;transform:translateX(-50%)}

.feature-directory{margin-top:130px;padding-top:70px;border-top:1px solid rgba(255,255,255,.12)}.directory-intro{display:grid;grid-template-columns:.55fr 1.35fr .75fr;gap:6vw;align-items:start;margin-bottom:68px}.directory-intro>span{color:#666872;font-size:9px;letter-spacing:.2em}.directory-intro h3{margin:0;font:500 clamp(30px,4vw,57px)/1.05 var(--display);letter-spacing:-.055em}.directory-intro p{margin:5px 0 0;color:#7d7f88;font-size:12px;line-height:1.7}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.directory-item{position:relative;min-height:285px;padding:28px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transition:background .3s}.directory-item:hover{background:#111218}.directory-item>span{position:absolute;right:25px;top:28px;color:#4f5159;font-size:8px}.directory-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#ff6c61;background:rgba(255,255,255,.025);font:500 16px var(--display)}.directory-item h4{margin:58px 0 12px;font:500 18px var(--display);letter-spacing:-.025em}.directory-item p{margin:0;color:#777983;font-size:11px;line-height:1.7}

.closing{position:relative;min-height:850px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#d5223b}.closing::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 26%,rgba(94,0,28,.18) 61%,rgba(27,0,12,.55) 100%)}.closing-orb{position:absolute;left:50%;top:46%;width:min(54vw,680px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffac86,#ff4c4c 21%,#cf1639 49%,#5b0924 77%,#29030f);box-shadow:inset -50px -50px 100px rgba(30,0,11,.5),inset 25px 20px 55px rgba(255,220,192,.18),0 70px 150px rgba(35,0,11,.55)}.closing-orb::after{content:"";position:absolute;inset:-8%;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:orbPulse 4s ease-in-out infinite}.closing-orb span{position:absolute;top:17%;left:24%;width:14%;height:8%;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(12px);transform:rotate(-25deg)}@keyframes orbPulse{50%{transform:scale(1.04);opacity:.4}}.closing-copy{position:relative;z-index:2}.closing-kicker{font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.65)}.closing h2{margin:31px 0 24px;font:500 clamp(60px,8vw,128px)/.86 var(--display);letter-spacing:-.075em}.closing h2 em{color:#fff}.closing p{max-width:520px;margin:0 auto 36px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.7}
.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:start;padding:55px clamp(20px,6vw,100px) 28px;background:#08090d}.brand--footer{font-size:24px}.site-footer p{max-width:320px;margin:5px 0;color:#777982;font-size:12px;line-height:1.6}.site-footer>div{display:flex;gap:25px;font-size:11px}.site-footer>div a:hover{color:var(--red-bright)}.site-footer small{grid-column:1/-1;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);color:#555760;font-size:9px;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}

@media (max-width: 1100px){
  .hero{grid-template-columns:1fr 1fr;padding-inline:40px}.hero-stage{width:56vw}.hero h1{font-size:clamp(58px,7vw,88px)}
  .window-body{grid-template-columns:58px 215px 1fr}.context-panel{display:none}.flow-node{width:112px;height:112px}.flow-node--core{width:140px;height:140px;left:calc(50% - 70px);top:145px}
}
@media (max-width: 800px){
  .site-header{min-height:70px;grid-template-columns:1fr auto;padding-inline:20px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:50%;color:white;background:rgba(255,255,255,.04)}.menu-button span:not(.sr-only){width:18px;height:1px;background:white;transition:transform .2s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;top:70px;left:12px;right:12px;display:flex;flex-direction:column;padding:12px;background:rgba(16,17,23,.96);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.mobile-nav a:last-child{border:0;color:#ff756a}
  .hero{min-height:960px;display:block;padding:122px 20px 60px}.hero::before{background:linear-gradient(180deg,rgba(8,9,13,.98) 0%,rgba(8,9,13,.8) 41%,rgba(8,9,13,.25) 74%,var(--ink) 100%)}.hero h1{font-size:clamp(52px,15vw,78px)}.hero-copy>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-stage{position:absolute;left:0;right:0;bottom:25px;width:100%;height:510px}.core{top:33%;left:34%;width:34%}.message-card{width:270px;padding:14px}.message-card--customer{top:23%;right:3%}.message-card--ai{left:3%;bottom:14%}.insight-card{top:68%;right:4%;min-width:210px}.hero-foot{display:none}
  .section{padding:86px 20px}.intro-grid,.workflow-head{grid-template-columns:1fr;gap:38px;margin:50px 0 60px}.intro h2,.workflow h2,.features h2{font-size:clamp(44px,13vw,66px)}.product-window{border-radius:15px;transform:none}.window-address,.conversation-list{display:none}.window-body{height:520px;min-height:0;grid-template-columns:48px 1fr}.window-bar{grid-template-columns:1fr auto;height:52px}.window-user{grid-column:2}.app-sidebar{padding-top:14px}.chat-panel{grid-template-rows:64px 1fr 58px}
  .flow-map{height:720px;display:flex;flex-direction:column;align-items:center;gap:14px}.flow-lines{display:none}.flow-node{position:static;width:128px;height:128px;flex:0 0 auto}.flow-node--top-one,.flow-node--bottom-one,.flow-node--top-two,.flow-node--bottom-two{position:absolute}.flow-node--top-one{top:142px;left:10%}.flow-node--bottom-one{top:142px;right:10%}.flow-node--core{position:absolute;top:290px;left:50%;width:142px;height:142px;transform:translateX(-50%)}.flow-node--top-two{top:448px;left:10%}.flow-node--bottom-two{top:448px;right:10%}.flow-node--end{position:absolute;top:590px;left:50%;transform:translateX(-50%)}
  .features-head{margin:50px 0}.bento{grid-template-columns:1fr}.feature,.feature--large,.feature--wide{grid-column:auto;grid-row:auto;min-height:430px}.feature--large{min-height:650px}.wide-grid{grid-template-columns:1fr}.device-visual{height:190px}.feature-directory{margin-top:85px;padding-top:50px}.directory-intro{grid-template-columns:1fr;gap:20px}.directory-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.site-footer small{grid-column:1}.closing{min-height:720px}.closing-orb{width:120vw}.closing h2{font-size:clamp(60px,18vw,88px)}
}
@media (max-width: 520px){
  .hero{min-height:920px}.hero-stage{height:470px}.message-card--customer{top:20%}.message-card--ai{bottom:12%}.insight-card{top:63%}.text-link{display:none}.button--primary{width:100%}.flow-node--top-one,.flow-node--top-two{left:2%}.flow-node--bottom-one,.flow-node--bottom-two{right:2%}.feature{padding:25px}.directory-grid{grid-template-columns:1fr}.directory-item{min-height:235px}.window-brand .brand-mark.has-custom-logo img{max-width:70px}.site-footer>div{flex-direction:column;gap:10px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}#scene{display:none}
}