.log-view{--log-surface:var(--ch-carbon);--log-line:color-mix(in oklab, var(--ch-graphite) 70%, var(--ch-carbon));--log-text:var(--ch-paper);--log-muted:var(--ch-smoke);--log-grey:var(--ch-steel);--log-ink:var(--ch-steel);--log-white:var(--ch-paper);--log-red:var(--ch-red-lift);--log-green:var(--ch-teal-lift);--log-yellow:var(--ch-ember-lift);--log-blue:var(--ch-violet-lift);--log-magenta:color-mix(in oklab, var(--ch-violet-lift) 65%, var(--ch-red-lift));--log-cyan:color-mix(in oklab, var(--ch-teal-lift) 70%, var(--ch-violet-lift));background:var(--log-surface);color:var(--log-text);border:1px solid var(--log-line);scrollbar-color:var(--ch-pewter) transparent;scrollbar-width:thin}.log-ink{color:var(--log-ink)}.log-grey{color:var(--log-grey)}.log-white{color:var(--log-white)}.log-red{color:var(--log-red)}.log-green{color:var(--log-green)}.log-yellow{color:var(--log-yellow)}.log-blue{color:var(--log-blue)}.log-magenta{color:var(--log-magenta)}.log-cyan{color:var(--log-cyan)}.log-row{transition:background-color .12s}.log-row:hover{background:color-mix(in oklab, var(--log-text) 7%, transparent)}.log-row--error{background:color-mix(in oklab, var(--log-red) 14%, transparent)}.log-row--error:hover{background:color-mix(in oklab, var(--log-red) 22%, transparent)}.log-row--warning{background:color-mix(in oklab, var(--log-yellow) 12%, transparent)}.log-row--warning:hover{background:color-mix(in oklab, var(--log-yellow) 20%, transparent)}.log-mark{background:color-mix(in oklab, var(--log-blue) 55%, transparent);border-radius:3px;flex:none;align-self:stretch;width:3px}.log-mark--error{background:var(--log-red)}.log-mark--warning{background:var(--log-yellow)}.log-mark--success{background:var(--log-green)}.log-mark--debug{background:var(--log-grey)}.log-badge{text-align:center;letter-spacing:.01em;background:color-mix(in oklab, var(--log-blue) 22%, transparent);width:4.25rem;color:var(--log-blue);border-radius:999px;flex:none;align-self:flex-start;margin-top:1px;padding-block:1px;font-size:10px;line-height:1rem}.log-badge--error{background:color-mix(in oklab, var(--log-red) 22%, transparent);color:var(--log-red)}.log-badge--warning{background:color-mix(in oklab, var(--log-yellow) 22%, transparent);color:var(--log-yellow)}.log-badge--success{background:color-mix(in oklab, var(--log-green) 22%, transparent);color:var(--log-green)}.log-badge--debug{background:color-mix(in oklab, var(--log-grey) 30%, transparent);color:var(--log-muted)}.log-time{color:var(--log-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:flex-start}.log-hit{background:color-mix(in oklab, var(--log-yellow) 45%, transparent);color:var(--log-text);border-radius:2px}
.how{gap:40px;display:grid}.how-title{max-width:24ch;color:var(--foreground);letter-spacing:-.045em;text-align:center;text-wrap:balance;justify-self:center;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.12}.how-track{--how-top:88px;--how-pad:clamp(16px, 3.6vw, 48px);--how-share:50svh;container-type:inline-size}.how-runway{height:calc(3 * var(--how-share))}.how-pin{top:var(--how-top);height:min(calc(100svh - var(--how-top) - 24px), calc(240px + (100cqw - 2 * var(--how-pad)) * .5625));position:sticky}.how-tabs{flex-direction:column;gap:0;height:100%;display:flex}.how-tabs .how-tabs__container{background:0 0;border-radius:0}.how-tabs .how-tabs__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;padding:0;display:grid}.how-tabs .how-tab{height:auto;min-height:44px;color:var(--muted);text-align:left;white-space:normal;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:20px 20px 24px;display:flex}.how-tabs .how-tab[data-selected=true]{color:var(--foreground)}@media (hover:hover){.how-tabs .how-tab:not([data-selected=true]):is(:hover,[data-hovered=true]){opacity:1;border-color:var(--separator)}}.how-tab__head{color:inherit;letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:550;display:flex}.how-tab__text{color:var(--muted);font-size:14px;font-weight:400;line-height:1.6}.how-tab[data-selected=true] .how-tab__text{color:color-mix(in srgb, var(--foreground) 78%, transparent)}.how-tabs .how-tab__indicator{border:1px solid var(--separator);background:var(--surface);border-radius:16px;box-shadow:inset 0 1px #ffffff0f}.how-tab__progress{background:var(--separator);opacity:0;border-radius:2px;height:2px;transition:opacity .2s;position:absolute;bottom:12px;left:20px;right:20px;overflow:hidden}.how-tab__progress[data-on=true]{opacity:1}.how-tab__progress>span{background:var(--ch-ember-lift);height:100%;transform:scaleX(var(--how-progress,0));transform-origin:0;display:block}.how-tabs__now{display:none}.how-stage{min-height:0;padding:var(--how-pad) var(--how-pad) 0;border:1px solid var(--separator);border-radius:min(32px, var(--radius-3xl));background:radial-gradient(55% 65% at 0% 0%, color-mix(in srgb, var(--ch-ember-press) 50%, transparent), transparent 72%), radial-gradient(55% 65% at 100% 100%, color-mix(in srgb, var(--ch-ember-press) 40%, transparent), transparent 72%), var(--ch-carbon);flex:auto;margin-top:24px;display:flex;overflow:hidden}.how-room{flex:auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 82%,#0000);mask-image:linear-gradient(#000 0 82%,#0000)}.how-stage .how-console .console-frame{animation:none}.how-tabs .how-panel{height:100%;margin:0;padding:0}.how-tabs .how-panel[data-exiting=true]{display:none}@media (prefers-reduced-motion:no-preference){.how-console .console-main>*{animation:.24s ease-out both how-screen-in}.how-console .domain-preview{animation:.4s ease-out both how-screen-in}}@keyframes how-screen-in{0%{opacity:0}}@media (max-width:700px){.how{gap:28px}.how-track{--how-top:84px;--how-pad:12px}.how-pin{height:calc(100svh - var(--how-top) - 16px)}.how-tabs .how-tabs__list{gap:6px}.how-tabs .how-tab{justify-content:center;align-items:center;padding:12px 8px 16px}.how-tab__head{gap:8px;font-size:15px}.how-tab__text{display:none}.how-tab__progress{bottom:6px;left:12px;right:12px}.how-tabs__now{min-height:4.8em;color:color-mix(in srgb, var(--foreground) 78%, transparent);text-align:center;margin-top:14px;font-size:14px;line-height:1.6;display:block}.how-stage{margin-top:16px}.how-stage .how-console,.how-stage .how-console .console-frame{height:100%}}
.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card--wide,.feature-card:last-child:nth-child(odd){grid-column:span 2}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.feature-card,.feature-card:last-child:nth-child(odd){grid-column:span 2}.feature-card--wide{grid-column:span 6}}@media (min-width:1280px){.feature-card--wide{grid-column:span 3}}.feature-card{border:1px solid var(--separator);border-radius:var(--radius-2xl);background:linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 5%, transparent), transparent 42%), var(--background);flex-direction:column;min-width:0;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:color-mix(in srgb, var(--foreground) 22%, transparent)}.feature-card__head{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.feature-card__icon{border:1px solid var(--separator);background:var(--surface);width:44px;height:44px;color:var(--foreground);border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card__title{color:var(--foreground);letter-spacing:-.015em;text-wrap:balance;margin-top:18px;font-size:20px;font-weight:500;line-height:1.3}.feature-card__text{max-width:46ch;color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:14px;line-height:1.6}.feature-card__panel{--chart-1:var(--ch-violet-lift);--chart-2:var(--ch-ember-lift);--solid:68%;height:18rem;-webkit-mask-image:linear-gradient(to bottom, #000 0 var(--solid), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 0 var(--solid), transparent);mask-image:linear-gradient(to bottom, #000 0 var(--solid), transparent);flex:none;margin-top:auto;padding-inline:20px;position:relative;overflow:hidden;container-type:inline-size}.feature-card--wide .feature-card__panel{--solid:80%;height:21rem}.feature-card--whole .feature-card__panel{--solid:94%}.feature-card__screen{border:1px solid var(--separator);background:color-mix(in srgb, var(--foreground) 3%, var(--background));border-bottom:0;border-radius:16px 16px 0 0;min-height:100%;padding:16px}.feature-card [data-lifted=true]{z-index:1;background-color:var(--surface);color:var(--foreground);box-shadow:0 22px 40px -18px #000000bf,0 2px 8px -2px #00000073}.feature-card [data-lifted=true]:not(.absolute){position:relative}@media (prefers-reduced-motion:no-preference){.feature-card [data-lifted=true]{animation:.22s ease-out both feature-lift}}@keyframes feature-lift{0%{opacity:.6;transform:translateY(4px)}}.feature-card .feature-field{border-radius:16px;margin:-10px;padding:10px}@media (prefers-reduced-motion:no-preference){.feature-figure{animation:.32s ease-out both feature-figure;display:inline-block}}@keyframes feature-figure{0%{opacity:0;transform:translateY(35%)}}.feature-card .catalogue-window{height:24rem;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.feature-card .catalogue-loop{animation:80s linear infinite paused catalogue-loop}.feature-card .catalogue-loop[data-playing=true]{animation-play-state:running}@media (prefers-reduced-motion:reduce){.feature-card .catalogue-loop{transform:translateY(var(--catalogue-rest,0));animation:none}}@keyframes catalogue-loop{to{transform:translateY(-50%)}}.feature-card .log-view{overflow-x:hidden}.feature-card .log-row>.break-all{white-space:pre;word-break:normal}.feature-card .log-row{transition:none}.feature-card .log-row[data-lifted=true]{--log-text:var(--ch-ink);--log-muted:var(--ch-steel);--log-blue:var(--ch-violet-deep);--log-green:color-mix(in srgb, var(--ch-teal-deep) 75%, var(--ch-ink));--log-yellow:var(--ch-ember-deep);--log-red:var(--ch-red);background-color:var(--ch-paper);border-radius:8px;margin-inline:6px}
.closing{padding-bottom:112px}.closing-card{isolation:isolate;border-radius:min(32px, var(--radius-3xl));background:var(--ch-carbon);min-height:clamp(460px,42vw,580px);color:var(--foreground);flex-direction:column;display:flex;position:relative;overflow:hidden}.closing-card .closing-art{background:radial-gradient(120% 46% at 50% 0%, color-mix(in srgb, var(--ch-ember-press) 30%, transparent), transparent 72%), var(--ch-carbon)}.closing-copy{z-index:1;--scrim:var(--ch-carbon);background-image:linear-gradient(to top, var(--scrim) 0%, color-mix(in srgb, var(--scrim) 96%, transparent) 30%, color-mix(in srgb, var(--scrim) 80%, transparent) 52%, color-mix(in srgb, var(--scrim) 48%, transparent) 72%, color-mix(in srgb, var(--scrim) 16%, transparent) 88%, transparent 100%);flex-direction:column;align-items:start;gap:16px;margin-top:auto;padding:clamp(96px,13vw,180px) clamp(24px,4vw,56px) clamp(28px,4vw,52px);display:flex;position:relative}.closing-copy h2{letter-spacing:-.045em;font-size:clamp(34px,4.4vw,60px);font-weight:500;line-height:1.06}.closing-line{text-wrap:balance;display:block}.closing-lead{max-width:520px;color:var(--ch-smoke);line-height:1.7}.closing-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}@media (max-width:700px){.closing{padding-bottom:72px}.closing-card{min-height:0}.closing-copy{padding-top:180px}.closing-actions>*{flex:100%}}