:root{color-scheme:dark;--bg:#09090c;--surface:#111115;--line:#27272e;--muted:#92929e;--text:#f0eff4;--accent:#b8a5f8;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button,a,summary{transition:background .2s,color .2s,border-color .2s,transform .2s}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover,a.button:hover{filter:brightness(1.16)}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}header{height:82px;max-width:1216px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d1d23}.brand{font-size:23px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.mark{font-size:35px;line-height:1;color:#eceaf6;transform:rotate(12deg)}nav{display:flex;gap:32px;font-size:14px;color:#a2a2ad}nav a:hover,footer a:hover{color:white}.nav-cta{font-size:14px;border:1px solid #32323b;padding:8px 14px;border-radius:7px}.nav-cta span{margin-left:15px}.hero{text-align:center;padding-top:66px;position:relative;background:radial-gradient(ellipse at 50% 60%,#21202e48,transparent 65%)}.announcement{font:11px var(--mono);letter-spacing:1.4px;display:inline-flex;align-items:center;gap:13px;border:1px solid #35323f;background:#141319;padding:8px 12px;border-radius:5px;color:#b9b2cd}.tiny-mark{color:#bca9f4;font-size:17px}h1{font-size:clamp(42px,5.3vw,68px);font-weight:550;line-height:1.1;letter-spacing:-3.2px;margin:29px 0 22px}h1 span{background:linear-gradient(110deg,#e6e4ed,#92909f);color:transparent;background-clip:text}.intro{font-size:18px;color:#a4a3af;line-height:1.65;margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:6px;font-size:14px;font-weight:550;padding:11px 18px;min-height:44px}.primary{background:#eeedf4;color:#15141b;border:1px solid #eeedf4;box-shadow:0 2px 9px #ffffff08}.secondary{background:#141418;border:1px solid #33323d;color:#d0ceda}.hero-meta{display:flex;gap:15px;justify-content:center;align-items:center;color:#777680;font-size:12px;margin-top:20px}.hero-meta i{width:3px;height:3px;background:#595762;border-radius:50%}.flow{display:flex;align-items:center;justify-content:center;margin:66px auto 0;max-width:945px;padding:25px 0 10px}.flow-node{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#17171c,#0e0e12);border:1px solid #303039;border-radius:9px;width:190px;min-height:146px;padding:20px 10px}.flow-node b{font-size:14px;font-weight:500}.flow-node small{font-size:11px;color:#777582;font-family:var(--mono);margin-top:6px}.node-icon{font:26px var(--mono);height:40px;color:#c5c0d4}.flow-node.active{border-color:#70648e;box-shadow:0 0 35px #9471d51b,inset 0 0 22px #ad8be309}.jev .node-icon{font-size:34px;color:#baa5f0}.connector{flex:1;min-width:32px;color:#585365;font-size:21px;position:relative}.flow-caption{font:12px var(--mono);color:#8a8697;margin:15px 0 0;min-height:38px}.flow-caption span{color:#c5b4e4;margin-right:10px}.section{padding-top:94px;padding-bottom:15px}.eyebrow{font:11px var(--mono);letter-spacing:1.35px;color:#85818f}h2{font-size:36px;letter-spacing:-1.4px;font-weight:500;line-height:1.24;margin:15px 0}h2 span{color:#85818f}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-heading p,.architecture p{color:var(--muted);margin:12px 0 0;font-size:15px}.badge{font:11px var(--mono);border:1px solid #303036;border-radius:20px;padding:6px 11px;color:#a8a3b3;display:flex;align-items:center;gap:7px}.dot{width:5px;height:5px;background:#a89ac9;border-radius:50%}.playground{border:1px solid #34323d;border-radius:10px;overflow:hidden;box-shadow:0 15px 80px #0005;background:#101014}.use-tabs{display:flex;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:#151519}.use-tabs button{border:1px solid transparent;background:transparent;color:#8c8998;border-radius:5px;padding:7px 13px;display:flex;gap:10px;font-size:13px}.use-tabs button.selected{border-color:#45404e;color:#e5dff1;background:#25222d}.workspace{display:grid;grid-template-columns:1fr 1fr}.input-panel{border-right:1px solid var(--line)}.panel-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px;color:#b2aebc;border-bottom:1px solid #222128;min-height:51px}.panel-bar label{font-family:var(--mono)}.code-icon{color:#787184;margin-right:8px}.text-button{padding:3px 0;border:0;background:transparent;color:#8e899b;font-size:12px}.text-button:hover{color:#e5ddf4}.editor{display:flex;height:230px;padding:23px 0 15px;background:#0d0d11}.line-numbers{width:43px;flex-shrink:0;text-align:right;white-space:pre;line-height:23px;font:12px/23px var(--mono);color:#494450;padding-right:12px;overflow:hidden}textarea{border:0;background:transparent;color:#c9b3e0;resize:vertical;font:13px/23px var(--mono);width:calc(100% - 43px);min-height:180px;padding:0 15px 0 0;outline:none;white-space:pre;tab-size:2}.question-box{border-top:1px solid #222128;padding:16px 20px;background:#121116}.question-box .eyebrow{font-size:10px}.question-box p{margin:5px 0;font-size:14px;color:#d0ccd8}.run-row{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-top:1px solid #222128}.run-row>span{font:10px var(--mono);color:#736e7f}.run-row .button{font-size:12px;padding:8px 14px;min-height:36px}.result-indicator{display:inline-block;width:6px;height:6px;background:#a59ab7;border-radius:50%;margin-right:8px}.mono{font:10px var(--mono);color:#797382}.output-panel{display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#29203430,transparent 75%)}.result{padding:22px 24px 17px;flex:1}.result-top{display:flex;justify-content:space-between;align-items:center}.success-tag{color:#9cb5a6;font:10px var(--mono);background:#202b2544;border:1px solid #334539;padding:3px 6px;border-radius:4px}.decision-name{font:38px var(--mono);letter-spacing:-1.6px;margin:8px 0 15px}.confidence-label{display:flex;justify-content:space-between;font-size:12px;color:#9f99ab}.confidence-label b{font:12px var(--mono);color:#cbc0e1}.meter{height:5px;background:#27222e;border-radius:5px;margin:10px 0 18px;overflow:hidden}.meter>div{height:100%;background:linear-gradient(90deg,#64527d,#c3afe0);transition:width .7s ease}.probability{display:flex;justify-content:space-between;font:11px/23px var(--mono);color:#85808f}.probability:first-child{color:#bfb2d1}.action-box{display:flex;gap:12px;align-items:center;background:#1b18224d;border:1px solid #37303f;border-radius:6px;margin:15px 0 12px;padding:10px 13px}.action-box .eyebrow{font-size:9px}.action-box p{font:12px var(--mono);margin:6px 0;color:#c8bdd8}.action-symbol{color:#8d79a8;font-size:22px}.action-check{margin-left:auto;color:#a3b6a7}details{font-size:11px;color:#847d91}summary{cursor:pointer;display:flex;justify-content:space-between}details pre{font-size:11px;overflow:auto;max-height:220px;color:#bcb3cf}.output-footer{border-top:1px solid #24202d;padding:12px 20px;display:flex;justify-content:space-between;font:10px var(--mono);color:#736e7c}.connection-note{border-top:1px solid var(--line);padding:10px 18px;color:#827c8d;font-size:11px;display:flex;gap:9px;background:#131217}#error{color:#f0a6a6;padding:0 20px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.step-number{font:12px var(--mono);color:#9282a6;border:1px solid #3b3244;border-radius:5px;padding:6px 8px}h3{font-size:18px;font-weight:500;letter-spacing:-.3px}.steps p,.developer-copy p,.use-case-grid p{color:#95909f;font-size:14px;line-height:1.8}.steps code{font:11px var(--mono);color:#a497b7}.steps article{border-top:1px solid #29242f;padding-top:25px}.developer-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:center}.developer-copy h3{font-size:26px;line-height:1.25}.install{display:flex;align-items:center;gap:14px;padding:11px 13px;font:12px var(--mono);border:1px solid #35303f;background:#151319;border-radius:6px;margin:25px 0 19px}.install span{color:#857b91}.inline-link{color:#b6a6c8;font-size:13px}.code-panel{background:#111015;border:1px solid #34303e;border-radius:8px;overflow:hidden}.code-panel .panel-bar{padding:0 17px 0 8px}.code-tabs{display:flex;gap:5px}.code-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:15px 12px;font-size:12px;color:#837b91}.code-tabs button.selected{color:#d2c4e4;border-color:#ad98c7}.code-panel>pre{margin:0;overflow:auto;padding:22px;font:12px/1.85 var(--mono);min-height:336px;color:#c7bfce}.syntax-string{color:#afa9cc}.syntax-key{color:#b58dbe}.syntax-comment{color:#70687e}.code-foot{padding:10px 20px;border-top:1px solid #292331;font:10px var(--mono);color:#7f758d}.heading-description{max-width:310px}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.use-case-grid button{background:linear-gradient(145deg,#16131a,#101014);border:1px solid #302936;border-radius:8px;text-align:left;padding:23px 20px}.use-case-grid button:hover{border-color:#786088;transform:translateY(-3px)}.case-icon{font-size:24px;color:#b8a5c9}.use-case-grid h3{font-size:15px;display:flex;justify-content:space-between}.use-case-grid h3 span{color:#6c6378}.use-case-grid p{font-size:13px}.case-label{font:9px var(--mono);color:#9b89ae;letter-spacing:1px}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.architecture-diagram{font-size:13px;padding:20px 0}.arch-node{border:1px solid #3b3244;border-radius:6px;background:#131018;padding:13px;text-align:center;flex:1}.arch-node small{display:block;font:10px var(--mono);color:#8c7e9d;margin-top:5px}.arch-arrow{text-align:center;color:#6f5d81;height:26px}.arch-boundary{padding:15px;border:1px dashed #41324d;border-radius:8px;background:#19111f55}.arch-boundary .eyebrow{font-size:9px;display:block;margin-bottom:12px}.arch-row{display:flex;align-items:center;gap:12px}.open-source{text-align:center;margin-top:95px;padding-top:65px;padding-bottom:55px;border-top:1px solid #35253d;background:radial-gradient(ellipse at top,#3e26462e,transparent 65%)}.open-source h2{font-size:48px;margin-top:17px}.open-source>p{font-size:15px;color:#9e91a7}.license{display:inline-block;font:11px var(--mono);color:#b6a3c4;margin-top:24px;border:1px solid #3f3048;padding:4px 9px;border-radius:4px}.open-source p.source-note{font-size:11px;color:#786b85;margin-top:20px}footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid #2c2231;padding-top:28px!important;padding-bottom:28px!important;color:#8c8097}footer .brand{color:#ddd3e5;font-size:19px}footer>span{font-size:12px}footer>div{margin-left:auto;display:flex;gap:23px;font-size:12px}footer small{font-size:10px;width:100%;text-align:right;color:#62566d}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(90px);border:1px solid #635470;background:#26202c;padding:10px 20px;border-radius:8px;font-size:13px;transition:transform .25s;z-index:9}#toast.visible{transform:translateX(-50%) translateY(0)}.skip{position:absolute;left:20px;top:-60px;z-index:10;background:white;color:black;padding:10px}.skip:focus{top:15px}.result.animating{animation:fadeIn .6s ease}@keyframes fadeIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:80px}}@media(max-width:800px){nav{gap:18px}.flow-node{width:23%;min-height:135px;padding:15px 7px}.flow-node small{font-size:9px}.connector{min-width:20px}.steps{gap:22px}.developer-grid{gap:30px;grid-template-columns:1fr 1.3fr}.use-case-grid{grid-template-columns:repeat(2,1fr)}.architecture{gap:30px}.run-row>span{display:none}.run-row{justify-content:flex-end}.use-tabs{gap:3px;padding:10px}.use-tabs button{font-size:11px;padding:7px}.output-footer{gap:10px;font-size:9px}.heading-description{font-size:13px!important}.decision-name{font-size:32px}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}header{height:70px;padding:0 20px}.brand{font-size:21px}nav{display:none}.hero{padding-top:43px}h1{font-size:43px;letter-spacing:-2px}h1 br{display:none}.announcement{font-size:9px;letter-spacing:1px;gap:9px}.intro{font-size:15px}.hero-actions{gap:9px;flex-wrap:wrap}.button{font-size:12px;gap:16px}.hero-meta{font-size:10px;gap:9px}.flow{margin-top:38px;display:grid;grid-template-columns:1fr 25px 1fr;gap:12px}.flow-node{width:100%;min-height:125px}.flow-node small{font-size:10px}.flow .connector:nth-of-type(2){display:none}.flow-node:nth-of-type(3){grid-column:1}.flow-caption{font-size:10px;line-height:1.7}.section{padding-top:60px}h2{font-size:29px}.section-heading{align-items:flex-start;gap:12px}.section-heading .badge{font-size:9px;white-space:nowrap;margin-top:5px;padding:5px 7px}.section-heading p{font-size:13px}.eyebrow{font-size:10px}.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.use-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.use-tabs button{justify-content:center;font-size:11px}.run-row>span{display:block;font-size:9px}.run-row{justify-content:space-between}.editor{height:225px}.result{padding:20px}.connection-note{font-size:10px}.steps{grid-template-columns:1fr;gap:25px}.steps p{max-width:360px}.steps h3{margin-bottom:7px}.developer-grid{grid-template-columns:1fr;gap:28px}.developer-copy h3{display:none}.heading-description{display:none}.developer-copy p{margin-top:0}.code-panel>pre{font-size:11px;padding:16px}.use-case-grid{gap:10px}.use-case-grid button{padding:18px 13px}.use-case-grid h3{font-size:13px}.use-case-grid p{font-size:12px}.case-label{font-size:8px;letter-spacing:.5px}.architecture{grid-template-columns:1fr;gap:15px}.arch-node{font-size:12px;padding:12px 8px}.arch-node small{font-size:9px}.open-source{margin-top:55px;padding-top:45px}.open-source h2{font-size:40px}footer{gap:15px}footer>div{margin:0;width:100%;justify-content:space-between}footer small{text-align:left}footer>span{margin-left:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}.connection-bar{padding:16px 20px;border-bottom:1px solid var(--line);background:#17131d}.connection-bar label,.policy-controls label{font-size:13px;color:#cfc5db}.connection-bar select,.connection-bar input{font:13px var(--mono);background:#0d0b11;border:1px solid #53435f;border-radius:5px;color:#e6daef;padding:9px 11px}.connection-bar select{margin-left:12px}.connection-bar select:focus-visible,.connection-bar input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#key-controls{display:flex;align-items:center;gap:12px;margin-top:14px}#key-controls input{flex:1;min-width:0}#key-notice{font-size:12px;color:#afa1b9;max-width:850px;margin-bottom:0}.policy-controls{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.policy-controls output{font:12px var(--mono);margin-left:6px;color:#c9b0df}.policy-controls input{width:130px;accent-color:#b5a0ca}.policy-controls>span{font-size:11px;color:#93829f}.result.stale{opacity:.5}.result.stale .action-box{display:none}.run-row{gap:12px}@media(max-width:600px){#key-controls{flex-wrap:wrap}#key-controls label{width:100%}.policy-controls{flex-wrap:wrap;gap:8px 16px}.policy-controls>span{width:100%}.connection-bar{padding:15px}.policy-controls{padding:15px}}

.hero{padding-top:42px}.hero h1{margin-top:12px}.hero .intro{max-width:710px;margin:auto}.flow{margin-top:38px}.section{padding-top:72px}.recipe-picker{display:flex;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid var(--line);background:#141218;font-size:13px}.recipe-picker select{min-width:210px;padding:10px;color:#e6dcef;border:1px solid #4a3d55;background:#141019;border-radius:5px;font:13px var(--mono)}.recipe-picker>span{margin-left:auto;font:10px var(--mono);color:#aa94ba}.recipe-credit{font-size:11px!important;color:#a395ae!important;line-height:1.6}.recipe-credit a{color:#c2a5d9;text-decoration:underline;text-underline-offset:3px}.contract pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 var(--mono);color:#b7a5c7}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-card{border:1px solid #352a40;border-radius:10px;background:linear-gradient(150deg,#1a1420,#100e14);padding:25px;display:flex;flex-direction:column;align-items:flex-start}.community-card h3{font-size:23px;line-height:1.25;letter-spacing:-.7px}.community-card p{font-size:14px;color:#a89aae;line-height:1.7;flex:1}.recipe-visual{min-height:60px;width:100%;display:flex;align-items:center;gap:10px;font-size:12px;color:#756480}.recipe-visual code{font:11px var(--mono);color:#c0a6d1;border:1px solid #40304b;padding:5px 7px;border-radius:4px}.community-card .button{margin:15px 0}.source-credit{font-size:11px;color:#b59fc5}.community-card small{font-size:10px;color:#817089;margin-top:7px}.community-note{font-size:11px;color:#8e7d99;margin-top:20px}.maker{font-size:12px;color:#b9a1c8}#key-status{font:11px var(--mono);color:#b6a1c4}.connection-bar #key-controls{flex-wrap:wrap}.connection-bar #key-controls input{min-width:180px}#use-key{min-height:36px;font-size:12px;padding:7px 12px}.decision-name{overflow-wrap:anywhere}.probability{gap:18px}.probability>span:first-child{overflow-wrap:anywhere}.community-card a:hover{text-decoration:underline}.recipe-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:800px){.community-grid{grid-template-columns:1fr}.community-card{padding:23px}.community-card p{max-width:600px}.recipe-visual{min-height:45px}}@media(max-width:600px){.hero{padding-top:25px}.hero h1{font-size:40px}.recipe-picker{flex-wrap:wrap;gap:8px}.recipe-picker select{flex:1;min-width:0}.recipe-picker>span{width:100%;margin:0}.section{padding-top:50px}#key-status{width:100%}.connection-bar #key-controls input{min-width:120px}.hero .intro br{display:none}}
