.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3.5rem;padding-block:1rem 4rem;display:grid}.home-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:600;line-height:1.1}.home-hero h1 span{color:var(--accent)}.home-description{max-width:36rem;color:var(--ink-muted);margin:1.5rem 0 0;font-size:1.05rem;line-height:1.8}.home-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.home-primary-link,.home-text-link{align-items:center;gap:.75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.home-primary-link{background:var(--accent);color:var(--paper);border-radius:.3rem;padding:.75rem 1rem}.home-primary-link:hover{background:var(--accent-deep)}.home-text-link{color:var(--accent)}.home-text-link:hover{text-decoration:underline}.home-actions .home-primary-link,.home-actions .home-text-link{gap:.5rem;font-size:.8rem}.home-actions .home-primary-link{padding:.5rem .8rem}.home-flow-diagram{min-width:0;margin:0}.flow-stages{grid-template-columns:minmax(0,1fr) .22fr minmax(0,2.5fr) .22fr minmax(0,1fr);display:grid}.flow-stage{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.flow-visual{justify-content:center;align-items:center;width:100%;height:13rem;display:flex}.flow-visual-graph{height:auto;min-height:13rem;padding-bottom:1rem}.flow-stage strong{color:var(--ink);font-size:.76rem;font-weight:500}.flow-stage>span{color:var(--ink-muted);margin-top:.35rem;font-size:.7rem}.flow-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.flow-files>span{border:1px solid var(--line);background:var(--paper-soft);color:var(--ink-muted);font-family:var(--font-mono);border-radius:.2rem;padding:.3rem .4rem;font-size:.7rem;animation:6s ease-in-out infinite flow-source}.flow-files>span:nth-child(2){animation-delay:.15s}.flow-files>span:nth-child(3){animation-delay:.3s}.flow-files>span:nth-child(4){animation-delay:.45s}.flow-graph-frame{border:1px dashed var(--line);border-radius:.35rem;width:100%;padding:.5rem}.flow-graph{gap:.5rem;display:grid;position:relative}.flow-graph svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-association,.flow-association-active{stroke:var(--line);stroke-width:1.5px;vector-effect:non-scaling-stroke}.flow-association-active{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;animation:6s ease-in-out infinite flow-associate}.flow-graph g:nth-child(2) .flow-association-active{animation-delay:.2s}.flow-graph g:nth-child(3) .flow-association-active{animation-delay:.4s}.flow-node{border:1px solid var(--line);background:var(--paper-soft);text-align:left;border-radius:.3rem;padding:.35rem;position:absolute;transform:translateY(-50%)}.flow-node small{color:var(--ink-muted);font-family:var(--font-mono);margin-bottom:.2rem;font-size:.7rem;line-height:1.3;display:block}.flow-node>span{color:var(--ink);font-size:.7rem;line-height:1.4;display:block}.flow-post{width:44%;position:relative;transform:none}.flow-author{width:37.5%;right:0}.flow-author[data-position="0"]{top:35%}.flow-author[data-position="1"]{top:75%}.flow-connection{background:var(--line);height:1px;margin-top:6.5rem;position:relative}.flow-connection:before{border-top:1px solid var(--ink-muted);border-right:1px solid var(--ink-muted);content:"";width:4px;height:4px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.flow-connection:after{background:var(--accent);content:"";opacity:0;border-radius:50%;width:5px;height:5px;animation:6s ease-in-out infinite flow-travel;position:absolute;top:-2px;left:0}.flow-connection-output:after{animation-delay:2.2s}.flow-window{border:1px solid var(--line);background:var(--paper-soft);border-radius:.3rem;width:5.25rem;overflow:hidden}.flow-window-header{border-bottom:1px solid var(--line);gap:3px;padding:.4rem;display:flex}.flow-window-header i{background:var(--ink-muted);border-radius:50%;width:3px;height:3px}.flow-window-body{gap:.4rem;padding:.65rem;display:grid}.flow-window-body span{background:var(--ink-muted);border-radius:1px;height:3px;animation:6s ease-in-out infinite flow-render}.flow-window-body span:first-child{width:75%}.flow-window-body span:nth-child(2){width:90%}.flow-window-body span:last-child{width:50%}.home-flow-diagram[data-playing=false] *,.home-flow-diagram[data-playing=false] :after{animation-play-state:paused}.home-flow-diagram figcaption{text-align:center;margin-top:1.5rem}.home-flow-animation-control{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:.7rem}.home-flow-animation-control:hover{color:var(--accent)}@keyframes flow-source{0%,28%,to{border-color:var(--line);color:var(--ink-muted)}12%{border-color:var(--accent);color:var(--accent)}}@keyframes flow-travel{0%{opacity:0;left:0}4%{opacity:1}32%{opacity:1;left:calc(100% - 5px)}36%,to{opacity:0;left:calc(100% - 5px)}}@keyframes flow-associate{0%,30%{stroke-dashoffset:100px;opacity:0}35%{opacity:1}65%{stroke-dashoffset:0;opacity:1}75%,to{stroke-dashoffset:0;opacity:0}}@keyframes flow-render{0%,65%,to{background:var(--ink-muted)}78%,88%{background:var(--accent)}}.home-feature{gap:1.75rem;padding-block:3rem;scroll-margin-top:2rem;display:grid}.home-feature-description{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.home-feature-description>div{max-width:44rem}.home-feature h2,.home-start h2{letter-spacing:-.035em;margin:0;font-size:1.4rem;font-weight:550;line-height:1.3}.home-feature-description p,.home-start p{color:var(--ink-muted);margin:.65rem 0 0;font-size:.9rem;line-height:1.8}.home-feature-description .home-text-link{flex:none;margin-bottom:.2rem;font-size:.78rem}.home-start{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:3rem;display:flex}.feature-example{border:1px solid var(--line);background:#0c0e0a;min-width:0;container-type:inline-size}.example-panel-title{border-bottom:1px solid var(--line);min-height:2.75rem;margin:0;padding:.65rem .9rem;font-size:.72rem;font-weight:500}.example-code{margin:0}.example-code figcaption{color:var(--ink-muted);overflow-wrap:anywhere;padding:.65rem .9rem 0;font-size:.68rem}.feature-example pre{font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.6rem .9rem .8rem;font-size:.72rem;line-height:1.8;overflow-x:auto;color:var(--shiki-dark,var(--ink))!important;background:0 0!important}.feature-example code{font-family:var(--font-mono)}.feature-example pre:focus-visible{outline-offset:-3px}.feature-example pre span[style*=--shiki-dark]{color:var(--shiki-dark)!important}.example-code-line[data-highlighted=true]{color:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#dfff6317}.example-code-line[data-highlighted=true][data-invalid=true]{color:#ffb4a9;background:#ffb4a91a}.example-code-line[data-highlighted=true][data-invalid=true]>span{color:inherit!important}.feature-example .example-code-result{white-space:pre;overflow-wrap:normal;max-height:24rem;animation:.22s ease-out example-result-appear;overflow:auto}@keyframes example-result-appear{0%{background:#dfff6317}to{background:0 0}}.example-choices,.example-animation-controls{flex-wrap:wrap;align-items:center;gap:.3rem;padding:.4rem .65rem;display:flex}.feature-example button{min-height:2rem;color:var(--ink-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.2rem;padding:.35rem .5rem;font-size:.73rem;line-height:1.5}.feature-example button:hover,.feature-example button[aria-pressed=true]{background:var(--paper-soft);color:var(--accent)}.feature-example button[aria-pressed=true]{border-color:var(--line)}.feature-example button:disabled{opacity:.4;cursor:default}.example-checkbox{min-height:2.4rem;color:var(--ink-muted);cursor:pointer;align-items:flex-start;gap:.5rem;margin-inline:.9rem;padding-block:.5rem;font-size:.73rem;line-height:1.55;display:flex}.example-checkbox input{width:.9rem;height:.9rem;accent-color:var(--accent);flex:none;margin:.1rem 0 0}.example-checkbox:has(input:checked){color:var(--ink)}.feature-example .example-reset{text-underline-offset:.2em;margin:.1rem .65rem .65rem;text-decoration:underline}.example-details{border-top:1px solid var(--line)}.example-details summary{color:var(--ink-muted);cursor:pointer;padding:.75rem .9rem;font-size:.7rem}.source-to-data{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.source-to-data-stage{min-width:0}.source-to-data-stage+.source-to-data-stage{border-left:1px solid var(--line)}.query-comparison{grid-template-columns:minmax(0,1.1fr) 10rem minmax(0,1.6fr) minmax(0,1.2fr);display:grid}.query-comparison-panel{min-width:0}.query-comparison-panel+.query-comparison-panel{border-left:1px solid var(--line)}.query-comparison-panel>.example-code+.example-code{border-top:1px solid var(--line);margin-top:.5rem}.example-query-controls{flex-direction:column;padding:.4rem .65rem;display:flex}.example-query-controls .example-checkbox{margin:0;padding-inline:.25rem}.example-table-scroll{padding:.5rem .9rem;overflow-x:auto}.example-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.73rem;line-height:1.6}.example-table th,.example-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.65rem .4rem}.example-table th{color:var(--ink-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:400}.example-table th:last-child{width:34%}.example-table tr:last-child td{border-bottom:0}.example-table tr[data-muted=true]{opacity:.32}.example-table tr{transition:opacity .18s}.typed-query-controls,.validation-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.35rem .9rem;display:flex}.typed-query-controls .example-checkbox,.validation-toolbar .example-checkbox{margin:0}.typed-query-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);display:grid}.typed-query-panels>*{min-width:0}.typed-query-panels>*+*{border-left:1px solid var(--line)}.relationship-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.1fr);display:grid}.relationship-columns>*{min-width:0}.relationship-columns>*+*{border-left:1px solid var(--line)}.relationship-query-controls{border-bottom:1px solid var(--line);padding-block:.35rem}.example-record-groups{overflow-wrap:anywhere;gap:1.5rem;padding:.9rem;font-size:.8rem;display:grid}.example-record-group h3{border-bottom:1px solid var(--line);color:var(--ink-muted);font-family:var(--font-mono);margin:0;padding-bottom:.5rem;font-size:.72rem;font-weight:400}.example-record-group ul{margin:0;padding:0;list-style:none}.example-record-group li{padding-block:.6rem}.example-record-group li+li{border-top:1px solid var(--line)}.example-record-group small{color:var(--ink-muted);font-family:var(--font-mono);margin-top:.2rem;font-size:.7rem;transition:color .18s;display:block}.example-record-group code{color:inherit}.example-record-groups[data-connected=true] li[data-selected=true] small{color:var(--accent)}.markdown-controls,.workflow-switch{border-bottom:1px solid var(--line)}.source-format-panels{grid-template-columns:9rem minmax(0,1.2fr) minmax(0,1fr);display:grid}.source-format-panels>*,.source-format-files>*{min-width:0}.source-format-files{grid-template-columns:minmax(0,1fr);display:grid}.source-format-panels>*+*{border-left:1px solid var(--line)}.source-format-files>*+*{border-top:1px solid var(--line)}.source-format-controls{flex-direction:column;align-items:stretch;gap:.3rem;padding:.65rem;display:flex}.source-format-controls button{align-items:center;gap:.65rem;width:100%;padding:.5rem .6rem;display:flex}.source-format-logo{fill:currentColor;flex:none;width:1.25rem;height:1.25rem}.validation-workbench{grid-template-columns:minmax(0,1.15fr) minmax(0,1.4fr) minmax(0,1.1fr);display:grid}.validation-workbench>*{min-width:0}.validation-workbench>*+*{border-left:1px solid var(--line)}.example-validation{padding:1.25rem 1rem;font-size:.78rem;line-height:1.7}.example-validation>strong{color:var(--accent);align-items:center;gap:.6rem;font-weight:500;display:flex}.example-validation[data-valid=false]>strong{color:#ffb4a9}.example-validation>strong>span{font-size:1rem}.example-validation dl{gap:.65rem;margin:1rem 0 0;display:grid}.example-validation dl>div{grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem;display:grid}.example-validation dt{color:var(--ink-muted);font-size:.7rem}.example-validation dd{overflow-wrap:anywhere;margin:0;font-size:.7rem}.computed-example{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);display:grid}.computed-example>:last-child{border-left:1px solid var(--line);min-width:0}.computed-article{flex-direction:column;justify-content:center;align-items:flex-start;min-height:15rem;padding:2rem;display:flex}.computed-article h3{letter-spacing:-.025em;margin:0;font-size:1.4rem;font-weight:500}.computed-article .example-choices{margin-top:1rem;padding:0}.example-reading-time{color:var(--ink-muted);margin:1rem 0 0;font-size:.8rem}.example-reading-time strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:500;line-height:1.2}.markdown-panels{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.markdown-panels>*{min-width:0}.markdown-panels>:last-child{border-left:1px solid var(--line)}.example-preview{max-height:24rem;padding:1.25rem;overflow:auto}.example-preview h2{letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.25rem;font-weight:500}.example-preview p{color:var(--ink-muted);margin:0 0 1rem;font-size:.85rem}.example-preview pre{padding:0}.workflow-timeline{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem .9rem;display:grid}.example-steps{counter-reset:workflow-step;color:var(--ink-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;font-size:.7rem;list-style:none;display:grid}.example-steps li{border-bottom:2px solid var(--line);padding:.5rem 0}.example-steps li:before{counter-increment:workflow-step;content:counter(workflow-step, decimal-leading-zero);font-family:var(--font-mono);margin-bottom:.4rem;font-size:.65rem;display:block}.example-steps li[aria-current=step]{border-color:var(--accent);color:var(--accent)}.example-steps li[data-complete=true]{color:var(--ink)}.workflow-preview-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.workflow-preview-grid>*{min-width:0}.workflow-arrow{color:var(--ink-muted);padding:1rem;font-size:1.5rem}.example-app-preview{flex-direction:column;justify-content:center;min-height:14rem;padding:1.5rem;display:flex}.example-app-preview strong{letter-spacing:-.025em;font-size:1.6rem;font-weight:500;transition:color .18s,opacity .18s}.example-app-preview[data-updated=true] strong{color:var(--accent)}.example-app-preview[aria-busy=true] strong{opacity:.5}.example-app-preview p{color:var(--ink-muted);margin:.75rem 0 0;font-size:.85rem}.standalone-workflow{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}.standalone-workflow>:last-child{border-left:1px solid var(--line)}.workflow-setup>*+*{border-top:1px solid var(--line)}@container (width<=66rem){.relationship-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.relationship-columns>:nth-child(3){border-left:0}.relationship-columns>:nth-child(n+3){border-top:1px solid var(--line)}.query-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.query-comparison-panel:nth-child(3){border-left:0}.query-comparison-panel:nth-child(n+3){border-top:1px solid var(--line)}}@container (width<=52rem){.source-to-data{grid-template-columns:repeat(2,minmax(0,1fr))}.source-to-data-stage:nth-child(3){border-left:0}.source-to-data-stage:nth-child(n+3){border-top:1px solid var(--line)}.typed-query-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.typed-query-data{grid-column:1/-1}.typed-query-editor{border-left:0;border-top:1px solid var(--line)}.typed-query-output{border-top:1px solid var(--line)}.validation-workbench{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-workbench>.example-validation{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.workflow-timeline{grid-template-columns:minmax(0,1fr)}.workflow-timeline .example-animation-controls{padding:0}}@container (width<=40rem){.source-to-data{grid-template-columns:minmax(0,1fr)}.source-to-data-stage+.source-to-data-stage{border-top:1px solid var(--line);border-left:0}.query-comparison{grid-template-columns:minmax(0,1fr)}.query-comparison-panel+.query-comparison-panel{border-top:1px solid var(--line);border-left:0}.example-query-controls{flex-flow:wrap;column-gap:1rem}.typed-query-panels,.relationship-columns,.source-format-panels,.validation-workbench,.computed-example,.markdown-panels,.standalone-workflow{grid-template-columns:minmax(0,1fr)}.typed-query-panels>*+*,.relationship-columns>*+*,.source-format-panels>*+*,.validation-workbench>*+*,.computed-example>:last-child,.markdown-panels>:last-child,.standalone-workflow>:last-child{border-top:1px solid var(--line);border-left:0}.computed-article{padding:1.5rem}.example-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-preview-grid{grid-template-columns:minmax(0,1fr)}.workflow-arrow{justify-self:center;padding:.5rem;transform:rotate(90deg)}.example-app-preview{min-height:10rem}}@media (width<=900px){.home-hero{grid-template-columns:minmax(0,1fr);gap:2.5rem}.home-flow-diagram{justify-self:center;width:min(100%,34rem)}}@media (width<=767px){.home-hero{padding-block:1rem 3rem}.home-description{font-size:1rem}.home-feature{gap:1.25rem;padding-block:2rem}.home-feature-description{flex-direction:column;align-items:flex-start;gap:.75rem}.flow-stage strong{font-size:.7rem}.flow-stage>span{max-width:6rem}.flow-files>span{padding:.3rem .2rem}.flow-window{width:min(100%,4.5rem)}}@media (width<=450px){.flow-stages{grid-template-columns:minmax(0,.95fr) .14fr minmax(0,2.3fr) .14fr minmax(0,.95fr)}.flow-files{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.home-flow-animation-control{display:none}}