.pql{--pql-hi:#ffcb51;--pql-dark:#161616;--pql-good:#2fbf71;--pql-warn:#e0763a;position:relative}.pql-section{border-top:1px solid var(--rule);padding:112px 0;scroll-margin-top:64px;position:relative}.pql-head{max-width:880px;margin-bottom:56px}.pql-h2{text-wrap:balance;margin:14px 0 0;font-weight:100}.pql-head>p{color:var(--ink-3);max-width:660px;margin:18px 0 0}.pql-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-size:11.5px}.pql-hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.pql-hero-grid>*{min-width:0}.pql-hero-grid{z-index:1;box-sizing:border-box;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px;width:100%;padding:148px 44px 96px;display:grid;position:relative}.pql-badge{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.pql-h1{text-wrap:balance;margin:22px 0 0;font-size:clamp(36px,4.4vw,60px);font-weight:600;line-height:1.07}.pql-h1 em{color:var(--accent);font-style:normal}.pql-lede{max-width:600px;color:var(--ink-3);margin:24px 0 0;font-size:17px}.pql-lede strong{color:var(--ink);font-weight:600}.pql-hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:32px;display:flex}.pql-btns{flex-wrap:wrap;gap:12px;display:flex}.pql-btn-gh{font-size:14px;background:var(--accent)!important;color:#161616!important}.pql-btn-plain{font-size:14px;border:none!important}.pql-facts{flex-wrap:wrap;gap:8px 22px;margin:30px 0 0;padding:0;list-style:none;display:flex}.pql-facts li{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pql-facts li:before{content:"";background:var(--accent);flex-shrink:0;width:5px;height:5px}.pql-install-wrap{flex-direction:column;gap:6px;max-width:100%;display:inline-flex}.pql-install{box-sizing:border-box;border:1px solid var(--rule-2);background:var(--bg-2);border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:10px 10px 10px 18px;display:flex}.pql-install code{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;scrollbar-width:none;padding:6px 0;font-size:14px;overflow-x:auto}.pql-install code::-webkit-scrollbar{display:none}.pql-install .pql-prompt{color:var(--ink-4);-webkit-user-select:none;user-select:none;margin-right:10px}.pql-copy{cursor:pointer;color:var(--ink-3);background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;padding:6px;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.pql-copy:hover{color:var(--ink)}.pql-copy.is-copied{color:var(--pql-good);border-color:var(--pql-good);background:color-mix(in srgb,var(--pql-good)16%,transparent)}.pql-copied{color:var(--pql-good);opacity:0;pointer-events:none;height:16px;font-size:12.5px;font-weight:500;transition:opacity .22s,transform .22s;transform:translateY(-4px)}.pql-copied.is-on{opacity:1;transform:none}.pql-code{color:#e8e8e8;background:#141414;border:1px solid #2c2c2c;border-radius:14px;min-width:0;overflow:hidden}.pql-code-bar{font-family:var(--font-mono);color:#7d7d7d;border-bottom:1px solid #262626;align-items:center;gap:6px;padding:11px 14px;font-size:12px;display:flex}.pql-code-bar i{background:#343434;border-radius:50%;width:9px;height:9px}.pql-code-bar span{margin-left:8px}.pql-code pre{font-family:var(--font-mono);white-space:pre;color:inherit;background:0 0;margin:0;padding:18px 20px;font-size:13.5px;line-height:1.75;overflow-x:auto}.pql-sql .k{color:#ffcb51;font-weight:600}.pql-sql .s{color:#6cc4ee}.pql-sql .n{color:#b5e3a1}.pql-sql .c{color:#7d7d7d;font-style:italic}.pql-hero-code{box-shadow:0 30px 80px -30px #0000008c}.pql-hero-code pre{padding:24px 24px 26px;font-size:14.5px}.pql-flow{align-items:stretch;display:flex}.pql-node{box-sizing:border-box;border:1px solid var(--rule-2);background:var(--bg-2);text-align:center;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:6px;min-width:0;padding:16px 12px 14px;display:flex;position:relative}.pql-node b{color:var(--ink);font-size:14px;font-weight:600;line-height:1.25}.pql-node span{color:var(--ink-3);font-size:12px;line-height:1.35}.pql-arrow{color:var(--ink-4);flex:0 0 34px;justify-content:center;align-items:center;display:flex;position:relative}.pql-flow--today .pql-node:nth-of-type(n+2){border-style:dashed}.pql-flow--today .pql-node:nth-of-type(2) span{color:var(--pql-warn)}.pql-band{background:var(--pql-dark);border:1px solid #2c2c2c;border-radius:16px;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);align-items:center;gap:32px;padding:26px 26px 26px 30px;display:grid}.pql-band-db b{color:#fff;margin-bottom:10px;font-size:16px;font-weight:600;display:block}.pql-band-db span{color:#ffffff9e;font-size:13px;line-height:1.6;display:block}.pql-band .pql-node{border-color:var(--pql-hi);background:#232323}.pql-band .pql-node b{color:#fff}.pql-band .pql-node span,.pql-band .pql-arrow{color:var(--pql-hi)}.pql-flow-block{margin-top:44px}.pql-flow-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:14px;display:flex}.pql-flow-head .pql-label{margin:0}.pql-stats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pql-stats li{font-family:var(--font-mono);border:1px solid var(--pql-warn);color:var(--pql-warn);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.pql-stats--pql li{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pql-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pql-card{border:1px solid var(--rule);background:var(--bg-2);border-top:2px solid var(--accent);border-radius:14px;min-width:0;padding:26px 26px 28px;position:relative;overflow:hidden}.pql-card .pql-label{margin-bottom:10px;font-size:10.5px}.pql-card h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.3}.pql-card p{color:var(--ink-3);margin:0;font-size:15px;line-height:1.6}.pql-note{color:var(--ink-3);max-width:760px;margin:22px 0 0;font-size:13.5px;line-height:1.6}.pql-cases{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px;display:grid}.pql-case{min-width:0}.pql-case h3{letter-spacing:-.015em;color:var(--ink);margin:0 0 8px;font-size:24px;font-weight:600}.pql-case h4{color:var(--ink);margin:26px 0 10px;font-size:15.5px;font-weight:600;line-height:1.35}.pql-schema{width:100%;max-width:460px;height:auto;margin:20px 0 4px;display:block}.pql-more{color:var(--accent);gap:8px;margin-top:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.pql-more span{transition:transform .2s}.pql-more:hover span{transform:translate(4px)}.pql-schema text{font-family:var(--font-mono)}.pql-schema .nd{fill:var(--bg-2);stroke:var(--rule-2)}.pql-schema .nd-t{fill:var(--ink);font-size:13px;font-weight:700}.pql-schema .nd-s{fill:var(--ink-3);font-size:10.5px}.pql-schema .en{fill:#161616;stroke:var(--pql-hi)}.pql-schema .en-t{fill:#fff;font-size:13px;font-weight:700}.pql-schema .en-s{fill:var(--pql-hi);font-size:10.5px}.pql-schema .ed{stroke:var(--ink-4);stroke-width:1.4px;fill:none}.pql-schema .ed-h{fill:var(--ink-4)}.pql-schema .ed-l{fill:var(--ink-3);font-size:10px}.pql-schema .ed-flow{stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;fill:none;stroke-dasharray:.12 .88;opacity:0}.pql-tl{padding-top:34px;position:relative}.pql-tl-bar{align-items:stretch;display:flex}.pql-tl-past,.pql-tl-future,.pql-tl-later{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.pql-tl-past{border:1px solid var(--rule-2);background:var(--bg-2);border-radius:10px 0 0 10px;flex:0 0 52%;padding:26px 18px}.pql-tl-future{border:2px solid var(--pql-hi);background:color-mix(in srgb,var(--pql-hi)16%,var(--bg));border-radius:0 10px 10px 0;flex:0 0 33%;padding:26px 18px}.pql-tl-later{color:var(--ink-4);text-align:left;flex:1 1 0;padding:12px 0 12px 16px;font-size:12.5px}.pql-tl b{color:var(--ink);font-size:15px;font-weight:600;line-height:1.3}.pql-tl-bar span{color:var(--ink-3);font-size:12.5px;line-height:1.45}.pql-tl-anchor{background:var(--ink);flex:0 0 3px;margin:-12px 0;position:relative}.pql-tl-anchor span{white-space:nowrap;color:var(--ink);font-size:12.5px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pql-tl-axis{background:var(--ink-4);height:1px;margin-top:26px;position:relative}.pql-tl-axis:after{content:"";border:4.5px solid #0000;border-left:8px solid var(--ink-4);border-right:0;position:absolute;top:-4px;right:-1px}.pql-tl-axis span{color:var(--ink-4);font-size:12px;position:absolute;top:10px;right:0}.pql-table-wrap{border:1px solid var(--rule);background:var(--bg-2);border-radius:14px;min-width:0;overflow-x:auto}.pql-table{border-collapse:collapse;width:100%;font-size:14.5px}.pql-table th{text-align:left;vertical-align:bottom;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--rule-2);padding:16px 18px 14px;font-size:11px;font-weight:700}.pql-table th small{letter-spacing:.02em;text-transform:none;color:var(--ink-3);margin-top:4px;font-size:10.5px;font-weight:400;display:block}.pql-table td{border-bottom:1px solid var(--rule);color:var(--ink-2);padding:15px 18px;line-height:1.45}.pql-table tr:last-child td{border-bottom:none}.pql-table td small{color:var(--ink-4);margin-top:3px;font-size:12.5px;display:block}.pql-table .nowrap{white-space:nowrap}.pql-table .pql-hi-cell{background:var(--accent-soft);color:var(--ink)}.pql-table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pql-table th.num{text-align:right}.pql-table .best{color:var(--ink);font-weight:800}.pql-table--proof{min-width:600px}.pql-short{display:none}.pql-proof{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.pql-bars{flex-direction:column;gap:22px;display:flex}.pql-bar b{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.pql-bar-row{align-items:center;gap:12px;display:flex}.pql-bar-fill{height:12px;width:var(--w);background:var(--ink-4);transform-origin:0;border-radius:3px;flex-shrink:0}.pql-bar-fill--pql{background:var(--accent)}.pql-bar-row span{color:var(--ink-3);font-size:12.5px;line-height:1.3}.pql-closing{text-align:center}.pql-closing-inner{flex-direction:column;align-items:center;display:flex}.pql-closing h2{margin:0;font-weight:100}.pql-closing h2 em{color:var(--accent);font-style:italic}.pql-closing p{color:var(--ink-3);max-width:560px;margin:18px 0 32px}.pql-closing .pql-install-wrap{align-items:center}.pql-closing .pql-btns{justify-content:center;margin-top:12px}@keyframes pql-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pql-fade{0%{opacity:0}}@keyframes pql-pop{0%{opacity:0;transform:scale(.86)}}@keyframes pql-blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes pql-grow{0%{transform:scaleX(0)}}@keyframes pql-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pql-drop{0%{transform:scaleY(0)}}@keyframes pql-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pql-travel{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}80%{opacity:1}to{stroke-dashoffset:.12px;opacity:0}}@keyframes pql-entity{50%{stroke-width:3px}}@keyframes pql-progress{to{transform:scaleX(1)}}@keyframes pql-bob{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes pql-node-pulse{0%,22%,to{opacity:0}6%,14%{opacity:1}}@keyframes pql-packet{0%{opacity:0;transform:translate(-15px)scale(.6)}3%{opacity:1;transform:translate(-11px)scale(1)}11%{opacity:1;transform:translate(11px)scale(1)}14%,to{opacity:0;transform:translate(15px)scale(.6)}}.pql-hero-grid>div:first-child>*{animation:.8s cubic-bezier(.2,.8,.2,1) both pql-rise}.pql-hero-grid>div:first-child>:nth-child(2){animation-delay:80ms}.pql-hero-grid>div:first-child>:nth-child(3){animation-delay:.18s}.pql-hero-grid>div:first-child>:nth-child(4){animation-delay:.28s}.pql-hero-grid>div:first-child>:nth-child(5){animation-delay:.38s}.pql-hero-code{animation:.9s cubic-bezier(.2,.8,.2,1) .3s both pql-rise}.pql-typed{display:block;position:relative}.pql-typed-ghost{visibility:hidden}.pql-typed-live{position:absolute;inset:0}.pql-cursor{vertical-align:text-bottom;background:#ffcb51;width:.55em;height:1.15em;margin-left:1px;animation:1.05s step-end infinite pql-blink;display:inline-block}.pql-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pql-flow--today{--pql-pulse:var(--pql-warn)}.pql-band .pql-flow{--pql-pulse:var(--pql-hi)}.pql-dot{background:var(--pql-pulse);width:6px;height:6px;box-shadow:0 0 10px var(--pql-pulse);opacity:0;border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.pql-flow--live .pql-node:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--pql-pulse),0 0 26px -6px var(--pql-pulse);opacity:0;pointer-events:none;position:absolute;inset:-1px}.reveal.in .pql-flow--live.is-live .pql-node:after{animation:pql-node-pulse calc(var(--n)*.85s + 1.1s)ease-in-out infinite;animation-delay:calc(var(--i)*.85s + .6s)}.reveal.in .pql-flow--live.is-live .pql-dot{animation:pql-packet calc(var(--n)*.85s + 1.1s)linear infinite;animation-delay:calc(var(--i)*.85s + .15s)}.pql-cards>.reveal:nth-child(2),.pql-cases>.reveal:nth-child(2){transition-delay:.12s}.pql-cards>.reveal:nth-child(3){transition-delay:.24s}.pql-head>.reveal:nth-child(2){transition-delay:70ms}.pql-head>.reveal:nth-child(3){transition-delay:.14s}.pql-tilt{min-width:0;transform:perspective(1100px)rotateX(var(--rx,0deg))rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pql-card:before{content:"";background:radial-gradient(260px circle at var(--mx,50%)var(--my,0%),var(--accent-soft),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.pql-card>*{position:relative}@media (hover:hover) and (pointer:fine){.pql-card{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.pql-card:hover{box-shadow:0 0 0 1px var(--accent),0 18px 50px -30px var(--accent)}.pql-card:hover:before{opacity:1}}.pql-progress{display:none}@supports (animation-timeline:scroll()){.pql-progress{z-index:60;background:var(--accent);transform-origin:0;pointer-events:none;height:2px;animation:linear both pql-progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}}.pql-scroll-cue{z-index:3;width:22px;height:22px;color:var(--ink-3);border:1px solid;border-radius:50%;justify-content:center;align-items:center;margin-left:-11px;animation:2s ease-in-out infinite pql-bob;display:inline-flex;position:absolute;bottom:22px;left:50%}.pql-scroll-cue:hover{color:var(--ink)}.pql-sticky{display:none}.pql-copy:focus-visible,.pql-more:focus-visible,.pql-scroll-cue:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.reveal.in .pql-stats li{animation:.45s cubic-bezier(.2,1.3,.4,1) both pql-pop;animation-delay:calc(var(--i)*90ms + .35s)}.pql-schema .sn{transform-box:fill-box;transform-origin:50%}.pql-schema .ed{stroke-dasharray:1}.reveal.in .pql-schema .sn{animation:.5s cubic-bezier(.2,1.3,.4,1) both pql-pop;animation-delay:calc(var(--i)*90ms + .2s)}.reveal.in .pql-schema .ed{animation:.6s both pql-draw;animation-delay:calc(var(--i)*.15s + .8s)}.reveal.in .pql-schema .ed-h,.reveal.in .pql-schema .ed-l{animation:.4s both pql-fade;animation-delay:calc(var(--i)*.15s + 1.3s)}.reveal.in .pql-schema.is-live .ed-flow{animation:2.6s linear infinite pql-travel;animation-delay:calc(var(--i)*.42s + 2.2s)}.reveal.in .pql-schema.is-live .en{animation:3.2s ease-in-out 1.6s infinite pql-entity}.reveal.in .pql-tl-past{animation:.9s cubic-bezier(.2,.8,.2,1) .2s both pql-wipe}.reveal.in .pql-tl-anchor{transform-origin:top;animation:.45s cubic-bezier(.2,.8,.2,1) 1s both pql-drop}.reveal.in .pql-tl-anchor span{animation:.4s 1.45s both pql-fade}.reveal.in .pql-tl-future{animation:.8s cubic-bezier(.2,.8,.2,1) 1.45s both pql-wipe}.reveal.in .pql-tl-later{animation:.6s 2.2s both pql-fade}.reveal.in .pql-tl-axis{animation:2s cubic-bezier(.2,.8,.2,1) .2s both pql-wipe}.reveal.in .pql-bar-fill{animation:1s cubic-bezier(.2,.8,.2,1) both pql-grow;animation-delay:calc(var(--i)*.16s + .25s)}@media (prefers-reduced-motion:reduce){.pql [class*=pql-],.pql [class*=pql-]:before,.pql [class*=pql-]:after,.pql-schema *{transition-delay:0s!important;animation:none!important}.pql-dot,.pql-schema .ed-flow,.pql-cursor,.pql-progress{display:none}.pql-tilt{transform:none}}@media (max-width:1100px){.pql-hero-grid{grid-template-columns:minmax(0,1fr);gap:48px;padding:132px 28px 80px}.pql-hero{min-height:0}.pql-scroll-cue{display:none}.pql-cards{grid-template-columns:minmax(0,1fr)}.pql-proof{grid-template-columns:minmax(0,1fr);gap:40px}.pql-cases{grid-template-columns:minmax(0,1fr);gap:72px}}@media (max-width:820px){.pql-section{padding:76px 0}.pql-head{margin-bottom:40px}.pql-hero-grid{padding:116px 0 64px}.pql-band{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px}.pql-head>p,.pql-lede{font-size:16px}.pql-flow{flex-direction:column}.pql-flow .pql-node{text-align:left;flex-direction:row;flex:none;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 16px}.pql-flow .pql-node span{text-align:right}.pql-flow .pql-arrow{flex-basis:22px;transform:rotate(90deg)}.pql-schema .nd-t,.pql-schema .en-t{font-size:15px}.pql-schema .nd-s,.pql-schema .en-s{font-size:11.5px}.pql-schema .ed-l{font-size:12px}.pql-case h3{font-size:21px}.pql-table--proof{min-width:0;font-size:13px}.pql-table--proof th,.pql-table--proof td{padding:12px 8px}.pql-table--proof th:first-child,.pql-table--proof td:first-child{padding-left:14px}.pql-table--proof th:last-child,.pql-table--proof td:last-child{padding-right:12px}.pql-table--proof th{letter-spacing:.06em;font-size:10px}.pql-table--proof th small{display:none}.pql-table--proof td small{font-size:11.5px}.pql-table--proof .nowrap{white-space:normal;font-size:12px;line-height:1.4}.pql-long{display:none}.pql-short{display:inline}.pql-sticky{z-index:40;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--accent);color:#161616;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:fixed;transform:translateY(160%);box-shadow:0 14px 40px -12px #0009}.pql-sticky.is-on{transform:translateY(0)}.pql-code pre,.pql-hero-code pre{padding:16px;font-size:12px}.pql-tl{padding-top:0}.pql-tl-bar{flex-direction:column}.pql-tl-past{border-radius:10px 10px 0 0;flex-basis:auto}.pql-tl-future{border-radius:0 0 10px 10px;flex-basis:auto}.pql-tl-anchor{background:var(--ink);text-align:center;flex-basis:auto;height:auto;margin:0;padding:7px 10px}.pql-tl-anchor span{color:var(--bg);white-space:normal;font-size:12px;position:static;transform:none}.pql-tl-later{text-align:center;padding:12px 0 0}.pql-tl-axis{display:none}.reveal.in .pql-tl-past,.reveal.in .pql-tl-future{animation-name:pql-rise}.pql-tl-anchor span{animation:none!important}}@media (max-width:480px){.pql-install{align-items:flex-start}.pql-install code{white-space:normal;line-height:1.7;overflow-x:visible}}
