.site .how{padding-top:var(--section-gap)}.site .how .sec-intro{column-gap:var(--gap-2xl);margin-bottom:var(--space-48);grid-template-columns:repeat(3,minmax(0,1fr))}.site .how .sec-intro .head{grid-column:1/span 2}.site .how .sec-intro .side{grid-column:3;justify-self:start}.site .how-cols{gap:var(--gap-2xl);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.site .how-col{align-content:start;gap:var(--gap-2xl);grid-template-rows:auto 1fr;display:grid}.site .how-vis{aspect-ratio:1;border-radius:var(--radius-none);position:relative;overflow:hidden;container-type:inline-size}.site .how-poster{position:absolute;inset:0}.site .how-ui{inset:var(--padding-xl);align-items:center;display:grid;position:absolute}.site .how-card{width:100%}.site .how-panel{color:var(--content-subtle)}.site .how-bare>*{isolation:isolate;position:relative}.site .how-bare>:before{content:"";z-index:-1;background:var(--base-page);position:absolute;inset:0}.site .how-copy{align-content:start;gap:var(--gap-xs);display:grid}.site .how-n{font-family:var(--font-mono);font-size:var(--text-mono-caption-size);line-height:var(--text-mono-caption-line);letter-spacing:var(--text-mono-caption-tracking);color:var(--content-muted);margin:0}.site .how-copy .t-heading-md{color:var(--content-strong);margin:0}.site .how-copy .t-body-sm{max-width:40ch;color:var(--content-subtle);margin:0}.site .how-typed.typing:after{content:"";width:1px;height:1em;margin-left:var(--space-2);vertical-align:text-bottom;background:currentColor;display:inline-block}.site .how-typed:not(.on),.site .how-typed.off,.site .how-cipher:not(.on){display:none}.site .how-cipher{word-break:break-all}.site .how-field:has(.how-typed.on:not(.off),.how-cipher.on:not(.off)) .how-ph{display:none}.site .how-cipher.off{display:none}.site .how-tap.on{animation:how-tap var(--duration-base) var(--ease-standard)}.site .how-mark{--mark-size:var(--size-icon-sm)}.site .how-phase{visibility:hidden}.site .how-phase.on{visibility:visible;animation:how-phase-in var(--duration-slower) var(--ease-standard) both}.site .how-phase.on.off{animation:how-phase-out var(--duration-base) var(--ease-exit) both}.site .how-phase:first-child:not(.off){visibility:visible}.site .how-phase:first-child.on:not(.off){animation:none}.site .how-beam{width:var(--space-2);height:var(--text-body-sm-line);margin-inline:var(--space-2);vertical-align:bottom;background:var(--actions-brand);display:inline-block}.site .how-stage{height:var(--size-control-md);perspective:900px;position:relative}.site .how-cube{height:100%;transform-style:preserve-3d;transform-origin:50% 50% calc(var(--size-control-md) / -2);transition:transform var(--duration-slow) var(--ease-standard);position:relative}.site .how-cube.is-turning{transform:rotateX(90deg)}.site .how-face{backface-visibility:hidden;position:absolute;inset:0}.site .how-face-under{transform-origin:50% 50% calc(var(--size-control-md) / -2);transform:rotateX(-90deg)}.site .how-pv-stage{height:var(--size-control-md);perspective:900px;position:relative}.site .how-pv-cube{--half:calc(var(--size-control-md) / 2);height:100%;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--half)));transition:transform var(--duration-slow) var(--ease-standard);position:relative}.site .how-pv-cube[data-state="0"]{transition:none}.site .how-pv-cube[data-state="1"]{transform:translateZ(calc(-1 * var(--half))) rotateX(90deg)}.site .how-pv-cube[data-state="2"]{transform:translateZ(calc(-1 * var(--half))) rotateX(180deg)}.site .how-pv-cube[data-state="3"]{transform:translateZ(calc(-1 * var(--half))) rotateX(270deg)}.site .how-pv-face{backface-visibility:hidden;margin:0;position:absolute;inset:0}.site .how-pv-face[data-i="0"]{transform:translateZ(var(--half))}.site .how-pv-face[data-i="1"]{transform:rotateX(-90deg) translateZ(var(--half))}.site .how-pv-face[data-i="2"]{transform:rotateX(-180deg) translateZ(var(--half))}.site .how-pv-face[data-i="3"]{transform:rotateX(-270deg) translateZ(var(--half))}.site .how-pv-row{height:var(--size-control-md)}.site .how-pv-row+.how-pv-row{border-top:1px solid var(--border-muted)}.site .how-pv-v{transition:color var(--duration-slow) var(--ease-standard)}.site .how-pv-v.on{color:var(--content-strong)}@media (prefers-reduced-motion:reduce){.site .how-pv-cube,.site .how-pv-cube[data-state]{transform:translateZ(calc(-1 * var(--half))) rotateX(270deg);transition:none}.site .how-pv-v{transition:none}}.site .how-st>*{grid-area:1/1}.site .how-st-d{visibility:hidden}.site .how-face-front .how-st-p{animation:how-hide 1ms linear var(--duration-slower) both}.site .how-face-front .how-st-d{animation:how-show 1ms linear var(--duration-slower) both}.site .how-ed{inset:calc(-1 * var(--padding-xl));position:absolute}.site .how-ed p{margin:0}.site .how-ed-editor{isolation:isolate;width:82%;position:absolute;top:13%;left:4%}.site .how-ed-editor:before{content:"";z-index:-1;background:var(--base-page);position:absolute;inset:0}.site .how-ed-tabs{height:32px}.site .how-ed-tab{background:var(--color-alpha-light-4);box-shadow:inset 0 calc(-1 * var(--space-2)) 0 var(--actions-brand)}.site .how-ed-line,.site .how-ed-cipher{white-space:nowrap;overflow:hidden}.site .how-ed-cipher.on{animation:how-ed-flash 1.4s var(--ease-standard) both}.site .how-ed-line{min-height:var(--text-body-sm-line);padding-right:var(--space-8);isolation:isolate}.site .how-ed-run{z-index:-1;border-left:var(--space-2) solid var(--actions-brand);background:var(--color-alpha-light-8);visibility:hidden;position:absolute;inset:0}.site .how-ed-run.on:not(.off){visibility:visible}.site .how-ed-ln{width:calc(2ch + var(--space-8));margin-right:var(--space-12);padding-right:var(--space-8);border-right:1px solid var(--border-muted);flex:none;justify-content:flex-end;align-items:center;display:flex}.site .how-ed-line:has(.how-ed-run.on:not(.off)) .how-ed-ln{color:var(--content-strong)}.site .how-ed-indent{padding-left:var(--space-16)}.site .how-ed-external{outline:1px solid var(--border-muted);position:absolute;top:50%;left:14%;right:4%}.site .how-ed-bar{height:28px}.site .how-fp-sig{overflow:hidden}.site .how-fp-ico{width:var(--space-56);height:var(--space-56);flex:none;place-items:center;display:grid}.site .how-fp-mono{font-family:var(--font-mono);font-size:var(--text-mono-code-size);line-height:var(--text-mono-code-line);font-weight:var(--text-mono-code-weight);white-space:nowrap}.site .how-fp-title{padding:var(--space-8) var(--padding-md)}.site .how-fp-count{justify-items:end;display:grid}.site .how-fp-count>*{grid-area:1/1}.site .how-fp-count>:not(.on),.site .how-fp-count>.off{visibility:hidden}.site .how-fp-file{border-top:1px solid var(--border-muted);height:40px}.site .how-fp-slot{flex:none;place-items:center;display:grid}.site .how-fp-slot>*{grid-area:1/1}.site .how-fp-pend:not(.on),.site .how-fp-pend.off,.site .how-fp-res:not(.on){display:none}.site .how-fp-mask{flex:1;align-items:center;min-width:0;display:grid;position:relative}.site .how-fp-mask>*{grid-area:1/1}.site .how-fp-fp{clip-path:inset(0 100% 0 0);color:var(--content-muted)}.site .how-fp-mask.on .how-fp-name{clip-path:inset(0 0 0 100%);animation:.7s linear both how-fp-hide}.site .how-fp-mask.on .how-fp-fp{clip-path:inset(0);animation:.7s linear both how-fp-show}.site .how-fp-ok{transition:color var(--duration-base) var(--ease-standard)}.site .how-fp-mask.on.off .how-fp-ok{color:var(--content-subtle)}.site .how-fp-beam{width:var(--space-2);height:var(--text-body-sm-line);background:var(--actions-brand);visibility:hidden;position:absolute;top:50%;left:0;translate:0 -50%}.site .how-fp-mask.on:not(.off) .how-fp-beam{visibility:visible;animation:.7s linear both how-fp-beam}@media (prefers-reduced-motion:reduce){.site .how-cube{transition:none}.site .how-phase.on,.site .how-ed-cipher.on,.site .how-tap.on,.site .how-fp-mask.on .how-fp-name,.site .how-fp-mask.on .how-fp-fp{animation:none}}@container (max-width:400px){.site .how-add{display:none}}@media (max-width:1023px){.site .how .sec-intro{grid-template-columns:minmax(0,1fr)}.site .how .sec-intro .head,.site .how .sec-intro .side{grid-column:1/-1}.site .how-cols{gap:var(--gap-5xl);grid-template-columns:minmax(0,1fr)}.site .how-col{align-items:center;column-gap:var(--gap-2xl);grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.site .how-col{row-gap:var(--gap-xl);grid-template-columns:minmax(0,1fr)}}@keyframes how-tap{50%{scale:var(--press-scale)}}@keyframes how-ed-flash{0%,35%{color:var(--actions-brand)}to{color:var(--content-subtle)}}@keyframes how-phase-in{0%{opacity:0;translate:0 100%}}@keyframes how-phase-out{to{opacity:0;translate:0 -100%}}@keyframes how-hide{to{visibility:hidden}}@keyframes how-show{to{visibility:visible}}@keyframes how-fp-hide{0%{clip-path:inset(0)}}@keyframes how-fp-show{0%{clip-path:inset(0 100% 0 0)}}@keyframes how-fp-beam{to{left:100%}}
.site .cc-eyebrow{font-family:var(--font-mono);font-size:var(--text-mono-caption-size);line-height:var(--text-mono-caption-line);letter-spacing:var(--text-mono-caption-tracking);text-transform:uppercase;color:var(--content-muted);margin:0}.site .cc-grid{gap:var(--gap-2xl);margin:0;padding:0;list-style:none;display:grid}.site .cc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.site .cc-tile{align-content:start;gap:var(--gap-md);display:grid}.site .cc-tile .t-heading-md{color:var(--content-strong);margin:0}.site .cc-tile .t-body-sm{color:var(--content-subtle);margin:0}.site .cc-step-stage{isolation:isolate;aspect-ratio:4/5;margin-bottom:var(--space-8);position:relative;overflow:hidden}.site .cc-step-stage .cm-poster{z-index:-1;position:absolute;inset:0}.site .cc-step-stage:after{content:"";height:var(--space-6);background:var(--sai-black);position:absolute;inset:auto 0 0}.site .cc-step-card{inset:0 0 calc(100% * 2 / var(--cm-rows,12));padding:var(--space-8);place-items:stretch stretch;display:grid;position:absolute}.site .cc-step-card .cca-card{place-items:center;width:100%;height:100%;margin:0;display:grid}.site #build.section{padding-block:var(--section-gap)}.site:has(#build) #questions.section{padding-top:var(--section-gap);border-top:1px solid var(--border-subtle)}.site:has(#made-with) #final{margin-top:calc(var(--section-gap) / 2)}.site .cc-band{background:var(--sai-black);color:var(--text-1)}.site .cc-showcase.cc-showcase{padding-block:var(--section-gap);background:var(--surface-raised)}.site .products-stack.cc-top.cc-side-tabs.pstack{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:0}.site .products-stack.cc-top.cc-side-tabs .ps-list{background:0 0;flex-direction:column;align-self:start;display:flex}.site .products-stack.cc-top.cc-side-tabs .ps-row{padding:var(--space-48) var(--space-32) var(--space-48) 0;border-right:0;border-bottom:1px solid var(--border-subtle);flex:none}.site .products-stack.cc-top.cc-side-tabs .ps-row:first-child{border-top:1px solid var(--border-subtle)}.site .products-stack.cc-top.cc-side-tabs .ps-stage{aspect-ratio:4/3;min-height:0}@media (max-width:1023px){.site .products-stack.cc-top.cc-side-tabs.pstack{row-gap:var(--space-32);grid-template-columns:minmax(0,1fr)}.site .products-stack.cc-top.cc-side-tabs .ps-row{padding-right:0}}.site .cc-how.cc-band{padding-block:var(--section-gap)}.site .cc-how.cc-how-light{padding-block:var(--section-gap) 0}.site .cc-code-bar{align-items:center;gap:var(--gap-md);padding:var(--space-8) var(--padding-md);border-bottom:1px solid var(--border-muted);display:flex}.site .cc-code-dots{gap:var(--space-6);display:flex}.site .cc-code-dots i{width:var(--space-10);height:var(--space-10);background:var(--color-neutral-700,var(--border-strong));border-radius:50%}.site .cc-code-tab{padding:var(--space-4) var(--space-12);background:var(--surface-emphasized);color:var(--content-strong)}.site .cc-code-note{font-size:var(--text-mono-caption-size);letter-spacing:var(--text-mono-caption-tracking);text-transform:uppercase;color:var(--content-muted);margin-left:auto}.site .cc-tk-c{color:var(--content-muted)}.site .cc-tk-k{color:var(--color-purple-300,var(--content-strong))}.site .cc-tk-f{color:var(--color-green-500,var(--content-strong))}.site .cc-tk-t{color:var(--color-blue-300,var(--content-strong))}.site .cc-tk-p{color:var(--content-strong)}.site .cc-agent{font-family:var(--font-mono);font-size:var(--text-mono-caption-size);line-height:var(--text-mono-caption-line)}.site .cc-agent-input{gap:var(--gap-sm);min-height:0;padding:var(--space-12) var(--padding-md);background:var(--surface-emphasized);color:var(--content-strong);grid-template-columns:auto minmax(0,1fr);display:grid}.site .cc-agent-text{white-space:nowrap;overflow:hidden}.site .cc-agent-caret{vertical-align:text-bottom;background:var(--color-green-500,var(--content-strong));width:.6em;height:1.1em;margin-left:1px;animation:1s step-end infinite cc-caret;display:inline-block}@media (prefers-reduced-motion:reduce){.site .cc-agent-caret{animation:none}}.site .cc-ag-body{gap:var(--gap-md);min-height:calc(var(--text-mono-caption-line) * 16);padding:var(--padding-md);flex-direction:column;display:flex}.site .cc-ag-body .cc-agent-input{margin-top:auto}.site .cc-ag-splash{gap:var(--gap-sm);display:grid}.site .cc-ag-banner{font-family:var(--font-mono);font-size:calc(var(--text-mono-caption-size) * .72);letter-spacing:0;white-space:pre;margin:0;line-height:1.05;overflow:hidden}@media (max-width:560px){.site .cc-ag-banner{font-size:calc(var(--text-mono-caption-size) * .55)}}.site .cc-ag-row-0,.site .cc-ag-row-1{color:var(--color-purple-300,var(--content-strong))}.site .cc-ag-row-2,.site .cc-ag-row-3{color:color-mix(in srgb, var(--color-purple-300) 50%, var(--color-green-500))}.site .cc-ag-row-4,.site .cc-ag-row-5{color:var(--color-green-500,var(--content-strong))}.site .cc-ag-title{color:var(--content-strong);margin:0}.site .cc-ag-bar{position:relative}.site .cc-ag-dots i:first-child{background:var(--color-red-500,var(--border-strong))}.site .cc-ag-dots i:nth-child(2){background:var(--color-orange-500,var(--border-strong))}.site .cc-ag-dots i:nth-child(3){background:var(--color-green-500,var(--border-strong))}.site .cc-ag-shell{color:var(--content-strong);margin:0}.site .cc-ag-muted{color:var(--content-muted)}.site #build .cm-stage{aspect-ratio:4/3}.site #build .cm-stage .demo-ui{place-items:stretch center}@media (min-width:768px){.site #build .cm-stage .demo-ui{padding:var(--space-64) var(--space-24) 0}}.site #build .cc-agent{flex-direction:column;height:100%;display:flex}.site #build .cc-ag-body{flex:1}.site #build .split-copy{flex-direction:column;align-self:stretch;align-items:flex-start;display:flex}.site #build .split-copy .cc-box{width:100%;padding-top:var(--space-32);margin-top:auto}@media (max-width:767px){.site #build .cm-stage{aspect-ratio:4/5}}@media (max-width:900px){.site #build .split-copy .cc-box{margin-top:var(--space-16);padding-top:0}}.site .cc-logo-note{font-family:var(--font-mono);font-size:var(--text-mono-caption-size);line-height:var(--text-mono-caption-line);letter-spacing:var(--text-mono-caption-tracking);text-transform:uppercase;color:var(--content-muted)}.site .cc-logos{margin-top:var(--space-64)}.site .cc-logos li{height:auto;padding-block:var(--space-24);justify-content:flex-start;display:flex}.site .cc-logos li:nth-child(2){justify-content:center}.site .cc-logos li:last-child{justify-content:flex-end}.site .cc-logo{align-content:center;justify-items:start;gap:var(--space-12);min-height:var(--space-48);display:grid}.site .cc-logos li:nth-child(2) .cc-logo{justify-items:center}.site .cc-logos li:last-child .cc-logo{justify-items:end}.site .cc-showcase{padding-bottom:var(--space-48)}.site .cc-light{display:contents}.site .products-stack.cc-top.pstack{grid-template-columns:minmax(0,1fr);row-gap:0}.site .products-stack.cc-top .ps-list{background:var(--surface-raised);border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;display:grid}.site .products-stack.cc-top .ps-row{padding:var(--space-24) var(--space-32) var(--space-32);border-bottom:0;border-right:1px solid var(--border-subtle);justify-content:flex-start}.site .products-stack.cc-top .ps-row:last-child{border-right:0}.site .products-stack.cc-top .ps-head{min-height:0;padding:0}.site .products-stack.cc-top .ps-chev{display:none}.site .products-stack.cc-top .ps-body{grid-template-rows:1fr}.site .products-stack.cc-top .ps-inner{padding:var(--space-8) 0 0;opacity:1;transform:none}.site .products-stack.cc-top .ps-row:not(.on) .ps-inner{opacity:.5}.site .products-stack.cc-top .ps-bar{top:0;bottom:auto}.site .products-stack.cc-top .ps-row{cursor:pointer}.site .products-stack.cc-top .ps-head:after{content:"";position:absolute;inset:0}.site .products-stack.cc-top .ps-body{z-index:1;pointer-events:none;position:relative}.site .products-stack.cc-top .ps-inner :is(a,button){z-index:2;pointer-events:auto;position:relative}.site .products-stack.cc-top .ps-stage{aspect-ratio:2;min-height:0}.site .cc-run-link{align-items:center;gap:var(--gap-3xs);padding:var(--space-4) var(--space-10);border:1px solid var(--border-strong);font-size:var(--text-label-md-size);line-height:var(--text-label-md-line);color:var(--content-strong);text-decoration:none;display:inline-flex}.site .cc-run-link:hover{background:var(--surface-sunken)}.site .cc-box{gap:var(--gap-md);margin-top:var(--space-48);display:grid}.site .cc-box ul{column-gap:var(--gap-2xl);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.site .cc-runs{align-items:center;gap:var(--gap-md);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.site .cc-runs ul{gap:var(--gap-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site .split-copy .cc-box{margin-top:var(--space-16)}.site .split-copy .cc-box ul{grid-template-columns:minmax(0,1fr)}.site .cc-box li{align-items:center;gap:var(--gap-xs);padding-block:var(--space-12);border-bottom:1px solid var(--border-subtle);color:var(--content-strong);display:flex}.site .cc-box li:last-child{border-bottom:0}.site .cc-box-check{color:var(--content-feedback-success,var(--content-strong));flex:none}@media (max-width:767px){.site .cc-grid-3,.site .cc-box ul{grid-template-columns:minmax(0,1fr)}}