:root{--ink:#11100e;--paper:#f2ecdf;--cream:#ddd4c4;--orange:#ff5a18;--green:#76d18c;--muted:#9c9588;--line:#37332e;--panel:#181715;--panel2:#211f1c;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.5}.grid-noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-1}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#11100eee;backdrop-filter:blur(18px);z-index:20}.brand{font:500 12px var(--mono);letter-spacing:.12em;color:var(--paper);text-decoration:none;display:flex;gap:12px;align-items:center}.brand-mark{width:25px;height:25px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:12px;height:12px;border:2px solid var(--orange);transform:rotate(45deg)}.brand-mark i:nth-child(2){left:8px}.brand-mark i:nth-child(3){top:8px;left:4px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:var(--muted);font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.topbar nav a:hover{color:var(--paper)}.live-pill{font:11px var(--mono);padding:8px 12px;border:1px solid var(--line);border-radius:20px;color:var(--cream)}.live-pill span,.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #76d18c14;margin-right:7px}.hero{min-height:770px;padding:110px 8vw 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow,.kicker{font:500 11px var(--mono);letter-spacing:.18em;color:var(--orange)}h1,h2{font-weight:600;letter-spacing:-.06em;line-height:.91;margin:24px 0}h1{font-size:clamp(60px,8vw,128px);max-width:900px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-copy{font-size:18px;max-width:590px;color:var(--cream);margin:30px 0}.endpoint-ribbon{width:min(620px,90vw);display:flex;align-items:center;background:var(--panel2);border:1px solid var(--line);padding:12px 14px;margin:28px 0;border-radius:4px}.endpoint-ribbon code{font:13px var(--mono);flex:1;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn,.text-btn{background:none;border:0;color:var(--orange);font:500 11px var(--mono);cursor:pointer}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{border:1px solid var(--line);padding:13px 18px;background:transparent;color:var(--paper);font:600 13px var(--sans);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:26px;justify-content:space-between;border-radius:3px}.button.primary{background:var(--orange);border-color:var(--orange);color:#160b05}.button:hover{transform:translateY(-1px)}.button.small{padding:8px 12px;font-size:11px}.orbit{position:absolute;width:460px;height:460px;right:-20px;bottom:-60px}.ring{position:absolute;border:1px solid #ffffff21;border-radius:50%;inset:20px}.ring-two{inset:75px;border-style:dashed;animation:spin 30s linear infinite}.core{position:absolute;inset:145px;border:1px solid var(--orange);background:#161310;display:grid;place-content:center;text-align:center;transform:rotate(45deg)}.core>*{transform:rotate(-45deg)}.core span{font-size:40px;font-weight:800;line-height:1}.core small{font:9px var(--mono);color:var(--orange)}.node{position:absolute;font:9px var(--mono);background:var(--paper);color:var(--ink);padding:7px 9px}.n1{top:50px;left:75px}.n2{right:0;top:170px}.n3{bottom:60px;right:90px}.n4{left:0;bottom:125px}@keyframes spin{to{transform:rotate(360deg)}}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 8vw;border-bottom:1px solid var(--line);position:relative}.stats-strip div{border-right:1px solid var(--line);padding-left:30px}.stats-strip div:first-child{padding-left:0}.stats-strip div:last-of-type{border:0}.stats-strip strong{display:block;font-size:38px}.stats-strip span{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.stats-strip small{position:absolute;right:8vw;bottom:8px;color:#736e66;font:9px var(--mono)}.section{padding:110px 6vw;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:54px}.section-heading>div:first-child{display:flex;gap:16px;align-items:center}.section-num{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.section-heading h2{font-size:clamp(44px,6vw,82px);margin:18px 0}.section-heading>p{max-width:570px;color:var(--muted)}.section-heading.split{display:grid;grid-template-columns:1.2fr .8fr;align-items:end}.section-heading.split>div{display:block}.panel{background:var(--panel);border:1px solid var(--line)}.workbench{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.composer,.settings,.response,.payload{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:18px;font:500 10px var(--mono);letter-spacing:.13em;color:var(--muted)}.status-badge{font-size:9px;padding:5px 8px;border:1px solid #705423;color:#f6bc62}.status-badge.live{border-color:#356845;color:var(--green)}label{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:15px 0}input,select,textarea{width:100%;background:#11100e;color:var(--paper);border:1px solid var(--line);padding:12px;margin-top:7px;font:12px var(--mono);border-radius:2px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--orange)}textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col.compact{grid-template-columns:1fr 1fr}.secret-box{border:1px solid var(--line);margin-top:14px;padding:12px}.secret-box summary{font:11px var(--mono);cursor:pointer;color:var(--cream)}.secret-box summary span,.muted{color:var(--muted)}.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secret-box p{font-size:10px;color:var(--muted);margin-bottom:0}.request-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.send{min-width:180px}.mode-switch{display:flex;align-items:center;gap:8px;margin:0}.mode-switch input,.switch input{display:none}.mode-switch span,.switch span{display:block;width:34px;height:18px;border-radius:20px;background:#403c36;position:relative;cursor:pointer}.mode-switch span:after,.switch span:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--paper);top:3px;left:3px;transition:.2s}.mode-switch input:checked+span,.switch input:checked+span{background:var(--orange)}.mode-switch input:checked+span:after,.switch input:checked+span:after{left:19px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #292622}.control-row strong{display:block;font-size:12px}.control-row small{color:var(--muted);font-size:10px}.switch{margin:0}.range-label output{float:right;color:var(--orange)}input[type=range]{accent-color:var(--orange);padding:0}.response{min-height:310px}.response-state{height:230px;display:grid;place-content:center;text-align:center}.response-state p{margin:17px 0 0}.response-state small{color:var(--muted)}.radar{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;position:relative;margin:auto}.radar:before,.radar:after{content:"";position:absolute;background:var(--line)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%;left:0}.radar span{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;top:8px;right:8px;box-shadow:0 0 10px var(--orange)}pre{font:11px/1.65 var(--mono);white-space:pre-wrap;word-break:break-word;color:#d9d2c7;margin:0;max-height:280px;overflow:auto}.response-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.response-meta div{display:flex;flex-direction:column}.response-meta span{font:9px var(--mono);color:var(--muted)}.response-meta strong{font:11px var(--mono);color:var(--green)}.tabs{display:flex;gap:2px;margin-bottom:14px}.tab{background:#25221e;color:var(--muted);border:0;padding:7px 10px;font:10px var(--mono);cursor:pointer}.tab.active{background:var(--orange);color:var(--ink)}.route-builder{padding:26px}.route-head{display:flex;justify-content:space-between;align-items:center}.route-head>div{display:grid;grid-template-columns:auto 1fr;gap:0 9px;align-items:center}.route-head small{grid-column:2;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.green{background:var(--green)}.flow{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px 10px;overflow-x:auto}.flow>i{width:45px;height:1px;background:#514b43;flex:0 0 auto}.flow-node{border:1px solid #4b463f;background:#12110f;padding:16px;width:165px;min-height:94px;display:flex;flex-direction:column;position:relative;flex:0 0 auto;transition:.25s}.flow-node span{color:var(--orange);font:10px var(--mono)}.flow-node strong{font-size:12px;margin-top:auto}.flow-node small{color:var(--muted);font:9px var(--mono)}.flow-node.active{border-color:var(--orange);box-shadow:0 0 0 3px #ff5a1817}.branch-stack{display:grid;gap:8px}.branch-stack .flow-node{min-height:65px}.flow-node b{position:absolute;right:8px;top:6px;font:8px var(--mono);color:var(--green)}.flow-node.alt b{color:var(--muted)}.route-legend{display:flex;gap:22px;font:9px var(--mono);color:var(--muted)}.route-legend i,.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.orange{background:var(--orange)}.grey{background:#56514a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.feature-grid article{min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;transition:.2s}.feature-grid article:hover{background:var(--panel)}.feature-icon{font-size:28px;color:var(--orange)}.feature-grid small{display:block;margin-top:35px;color:var(--orange);font:9px var(--mono);letter-spacing:.13em}.feature-grid h3{font-size:19px;margin:10px 0}.feature-grid p{color:var(--muted);font-size:13px}.feature-grid button{margin-top:20px;background:transparent;border:0;color:var(--cream);padding:0;font:11px var(--mono);cursor:pointer}.feature-grid button span{color:var(--orange);margin-left:8px}dialog{width:min(520px,90vw);background:#1d1b18;color:var(--paper);border:1px solid var(--orange);padding:34px}dialog::backdrop{background:#070706c9;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--paper);font-size:24px;cursor:pointer}dialog small{color:var(--orange);font:10px var(--mono)}dialog h3{font-size:30px;margin:10px 0}dialog p{color:var(--muted)}#dialog-demo{margin-top:20px;padding:14px;background:#11100e;border:1px solid var(--line);font:11px var(--mono);color:var(--green)}.dashboard{padding:26px}.dash-head{display:flex;justify-content:space-between}.dash-head>div:first-child{display:flex;flex-direction:column}.dash-head span{font:10px var(--mono);color:var(--muted)}.period button{background:transparent;border:0;color:var(--muted);font:10px var(--mono);padding:7px;cursor:pointer}.period button.active{background:var(--paper);color:var(--ink)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-row>div{padding:20px;border-right:1px solid var(--line);display:grid}.metric-row span{font:9px var(--mono);color:var(--muted)}.metric-row strong{font-size:24px}.metric-row small{color:var(--green)}.chart-area{display:grid;grid-template-columns:40px 1fr;grid-template-rows:250px 22px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font:8px var(--mono);color:var(--muted)}.chart-area svg{width:100%;height:250px;overflow:visible;background-image:linear-gradient(#ffffff0d 1px,transparent 1px);background-size:100% 62px}.area{fill:#ff5a180d}.line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.orange-line{stroke:var(--orange)}.cream-line{stroke:#bdb4a3}.chart-x{grid-column:2;display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted)}.chart-legend{display:flex;gap:18px;font:9px var(--mono);color:var(--muted)}.cream{background:#bdb4a3}.sim-note{margin-left:auto;color:#766f65}.cta-section{padding:120px 8vw;text-align:center;background:var(--paper);color:var(--ink)}.cta-section h2{font-size:clamp(46px,7vw,94px)}.cta-section p{color:#5f594f}.cta-section .button{margin-top:20px}footer{display:flex;justify-content:space-between;padding:28px 5vw;color:var(--muted);font:10px var(--mono)}footer a{color:var(--orange)}.toast{position:fixed;right:24px;bottom:24px;background:var(--paper);color:var(--ink);padding:12px 16px;font:11px var(--mono);transform:translateY(100px);opacity:0;transition:.25s;z-index:40}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.topbar nav{display:none}.hero{padding-left:6vw}.orbit{opacity:.35;right:-200px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:25px}.stats-strip div:nth-child(2){border:0}.section-heading.split,.workbench{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.flow{justify-content:flex-start}.metric-row{grid-template-columns:repeat(2,1fr)}footer{gap:15px;flex-wrap:wrap}}
@media(max-width:560px){.live-pill{display:none}.hero{min-height:680px;padding-top:80px}.hero-actions,.request-actions{align-items:stretch;flex-direction:column}.stats-strip{padding-left:6vw;padding-right:6vw}.stats-strip div{padding-left:10px}.section{padding:80px 5vw}.two-col,.secret-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.metric-row>div{border-bottom:1px solid var(--line)}.dash-head{gap:15px;flex-direction:column}.response-meta{grid-template-columns:1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-two{animation:none}*{transition:none!important}}