https://ssicevs.com/assets/BrandLanding-Bjx3slil.js

1import{j as e,r as j}from"./metal-fx-C6GZ_SKA.js";import{G as r,b as y,a as n,T as p,D as d,e as u,B as l,d as m,L as w,P as N}from"./parts-CsDmfDnj.js";import{fm as b,eT as h}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";function c({children:t,delay:s=0,className:a=""}){const i=b();return e.jsx(h.div,{className:a,initial:i?!1:{opacity:0,y:18},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-70px"},transition:{duration:.55,delay:i?0:s,ease:[.22,.61,.36,1]},children:t})}const o="mx-auto w-full max-w-[1160px] px-5 sm:px-8";function x({intensity:t,tone:s="ink",size:a,smSize:i=Math.round(a*.6),className:g=""}){const f="radial-gradient(circle closest-side at 50% 50%, black 0%, black 78%, transparent 100%)";return e.jsx("div",{"aria-hidden":!0,className:`pointer-events-none absolute h-[var(--field-sm)] w-[var(--field-sm)] md:h-[var(--field)] md:w-[var(--field)] ${g}`,style:{"--field":`${a}px`,"--field-sm":`${i}px`,maskImage:f,WebkitMaskImage:f},children:e.jsx(N,{intensity:t,tone:s})})}function v(t,s=46,a=88){const i=r[t];return`linear-gradient(180deg, color-mix(in srgb, ${i} 0%, transparent) 0%, color-mix(in srgb, ${i} 74%, transparent) ${s}%, ${i} ${a}%)`}const k=[["Product","#surfaces"],["Traces","#trace"],["Install","#install"],["Docs","#close"]];function T(){const[t,s]=j.useState(!1);return j.useEffect(()=>{const a=()=>s(window.scrollY>24);return a(),window.addEventListener("scroll",a,{passive:!0}),()=>window.removeEventListener("scroll",a)},[]),e.jsx("header",{className:"fixed inset-x-0 top-0 z-50 transition-colors duration-300",style:{background:t?`color-mix(in srgb, ${r.ink} 78%, transparent)`:"transparent",backdropFilter:t?"blur(14px)":"none",borderBottom:`1px solid ${t?"rgba(255,255,255,0.08)":"transparent"}`},children:e.jsxs("div",{className:`${o} flex h-16 items-center justify-between gap-6`,children:[e.jsx("a",{href:"#top",className:"shrink-0",children:e.jsx(y,{size:22,tone:"ink"})}),e.jsx("nav",{className:"hidden items-center gap-1 md:flex",children:k.map(([a,i])=>e.jsx("a",{href:i,className:"rounded-full px-3 py-1.5 text-[13.5px] text-white/55 transition-colors duration-200 hover:text-white",children:a},a))}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("a",{href:"#close",className:"hidden text-[13.5px] text-white/55 transition-colors duration-200 hover:text-white sm:block",children:"Sign in"}),e.jsx(n,{variant:"solid",tone:"ink",href:"#close",className:"!px-4 !py-2 !text-[13px]",children:"Get started"})]})]})})}function S(){const t=b();return e.jsxs("section",{id:"top",className:"relative isolate overflow-hidden",style:{background:r.ink},children:[e.jsx(h.div,{className:"absolute inset-x-0 top-0 h-full",initial:t?!1:{opacity:0,scale:1.06},animate:{opacity:1,scale:1},transition:{duration:1.2,ease:[.16,1,.3,1]},children:e.jsx(x,{intensity:"burst",tone:"ink",size:940,smSize:480,className:"right-[-220px] top-[-150px] md:top-[-150px]"})}),e.jsx("div",{className:"pointer-events-none absolute inset-0",style:{background:v("ink",66,96)}}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-[150px]",style:{background:`linear-gradient(180deg, color-mix(in srgb, ${r.ink} 78%, transparent) 0%, color-mix(in srgb, ${r.ink} 34%, transparent) 55%, transparent 100%)`}}),e.jsxs("div",{className:`${o} relative z-10 flex min-h-[92vh] flex-col justify-end pb-16 pt-32 sm:pb-24`,children:[e.jsxs(h.div,{initial:t?!1:{opacity:0,y:22},animate:{opacity:1,y:0},transition:{duration:.7,delay:t?0:.15,ease:[.22,.61,.36,1]},className:"max-w-[760px]",children:[e.jsx(p,{className:"mb-6",children:"decision surface"}),e.jsx(d,{as:"h1",children:"Decisions you can defend."}),e.jsx(u,{className:"mt-3",size:"hero",children:"Beyond the black box."})]}),e.jsxs(h.div,{initial:t?!1:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{duration:.7,delay:t?0:.3,ease:[.22,.61,.36,1]},className:"mt-8 flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between",children:[e.jsx(l,{className:"max-w-[54ch]",children:"ssych sits between your model and production. It records what a decision was made on, keeps the path it took, and gives the person on call one place to approve it, override it, or put it back."}),e.jsxs("div",{className:"flex shrink-0 flex-wrap gap-3",children:[e.jsx(n,{variant:"solid",tone:"ink",href:"#install",children:"Read the docs"}),e.jsx(n,{variant:"ghost",tone:"ink",href:"#trace",children:"See a trace"})]})]})]}),e.jsx(m,{className:"opacity-60"})]})}const $=[{n:"01",title:"The trace",body:"Inputs, thresholds and the branch taken, captured at the moment the call is made. Nothing is reconstructed from logs afterwards, because reconstruction is where the story starts changing."},{n:"02",title:"The queue",body:"Anything under your confidence floor stops before production and lands in a review queue, with the context already attached. A reviewer reads one screen, not five tabs."},{n:"03",title:"The reverse",body:"Every decision is written with the action that undoes it. Roll back one call or the batch it belonged to, from the same surface, without shipping a fix first."}];function R(){return e.jsxs("section",{id:"surfaces",className:"relative isolate overflow-hidden",style:{background:r.ink},children:[e.jsx(x,{intensity:"accent",tone:"ink",size:560,className:"right-[-260px] top-[-190px] opacity-55"}),e.jsx("div",{className:"pointer-events-none absolute inset-0",style:{background:v("ink",42,88)}}),e.jsxs("div",{className:`${o} relative z-10 py-20 sm:py-28`,children:[e.jsxs(c,{className:"max-w-[560px]",children:[e.jsx(p,{className:"mb-5",children:"what you get"}),e.jsx(d,{as:"h2",children:"Three surfaces, one record."}),e.jsx(l,{className:"mt-4 max-w-[52ch]",children:"Not a dashboard bolted on after the fact. The three views read the same write, so what a reviewer sees is what the auditor gets."})]}),e.jsx("div",{className:"mt-12 grid gap-px overflow-hidden rounded-2xl border border-white/[0.08] bg-white/[0.06] sm:mt-16 md:grid-cols-3",children:$.map((t,s)=>e.jsx(c,{delay:s*.08,children:e.jsxs("article",{className:"flex h-full flex-col gap-3 p-6 sm:p-8",style:{background:r.ink}

1,children:[e.jsx("span",{"aria-hidden":!0,className:"h-[3px] w-9 rounded-full",style:{background:w}}),e.jsx("span",{className:"font-mono text-[10.5px] uppercase tracking-[0.14em] text-white/30",children:t.n}),e.jsx(d,{as:"h3",children:t.title}),e.jsx(l,{children:t.body})]})},t.n))})]})]})}const z=[{rule:"identity.verified",verdict:"pass",detail:"document + liveness, 4 days old"},{rule:"limits.daily_remaining",verdict:"pass",detail:"within the account ceiling"},{rule:"counterparty.sanctions",verdict:"pass",detail:"list refreshed this morning"},{rule:"pattern.deviation",verdict:"hold",detail:"first payout to this destination"}];function E(){return e.jsxs("section",{id:"trace",className:"relative isolate overflow-hidden",style:{background:r.paper},children:[e.jsx(x,{intensity:"burst",tone:"paper",size:720,className:"left-[-260px] top-[-300px]"}),e.jsx(x,{intensity:"quiet",tone:"paper",size:480,className:"bottom-[-220px] right-[-140px]"}),e.jsxs("div",{className:`${o} relative z-10 grid gap-12 py-20 sm:py-28 lg:grid-cols-2 lg:items-center lg:gap-16`,children:[e.jsxs(c,{children:[e.jsx(p,{tone:"paper",className:"mb-5",children:"the trace"}),e.jsx(d,{as:"h2",tone:"paper",children:"Built for the moment someone asks why."}),e.jsx(u,{tone:"paper",className:"mt-2",children:"Beyond guesswork."}),e.jsx(l,{tone:"paper",className:"mt-5 max-w-[52ch]",children:"A held decision opens as a list of the rules that ran, in the order they ran, with the one that stopped it marked. The reviewer approves, overrides with a reason, or sends it back — and that choice becomes the next row in the same trace."}),e.jsxs("div",{className:"mt-7 flex flex-wrap gap-3",children:[e.jsx(n,{variant:"solid",tone:"paper",href:"#install",children:"Read the trace format"}),e.jsx(n,{variant:"ghost",tone:"paper",href:"#close",children:"Book a walkthrough"})]})]}),e.jsx(c,{delay:.1,children:e.jsxs("div",{className:"overflow-hidden rounded-2xl border border-black/10 bg-white shadow-[0_24px_70px_-40px_rgba(0,0,0,0.45)]",children:[e.jsx(m,{}),e.jsxs("div",{className:"flex items-center justify-between gap-3 border-b border-black/[0.07] px-5 py-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-display text-[15px] font-bold tracking-[-0.02em] text-black",children:"payout.release"}),e.jsx("div",{className:"mt-0.5 font-mono text-[10.5px] uppercase tracking-[0.12em] text-black/35",children:"held · awaiting review"})]}),e.jsx("span",{className:"rounded-full border border-black/[0.12] px-2.5 py-1 font-mono text-[10px] uppercase tracking-[0.12em] text-black/50",children:"4 rules"})]}),e.jsx("ul",{className:"divide-y divide-black/[0.06]",children:z.map(t=>e.jsxs("li",{className:"flex items-start justify-between gap-4 px-5 py-3.5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"truncate font-mono text-[12px] text-black/75",children:t.rule}),e.jsx("div",{className:"mt-0.5 truncate text-[12.5px] text-black/40",children:t.detail})]}),e.jsx("span",{className:`shrink-0 rounded-md px-2 py-1 font-mono text-[10px] uppercase tracking-[0.12em] ${t.verdict==="hold"?"bg-black text-white":"bg-black/[0.06] text-black/50"}`,children:t.verdict})]},t.rule))}),e.jsxs("div",{className:"flex items-center gap-2 border-t border-black/[0.07] px-5 py-4",children:[e.jsx(n,{variant:"solid",tone:"paper",href:"#trace",className:"!px-4 !py-2 !text-[13px]",children:"Approve"}),e.jsx(n,{variant:"ghost",tone:"paper",href:"#trace",className:"!px-4 !py-2 !text-[13px]",children:"Send back"})]})]})})]})]})}const B=[{text:"import { surface } from '@ssych/sdk'"},{text:""},{text:"const call = await surface.decide('payout.release', {"},{text:"  input: claim,"},{text:"  floor: 0.94,"},{text:"})"},{text:""},{text:"// under the floor? it never reaches production",dim:!0},{text:"if (call.held) return call.queue()"},{text:""},{text:"await call.commit()"}],I=[["One call site","Wrap the decision you already make. Nothing above or below it has to move."],["Your floor","The confidence floor is yours to set per decision type, and to change without a deploy."],["Open schema","Traces are plain JSON on your own storage. Export them, diff them, keep them after you leave."]];function L(){return e.jsxs("section",{id:"install",className:"relative isolate overflow-hidden",style:{background:r.ink}

1,children:[e.jsx(x,{intensity:"quiet",tone:"ink",size:560,className:"bottom-[-300px] left-[-300px] opacity-60"}),e.jsxs("div",{className:`${o} relative z-10 grid gap-12 py-20 sm:py-28 lg:grid-cols-[minmax(0,1fr)_minmax(0,480px)] lg:items-center lg:gap-16`,children:[e.jsxs(c,{children:[e.jsx(p,{className:"mb-5",children:"install"}),e.jsx(d,{as:"h2",children:"Drops in where the call is made."}),e.jsx(l,{className:"mt-4 max-w-[52ch]",children:"One import and one await. The decision still runs in your process, on your data — ssych records it, holds it when it should be held, and hands you back something you can show a regulator."}),e.jsx("dl",{className:"mt-9 space-y-5",children:I.map(([t,s])=>e.jsxs("div",{className:"border-l border-white/[0.12] pl-4",children:[e.jsx("dt",{className:"font-display text-[15px] font-bold tracking-[-0.02em] text-white",children:t}),e.jsx("dd",{className:"mt-1 text-[14.5px] leading-[1.6] text-white/50",children:s})]},t))})]}),e.jsx(c,{delay:.1,children:e.jsxs("div",{className:"overflow-hidden rounded-2xl border border-white/[0.1] bg-white/[0.02]",children:[e.jsx(m,{className:"opacity-70"}),e.jsxs("div",{className:"flex items-center justify-between border-b border-white/[0.07] px-4 py-2.5",children:[e.jsx("span",{className:"font-mono text-[10.5px] uppercase tracking-[0.12em] text-white/35",children:"payouts/release.ts"}),e.jsx("span",{className:"font-mono text-[10.5px] text-white/25",children:"typescript"})]}),e.jsx("pre",{className:"overflow-x-auto px-4 py-5 font-mono text-[12.5px] leading-[1.85] sm:text-[13px]",children:e.jsx("code",{children:B.map((t,s)=>e.jsx("div",{className:t.dim?"text-white/30":"text-white/80",children:t.text||" "},s))})})]})})]})]})}function O(){return e.jsxs("section",{id:"close",className:"relative isolate overflow-hidden",style:{background:r.paper},children:[e.jsx(x,{intensity:"burst",tone:"paper",size:1040,className:"left-1/2 top-[-430px] -translate-x-1/2"}),e.jsx("div",{className:`${o} relative z-10 flex min-h-[70vh] flex-col justify-end py-20 sm:py-28`,children:e.jsxs(c,{children:[e.jsx(d,{as:"h2",tone:"paper",className:"max-w-[16ch]",children:"Put the decision on the record."}),e.jsx(u,{tone:"paper",className:"mt-2",children:"Beyond limits."}),e.jsx(l,{tone:"paper",className:"mt-5 max-w-[50ch]",children:"Start with one decision type in a sandbox project. If the trace does not tell you something your logs could not, you have lost an afternoon and nothing else."}),e.jsxs("div",{className:"mt-8 flex flex-wrap gap-3",children:[e.jsx(n,{variant:"solid",tone:"paper",href:"#top",children:"Get started"}),e.jsx(n,{variant:"ghost",tone:"paper",href:"#trace",children:"Talk to an engineer"})]})]})})]})}const _=[["Product",["Traces","Review queue","Rollback","Changelog"]],["Developers",["Quickstart","SDK reference","Trace schema","Status"]],["Company",["About","Security","Terms","Contact"]]];function A({tone:t="ink"}={}){return e.jsxs("footer",{style:{background:r[t]},children:[e.jsx(m,{}),e.jsxs("div",{className:`${o} grid gap-10 py-14 sm:grid-cols-2 lg:grid-cols-[minmax(0,1.2fr)_repeat(3,minmax(0,1fr))]`,children:[e.jsxs("div",{children:[e.jsx(y,{size:22,tone:t}),e.jsx(l,{tone:t,className:"mt-4 max-w-[30ch] !text-[14px]",children:"The decision surface for systems that act on their own."})]}),_.map(([s,a])=>e.jsxs("div",{children:[e.jsx("div",{className:"mb-3 font-mono text-[10.5px] uppercase tracking-[0.14em] text-white/30",children:s}),e.jsx("ul",{className:"space-y-2",children:a.map(i=>e.jsx("li",{children:e.jsx("a",{href:"#top",className:"text-[14px] text-white/55 transition-colors duration-200 hover:text-white",children:i})},i))})]},s))]}),e.jsxs("div",{className:`${o} flex flex-wrap items-center justify-between gap-3 border-t border-white/[0.07] py-6`,children:[e.jsx("span",{className:"font-mono text-[10.5px] uppercase tracking-[0.12em] text-white/30",children:"ssych"}),e.jsx("span",{className:"font-mono text-[10.5px] uppercase tracking-[0.12em] text-white/30",children:"built on the ssych brand kit"})]})]})}function F(){return e.jsxs("main",{style:{background:r.ink},children:[e.jsx(T,{}),e.jsx(S,{}),e.jsx(R,{}),e.jsx(E,{}),e.jsx(L,{}),e.jsx(O,{}),e.jsx(A,{})]})}

1export{F as default};