:root{--paper:#f6fbff;--paper-2:#eaf4ff;--ink:#101214;--muted:#65707a;--line:#d9e3ee;--blue:#005eea;--blue-2:#1677ff;--lime:#b8ff2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{width:min(1180px,calc(100vw - 42px));margin:0 auto}.nav{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;border-left:1px solid var(--line)}.brand,.contact,.nav,.nav nav a{border-right:1px solid var(--line)}.brand,.contact,.nav nav a{min-height:34px;display:inline-flex;align-items:center;padding:0 13px;border-bottom:1px solid var(--line);background:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.brand{justify-self:start;gap:8px;color:var(--blue)}.nav nav{display:flex}.contact,.nav nav a:first-child{border-left:1px solid var(--line)}.contact{justify-self:end;border-right:0}.brand img{width:22px;height:22px;object-fit:contain;border-radius:4px}.hero{position:relative;min-height:520px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#eaf4ff,#f8fbff 72%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;opacity:.75}.pixelBackdrop{position:absolute;inset:0;display:grid;place-items:center;opacity:.18;pointer-events:none}.pixelBackdrop img{width:min(680px,78vw);height:auto;object-fit:contain;filter:saturate(1.05)}.heroGrid{position:relative;z-index:1;min-height:520px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:56px;gap:56px;align-items:center;padding:64px 76px}.overline,.smallMeta{margin:0;color:var(--blue);font:800 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:.08em;text-transform:uppercase}h1{margin:18px 0 0;max-width:720px;font-size:clamp(56px,7vw,92px);line-height:.93}h1,h2{letter-spacing:-.075em}h2{margin:14px 0 0;font-size:clamp(36px,4.8vw,64px);line-height:.95}h3{margin:0;font-size:21px;letter-spacing:-.04em}.heroSide{max-width:390px;justify-self:end}.heroSide p,.split>p{margin:0;color:#48515a;font-size:15px;line-height:1.58}.ctaRow{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border:1px solid var(--ink)}.ctaRow a{min-height:42px;display:grid;place-items:center;font-size:11px;font-weight:900;text-transform:uppercase}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink);border-left:1px solid var(--ink)}.ticker{height:122px;display:flex;align-items:center;justify-content:center;gap:22px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--blue);font:800 20px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase;overflow:hidden}.ticker span{color:var(--ink)}.split{display:grid;grid-template-columns:.82fr 1fr;grid-gap:80px;gap:80px;align-items:flex-end;padding:92px 0 34px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.card{min-height:300px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.cardIcon{width:94px;height:94px;margin-bottom:70px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px}.cardIcon i{border-radius:999px;border:1px solid #c9d6e4}.cardIcon i.on{background:var(--blue);border-color:var(--blue)}.card>span{float:right;color:#a0aab4;font:700 11px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.card p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.demo{display:grid;grid-template-columns:.75fr 1fr;grid-gap:40px;gap:40px;align-items:start;padding:96px 0 0}.demoCopy p:last-child{margin:18px 0 0;color:var(--muted);line-height:1.55}.demoPanel{border:1px solid var(--line);background:#fff}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-bottom:1px solid var(--line)}.formGrid label{display:grid;grid-gap:8px;gap:8px;padding:16px;border-right:1px solid var(--line);color:var(--blue);font:800 11px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase}.formGrid label:nth-child(2){border-right:0}.formGrid .wide{grid-column:1/-1;border-top:1px solid var(--line);border-right:0}input,textarea{width:100%;border:1px solid #b8c7d7;background:#fff;color:var(--ink);padding:12px 13px;font:15px Inter,ui-sans-serif,system-ui,sans-serif;outline:none;position:relative;z-index:2}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,94,234,.12)}textarea{min-height:116px;resize:vertical}.formGrid button,.taskPreview button{cursor:pointer;grid-column:1/-1;min-height:46px;border:0;border-top:1px solid var(--ink);background:var(--ink);color:#fff;font:900 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase;letter-spacing:.08em}.taskPreview button:disabled{cursor:default;background:#e8eef5;color:var(--muted)}.demoStatus{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.demoStatus span{padding:13px 16px;border-right:1px solid var(--line);color:var(--blue);font:800 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase}.demoStatus span:last-child{border-right:0}.emptyTask,.taskPreview{padding:18px}.emptyTask{color:var(--muted);font:800 13px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.taskTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.taskTop b{font-size:20px;letter-spacing:-.04em}.taskTop span{color:var(--blue);font:900 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase}.taskPreview p{color:#48515a;line-height:1.55}.receipts{display:grid;grid-gap:7px;gap:7px;margin-top:14px}.receipts code{display:block;padding:10px 12px;background:#f0f6ff;color:var(--blue);font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.rolesBlock{display:grid;grid-template-columns:minmax(360px,520px) 1fr;grid-gap:34px;gap:34px;align-items:stretch;padding:96px 0 0}.roleVisual{aspect-ratio:1/1;position:relative;padding:24px;border:1px solid var(--line);background:var(--paper-2);display:grid;place-items:center;overflow:hidden}.roleVisual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d7e6f5 1px,transparent 0),linear-gradient(90deg,#d7e6f5 1px,transparent 0);background-size:32px 32px;opacity:.72}.visualTopline{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:var(--blue);font:800 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase}.dotMatrix{position:relative;z-index:1;width:72%;display:grid;grid-template-columns:repeat(11,1fr);grid-gap:7px;gap:7px}.dotMatrix span{aspect-ratio:1/1;border-radius:999px;background:rgba(0,94,234,.1)}.dotMatrix span.on{background:var(--blue);box-shadow:0 0 0 1px rgba(0,94,234,.12)}.roleButtons{display:grid;align-content:start;grid-gap:10px;gap:10px}.roleButtons h2{margin-bottom:14px}.roleButtons button{cursor:pointer;width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:18px 20px;border:1px solid var(--line);background:#fff;color:var(--ink)}.roleButtons button.active,.roleButtons button:hover{border-color:var(--blue);background:#eef6ff}.roleButtons button span{font-size:22px;font-weight:800;letter-spacing:-.045em}.roleButtons button b{color:var(--blue);font:800 12px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:uppercase}.useCases{display:grid;grid-template-columns:.75fr 1fr;grid-gap:40px;gap:40px;padding:96px 0 0}.caseGrid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.case{min-height:130px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.case b{display:block;font-size:18px}.case span{display:block;margin-top:8px;color:var(--muted)}.quickstart{display:grid;grid-template-columns:.75fr 1fr;grid-gap:40px;gap:40px;padding:96px 0 24px}.codePanel{border:1px solid var(--line);background:#fff}.codePanel p{margin:0;padding:16px 18px;border-bottom:1px solid var(--line);color:#4b5560;font:14px ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.codePanel p:last-child{border-bottom:0}.codePanel b{color:var(--blue)}@media (max-width:940px){.nav{display:flex;height:auto;padding-bottom:14px;flex-wrap:wrap}.demo,.heroGrid,.quickstart,.rolesBlock,.split,.useCases{grid-template-columns:1fr;padding-left:0;padding-right:0}.heroGrid{padding:42px 24px}.heroSide{justify-self:start;max-width:100%}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){main{width:min(100vw - 24px,560px)}h1{font-size:48px}.cards,.caseGrid{grid-template-columns:1fr}.ticker{font-size:14px;gap:12px}.demoStatus,.formGrid{grid-template-columns:1fr}.formGrid label{border-right:0}.demoStatus span{border-right:0;border-bottom:1px solid var(--line)}.roleButtons button{display:block}.roleButtons button b{display:block;margin-top:6px}}