.nav{z-index:40;-webkit-backdrop-filter:blur(14px);background:#0a0c10cc;border-bottom:1px solid #232935aa;position:sticky;top:0}.navl{color:var(--color-muted);border-radius:8px;padding:7px 12px;text-decoration:none;transition:color .12s,background .12s}.navl:hover{color:var(--color-ink);background:var(--color-raised)}.fl{color:var(--color-muted);width:fit-content;text-decoration:none}.fl:hover{color:var(--color-ink)}.hero-glow{filter:blur(20px);background:radial-gradient(closest-side,#7b93ff2e,#0000);width:720px;height:420px;top:40px;right:-120px}.demo{border:1px solid var(--color-rule-strong);background:linear-gradient(#151922,#0f1218);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -30px #000,inset 0 0 0 1px #ffffff08}.demo-bar{border-bottom:1px solid var(--color-rule);background:#ffffff04;align-items:center;gap:10px;padding:12px 14px;display:flex}.demo-body{padding:16px}.demo-q{border:1px solid var(--color-rule-strong);background:var(--color-code);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.caret{background:var(--color-accent);border-radius:1px;width:7px;height:16px;animation:1.1s steps(2,end) infinite blink}.hit{border:1px solid var(--color-rule);background:#ffffff05;border-radius:10px;padding:12px 14px}.hit .md{font:400 12px/1.6 var(--font-mono);color:var(--color-muted);margin-top:6px}.hit .md .c{color:#5b6475}.hit .md .n{color:var(--color-amber)}.fav{background:var(--color-raised);border:1px solid var(--color-rule-strong);width:18px;height:18px;font:600 10px var(--font-mono);color:var(--color-muted);text-transform:uppercase;border-radius:5px;place-items:center;display:inline-grid}.tok{font:500 11px var(--font-mono);color:var(--color-accent);background:var(--color-accent-soft);border-radius:999px;margin-left:auto;padding:1px 7px}.shrink{border:1px dashed var(--color-rule-strong);border-radius:10px;margin-top:16px;padding:14px}.bar{background:var(--color-raised);border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.bar i{background:#3a4356;border-radius:99px;height:100%;display:block}.bar i.on{background:var(--color-accent)}.reveal{animation:.6s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.reveal,.caret{animation:none}}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tile{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:16px;padding:24px;transition:border-color .15s}.tile:hover{border-color:var(--color-rule-strong)}.tile.t-wide{grid-column:span 2}.tile h3{margin-top:18px;font-size:18px;font-weight:600}.tile p{color:var(--color-muted);max-width:52ch;margin-top:8px;font-size:15px;line-height:1.55}.tile .code.mini{padding:12px 14px;font-size:12px;line-height:1.6}.chip{border:1px solid var(--color-rule-strong);background:var(--color-raised);font:400 12.5px var(--font-mono);border-radius:8px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.ledger{gap:6px;margin-bottom:0;padding:0;font-size:13px;list-style:none;display:grid}.ledger li{background:var(--color-raised);color:var(--color-muted);border-radius:8px;justify-content:space-between;padding:8px 12px;display:flex}.ledger li.ok{color:var(--color-ok);background:#5fd3a014}@media (width<=900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.bento{grid-template-columns:minmax(0,1fr)}.tile.t-wide{grid-column:auto}}.steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:0;padding:0;list-style:none;display:grid;position:relative}.steps li{position:relative}.steps li:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--color-rule-strong), transparent);height:1px;position:absolute;top:17px;left:52px;right:-20px}.stepn{background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-accent);font:600 14px var(--font-mono);border:1px solid #7b93ff66;border-radius:50%;place-items:center;display:grid}.steps h3{margin-top:18px;font-size:20px;font-weight:600}.steps p{color:var(--color-muted);max-width:34ch;margin-top:8px;line-height:1.55}@media (width<=800px){.steps{grid-template-columns:minmax(0,1fr)}.steps li:not(:last-child):after{display:none}}.tabs input{opacity:0;pointer-events:none;position:absolute}.tabbar{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:10px;gap:4px;width:fit-content;margin-bottom:10px;padding:4px;display:flex}.tabbar label{color:var(--color-muted);cursor:pointer;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:500}.tabbar label:hover{color:var(--color-ink)}.tabs .pane{display:none}#t-curl:checked~.p-curl,#t-js:checked~.p-js,#t-py:checked~.p-py{display:block}#t-curl:checked~.tabbar label[for=t-curl],#t-js:checked~.tabbar label[for=t-js],#t-py:checked~.tabbar label[for=t-py]{background:var(--color-raised);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-rule-strong)}.tabs input:focus-visible~.tabbar{outline:2px solid var(--color-accent);outline-offset:2px}.dash{border:1px solid var(--color-rule-strong);background:var(--color-paper);border-radius:16px;grid-template-columns:170px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 40px 80px -40px #000}.dash-side{border-right:1px solid var(--color-rule);background:var(--color-surface);align-content:start;gap:4px;padding:16px 12px;font-size:13px;display:grid}.dash-side span{padding:0 8px 12px}.dash-side i{color:var(--color-muted);border-radius:7px;padding:7px 10px;font-style:normal}.dash-side i.on{background:var(--color-raised);color:var(--color-ink);box-shadow:inset 2px 0 0 var(--color-accent)}.dash-main{min-width:0;padding:16px}.mini{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:12px;padding:14px 16px}.mini p{color:var(--color-muted);font-size:12.5px}.mini b{font:500 20px var(--font-mono);letter-spacing:-.02em;white-space:nowrap;margin-top:6px;display:block}.spark{align-items:flex-end;gap:4px;height:96px;margin-top:12px;display:flex}.spark i{background:linear-gradient(180deg, var(--color-accent), #7b93ff40);border-radius:3px 3px 1px 1px;flex:1}.calls{margin:0;padding:0;font-size:13px;list-style:none}.calls li{border-top:1px solid var(--color-rule);grid-template-columns:8px minmax(0,1fr) 70px 64px;align-items:center;gap:12px;padding:9px 0;display:grid}.calls li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calls li span.font-mono{text-align:right;color:var(--color-muted)}@media (width<=720px){.dash{grid-template-columns:minmax(0,1fr)}.dash-side{display:none}.calls li{grid-template-columns:8px minmax(0,1fr) 64px}.calls li span:last-child{display:none}}.pack{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:16px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.pack.best{background:linear-gradient(180deg, #7b93ff12, var(--color-surface) 60%);border-color:#7b93ff66;box-shadow:0 0 0 1px #7b93ff22,0 24px 60px -30px #7b93ff80}.pack:not(.best) .badge{display:none}.faq details{border-bottom:1px solid var(--color-rule)}.faq details:first-child{border-top:1px solid var(--color-rule)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 22px var(--font-mono);color:var(--color-muted);flex-shrink:0;transition:transform .2s}.faq details[open] summary:after{color:var(--color-accent);transform:rotate(45deg)}.faq details p{color:var(--color-muted);max-width:62ch;padding:0 4px 22px;line-height:1.65}.cta{background:radial-gradient(ellipse 60% 120% at 100% 0%, #7b93ff2b, transparent), var(--color-surface);border:1px solid #7b93ff44;border-radius:20px;padding:clamp(32px,6vw,72px);position:relative;overflow:hidden}
