.lp{--bg:#fff;--surface:#ecebf8;--ink:#07051f;--muted:#5f5f5f;--accent:#6c5ce7;--accent-ink:#fff;--m:clamp(16px, 2.2vw, 32px);--small:1rem;--body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--head:clamp(2.25rem, 1.3rem + 3.2vw, 4rem);--ease:cubic-bezier(.22, 1, .36, 1);font-family:Switzer,system-ui,sans-serif;font-size:var(--body);letter-spacing:-.005em;color:var(--ink);background:var(--bg);line-height:1.5}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp h1,.lp h2,.lp h3,.lp p{margin:0}.lp a{color:inherit}.lp .btn{color:var(--accent-ink)}.lp code,.lp pre{font-family:ui-monospace,Menlo,Consolas,monospace}.lp :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hero :focus-visible{outline-color:#fff}.lp .soft{color:var(--muted)}.btn{background:var(--accent);min-height:48px;color:var(--accent-ink);transition:transform .16s var(--ease), filter .16s;border-radius:999px;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(.96)}.btn:active{transition-duration:80ms;transform:scale(.97)}.btn-sm{min-height:40px;font-size:var(--small);padding:0 18px}.link{text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:2px}.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.cta-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero{isolation:isolate;color:#fff;padding:0 var(--m) 96px;background-color:#04021a;background-image:radial-gradient(60vw 60vw at -8% 62%,#3a188c8c,#0000 62%),radial-gradient(52vw 52vw at 108% 30%,#34168080,#0000 62%);background-repeat:no-repeat;position:relative;overflow:clip}.hero:before{content:"";z-index:-1;background:var(--hero-bg) 62% 40% / cover no-repeat;filter:blur(7px);opacity:.8;position:absolute;inset:-24px}.bar{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.bar nav{font-size:var(--small);align-items:center;gap:28px;display:flex}.bar nav a:not(.btn){text-decoration:none;transition:color .16s}.bar nav a:not(.btn):hover{color:#b3a9ff}.word{letter-spacing:-.03em;font-size:1.125rem;font-weight:600;text-decoration:none}.hero-text{text-align:center;max-width:1100px;margin:clamp(48px,9vh,112px) auto 0}.hero h1{letter-spacing:-.04em;font-size:clamp(2.6rem,6.4vw,6.4rem);font-weight:600;line-height:1}.mask{padding-bottom:.08em;display:block;overflow:hidden}.mask>span{animation:rise-line .9s var(--ease) both;display:block}.mask:nth-child(2)>span{animation-delay:.11s}.hero .lead{max-width:40ch;font-size:var(--lead);letter-spacing:-.01em;margin:40px auto 0;line-height:1.35}.hero .cta-row{justify-content:center;margin-top:32px}.rise{animation:fade-up .7s var(--ease) .6s both}@keyframes rise-line{0%{transform:translateY(105%)}to{transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-demo{max-width:980px;animation:fade-up .8s var(--ease) .8s both;margin:72px auto 0}.chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}[data-ui]{letter-spacing:0;font-size:14px;line-height:1.4}.chip{color:#fff;background:#1b1840;border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.chip-label{color:#d6d6d6}.chip output{font-variant-numeric:tabular-nums;min-width:2.4ch}.seg{background:#07051f;border-radius:8px;padding:3px;display:inline-flex}.seg button{color:#d6d6d6;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;transition:background .16s,color .16s}.seg button[aria-checked=true]{background:var(--accent);color:#fff;font-weight:600}.chip input[type=range]{accent-color:#6c5ce7;width:120px}.switch{cursor:pointer;background:#07051f;border:0;border-radius:999px;width:44px;height:26px;padding:0;transition:background .16s;position:relative}.switch span{width:20px;height:20px;transition:transform .22s var(--ease), background .16s;background:#d6d6d6;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:#4b8f6c}.switch[aria-checked=true] span{background:#fff;transform:translate(18px)}.chip button:focus-visible,.browser button:focus-visible{outline-offset:2px;outline:3px solid #fff}.browser{color:#07051f;background:#fff;border-radius:12px;overflow:hidden}.browser-bar{background:#ececec;align-items:center;gap:8px;padding:12px 16px;display:flex}.crumb{flex:1}.tag{background:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500}.tag-lock{background:var(--accent)}.browser-sql{color:#444;white-space:nowrap;background:#f6f6f6;padding:10px 16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;display:block;overflow-x:auto}.browser table{border-collapse:collapse;width:100%;min-width:520px}.browser th,.browser td{text-align:left;border-bottom:1px solid #ececec;padding:10px 16px}.browser th{color:#5f5f5f;font-weight:600}.browser .num{text-align:right;font-variant-numeric:tabular-nums}.browser .act{text-align:right}.browser td button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9c9c9;border-radius:6px;padding:3px 12px;transition:background .12s,transform .12s}.browser td button:hover{background:#f1f1f1}.browser td button:active{transform:scale(.96)}.browser td button.locked{color:#767676;border-style:dashed}.browser-foot{color:#444;background:#f6f6f6;padding:10px 16px}.browser>:not(.browser-bar):not(.browser-sql):not(.browser-foot){overflow-x:auto}.features{padding:160px var(--m);grid-template-columns:repeat(12,1fr);column-gap:24px;display:grid;position:relative}.f-head{text-align:right;font-size:var(--head);letter-spacing:-.04em;grid-column:1/span 4;font-weight:600;line-height:.98}.f-sub{grid-area:1/9/auto/span 4;align-self:start}.f-sub p{max-width:38ch}.plate{grid-column:1/-1;grid-template-columns:repeat(12,1fr);column-gap:24px;min-height:720px;margin-top:64px;display:grid}.plate-notes{position:relative}.plate-notes.left{text-align:right;grid-column:1/span 4}.plate-notes.right{grid-column:9/span 4}.note{color:inherit;font:inherit;text-align:inherit;cursor:default;background:0 0;border:0;padding:0;display:block;position:absolute;left:0;right:0}.plate-notes.left .note{padding-right:8px}.note strong{font-size:1.125rem;font-weight:500;display:block}.note span{max-width:28ch;font-size:var(--small);color:var(--muted);margin-top:4px;line-height:1.45;display:block}.plate-notes.left .note span{margin-left:auto}.note.hot strong{background:var(--accent)}.panel{background:var(--surface);border-radius:12px;flex-direction:column;grid-column:5/span 4;align-self:start;min-height:680px;display:flex;overflow:hidden}.panel .p-head,.panel .p-foot{background:#e6e6e6;justify-content:space-between;gap:8px;padding:14px 16px;display:flex}.panel .p-head span,.panel .p-foot span{color:#444}.p-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex}.msg.you{color:#fff;background:#07051f;border-radius:12px;align-self:flex-end;max-width:85%;padding:10px 14px}.call{background:#fff;border-radius:8px;padding:8px 12px}.call span{font-weight:600}.pii{color:#444;background:#fff;border-radius:8px;padding:8px 12px}.sql{background:#fff;border-radius:8px;padding:12px;overflow-x:auto}.sql code{white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6}.actions{border-radius:10px;gap:8px;margin:-4px;padding:4px;display:flex}.actions button{background:var(--accent);color:#fff;min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 18px;font-weight:600;transition:transform .12s}.actions button:active{transform:scale(.96)}.actions .ghost{color:#07051f;background:#fff;border:1px solid #c9c9c9}.sql{transition:opacity .3s,background .3s}.sql.void{opacity:.45}.sql.void code{text-decoration:line-through}.sql.run{background:#e6e2fc}.status,.result{background:#fff;border-radius:8px;padding:12px}.status{align-items:center;gap:10px;display:flex}.spin{border:2px solid #d6d1f7;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.result .ok{color:#4a3fb8;font-weight:600}.result .no{color:#a03a3a;font-weight:600}.result table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px}.result td{padding:4px 0}.result td:last-child{text-align:right}.result tr{animation:fade-up .4s var(--ease) both}.again{font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-weight:600;text-decoration:underline}.pop{animation:pop .32s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.hot{outline:3px solid var(--accent);outline-offset:2px}.f-more{grid-column:1/-1;grid-template-columns:repeat(12,1fr);gap:20px 24px;margin-top:160px;display:grid}.f-more h3{text-align:right;font-size:var(--lead);letter-spacing:-.02em;grid-column:1/span 4;font-weight:600;line-height:1.1}.f-more p{grid-column:5/span 6}.f-more .link{grid-column:5/span 6;justify-self:start}.steps{grid-template-columns:repeat(4,1fr);min-height:84svh;display:grid;position:relative}.s-head{top:28px;left:var(--m);z-index:1;max-width:calc(25vw - var(--m) * 2);letter-spacing:-.04em;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);font-weight:700;line-height:1;position:absolute}.field{padding:28px var(--m);flex-direction:column;min-height:84svh;display:flex;position:relative}.field-1{color:#fff;background:#6c5ce7}.field-2{color:#fff;background:#07051f}.field-3{color:#07051f;background:#ecebf8}.field-4{color:#07051f;background:#d9d6f3}.s-clause{letter-spacing:-.02em;flex-direction:column;order:3;margin-top:auto;font-size:1.375rem;line-height:1.2;display:flex}.s-clause p:first-child{font-weight:600}.card-wrap{order:2;align-self:center;width:100%;max-width:300px;margin-top:160px}.field .card{color:#07051f;transition:transform .22s var(--ease);background:#fff;border-radius:12px;overflow:hidden}.field:hover .card{transform:translateY(-6px)}.card pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:118px;margin:0;padding:16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.sqld{padding:140px var(--m);color:#fff;background-color:#04021a;background-image:radial-gradient(46vw 46vw at 0 100%,#3a188c80,#0000 62%),radial-gradient(40vw 40vw at 100% 0,#1e289666,#0000 62%);grid-template-columns:repeat(12,1fr);align-items:center;gap:24px;display:grid}.sqld-text{grid-column:1/span 4}.sqld-text h2{font-size:var(--head);letter-spacing:-.04em;margin-bottom:24px;font-weight:600;line-height:.98}.sqld-text p{max-width:30ch}.sqld-demo{grid-column:6/span 7}.sqld-box{background:#0d0a33;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #00000080}.sqld-chips{background:#15114a;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.sqld-chips button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#241f6b;border:0;border-radius:999px;padding:0 14px;transition:background .16s,transform .12s}.sqld-chips button:hover{background:#332d8a}.sqld-chips button:active{transform:scale(.96)}.sqld-chips button[aria-pressed=true]{background:var(--accent);color:#fff;font-weight:600}.sqld-editor{min-height:132px;padding:18px 96px 18px 18px;position:relative}.sqld-editor pre{white-space:pre-wrap;color:#d9d6f3;margin:0;font-size:13.5px;line-height:1.65}.caret{vertical-align:text-bottom;background:var(--accent);width:7px;height:1.1em;margin-left:1px;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.sqld-run{background:var(--accent);color:#fff;min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 18px;font-weight:600;transition:transform .12s,opacity .16s;position:absolute;top:16px;right:16px}.sqld-run:active{transform:scale(.95)}.sqld-run:disabled{opacity:.35;cursor:default}.sqld-out{color:#07051f;background:#fff;min-height:250px;padding:8px 18px 18px}.sqld-out table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.sqld-out th{text-align:left;color:#5f5f5f;padding:10px 8px 8px 0;font-weight:600}.sqld-out td{padding:8px 8px 8px 0}.sqld-out tbody tr{animation:fade-up .4s var(--ease) both}.sqld-out tr.mk td,.sqld-out td.mk{background:#e6e2fc;animation:1.2s ease-out both flash}.sqld-out th.mk{color:#4a3fb8}.sqld-out i{color:#8a8a9a}.sqld-note{color:#4a3fb8;margin-top:12px;font-weight:600}@keyframes flash{0%{background:#6c5ce7}}.card-state{background:#ececec;padding:10px 16px;font-weight:500}.field-1 .s-clause{margin-top:auto}.close{padding:30svh var(--m) 20svh;color:#fff;background-color:#04021a;background-image:radial-gradient(50vw 50vw at 100% 100%,#3a188c80,#0000 62%),radial-gradient(40vw 40vw at 0 0,#1e289659,#0000 62%)}.close .link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.close-in{max-width:34ch}.close-line{letter-spacing:-.005em;margin-bottom:24px;font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);font-weight:400;line-height:1.4}.foot{padding:40px var(--m) 30px;font-size:var(--small);grid-template-columns:1fr auto 1fr;align-items:baseline;gap:24px;display:grid}.foot nav{gap:24px;display:flex}.foot .end{text-align:right}.reveal{transition:opacity .7s var(--ease), transform .7s var(--ease)}.reveal.pre{opacity:0;transform:translateY(24px)}@media (max-width:860px){.bar nav a:not(.btn){display:none}.hero h1{font-size:8.6vw}.sqld{padding:96px var(--m);display:block}.sqld-text{margin-bottom:32px}.sqld-editor{padding-bottom:64px;padding-right:18px}.sqld-run{top:auto;bottom:14px}.hero-text{margin-top:40px}.chips{flex-direction:column;align-items:stretch}.features{padding:96px var(--m);display:block}.f-head{text-align:left;font-size:2.25rem}.f-sub{margin-top:20px}.plate{min-height:0;margin-top:40px;display:block}.plate-notes{margin-top:32px;display:block;position:static;text-align:left!important}.plate-notes.right{order:3}.note{margin-bottom:20px;position:static}.plate-notes.left .note span{margin-left:0}.panel{min-height:0}.f-more{margin-top:96px;display:block}.f-more h3{text-align:left;margin-bottom:16px}.f-more p{margin-bottom:16px}.steps{display:block}.s-head{max-width:none;padding:28px var(--m) 0;background:#6c5ce7;font-size:1.5rem;position:static}.field{min-height:64svh}.field .card-wrap{align-self:flex-start;margin-top:32px}.s-clause{order:1;margin-top:0}.close{padding:14svh var(--m) 10svh}.foot{flex-direction:column;gap:8px;padding-bottom:24px;font-size:14px;display:flex}.foot .end{text-align:left}}@media (min-width:560px) and (max-width:860px){.field{grid-template-columns:1fr 1fr;align-items:start;gap:24px;min-height:0;padding-bottom:56px;display:grid}.field .card-wrap{align-self:start;margin-top:0}.s-clause{order:0}}@media (prefers-reduced-motion:reduce){.pop,.result tr,.sqld-out tbody tr,.sqld-out td.mk,.sqld-out tr.mk td,.caret,.spin,.mask>span,.rise,.hero-demo{animation:none}.reveal,.btn,.field .card{transition:none}}.wiz{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0;display:grid}.wiz fieldset{border:0;margin:0 0 20px;padding:0}.wiz legend,.wiz-field>span{margin-bottom:8px;font-weight:600;display:block}.wiz small{opacity:.75;margin-top:6px;display:block}.wiz-field{margin-bottom:20px;display:block}.wiz-field input{width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #80808080;border-radius:8px;padding:8px 12px}.wiz-choices{flex-wrap:wrap;gap:8px;display:flex}.wiz-choices label{text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #80808080;border-radius:8px;flex:auto;padding:8px 12px;font-weight:600}.wiz-choices label.on{color:#fff;background:#6c5ce7;border-color:#6c5ce7;font-weight:600}.wiz-choices input{opacity:0;position:absolute}.wiz-choices label:focus-within{outline-offset:2px;outline:2px solid}.wiz-check{gap:8px;margin-bottom:12px;display:flex}.wiz-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #80808080;border-radius:8px;margin-left:8px;padding:6px 14px}.wiz-field .wiz-btn{margin-left:0}.wiz-btn:hover:not(:disabled){color:#fff;background:#6c5ce7}.wiz-btn:disabled{opacity:.45;cursor:not-allowed}.wiz-out{min-width:0}.wiz-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wiz-out pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#80808024;border-radius:10px;margin:0;padding:16px;font-size:13px;line-height:1.6}.wiz-note{margin-top:12px}@media (max-width:860px){.wiz{grid-template-columns:1fr}}body{margin:0}.wiz-choices.stack{flex-flow:column}.logo-on-dark,html.dark .logo-on-light{display:none}html.dark .logo-on-dark{display:inline}
