:root{color-scheme:light;--paper:#faf9f6;--white:#fff;--ink:#201f38;--muted:#565669;--line:#dedce7;--indigo:#38346e;--lavender:#ebebfb;--green:#255b42;--red:#8b3541;--radius:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #726ada;outline-offset:4px}.skip{position:absolute;transform:translateY(-150%);background:#fff;padding:12px;z-index:2}.skip:focus{transform:none}.wrap{width:min(1180px,calc(100% - 88px));margin-inline:auto}.top{height:80px;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;text-decoration:none;font-size:1.3rem;font-weight:780;letter-spacing:-.055em}.top nav{display:flex;gap:28px}.top nav a,.top-action{font-size:.9rem;text-decoration:none;font-weight:650}.top nav a:hover,.top-action:hover,.footer a:hover{text-decoration:underline}.top-action{justify-self:end}.top-action span{margin-left:4px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,7vw,94px);align-items:center;padding-block:clamp(65px,9vw,126px)}.label{display:flex;align-items:center;gap:9px;margin:0 0 20px;font-size:.875rem;font-weight:700;color:var(--indigo)}.label span{width:8px;height:8px;border-radius:50%;background:#766ec8}.hero h1,.demo h2,.workflow h2,.use-case h2{font-size:clamp(2.6rem,5.1vw,4.55rem);letter-spacing:-.068em;line-height:1.02;margin:0;font-weight:760;text-wrap:balance}.intro{max-width:46ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:var(--muted);margin:24px 0 28px}.button{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:8px;background:#353265;color:#fff;font:inherit;font-size:.9rem;font-weight:720;text-decoration:none;cursor:pointer}.button:hover{background:#4a4581}.signal{margin:0;padding:23px;border:1px solid #d6d3ec;border-radius:var(--radius);background:var(--lavender)}.signal figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:750;font-size:.9rem;margin-bottom:26px}.sample-tag{background:#f9f8ff;border:1px solid #d6d3ec;border-radius:5px;padding:4px 7px;font-size:.73rem;font-weight:650;white-space:nowrap}.signal-start{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;margin:auto;padding:11px 15px;background:#fff;border:1px solid #d6d3ec;border-radius:9px}.signal-start svg{width:37px;flex:none;color:var(--indigo)}.signal-start strong,.signal-start small{display:block}.signal-start strong{font-size:.91rem}.signal-start small{margin-top:3px;font-size:.73rem;color:var(--muted)}.fork{height:34px;width:50%;margin:auto;position:relative;border:1px solid #a49fce;border-bottom:0;border-radius:7px 7px 0 0;transform:translateY(17px)}.fork:before{content:"";position:absolute;left:50%;height:17px;top:-18px;border-left:1px solid #a49fce}.signal-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.signal-results>div{padding:13px 11px;background:#fff;border:1px solid #d6d3ec;border-radius:9px}.result-label,.count{display:block;font-size:.75rem;color:var(--muted)}.signal-results strong{display:block;font-size:clamp(.87rem,1.25vw,1.05rem);margin:5px 0}.pass{color:var(--green)}.fail{color:var(--red)}.count{font-size:.78rem}
.demo{background:#28264d;color:white;padding-block:clamp(56px,8vw,94px);scroll-margin-top:20px}.demo-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,8vw,100px);align-items:center}.section-index{font-size:.78rem;font-weight:750;letter-spacing:.035em;color:var(--indigo);margin:0 0 13px}.demo .section-index{color:#c8c5f2}.demo h2,.workflow h2,.use-case h2{font-size:clamp(2rem,4.2vw,3.4rem)}.section-copy>p:not(.section-index){line-height:1.55;color:#eceaf9;max-width:43ch}.section-copy .note{font-size:.83rem;color:#c8c5df!important}.button-dark{background:#e4e2ff;color:#28264d;margin-top:5px}.button-dark:hover{background:#f0efff}.status{margin:10px 0 0;font-size:.82rem}.status:empty{margin:0}.receipt{border-radius:14px;background:#fff;color:var(--ink);border:1px solid #dad7ed;overflow:hidden}.receipt-head,.receipt-row,.receipt-foot{display:flex;align-items:center;gap:11px;padding:16px 18px}.receipt-head,.receipt-row{border-bottom:1px solid #e5e2ed}.receipt-head{background:#f4f3fc}.receipt-icon{background:#e4e1f7;color:#393368;border-radius:6px;display:grid;place-items:center;width:27px;height:27px;font-weight:800}.receipt-id{font-size:.72rem;color:var(--muted);margin-left:auto;white-space:nowrap}.receipt-row,.receipt-foot{justify-content:space-between}.receipt-row>div{min-width:0}.row-title{font-weight:730;font-size:.88rem;display:block;margin-bottom:4px}code{display:block;overflow-wrap:anywhere;font: .77rem/1.5 ui-monospace,monospace;color:var(--muted)}.badge{white-space:nowrap;border-radius:5px;background:#efedf5;padding:4px 7px;font-size:.72rem;font-weight:750}.badge.pass{background:#e8f4ec}.badge.fail{background:#f8e9eb}.receipt-foot{font-size:.75rem;color:var(--muted)}.text-button{padding:5px 0;background:transparent;border:0;font:inherit;font-weight:800;color:var(--indigo);cursor:pointer}.text-button:disabled{color:#656479;cursor:default}
.workflow{padding-block:clamp(62px,8vw,110px);scroll-margin-top:20px}.flow-intro{max-width:62ch;color:var(--muted);line-height:1.6;margin-bottom:32px}.flow{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;list-style:none;border-block:1px solid var(--line)}.flow li{padding:22px 14px 22px 18px;border-left:1px solid var(--line)}.flow li:first-child{border:0;padding-left:0}.flow li>span{color:var(--indigo);font-size:.75rem;font-weight:750}.flow h3{margin:7px 0;font-size:1.03rem}.flow p,.use-case>p{margin:0;color:var(--muted);line-height:1.55;font-size:.88rem}.use-case{padding:28px;border-radius:var(--radius);background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-bottom:65px}.use-case h2{font-size:clamp(1.7rem,3vw,2.4rem);text-wrap:initial}.use-case>p{font-size:.96rem}.footer{display:flex;gap:15px;align-items:center;padding-block:22px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.footer a:last-child{margin-left:auto;text-decoration:none;white-space:nowrap}.footer .brand{color:var(--ink)}
@media(max-width:790px){.wrap{width:calc(100% - 44px)}.hero,.demo-layout{gap:32px}.signal{padding:15px}.flow li{padding-left:10px}.receipt-head,.receipt-row,.receipt-foot{padding-inline:13px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.top{display:flex;justify-content:space-between;height:64px;gap:12px}.top nav{display:none}.hero,.demo-layout,.use-case{grid-template-columns:1fr}.hero{padding-block:46px}.signal{max-width:460px}.signal-results strong{font-size:.95rem}.flow{grid-template-columns:1fr}.flow li,.flow li:first-child{padding:13px 0;border:0;display:grid;grid-template-columns:32px 88px 1fr;gap:7px;align-items:baseline}.flow li+li{border-top:1px solid var(--line)}.flow h3{margin:0}.use-case{padding:20px;gap:12px;margin-bottom:40px}.footer>span{display:none}}
@media(max-width:350px){.receipt-id{display:none}.flow li,.flow li:first-child{grid-template-columns:24px 72px 1fr}.receipt-row{align-items:flex-start}.receipt-row .badge{white-space:normal}}