@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,650&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--paper:#f4f1e9;--panel:#fffdf7;--ink:#17201c;--muted:#627069;--line:#ccd2c8;--signal:#20b46a;--signal-dark:#087545;--amber:#e7a72f;--danger:#b83e37;--shadow:0 18px 45px rgba(39,49,43,.12);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}::selection{background:#b6efd2;color:#073b25}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.site-nav,.app-header{height:76px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.wordmark{font:650 31px/1 'Newsreader',serif}.wordmark span{color:var(--signal-dark)}.wordmark small{font:600 10px 'DM Sans';color:var(--muted);margin-left:9px}.site-nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center}.theme-toggle svg{width:16px}.theme-sun{display:none}.hook-hero{min-height:680px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;padding:70px 5vw 80px;max-width:1600px;margin:auto}.hero-copy h1,.how h2,.biz-bridge h2{font:650 clamp(52px,6.2vw,92px)/.94 'Newsreader',serif;letter-spacing:-.035em;margin:0}.hero-copy>p{max-width:590px;color:var(--muted);font-size:18px;margin:27px 0}.primary-action{background:var(--ink);color:var(--panel);border:0;border-radius:10px;padding:17px 20px;display:inline-flex;align-items:center;gap:32px;font-weight:700;box-shadow:0 10px 26px rgba(23,32,28,.18)}.primary-action:hover{background:var(--signal-dark)}.microcopy{font-size:12px!important;margin:12px 0!important}.transit-demo{position:relative;min-height:440px;display:flex;align-items:center}.transit-source{position:absolute;left:0;top:68px;border:1px solid var(--line);padding:11px 13px;background:var(--paper);z-index:2}.transit-source span,.method{font:600 10px 'IBM Plex Mono';background:#d7f6e5;color:#075c36;padding:4px 6px;border-radius:4px}.transit-source code{font:12px 'IBM Plex Mono';margin-left:9px}.transit-line{height:1px;background:var(--line);width:45%;position:absolute;left:80px;top:95px}.transit-line b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--signal);top:-4px;animation:travel 2.6s cubic-bezier(.16,1,.3,1) infinite}.transit-demo article{background:#18241e;color:#e7f0e9;border-radius:14px;width:min(100%,620px);margin-left:auto;box-shadow:var(--shadow);overflow:hidden;z-index:1}.transit-demo article header,.transit-demo article footer{padding:15px 20px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff18;font-size:12px}.transit-demo article time{margin-left:auto;color:#9eb1a4}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(32,180,106,.14)}.request-line{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid #ffffff18}.request-line code{font-family:'IBM Plex Mono'}.request-line span{margin-left:auto;color:#7fe2a9}.transit-demo pre,.payload,details pre{margin:0;padding:26px;overflow:auto;font:13px/1.8 'IBM Plex Mono';white-space:pre-wrap}.transit-demo em{font-style:normal;color:#7fe2a9}.transit-demo article footer{border:0;color:#92a79a}.working-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;padding:26px 5vw;color:var(--muted)}.working-strip div{display:flex;gap:34px;color:var(--ink);font-size:12px}.how{padding:110px 5vw;max-width:1500px;margin:auto}.how h2{font-size:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:70px}.steps article{border-top:1px solid var(--ink);padding-top:20px}.steps strong{font:600 26px 'Newsreader'}.steps p{color:var(--muted);max-width:30ch}.biz-bridge{background:#e6eadf;border-block:1px solid var(--line);padding:80px 5vw;display:flex;justify-content:space-between;align-items:end}.biz-bridge h2{font-size:54px}.biz-bridge p{color:var(--muted)}.biz-bridge a{font-weight:700;border-bottom:1px solid}.site-footer{padding:28px 5vw;display:flex;align-items:center;gap:28px}.site-footer p{margin-right:auto;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:12px 18px;border-radius:8px;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.bad{background:var(--danger)}
.hooks-app{min-height:100vh}.app-header{background:var(--panel)}.endpoint-meta{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}.endpoint-meta>span:last-child{color:var(--muted)}.workspace{padding:24px;max-width:1800px;margin:auto}.endpoint-bar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.endpoint-bar label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.copy-field{display:flex;align-items:center;gap:12px}.copy-field code{font:13px 'IBM Plex Mono';overflow-wrap:anywhere}.copy-field button,.endpoint-actions button,.pane-title button,.danger{border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px 10px}.endpoint-actions{display:flex;gap:16px;align-items:center;font-size:12px}.inspector-grid{display:grid;grid-template-columns:minmax(330px,38%) 1fr;min-height:650px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.request-pane{border-right:1px solid var(--line)}.pane-title{display:flex;justify-content:space-between;align-items:center;padding:20px}.pane-title h1{font:650 26px 'Newsreader';margin:0}.pane-title span{font-size:11px;color:var(--muted)}.filters{padding:0 20px 16px;display:grid;grid-template-columns:1fr 120px;gap:8px}.filters input,.filters select,#replay-form input{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px;color:var(--ink);min-width:0}.request-list{border-top:1px solid var(--line)}.request-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 20px;align-items:start}.request-row:hover,.request-row.active{background:#eaf2e9}.request-row>span{display:grid;gap:3px}.request-row code,.request-row time,.request-row small{font:10px 'IBM Plex Mono';color:var(--muted)}.request-row>span:last-child{text-align:right}.method.get{background:#e5e8fa;color:#39478e}.method.delete{background:#f8dddd;color:#8b2828}.detail-pane{min-width:0;padding:24px}.detail-empty,.empty-state{text-align:center;color:var(--muted);padding:70px 24px}.detail-empty svg,.empty-state svg{width:34px;height:34px}.detail-empty h2,.empty-state h2{font:600 22px 'Newsreader';color:var(--ink)}.detail-head{display:flex;justify-content:space-between;gap:20px}.detail-head h2{font:500 16px 'IBM Plex Mono';margin:12px 0 4px}.detail-head p{font-size:12px;color:var(--muted)}.danger{color:var(--danger);height:fit-content}.payload,details pre{background:#17221c;color:#e4eee7;border-radius:10px;max-height:360px}.detail-pane details{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-pane summary{padding:12px 14px;cursor:pointer;font-weight:600}.detail-pane details pre{border-radius:0;max-height:260px}.detail-pane>h3,#replay-form h3{font:650 20px 'Newsreader';margin:24px 0 10px}#replay-form{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}#replay-form p{color:var(--muted);font-size:12px}#replay-form>div{display:flex;gap:8px}#replay-form input{flex:1}#replay-form button{border:0;background:var(--ink);color:white;border-radius:8px;padding:10px 14px;font-weight:700}#replay-form output{display:block;white-space:pre-wrap;font:11px 'IBM Plex Mono';margin-top:12px;max-height:180px;overflow:auto}.biz-prompt{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.biz-prompt p{margin:0}.biz-prompt a{font-weight:700}
@keyframes travel{0%{left:0;opacity:0}15%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:800px){.site-nav nav{display:none}.site-nav .theme-toggle{margin-left:auto}.hook-hero{grid-template-columns:1fr;padding-top:55px}.hero-copy h1{font-size:53px}.transit-demo{min-height:390px}.transit-source{top:35px}.transit-line{top:62px}.working-strip,.biz-bridge{display:block}.working-strip div{margin-top:16px;flex-wrap:wrap}.steps{grid-template-columns:1fr;margin-top:40px}.how,.biz-bridge{padding-block:70px}.how h2,.biz-bridge h2{font-size:43px}.site-footer{flex-wrap:wrap}.site-footer p{width:100%;order:2}.endpoint-meta>span:last-child{display:none}.workspace{padding:12px}.endpoint-bar{display:block}.endpoint-actions{margin-top:14px}.inspector-grid{grid-template-columns:1fr}.request-pane{border-right:0}.detail-pane{border-top:1px solid var(--line)}.biz-prompt{display:block}.biz-prompt a{display:block;margin-top:10px}}