.landing{--ink:#f0ede6;--bg:#141414;--dim:#8b8b8b;--line:#2a2a2a;--mono:"Geist Mono", ui-monospace, monospace;background:var(--bg);color:var(--ink)}.landing a{color:var(--ink)}.landing a:hover{color:var(--accent)}.landing .mono{font-family:var(--mono);font-size:12.5px}.landing .dim{color:#6b6b6b}.landing .button.wide{width:100%}.hero{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:1180px;margin:0 auto;padding:clamp(56px,10vh,120px) clamp(18px,4vw,48px) 0;display:flex}.hero h1{text-wrap:balance;max-width:880px}.hero .eyebrow,.hero .lead,.hero .small{margin:0}.hero .lead{text-wrap:pretty;max-width:640px}.hero .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.landing .hero .text-link:hover{color:var(--accent)}.landing h2{letter-spacing:-.035em;margin:0;font-size:clamp(34px,4.2vw,62px);font-weight:600;line-height:1.02}.landing .dash{border-top:1px solid var(--line);font-family:var(--mono);color:#bdbdbb;flex-direction:column;gap:9px;margin:10px 0 0;padding:18px 0 0;font-size:13px;list-style:none;display:flex}.landing .dash li:before{content:"✓";color:var(--accent);margin-right:10px}#hero-app{text-align:left;width:100%;margin-top:26px}.app{border:1px solid var(--line);box-shadow:0 40px 120px -40px color-mix(in srgb, var(--accent) 22%, transparent);background:#161616;border-radius:14px;font-size:12.5px;overflow:hidden}.app p{margin:0;line-height:1.4}.app b{font-weight:600}.app .get{color:#6fd38a}.app .post{color:#e5b567}.app .del{color:#f87171}.app-bar{border-bottom:1px solid var(--line);background:#1a1a1a;grid-template-columns:1fr auto 1fr;align-items:center;height:38px;padding:0 14px;display:grid}.app-name{align-items:center;gap:8px;font-weight:600;display:flex}.app-env{color:#bdbdbb;border:1px solid #333;border-radius:7px;padding:3px 10px}.app-body{grid-template-columns:220px 1fr;min-height:440px;display:grid}.app-side{border-right:1px solid var(--line);background:#181818;flex-direction:column;gap:1px;padding:10px 8px;display:flex}.app-label{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:2px 8px 8px;font-size:10.5px;font-weight:600}.app .row{white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.app .row:before{content:"›";color:var(--dim);width:8px}.app .row.open:before{content:"⌄"}.app .row.d1{padding-left:22px}.app .row.d2{padding-left:36px}.app .row.d2:before,.app .row.muted:before{content:none}.app .row.muted{color:#9a9a98}.app .row.muted span{color:var(--dim);margin-left:auto}.app .row.on{background:#242424}.app .row b{width:30px;font-size:10.5px}.app-main{flex-direction:column;min-width:0;display:flex}.app-tabs{border-bottom:1px solid var(--line);background:#1a1a1a;gap:2px;padding:5px 6px 0;display:flex}.app-tabs span{color:var(--dim);border-radius:7px 7px 0 0;gap:8px;padding:7px 14px;display:flex}.app-tabs span.on{color:var(--ink);background:#161616}.app-tabs b{font-size:10.5px}.app-url{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px;display:flex}.app-url .method{border:1px solid #333;border-radius:7px;padding:6px 11px;font-weight:600}.app-url code{min-width:0;font-family:var(--mono);white-space:nowrap;border:1px solid #333;border-radius:7px;flex:1;padding:6px 11px;overflow:hidden}.app-url code i{color:var(--accent);font-style:normal}.app-url .send{background:var(--accent);color:var(--accent-ink);border-radius:7px;padding:6px 16px;font-weight:600}.app-split{flex:1;grid-template-columns:1fr 1fr;display:grid}.app .pane{min-width:0;position:relative}.app .pane+.pane{border-left:1px solid var(--line)}.app .strip{border-bottom:1px solid var(--line);color:var(--dim);white-space:nowrap;gap:14px;padding:0 12px;display:flex;overflow:hidden}.app .strip span{border-bottom:2px solid #0000;padding:8px 0}.app .strip .on{color:var(--ink);border-color:var(--accent)}.app .status{color:var(--dim);gap:14px;padding:9px 12px 3px;display:flex}.app .status b{color:#6fd38a}.landing pre{font-family:var(--mono);color:#cfcdc6;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.65;overflow-x:auto}.landing pre i{color:#7fb4e8;font-style:normal}.landing pre u{color:#a8d08d;text-decoration:none}.landing pre em{color:#e5b567;font-style:normal}.landing pre b{color:var(--dim);font-weight:400}.caret{vertical-align:text-bottom;background:var(--accent);width:1.5px;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.complete{width:min(300px,100% - 64px);font-family:var(--mono);background:#1f1f1f;border:1px solid #333;border-radius:9px;margin:0;padding:4px;font-size:12px;list-style:none;position:absolute;top:200px;left:52px;box-shadow:0 16px 40px -12px #000}.complete li{white-space:nowrap;border-radius:6px;justify-content:space-between;gap:12px;padding:5px 8px;display:flex;overflow:hidden}.complete li.on{background:color-mix(in srgb, var(--accent) 16%, transparent)}.complete span{color:var(--dim);text-overflow:ellipsis;overflow:hidden}.features{gap:clamp(64px,10vh,120px)}.feature{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;gap:clamp(28px,5vw,64px);display:grid}.feature h2{text-wrap:balance;font-size:clamp(28px,3.2vw,44px);line-height:1.06}.feature .lead{color:var(--dim);text-wrap:pretty;margin:18px 0 0}.feature .lead code{font-family:var(--mono);color:#bdbdbb;font-size:.9em}.feature .card{border:1px solid var(--line);background:#1a1a1a;border-radius:16px;padding:22px 24px}.feature:nth-child(2n)>:first-child{order:2}.popup{gap:10px;display:grid}.popup p{overflow-wrap:anywhere;margin:0}.popup-title{letter-spacing:-.02em;font-size:21px;font-weight:600}.popup .warn{color:#e5b567}.popup-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid;margin-top:8px!important}.popup-actions span{border:1px solid #333;border-radius:10px;justify-content:center;gap:8px;padding:10px;font-size:14px;display:flex}.popup-actions .allow{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.popup-actions i{font-style:normal;font-family:var(--mono);opacity:.6;font-size:12px}@media (width<=760px){.app-body{grid-template-columns:1fr}.app-side,.app .pane+.pane,.complete{display:none}.app-split{grid-template-columns:1fr}.feature:nth-child(2n)>:first-child{order:0}}.block{flex-direction:column;gap:44px;max-width:1180px;margin:0 auto;padding:clamp(80px,12vh,140px) clamp(18px,4vw,48px) 60px;display:flex}.pricing{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;gap:clamp(28px,5vw,64px);display:grid}.pricing .lead{color:var(--dim);margin:18px 0 8px;font-size:17px;line-height:1.5}.price{border:1px solid var(--line);background:#1a1a1a;border-radius:16px;gap:16px;padding:28px;display:grid}.price p{margin:0}.price-value{letter-spacing:-.05em;font-size:56px;font-weight:700;line-height:1}.price-value span{letter-spacing:0;color:var(--dim);font-size:13px;font-weight:400}.price .note{color:var(--dim);font-size:13px;line-height:1.5}.price .note a{text-underline-offset:3px;text-decoration:underline}.landing .field,.landing .field label{font:inherit;letter-spacing:0;text-transform:none;color:var(--dim);gap:6px;font-size:13px;display:grid}.landing select,.stepper input{font:inherit;color:var(--ink);background:#111;border:1px solid #333;border-radius:10px;padding:10px 12px;font-size:15px}.stepper{border:1px solid #333;border-radius:10px;grid-template-columns:44px 1fr 44px;display:grid;overflow:hidden}.stepper button{color:var(--ink);cursor:pointer;background:#222;border:0;font-size:18px}.stepper button:hover{background:#2c2c2c}.stepper input{text-align:center;-moz-appearance:textfield;border:0;border-radius:0;font-weight:700}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.total{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.total strong{font-size:20px}.faq{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(28px,5vw,64px);padding-top:40px;display:grid}.faq>div{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--accent)}.faq summary i{background:var(--accent);border-radius:2px;flex:none;width:14px;height:14px;transition:height .2s}.faq details[open] summary i{height:4px}.faq p{color:var(--dim);text-wrap:pretty;margin:0 0 22px;font-size:16px;line-height:1.6}
