:root{--ink:#12120f;--ink-soft:#3a382f;--muted:#6b6858;--rule:#d9d3c0;--rule-soft:#ebe5d0;--paper:#f4efe0;--paper-2:#ece5cf;--card:#faf6e8;--accent:#b5762a;--accent-soft:#efdbb8;--amber:#b5621a;--bronze-deep:#8a5018;--max:1240px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;position:relative}.serif{letter-spacing:-.01em;font-family:Instrument Serif,Times New Roman,serif;font-style:normal;font-weight:400}.mono{font-family:JetBrains Mono,ui-monospace,monospace}a{color:inherit;text-decoration:none}a.link{border-bottom:1px solid var(--rule)}a.link:hover{border-bottom-color:var(--ink)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.strip{border-bottom:1px solid var(--rule);background:var(--paper-2);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.strip-inner{max-width:var(--max);white-space:nowrap;scrollbar-width:none;justify-content:space-between;gap:24px;margin:0 auto;padding:6px 24px;display:flex;overflow-x:auto}.strip-inner::-webkit-scrollbar{display:none}.strip-inner .group{flex-shrink:0;gap:16px;display:flex}.strip-inner .dot{color:var(--accent)}.header{border-bottom:1px solid var(--rule);background:var(--paper);z-index:20;position:sticky;top:0}.header-inner{max-width:var(--max);align-items:center;gap:32px;margin:0 auto;padding:18px 24px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Instrument Serif,serif;font-size:26px;line-height:1;display:flex}.brand-mark{flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark canvas{width:100%;height:100%;display:block}.brand em{letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);border-radius:3px;align-self:center;margin-left:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-style:normal}.nav{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;gap:18px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.nav a{color:var(--ink-soft);border-bottom:1px solid #0000;padding:4px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.header-spacer{flex:1}.header-cta{align-items:center;gap:10px;display:flex}.search-mini{border:1px solid var(--rule);background:var(--card);color:var(--muted);letter-spacing:.06em;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.search-mini .kbd{border:1px solid var(--rule);background:var(--paper);border-radius:3px;padding:1px 5px;font-size:9px}.btn{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);border-radius:4px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.btn-dark{background:var(--ink);color:var(--paper)}.btn-dark:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--card)}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.section{border-bottom:1px solid var(--rule);padding:64px 0}.section-lg{padding:96px 0}.section-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-bottom:10px;display:flex}.section-head h2{letter-spacing:-.015em;font-family:Instrument Serif,serif;font-size:36px;font-weight:400}.section-head .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.section-head .more{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px;font-family:JetBrains Mono,monospace;font-size:11px}.meta-row{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:16px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.meta-row span:not(:last-child):after{content:"·";color:var(--rule);margin-left:16px}.p-grid{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.p-card{background:var(--card);flex-direction:column;gap:10px;min-height:280px;padding:16px;transition:background .15s;display:flex;position:relative}.p-card:hover{background:var(--paper)}.p-card .bottle{aspect-ratio:1/1.1;background:var(--paper-2);border:1px solid var(--rule-soft);place-items:center;display:grid;position:relative;overflow:hidden}.p-card .bottle svg{width:60%;height:auto}.p-card .brand-line{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px}.p-card .name{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:22px;line-height:1.1}.p-card .foot{color:var(--muted);letter-spacing:.05em;justify-content:space-between;margin-top:auto;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.p-card .foot .rating{color:var(--amber)}.p-card .spon{letter-spacing:.12em;text-transform:uppercase;background:var(--paper);border:1px solid var(--rule);color:var(--muted);border-radius:2px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;top:10px;right:10px}.footer{color:#cfc8b2;background:#12120f;padding:56px 0 24px;font-size:13px}.footer .wrap{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;display:grid}.footer h4{letter-spacing:.15em;text-transform:uppercase;color:#8e8971;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.footer ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer a:hover{color:#fff}.footer .bottom{max-width:var(--max);letter-spacing:.1em;text-transform:uppercase;color:#8e8971;border-top:1px solid #2b2a24;justify-content:space-between;margin:40px auto 0;padding:20px 24px 0;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.footer-lede{color:#e6dfc8;margin-top:8px;font-family:Instrument Serif,serif;font-size:24px;line-height:1.2}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{letter-spacing:.08em;border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.chip:hover{background:var(--paper);border-color:var(--ink)}.chip .c{color:var(--muted);font-size:10px}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width:1100px){.header-inner{flex-wrap:wrap;gap:12px}.nav{order:3;width:100%;padding-bottom:2px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.header-cta .search-mini{display:none}}@media (max-width:900px){.p-grid{grid-template-columns:repeat(2,1fr)}.footer .wrap{grid-template-columns:1fr 1fr}.section-head h2{font-size:28px}}.hero{border-bottom:1px solid var(--rule);background:radial-gradient(ellipse 80% 60% at 75% 20%, var(--card) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 10% 90%, var(--paper-2) 0%, transparent 55%), var(--paper);padding:72px 0 88px;position:relative}.hero-grid{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:64px;display:grid}.hero .pill{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:6px 12px 6px 10px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:inline-flex}.hero .pill .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.hero .pill em{color:var(--muted);letter-spacing:.14em;font-style:normal}.hero h1{letter-spacing:-.025em;text-wrap:balance;margin-bottom:28px;font-family:Instrument Serif,serif;font-size:clamp(54px,7.4vw,108px);line-height:.96}.hero h1 em{color:var(--accent);font-style:italic}.hero h1 .amb{color:var(--amber);font-style:italic}.hero p.lede{color:var(--ink-soft);max-width:560px;margin-bottom:32px;font-size:19px;line-height:1.5}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero .cta-row .btn-primary{background:var(--ink);color:var(--paper);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);border-radius:6px;align-items:center;gap:10px;padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.hero .cta-row .btn-primary:hover{background:#000}.hero .cta-row .btn-ghost{color:var(--ink);border:1px solid var(--rule);letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:6px;padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:12px}.hero .cta-row .btn-ghost:hover{border-color:var(--ink)}.hero .agent-row{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.hero .agent-row .agents{gap:6px;display:flex}.hero .agent-row .agents span{border:1px solid var(--rule);background:var(--card);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;font-family:Instrument Serif,serif;font-size:15px;font-style:italic;display:grid}.mcp-phone{background:#0e0e0e;border-radius:44px;place-self:center;width:340px;height:700px;padding:10px;position:relative;box-shadow:0 0 0 1.5px #2a2a22,0 30px 60px -30px #14140f8c,0 8px 20px -10px #14140f59}.mcp-phone:after{content:"";z-index:5;background:#0e0e0e;border-radius:14px;width:110px;height:26px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.mcp-screen{background:#faf7ef;border-radius:36px;flex-direction:column;width:100%;height:100%;font-family:-apple-system,SF Pro Text,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.mcp-status{color:#12120f;flex:0 0 44px;justify-content:space-between;align-items:center;padding:16px 28px 0;font-size:13px;font-weight:600;display:flex}.mcp-status .icons{align-items:center;gap:5px;display:flex}.mcp-status .icons svg{display:block}.mcp-chat-header{background:#faf7ef;border-bottom:1px solid #eee6d4;flex:none;align-items:center;gap:10px;padding:14px 16px 12px;display:flex}.mcp-chat-header .avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-family:Instrument Serif,serif;font-size:18px;font-style:italic;font-weight:600;display:grid}.mcp-chat-header .avatar.claude{background:#cc785c}.mcp-chat-header .avatar.gemini{background:linear-gradient(135deg,#4285f4,#9b72cb,#d96570);font-style:normal}.mcp-chat-header .avatar.chatgpt{background:#10a37f;font-style:normal}.mcp-chat-header .meta{flex:1;min-width:0}.mcp-chat-header .name{color:#12120f;font-size:15px;font-weight:600;line-height:1.1}.mcp-chat-header .sub{color:#8a8570;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.mcp-chat-header .sub .live{background:#2aa461;border-radius:50%;width:6px;height:6px;display:inline-block}.mcp-chat-header .more{color:#8a8570;padding:0 4px;font-size:20px;line-height:1}.mcp-thread{flex-direction:column;flex:auto;gap:10px;padding:14px 14px 8px;display:flex;overflow:hidden}.mcp-bubble{word-wrap:break-word;border-radius:20px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.4}.mcp-bubble.user{color:#fff;background:#12120f;border-bottom-right-radius:6px;align-self:flex-end}.mcp-bubble.agent{color:#12120f;background:#f1ead4;border:1px solid #e3d9b8;border-bottom-left-radius:6px;align-self:flex-start}.mcp-tool-pill{background:#fff;border:1px solid #e3d9b8;border-radius:14px;flex-direction:column;align-self:flex-start;gap:6px;max-width:88%;padding:10px 12px;display:flex;box-shadow:0 2px 6px -4px #00000026}.mcp-tool-pill .row1{color:#8a5018;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.mcp-tool-pill .row1 .sb-mark{color:#fff;background:#b5762a;border-radius:4px;place-items:center;width:16px;height:16px;font-family:Instrument Serif,serif;font-size:11px;font-style:italic;font-weight:400;line-height:1;display:grid}.mcp-tool-pill .row1 .chev{color:#c0b89a;margin-left:auto;font-size:12px}.mcp-tool-pill .call{color:#3a382f;word-break:break-all;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.4}.mcp-tool-pill .call b{color:#b5621a;font-weight:600}.mcp-tool-pill .ok{color:#2aa461;align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;display:flex}.mcp-thinking{background:#f1ead4;border:1px solid #e3d9b8;border-radius:20px;align-self:flex-start;gap:4px;padding:10px 14px;display:flex}.mcp-thinking span{background:#8a8570;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot}.mcp-thinking span:nth-child(2){animation-delay:.15s}.mcp-thinking span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.mcp-composer{background:#faf7ef;border-top:1px solid #eee6d4;flex:none;align-items:center;gap:8px;padding:10px 14px 24px;display:flex}.mcp-composer .field{color:#8a8570;background:#fff;border:1px solid #e3d9b8;border-radius:999px;flex:1;padding:10px 14px;font-size:13px;font-style:italic}.mcp-composer .mic{color:#fff;background:#b5762a;border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.mcp-bubble,.mcp-tool-pill,.mcp-thinking{opacity:0;transition:opacity .32s,transform .32s;transform:translateY(6px)}.mcp-bubble.in,.mcp-tool-pill.in,.mcp-thinking.in{opacity:1;transform:translateY(0)}@media (max-width:900px){.mcp-phone{width:300px;height:620px}}.mcp-strip{border-bottom:1px solid var(--rule);background:var(--paper)}.mcp-strip .grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.mcp-strip .cell{border-right:1px solid var(--rule-soft);padding:28px 28px 28px 0}.mcp-strip .cell:first-child{padding-left:0}.mcp-strip .cell:last-child{border-right:none;padding-right:0}.mcp-strip .cell .k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.mcp-strip .cell .k:before{content:"";background:var(--ink);width:16px;height:1px;display:block}.mcp-strip .cell h4{letter-spacing:-.01em;margin-bottom:8px;font-family:Instrument Serif,serif;font-size:24px;line-height:1.1}.mcp-strip .cell p{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.examples{border-left:2px solid var(--accent);max-width:620px;margin-bottom:28px;padding:4px 0 4px 16px}.examples-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px}.examples-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.examples-list li{align-items:baseline;gap:12px;display:flex}.agent-tag{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:3px;flex:none;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:9.5px;line-height:1}.agent-tag.claude{color:#b5621a}.agent-tag.gemini{color:#3e5aa6}.agent-tag.chatgpt{color:#1f4a36}.agent-tag.grok{color:#12120f}.examples-list .quote{color:var(--ink);font-family:Instrument Serif,serif;font-size:17px;font-style:italic;line-height:1.4}.hero-right{border:1px solid var(--rule);background:var(--card);border-radius:4px;flex-direction:column;gap:4px;padding:4px;display:flex}.accord-grid{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.accord-tile{background:var(--paper);min-height:150px;padding:22px 18px;display:block;position:relative;overflow:hidden}.accord-tile:hover{background:var(--card)}.accord-tile .swatch{opacity:.55;filter:saturate(.6);background-size:cover;width:40%;position:absolute;top:0;bottom:0;right:0}.accord-tile .t{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:28px;line-height:1;position:relative}.accord-tile .n{color:var(--muted);letter-spacing:.08em;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px;position:relative}.accord-tile .arrow{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:14px;right:14px}.brand-table{border-top:1px solid var(--rule)}.brand-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:28px 1fr auto auto;align-items:baseline;gap:16px;padding:12px 0;display:grid}.brand-row .idx{color:var(--muted);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:10px}.brand-row .n{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:22px}.brand-row .c{color:var(--muted);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:11px}.brand-row .bar{background:var(--rule-soft);border-radius:2px;width:120px;height:4px;overflow:hidden}.brand-row .bar div{background:var(--ink);height:100%}.dev-block{color:#d5cfb8;background:#14140f;border:1px solid #24241c;border-radius:6px;grid-template-columns:1fr 1.2fr;display:grid;overflow:hidden}.dev-block .copy{padding:48px 40px}.dev-block .copy h3{color:#f0ecd8;letter-spacing:-.01em;margin-bottom:18px;font-family:Instrument Serif,serif;font-size:44px;line-height:1}.dev-block .copy p{color:#a8a28b;max-width:380px;margin-bottom:24px}.dev-block .copy .btn{color:#14140f;background:#f0ecd8;border-color:#f0ecd8}.dev-block pre{color:#cfc8b2;white-space:pre;background:#0b0b08;border-left:1px solid #24241c;padding:24px 28px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.dev-block pre .k{color:#8aaf8a}.dev-block pre .s{color:#c9a56a}.dev-block pre .c{color:#5f5d4f;font-style:italic}.dev-block pre .v{color:#cfc8b2}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;justify-items:center}.accord-grid{grid-template-columns:repeat(2,1fr)}.dev-block{grid-template-columns:1fr}.mcp-phone{width:300px;height:620px}}.card-block{background:var(--card);border:1px solid var(--rule);border-radius:6px;max-width:560px;margin:64px auto;padding:32px}.card-block h1{letter-spacing:-.015em;margin-bottom:12px;font-family:Instrument Serif,serif;font-size:40px}.card-block p{color:var(--ink-soft);margin-bottom:20px}.card-block form{flex-direction:column;gap:10px;display:flex}.card-block input{font:inherit;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:4px;padding:12px 14px}.card-block input:focus{border-color:var(--ink);outline:none}.card-block .divider{text-align:center;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;padding:8px 0;font-family:JetBrains Mono,monospace;font-size:10px}.card-block .oauth{border:1px solid var(--rule);background:var(--paper);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.card-block .oauth:hover{border-color:var(--ink);background:var(--card)}.card-block .flash{background:var(--accent-soft);color:var(--bronze-deep);border-radius:4px;margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:72px 24px}.empty-state h3{color:var(--ink);margin-bottom:12px;font-family:Instrument Serif,serif;font-size:32px}.empty-state p{max-width:420px;margin:0 auto 24px}.price-grid{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.price-tile{background:var(--card);flex-direction:column;gap:14px;padding:32px;display:flex}.price-tile .tier{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px}.price-tile .amt{letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:48px;line-height:1}.price-tile .amt small{color:var(--muted);margin-left:6px;font-size:14px}.price-tile ul{color:var(--ink-soft);flex-direction:column;gap:8px;font-size:14px;list-style:none;display:flex}.price-tile ul li:before{content:"— ";color:var(--accent)}.price-tile.featured{background:var(--ink);color:var(--paper)}.price-tile.featured ul{color:#cfc8b2}.price-tile.featured .tier{color:var(--accent-soft)}.code-block{color:#d5cfb8;background:#14140f;border:1px solid #24241c;border-radius:6px;margin-bottom:20px;padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.code-block .k{color:#8aaf8a}.code-block .s{color:#c9a56a}.code-block .c{color:#5f5d4f;font-style:italic}.table-block{border-collapse:collapse;width:100%;margin:16px 0 32px}.table-block th,.table-block td{text-align:left;border-bottom:1px solid var(--rule-soft);padding:10px 12px;font-size:14px}.table-block th{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--paper-2);font-family:JetBrains Mono,monospace;font-size:10px}.table-block tbody tr:hover{background:var(--card)}
