:root{--bg:#f7f5f0;--bg-2:#efece5;--panel:#fff;--panel-2:#fbfaf7;--ink:#191b1f;--ink-2:#33363d;--muted:#6b7180;--faint:#9aa0ad;--line:rgba(25,27,31,.08);--line-strong:rgba(25,27,31,.16);--accent:#0d9478;--accent-soft:rgba(13,148,120,.09);--indigo:#5a5fd8;--indigo-soft:rgba(90,95,216,.09);--amber:#c98a12;--danger:#d5566a;--radius:18px;--font:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--shadow-sm:0 1px 2px rgba(25,27,31,.04),0 4px 16px rgba(25,27,31,.05);--shadow-lg:0 2px 6px rgba(25,27,31,.05),0 24px 80px rgba(25,27,31,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:rgba(13,148,120,.18)}.mono{font-family:var(--mono)}.container{max-width:1200px;margin:0 auto;padding:0 32px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:11px;font-size:14.5px;font-weight:600;border:1px solid var(--line-strong);color:var(--ink);background:#fff;cursor:pointer;transition:all .16s ease;font-family:var(--font);letter-spacing:-.01em;box-shadow:var(--shadow-sm)}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn.solid{background:var(--ink);border-color:var(--ink);color:#fff}.btn.solid:hover{background:#000;color:#fff;box-shadow:0 10px 34px rgba(25,27,31,.25)}.btn.sm{padding:9px 17px;font-size:13px}.btn .arr{font-family:var(--mono);font-size:13px;transition:transform .16s}.btn:hover .arr{transform:translateX(3px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent);opacity:.6}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);background:hsla(43,30%,95%,.82);border-bottom:1px solid var(--line)}.topnav-inner{max-width:1200px;margin:0 auto;padding:15px 32px;justify-content:space-between;gap:24px}.logo,.topnav-inner{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}.logo-mark{width:27px;height:27px;border-radius:8px;position:relative;flex:none;background:conic-gradient(from 210deg,#0d9478,#5a5fd8,#0d9478)}.logo-mark:after{content:"";position:absolute;inset:6px;border-radius:4px;background:var(--bg)}.logo-mark:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;z-index:1;transform:translate(-50%,-50%);border-radius:999px;background:var(--accent)}.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{color:var(--muted);font-size:13.5px;font-weight:500;transition:color .15s}.navlinks a:hover{color:var(--ink)}.hero{position:relative;overflow:hidden;padding:104px 0 72px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 42% at 22% 0,rgba(13,148,120,.07),transparent 62%),radial-gradient(ellipse 46% 40% at 85% 8%,rgba(90,95,216,.07),transparent 62%)}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:56px;gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;margin-bottom:28px;border:1px solid var(--line-strong);background:#fff;font-size:13px;color:var(--muted);font-weight:500;box-shadow:var(--shadow-sm)}.hero-badge .pulse{width:7px;height:7px;border-radius:999px;background:var(--accent);animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,148,120,.35)}70%{box-shadow:0 0 0 9px rgba(13,148,120,0)}to{box-shadow:0 0 0 0 rgba(13,148,120,0)}}.hero h1{font-size:clamp(40px,4.8vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:0 0 22px}.hero h1 .grad{background:linear-gradient(92deg,#0d9478 5%,#5a5fd8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{font-size:17.5px;line-height:1.7;color:var(--muted);max-width:540px;margin:0 0 34px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:20px;font-size:12.5px;color:var(--faint);font-family:var(--mono);letter-spacing:.02em}.hero-viz{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-lg)}.hero-viz svg{display:block;width:100%;height:auto}.flow-line{stroke-dasharray:6 7;animation:dashmove 1.6s linear infinite}@keyframes dashmove{to{stroke-dashoffset:-13}}.node-pulse{animation:nodepulse 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes nodepulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.float-a{animation:floaty 5s ease-in-out infinite}.float-b{animation:floaty 6s ease-in-out .8s infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sim-pick{transition:transform .18s,box-shadow .18s,border-color .18s;background:#fff}.sim-pick:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)!important}.film-pick{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:26px 14px;color:#fff;cursor:pointer;font-family:var(--font);transition:transform .2s,border-color .2s,background .2s}.film-pick:hover{transform:translateY(-4px);border-color:#5eead4;background:rgba(94,234,212,.07)}.cell-alarm{animation:cellAlarm 1.1s ease-in-out infinite}@keyframes cellAlarm{0%,to{stroke-opacity:1}50%{stroke-opacity:.35}}.worker{animation:workerDrift 4s ease-in-out infinite}.worker.w1{animation-duration:5s;animation-delay:.6s}.worker.w2{animation-duration:6s;animation-delay:1.1s}@keyframes workerDrift{0%,to{transform:translate(0)}50%{transform:translate(2px,-3px)}}.marquee-wrap{border-top:1px solid var(--line);padding:26px 0;overflow:hidden;background:var(--bg)}.marquee-label{text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}.marquee{display:flex;gap:64px;width:max-content;animation:marquee 30s linear infinite}.marquee span{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--faint);white-space:nowrap;letter-spacing:.02em}.marquee .brand{display:inline-flex;align-items:center;gap:10px;transition:color .2s,filter .2s}.marquee .brand img{width:20px;height:20px;object-fit:contain;opacity:.8;transition:opacity .2s}.marquee .brand img[alt=Salesforce]{width:30px}.marquee .brand:hover{color:var(--ink)}.marquee .brand:hover img{opacity:1}@keyframes marquee{to{transform:translateX(-50%)}}.metrics{margin:72px auto 0;max-width:1000px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.metric{padding:28px 20px;text-align:center;position:relative}.metric+.metric:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}.metric .num{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.metric .num em{font-style:normal;color:var(--accent)}.metric .lbl{font-size:12.5px;color:var(--muted);margin-top:8px;font-weight:500}section.block{padding:104px 0;position:relative}section.block.tint{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec-head{max-width:700px;margin-bottom:56px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head.center .eyebrow:before{display:none}.sec-head.center .eyebrow{justify-content:center}.sec-head h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:18px 0 16px}.sec-head p{font-size:16.5px;line-height:1.75;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.split+.split{margin-top:96px}.split .txt h3{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.025em;margin:16px 0 14px;line-height:1.2}.split .txt p{font-size:15.5px;line-height:1.8;color:var(--muted);margin:0 0 18px}.split .txt ul{margin:0;padding:0;list-style:none}.split .txt li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.7;margin-bottom:10px}.split .txt li:before{content:"✓";color:var(--accent);font-weight:700;flex:none;margin-top:1px}.viz{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.viz svg{display:block;width:100%;height:auto}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;position:relative}.pipeline:before{content:"";position:absolute;top:19px;left:6%;right:6%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px 16px)}.pstep{padding:0 22px;position:relative}.pstep .node{width:38px;height:38px;border-radius:999px;position:relative;z-index:1;border:2px solid var(--accent);background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent);margin-bottom:20px;box-shadow:var(--shadow-sm)}.pstep h3{font-size:16.5px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px}.pstep .phase{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:10px}.pstep p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0}.levels{display:grid;grid-gap:12px;gap:12px;max-width:900px;margin:0 auto}.level{display:grid;grid-template-columns:92px 1fr auto;grid-gap:26px;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px 28px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.level:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.level .tag{font-family:var(--mono);font-weight:700;font-size:22px;color:var(--accent)}.level .tag.blue{color:var(--indigo)}.level .tag.warn{color:var(--amber)}.level h4{margin:0 0 5px;font-size:15.5px;font-weight:700;letter-spacing:-.015em}.level p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}.level .who{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--panel-2)}.console-frame{border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg)}.console-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--panel-2)}.dot{width:10px;height:10px;border-radius:999px;background:#d8d5cd}.dot.g{background:var(--accent)}.console-bar .addr{font-family:var(--mono);font-size:12px;color:var(--faint);margin-left:12px}.console-tabs{display:flex;gap:2px;padding:10px 14px 0;border-bottom:1px solid var(--line);background:var(--panel-2);overflow-x:auto}.console-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-family:var(--font);font-size:13.5px;font-weight:500;padding:10px 16px;cursor:pointer;white-space:nowrap;letter-spacing:-.01em}.console-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.console-body{padding:26px;min-height:460px}.grid{display:grid;grid-gap:14px;gap:14px}.cards4{grid-template-columns:repeat(4,1fr)}.cards3{grid-template-columns:repeat(3,1fr)}.cards2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:18px}.k{color:var(--muted);font-size:12.5px}.v{font-size:24px;font-weight:700;margin-top:6px;letter-spacing:-.02em;font-family:var(--mono)}.ok{color:var(--accent)}.warn{color:var(--amber)}.bad{color:var(--danger)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:var(--faint);font-weight:600;font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.table td,.table th{border-bottom:1px solid var(--line);padding:11px 8px;text-align:left}.table tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:600;border:1px solid var(--line-strong);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.badge.high{color:var(--danger);border-color:rgba(213,86,106,.4);background:rgba(213,86,106,.07)}.badge.med{color:var(--amber);border-color:rgba(201,138,18,.4);background:rgba(201,138,18,.07)}.badge.live{color:var(--accent);border-color:rgba(13,148,120,.4);background:var(--accent-soft)}.row{display:flex;gap:12px}.grow{flex:1 1}input,select,textarea{background:#fff;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;padding:11px 13px;font-family:var(--font);font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.chat{height:380px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 0}.bubble{padding:12px 15px;border-radius:13px;max-width:82%;font-size:14px;line-height:1.65;white-space:pre-wrap}.me{align-self:flex-end;background:var(--indigo-soft);border:1px solid rgba(90,95,216,.2)}.ai{align-self:flex-start;background:var(--accent-soft);border:1px solid rgba(13,148,120,.2)}pre{white-space:pre-wrap;background:#f3f1ea;padding:18px;border-radius:12px;overflow:auto;font-size:12.5px;line-height:1.7;border:1px solid var(--line);font-family:var(--mono);color:var(--ink-2)}.cta-band{position:relative;overflow:hidden;padding:120px 0;text-align:center;background:var(--ink);color:#fff}.cta-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 65% at 30% 110%,rgba(13,148,120,.25),transparent 70%),radial-gradient(ellipse 45% 65% at 75% -10%,rgba(90,95,216,.2),transparent 70%)}.cta-band .container{position:relative}.cta-band h2{font-size:clamp(32px,4.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.cta-band p{color:hsla(0,0%,100%,.65);font-size:17px;max-width:560px;margin:0 auto 38px;line-height:1.75}.cta-band .btn{background:#fff;border-color:#fff;color:var(--ink);box-shadow:none}.cta-band .btn:hover{background:#f2f2f2;color:var(--ink)}.cta-band .btn.ghost{background:transparent;border-color:hsla(0,0%,100%,.3);color:#fff}.cta-band .btn.ghost:hover{border-color:#fff}footer{border-top:1px solid var(--line);padding:48px 0;color:var(--faint);font-size:13px;background:var(--bg)}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:24px}.foot-links a{color:var(--muted);font-weight:500}.foot-links a:hover{color:var(--ink)}@media (max-width:980px){.hero{padding:64px 0 56px}.hero-grid{grid-template-columns:1fr;gap:40px}.metrics{grid-template-columns:1fr 1fr}.metric+.metric:before{display:none}.split{grid-template-columns:1fr;gap:32px}.split.flip .viz{order:-1}.pipeline{grid-template-columns:1fr 1fr;gap:32px 0}.pipeline:before{display:none}.cards3,.cards4{grid-template-columns:1fr 1fr}.level{grid-template-columns:1fr;gap:10px}.level .who{justify-self:start}.navlinks{display:none}}@media (max-width:560px){.cards2,.cards3,.cards4,.metrics,.pipeline{grid-template-columns:1fr}}.brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}.brand-name{font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--ink)}.brand-byline{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;color:var(--muted);letter-spacing:.02em}.byline-logo{height:12px;width:auto;display:inline-block}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-logo{height:24px;width:auto;display:block}.brand-divider{width:1px;height:20px;background:var(--line-strong)}.logo .wordmark{font-weight:500;letter-spacing:.24em;font-size:.78em;color:var(--ink-2)}:root{--joni-purple:#ac5cf9}