.space-shell{overflow-wrap:anywhere;--space-header-h:4.5rem;--header-offset:var(--space-header-h)}.space-shell:has(.space-header[data-variant=developers]){--space-header-h:4rem}.space-header[data-variant=product]{background:var(--color-surface)}.space-header[data-variant=official]>div{max-width:72rem;padding-block:.75rem}.space-header[data-variant=landing]>div{max-width:80rem}.space-shell[data-theme=dark][data-palette=neutral]{--color-paper:#0e0f12;--color-surface:#15171b;--color-surface-2:#1b1d22;--color-surface-3:#24272d;--color-line:#272a31;--color-line-strong:#3a3e47;--color-line-control:#7d838e;--color-ink:#f2f3f5;--color-ink-2:#a9aeb8;--color-ink-3:#959aa5;--color-ink-hero:#b9bdc6;--color-accent:#a29cff;--color-accent-strong:#bdb8ff;--color-accent-soft:#1d1b35;--color-accent-ink:#0e0f12;--space-chrome:#0e0f12;--code-bg:#0a0b0d;--code-ink:#e6e7ea;--code-muted:#8a909b;--code-key:#c3beff;--code-string:#9fd6b0;--code-number:#f2c58c;--code-literal:#f5a3b4;--code-keyword:#c3beff;--code-fn:#95c8ff;--code-punct:#8a909b}html:has(.space-shell[data-theme=dark][data-palette=neutral]){--color-paper:#0e0f12;--color-surface:#15171b;--color-surface-2:#1b1d22;--color-surface-3:#24272d;--color-line:#272a31;--color-line-strong:#3a3e47;--color-line-control:#7d838e;--color-ink:#f2f3f5;--color-ink-2:#a9aeb8;--color-ink-3:#959aa5;--color-ink-hero:#b9bdc6;--color-accent:#a29cff;--color-accent-strong:#bdb8ff;--color-accent-soft:#1d1b35;--color-accent-ink:#0e0f12;--space-chrome:#0e0f12;--code-bg:#0a0b0d;--code-ink:#e6e7ea;--code-muted:#8a909b;--code-key:#c3beff;--code-string:#9fd6b0;--code-number:#f2c58c;--code-literal:#f5a3b4;--code-keyword:#c3beff;--code-fn:#95c8ff;--code-punct:#8a909b}.space-shell[data-theme=dark][data-palette=navy]{--color-paper:#101216;--color-surface:#151a22;--color-surface-2:#1b212c;--color-surface-3:#242b38;--color-line:#262d3a;--color-line-strong:#38414f;--color-line-control:#7e8ba1;--color-ink:#eef3ff;--color-ink-2:#a7b6d3;--color-ink-3:#909db4;--color-ink-hero:#b8c4dc;--color-accent:#9cc9ff;--color-accent-strong:#bcdcff;--color-accent-soft:#15243a;--color-accent-ink:#0b1424;--space-chrome:#0d0f13;--code-bg:#0b0f16;--code-ink:#e3eaf7;--code-muted:#8794ab;--code-key:#9cc9ff;--code-string:#a6dcc0;--code-number:#f2c58c;--code-literal:#f5a7b8;--code-keyword:#c3b6ff;--code-fn:#c3b6ff;--code-punct:#8794ab}html:has(.space-shell[data-theme=dark][data-palette=navy]){--color-paper:#101216;--color-surface:#151a22;--color-surface-2:#1b212c;--color-surface-3:#242b38;--color-line:#262d3a;--color-line-strong:#38414f;--color-line-control:#7e8ba1;--color-ink:#eef3ff;--color-ink-2:#a7b6d3;--color-ink-3:#909db4;--color-ink-hero:#b8c4dc;--color-accent:#9cc9ff;--color-accent-strong:#bcdcff;--color-accent-soft:#15243a;--color-accent-ink:#0b1424;--space-chrome:#0d0f13;--code-bg:#0b0f16;--code-ink:#e3eaf7;--code-muted:#8794ab;--code-key:#9cc9ff;--code-string:#a6dcc0;--code-number:#f2c58c;--code-literal:#f5a7b8;--code-keyword:#c3b6ff;--code-fn:#c3b6ff;--code-punct:#8794ab}.space-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-danger:#ff8f84;--color-danger-ink:#0e0f12;--color-warning:#f2b45f;--color-success:#5fd49b;--color-success-soft:#10261b;--color-info:#8cc4ff;--color-warning-soft:#2b2111;--color-danger-soft:#2c1717;--color-ai:#9d86ff;--color-ai-ink:#b7a6ff;--color-ai-soft:#1e1a35;--color-logo-stage:#f2f3f5;--scrim:#0009;--shadow-card:0 0 0 1px #ffffff0d;--shadow-overlay:0 24px 64px -12px #000000b3, 0 0 0 1px #ffffff14}html:has(.space-shell[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-danger:#ff8f84;--color-danger-ink:#0e0f12;--color-warning:#f2b45f;--color-success:#5fd49b;--color-success-soft:#10261b;--color-info:#8cc4ff;--color-warning-soft:#2b2111;--color-danger-soft:#2c1717;--color-ai:#9d86ff;--color-ai-ink:#b7a6ff;--color-ai-soft:#1e1a35;--color-logo-stage:#f2f3f5;--scrim:#0009;--shadow-card:0 0 0 1px #ffffff0d;--shadow-overlay:0 24px 64px -12px #000000b3, 0 0 0 1px #ffffff14}html:has(.space-shell[data-theme=dark]) ::selection{background:color-mix(in srgb, var(--color-accent) 35%, transparent);color:var(--color-ink)}.space-shell[data-theme=light][data-look=developers]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f9f9f9;--color-surface:#fff;--color-surface-2:#f2f2f2;--color-surface-3:#ebebeb;--color-line:#e6e6e6;--color-line-strong:#d4d4d4;--color-line-control:#858585;--color-ink:#111;--color-ink-2:#5c5c5c;--color-ink-3:#6b6b6b;--color-ink-hero:#555;--color-accent:#372dff;--color-accent-strong:#2c24cc;--color-accent-soft:#efeeff;--color-accent-ink:#fff;--color-logo-stage:#f2f2f2;--space-chrome:#f9f9f9}html:has(.space-shell[data-theme=light][data-look=developers]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f9f9f9;--color-surface:#fff;--color-surface-2:#f2f2f2;--color-surface-3:#ebebeb;--color-line:#e6e6e6;--color-line-strong:#d4d4d4;--color-line-control:#858585;--color-ink:#111;--color-ink-2:#5c5c5c;--color-ink-3:#6b6b6b;--color-ink-hero:#555;--color-accent:#372dff;--color-accent-strong:#2c24cc;--color-accent-soft:#efeeff;--color-accent-ink:#fff;--color-logo-stage:#f2f2f2;--space-chrome:#f9f9f9}.space-header[data-variant=developers]{isolation:isolate;background:0 0}.space-nav-band{pointer-events:none;z-index:-1;background:color-mix(in srgb, var(--color-paper) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .28s;position:absolute;inset:0 0 -1.5rem;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000)}.space-header[data-scrolled=true] .space-nav-band,.space-header[data-menu-open=true] .space-nav-band{opacity:1}.space-header[data-variant=developers] .space-mega{box-shadow:none;background:var(--color-surface)}.space-mega a{transition:background-color .16s,color .16s}.space-burger span{background:currentColor;border-radius:1px;width:18px;height:1.5px;transition:translate .2s cubic-bezier(.16,1,.3,1),rotate .2s cubic-bezier(.16,1,.3,1) .12s,opacity .12s;display:block}.space-burger span+span{margin-top:4.5px}.space-burger[aria-expanded=true] span{transition:translate .2s cubic-bezier(.16,1,.3,1),rotate .2s cubic-bezier(.16,1,.3,1) .12s,opacity .12s}.space-burger[aria-expanded=true] span:first-child{translate:0 6px;rotate:45deg}.space-burger[aria-expanded=true] span:nth-child(2){opacity:0}.space-burger[aria-expanded=true] span:nth-child(3){translate:0 -6px;rotate:-45deg}@media (max-width:1023px){.space-header[data-variant=developers] .space-nav{inset:var(--space-header-h) 0 0;z-index:-1;max-height:none;padding:1rem 1.25rem calc(2rem + env(safe-area-inset-bottom));background:var(--color-paper);clip-path:circle(0 at var(--menu-x,100%) 0);visibility:hidden;transition:clip-path .42s cubic-bezier(.65,0,.35,1),visibility 0s linear .42s;display:flex;position:fixed;overflow-y:auto}.space-header[data-variant=developers] .space-nav[data-open=true]{clip-path:circle(150% at var(--menu-x,100%) 0);visibility:visible;transition:clip-path .52s cubic-bezier(.65,0,.35,1)}.space-header[data-variant=developers] .space-nav>*{opacity:0;translate:0 8px}.space-header[data-variant=developers] .space-nav[data-open=true]>*{opacity:1;transition:opacity .36s ease calc(.14s + var(--i,0) * 45ms), translate .36s cubic-bezier(.16, 1, .3, 1) calc(.14s + var(--i,0) * 45ms);translate:0}}.space-shell[data-motion=on] .will-reveal{transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--reveal-i,0) * 70ms)}.space-shell[data-motion=on] .will-reveal:not(.is-visible){opacity:0;translate:0 18px}.dev-intro{animation:.76s cubic-bezier(.16,1,.3,1) both dev-intro;animation-delay:calc(var(--intro-i,0) * 90ms)}@keyframes dev-intro{0%{opacity:0;filter:blur(4px);translate:0 14px}}@supports (animation-timeline:view()){.dev-window{transform-origin:50% 0;animation:linear both dev-window;animation-timeline:view();animation-range:entry cover 40%}}@keyframes dev-window{0%{transform:perspective(1800px)rotateX(9deg)scale(.94)}to{transform:none}}@supports (animation-timeline:view()){.dev-statement-words{view-timeline:--dev-statement block}.dev-statement-word{animation:linear both dev-word;animation-timeline:--dev-statement;animation-range:cover calc(var(--w-start) * 1%) cover calc(var(--w-end) * 1%)}}@keyframes dev-word{0%{opacity:.18}to{opacity:1}}.space-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:var(--carousel-pad,0)}.space-carousel::-webkit-scrollbar{display:none}.space-carousel>*{scroll-snap-align:start}.space-shell :focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.space-shell pre{text-align:left;direction:ltr;max-width:100%;overflow:auto}.space-shell video{width:100%;max-height:32rem}.space-shell [id]{scroll-margin-top:7rem}.space-shell .page-hero{border-bottom:1px solid var(--color-line)}@media (prefers-reduced-motion:reduce){.space-shell *{scroll-behavior:auto!important;transition:none!important}.space-shell .dev-intro,.space-shell .dev-window,.space-shell .dev-statement-word,.space-shell .space-mega{animation:none!important}}.space-light-scope{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#fff;--color-surface:#fff;--color-surface-2:#f7f7f7;--color-surface-3:#f0f0f0;--color-line:#ebebeb;--color-line-strong:#d9d9d9;--color-line-control:#8a8a8a;--color-ink:#111;--color-ink-2:#6b6b6b;--color-ink-3:#737373;--color-accent:#372dff;--color-accent-strong:#2c24cc;--color-accent-soft:#f1f0ff;--color-accent-ink:#fff;--color-logo-stage:#f7f7f7;--shadow-card:0 8px 24px -4px #0000000f, 0 1px 2px #0000000a;--shadow-overlay:0 24px 64px -12px #00000029, 0 2px 6px #0000000f;background:var(--color-paper);color:var(--color-ink)}.field-stage-still{background:var(--field-dark)}.space-shell[data-theme=light] .field-stage-still{background:var(--field-light)}.space-dropdown{--dd-glide:var(--duration-disclosure);--dd-swap:calc(var(--duration-disclosure) * .7);--dd-exit:calc(var(--duration-disclosure) * .6);--dd-shift:1.5rem;--dd-rise:.375rem;z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dd-exit) var(--ease-release), visibility 0s linear var(--dd-exit);padding-top:.25rem;position:absolute;top:100%;left:0}.space-dropdown[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration-disclosure) var(--ease-glide), visibility 0s}.space-dropdown[data-open=true][data-settled=true]{transition:opacity var(--duration-disclosure) var(--ease-glide), visibility 0s, translate var(--dd-glide) var(--ease-emerge)}.space-dropdown-surface{background:var(--color-paper);box-shadow:var(--shadow-overlay), 0 0 0 1px color-mix(in srgb, var(--color-ink) 5%, transparent);translate:0 calc(var(--dd-rise) * -1);transition:translate var(--duration-disclosure) var(--ease-glide);border-radius:1rem;position:relative;overflow:hidden}.space-dropdown[data-open=true] .space-dropdown-surface{translate:0}.space-dropdown[data-open=true][data-settled=true] .space-dropdown-surface{transition:translate var(--duration-disclosure) var(--ease-glide), width var(--dd-glide) var(--ease-emerge), height var(--dd-glide) var(--ease-emerge)}.space-dropdown-pane{opacity:0;visibility:hidden;width:max-content;transition:opacity var(--dd-swap) var(--ease-ui), translate var(--dd-glide) var(--ease-emerge), visibility 0s linear var(--dd-swap);position:absolute;top:0;left:0}.space-dropdown-pane[data-side=before]{translate:calc(var(--dd-shift) * -1) 0}.space-dropdown-pane[data-side=after],[dir=rtl] .space-dropdown-pane[data-side=before]{translate:var(--dd-shift) 0}[dir=rtl] .space-dropdown-pane[data-side=after]{translate:calc(var(--dd-shift) * -1) 0}.space-dropdown-pane[data-side=active]{opacity:1;visibility:visible;transition:opacity var(--dd-swap) var(--ease-ui), translate var(--dd-glide) var(--ease-emerge), visibility 0s;translate:0}.space-dropdown:not([data-settled=true]) .space-dropdown-pane{transition:none}.space-dropdown-item{transition:background-color .15s var(--ease-ui);border-radius:.5rem}.space-dropdown-item:hover,.space-dropdown-item:focus-visible,.space-dropdown-item[data-picked=true]{background:var(--color-surface-2)}.space-dropdown-preview{aspect-ratio:1;background:var(--color-surface-2);border-radius:.5rem;flex:none;width:226px;position:relative;overflow:hidden}.space-dropdown-preview-layer{z-index:0;opacity:0;transition:opacity 0s linear var(--duration-swap);position:absolute;inset:0}.space-dropdown-preview-layer[data-picked=true]{z-index:1;opacity:1;transition:opacity var(--duration-swap) var(--ease-ui)}.space-dropdown-preview-layer img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.space-dropdown{--dd-glide:1ms;--dd-shift:0px;--dd-rise:0px}}
.space-shell{--ease-emerge:cubic-bezier(.22, 1, .36, 1);--ease-glide:cubic-bezier(.33, 1, .68, 1);--ease-release:cubic-bezier(.55, 0, .35, 1);--ease-ui:cubic-bezier(.4, 0, .2, 1);--duration-disclosure:.3s;--duration-swap:.26s}.dev-scene{--safe:clamp(120px, 14vh, 240px);isolation:isolate;position:relative}.dev-scene-stage{flex-direction:column;align-items:center;gap:2rem;padding-block:5rem 3rem;display:flex}.dev-scene-field{pointer-events:none;width:100%;height:clamp(560px,90svh,820px);position:relative;overflow:hidden;container-type:size}.dev-scene-copy{z-index:20;text-align:center;width:850px;max-width:calc(100vw - 3rem);margin:0;position:relative}.dev-scene[data-live]{min-height:calc(390vh + var(--safe));padding-bottom:var(--safe)}.dev-scene[data-live] .dev-scene-stage{place-items:center;min-height:max(740px,100svh);padding:0 1.5rem;display:grid;position:sticky;top:0;overflow:hidden}.dev-scene[data-live] .dev-scene-field{height:auto;position:absolute;inset:0}.dev-scene[data-live] .dev-scene-copy{will-change:opacity, transform;pointer-events:none;grid-area:1/1}.dev-scene-word{transition:none}.dev-scene:not([data-live]) .dev-scene-word{opacity:1}@media (max-width:699px){.dev-scene[data-live]{--safe:clamp(120px, 16vh, 260px);min-height:calc(345vh + var(--safe))}.dev-scene[data-live] .dev-scene-stage{min-height:max(680px,100svh)}.dev-scene-copy{max-width:min(30ch,100vw - 3rem)}}.dev-scene-item{z-index:var(--z,1);width:var(--w);transform-origin:50%;will-change:transform;transform:translate(calc(-50% + var(--ex) * 1cqw), calc(-50% + var(--ey) * 1cqh)) rotate(var(--er)) scale(var(--es));position:absolute;top:50%;left:50%;container-type:inline-size}@media (max-width:699px){.dev-scene-item{width:var(--mw);transform:translate(calc(-50% + var(--mex) * 1cqw), calc(-50% + var(--mey) * 1cqh)) rotate(var(--mer)) scale(var(--mes))}}.dev-scene-mark{--bloom:1;z-index:4;aspect-ratio:1;width:260px;color:var(--color-ink);will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dev-scene-mark.is-wide{aspect-ratio:3;width:360px}@media (max-width:699px){.dev-scene-mark{width:192px}.dev-scene-mark.is-wide{width:240px}}.dev-scene-dot{height:calc((1 - var(--bloom)) * 100%);aspect-ratio:1;opacity:calc(1 - var(--bloom) * var(--bloom));background:currentColor;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.dev-scene-glyph{-webkit-mask:var(--mark) center / contain no-repeat;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat;clip-path:circle(calc(var(--bloom) * 75%) at 50% 50%);background:currentColor;position:absolute;inset:0}.dev-scene-item>*{box-shadow:var(--shadow-card);border-radius:1rem}.dev-scene-tile{place-items:center;padding:16%;display:grid;overflow:hidden}.dev-scene-tile img,.dev-scene-record-art img{object-fit:contain;max-width:100%;max-height:100%}.dev-scene-photo{width:100%;height:auto;display:block}.dev-scene-chip{aspect-ratio:5;background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-ink);white-space:nowrap;align-items:center;gap:6.5cqw;padding-inline:6.5cqw;font-size:5.3cqw;font-weight:500;display:flex}.dev-scene-chip svg{flex:none;width:8.6cqw;height:8.6cqw}.dev-scene-chip bdi{text-overflow:ellipsis;overflow:hidden}.dev-scene-board{aspect-ratio:1;background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;padding:7cqw;display:flex;position:relative;overflow:hidden}.dev-scene-board>p{color:var(--color-ink);font-size:5.7cqw;font-weight:500}.dev-scene-swatches{flex:1;justify-content:center;align-items:center;padding-top:4cqw;display:flex}.dev-scene-swatches span{z-index:calc(10 - var(--i) * var(--i));background:var(--color-surface);width:29cqw;box-shadow:var(--shadow-card);transform:translateY(calc(var(--i) * var(--i) * 3cqw)) rotate(calc(var(--i) * 6deg));border-radius:.6rem;flex-direction:column;flex:none;margin-inline:-1.5cqw;display:flex;position:relative;overflow:hidden}.dev-scene-swatches i{aspect-ratio:1;display:block}.dev-scene-swatches bdi{font-family:var(--font-mono);color:var(--color-ink-2);padding:2.2cqw 3cqw 2.8cqw;font-size:3.6cqw}.dev-scene-record{background:var(--color-surface);overflow:hidden}.dev-scene-record-art{aspect-ratio:1.6;place-items:center;padding:10% 18%;display:grid}.dev-scene-record p{color:var(--color-ink);align-items:center;gap:3.4cqw;padding:5cqw 6cqw;font-size:5.4cqw;font-weight:500;display:flex}.dev-scene-record p svg{width:7cqw;height:7cqw;color:var(--color-accent);flex:none}.dev-scene-record p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-scene-record small{color:var(--color-ink-2);margin-inline-start:auto;font-size:4cqw;font-weight:400}.dev-scene-list{background:color-mix(in srgb, var(--color-ink) 52%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-paper);padding:8cqw 8cqw 9cqw}.dev-scene-list p{font-size:7.4cqw;font-weight:500}.dev-scene-list ul{gap:3cqw;margin-top:4.5cqw;font-size:5.6cqw;display:grid}.dev-scene-list li{align-items:center;gap:3cqw;display:flex}.dev-scene-list li svg{background:color-mix(in srgb, var(--color-paper) 85%, transparent);width:6cqw;height:6cqw;color:var(--color-ink);border-radius:50%;flex:none;padding:1cqw}.dev-scene-note{background:var(--color-surface);color:var(--color-ink);gap:3cqw;padding:8cqw;display:grid}.dev-scene-note p{font-size:6.2cqw;font-weight:500}.dev-scene-note span{color:var(--color-ink-2);font-size:4.8cqw;line-height:1.5}.feature-card{background:var(--color-surface-2);border-radius:1.5rem;flex-direction:column;min-height:20rem;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.feature-card{height:24.5rem}}.feature-stage{flex:1;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:1.75rem 1.75rem 0;display:grid;position:relative}.feature-label{font-size:var(--text-lead);color:var(--color-ink-2);padding:0 1.25rem 1.25rem;font-weight:300}.feature-card [style*=--step]{animation:none}.feature-card[data-play] .feature-chat>*,.feature-card[data-play] .feature-search li{animation:feature-step 9s var(--ease-emerge) infinite backwards;animation-delay:calc(var(--step,0) * .85s)}@keyframes feature-step{0%{opacity:0;translate:0 8px}7%,86%{opacity:1;translate:0}96%,to{opacity:0}}.feature-chat{width:min(100%,22rem);font-size:var(--text-ui);color:var(--color-ink);flex-direction:column;gap:.6rem;display:flex}.feature-bubble{background:var(--color-surface);max-width:85%;box-shadow:var(--shadow-card);border-radius:1rem;align-self:flex-end;padding:.55rem .9rem}.feature-tool,.feature-thinking{font-size:var(--text-caption);color:var(--color-ink-2);align-items:center;gap:.4rem;display:flex}.feature-tool svg{width:.9rem;height:.9rem}.feature-path{background:var(--color-surface-3);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-ink-2);border-radius:.4rem;align-self:flex-start;padding:.1rem .45rem}.feature-answer{line-height:1.6}.feature-thinking span{letter-spacing:.1em}.feature-browser{height:100%;font-size:var(--text-ui);color:var(--color-ink);grid-template-rows:auto auto 1fr;display:grid;position:absolute;inset:0 0 auto}.feature-browser-tabs{align-items:center;gap:1.25rem;padding:.5rem 0 0;display:flex}.feature-browser-tabs>span{background:var(--color-surface);border-start-end-radius:.75rem;justify-content:space-between;align-items:center;width:60%;padding:.7rem 1rem;display:flex}.feature-browser svg{width:1rem;height:1rem;color:var(--color-ink-2)}.feature-browser-bar{background:var(--color-surface);align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.feature-browser-bar span{background:var(--color-surface-2);border-radius:999px;flex:1;height:2.2rem}.feature-browser-bar i{background:var(--color-surface-3);border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;display:grid}.feature-browser-bar i svg{color:var(--color-ink)}.feature-done{aspect-ratio:1.3;background:var(--color-surface);width:min(80%,17rem);box-shadow:var(--shadow-card);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;place-self:center;align-items:center;gap:.6rem;display:flex}.feature-done>span{background:var(--color-success);width:3rem;height:3rem;color:var(--color-paper);border-radius:999px;place-items:center;display:grid}.feature-done>span svg{width:1.5rem;height:1.5rem;color:inherit}.feature-done p{font-size:var(--text-title,1.0625rem);font-weight:500}.feature-done small{font-size:var(--text-caption);color:var(--color-ink-2)}.feature-card[data-play] .feature-done{animation:feature-pop 6s var(--ease-emerge) infinite}@keyframes feature-pop{0%,8%{opacity:0;scale:.92}16%,88%{opacity:1;scale:1}to{opacity:0;scale:.96}}.feature-colors{background:var(--color-surface);width:min(100%,18rem);box-shadow:var(--shadow-card);border-radius:1rem;padding:1rem}.feature-colors>p{font-size:var(--text-caption);color:var(--color-ink-2);margin-bottom:.75rem}.feature-colors>div{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.feature-colors span{background:var(--color-surface-2);border-radius:.6rem;gap:.15rem;padding:.4rem .4rem .55rem;display:grid;position:relative}.feature-colors i{height:3.2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:.4rem;display:block}.feature-colors bdi{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-ink)}.feature-colors small{font-size:var(--text-micro);color:var(--color-ink-2)}.feature-colors em{inset-inline-end:.5rem;background:var(--color-ink);font-size:var(--text-micro);color:var(--color-paper);opacity:0;border-radius:999px;padding:.1rem .5rem;font-style:normal;position:absolute;top:.5rem}.feature-card[data-play] .feature-colors em{animation:feature-copied 6s var(--ease-ui) infinite backwards;animation-delay:calc(var(--step,0) * 1.5s)}@keyframes feature-copied{0%{opacity:0;translate:0 4px}4%,18%{opacity:1;translate:0}24%,to{opacity:0}}.feature-grounds{aspect-ratio:1.45;width:min(100%,22rem);position:relative}.feature-ground{box-shadow:var(--shadow-card);border-radius:1rem;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:18% 22%;display:grid;position:absolute;inset:0}.feature-ground>img{object-fit:contain;width:100%;height:100%}.feature-ground-label{bottom:.6rem;font-size:var(--text-micro);position:absolute;inset-inline-start:.75rem}.feature-ground.is-0{color:#5c5c5c;background:#fff}.feature-ground.is-1{color:#b9bdc6;background:#111}.feature-ground.is-2{color:#5c5c5c;background-color:#f7f7f7;background-image:linear-gradient(45deg,#ebebeb 25%,#0000 25% 75%,#ebebeb 75%),linear-gradient(45deg,#ebebeb 25%,#0000 25% 75%,#ebebeb 75%);background-position:0 0,8px 8px;background-size:16px 16px}.feature-ground.is-1,.feature-ground.is-2{opacity:0}.feature-card[data-play] .feature-ground{animation:feature-ground 7.5s var(--ease-ui) infinite}.feature-card[data-play] .feature-ground.is-1{animation-delay:-5s}.feature-card[data-play] .feature-ground.is-2{animation-delay:-2.5s}@keyframes feature-ground{0%,33%{opacity:1}38%,95%{opacity:0}to{opacity:1}}.feature-search{width:min(100%,20rem);font-size:var(--text-ui);color:var(--color-ink)}.feature-field{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.feature-field svg{width:1rem;height:1rem;color:var(--color-ink-2)}.feature-caret{vertical-align:middle;background:var(--color-ink);width:1px;height:1.1em;margin-inline-start:1px;animation:1s step-end infinite feature-caret;display:inline-block}@keyframes feature-caret{50%{opacity:0}}.feature-search ul{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:1rem;gap:.15rem;margin-top:.5rem;padding:.35rem;display:grid}.feature-search li{border-radius:.6rem;align-items:center;gap:.6rem;min-width:0;padding:.4rem;display:flex}.feature-search li>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feature-search li:first-child{background:var(--color-surface-2)}.feature-thumb{background:var(--color-logo-stage);border-radius:.5rem;flex:none;place-items:center;width:2rem;height:2rem;padding:.2rem;display:grid;overflow:hidden}.feature-thumb img{object-fit:contain;max-width:100%;max-height:100%}.feature-pill{background:var(--color-surface);width:min(100%,22rem);box-shadow:var(--shadow-card);border-radius:1.25rem;align-items:center;gap:.9rem;padding:1rem 1.25rem;display:flex}.feature-pill .feature-thumb{width:2.6rem;height:2.6rem}.feature-pill-text{flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.feature-pill p{-webkit-line-clamp:2;line-clamp:2;max-width:100%;font-size:var(--text-title);color:var(--color-ink);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.feature-pill small{font-size:var(--text-caption);color:var(--color-accent);flex:none;align-items:center;gap:.25rem;display:flex}.feature-pill small svg{width:1rem;height:1rem}.feature-pill i{background:var(--color-success);border-radius:999px;flex:none;width:.55rem;height:.55rem}.feature-card[data-play] .feature-pill i{animation:feature-pulse 2s var(--ease-ui) infinite}@keyframes feature-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 45%, transparent)}to{box-shadow:0 0 0 .6rem #0000}}.feature-image{object-fit:cover;border-radius:1rem 1rem 0 0;width:100%;height:100%}.feature-text{max-width:28ch;font-size:var(--text-h2);color:var(--color-ink);font-weight:300;line-height:1.35}@media (prefers-reduced-motion:reduce){.feature-card *{animation:none!important}.feature-ground.is-1,.feature-ground.is-2{display:none}}.tool-mark{-webkit-mask:var(--mark) center / contain no-repeat;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat}.article-cover{aspect-ratio:1;transition:background-position 1.2s var(--ease-glide);background-position:50%;background-size:140% 140%;border-radius:1rem;place-items:center;padding:1.5rem;display:grid;position:relative;overflow:hidden}.article-card:hover .article-cover{background-position:30% 70%}.article-cover:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.article-cover span{z-index:1;text-align:center;color:#fff;text-shadow:0 1px 12px #0000002e;max-width:14ch;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:400;line-height:1.25;position:relative}.article-cover[data-tone=ash]{background-image:radial-gradient(60% 70% at 85% 10%,#f4f4f6 0%,#0000 70%),radial-gradient(70% 80% at 10% 95%,#6f6f78 0%,#0000 70%),linear-gradient(135deg,#c9c9cf,#9b9ba4)}.article-cover[data-tone=violet]{background-image:radial-gradient(55% 60% at 15% 85%,#372dff 0%,#0000 70%),radial-gradient(60% 60% at 85% 15%,#6f63ff 0%,#0000 70%),radial-gradient(70% 70% at 20% 10%,#f3c9ee 0%,#0000 70%),linear-gradient(135deg,#d7d1ff,#a9a1ff)}.article-cover[data-tone=sage]{background-image:radial-gradient(55% 45% at 30% 20%,#b8c7c0 0%,#0000 70%),radial-gradient(60% 55% at 75% 80%,#3e5250 0%,#0000 70%),linear-gradient(160deg,#8fa39c,#566b68)}@supports (interpolate-size:allow-keywords){.space-faq{interpolate-size:allow-keywords}.space-faq::details-content{height:0;transition:height .35s var(--ease-emerge), content-visibility .35s allow-discrete;overflow:clip}.space-faq[open]::details-content{height:auto}}@media (prefers-reduced-motion:reduce){.article-cover{transition:none}.space-faq::details-content{transition:none}}.feature-ground-tile{background:#f7f7f7;border-radius:.75rem;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:10%;display:grid;position:absolute;inset:14% 18%}.feature-ground-tile img{object-fit:contain;width:100%;height:100%}.feature-ground-neutral{color:#fff;width:100%;min-width:0;height:100%;min-height:0;aspect-ratio:auto!important}