.hero.hero-product .hero-inner{height:auto;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;max-width:1600px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px);text-align:left}.hero-product .hero-copy{display:block;justify-items:start;width:100%;max-width:780px;margin:0;padding:0;text-align:left}.hero-product .hero-copy h1{margin:0 0 22px;font-size:clamp(2.25rem,4.7vw,4.75rem);line-height:1.1;letter-spacing:-.04em;max-width:20ch;text-wrap:balance}.hero-product .hero-lede{max-width:56ch;margin:0;font-size:clamp(1rem,1.4vw,1.2rem);color:var(--text-dim);line-height:1.6;letter-spacing:0}.hero-product .hero-footer{width:100%;padding-block:24px;text-align:left}feature-showcase{--feature-gap: clamp(24px, 5vw, 72px);display:flex;flex-direction:column;flex:1;min-width:0}feature-video,install-command{display:block;min-width:0}.feature-showcase{display:flex;flex-direction:column;justify-content:center;flex:1;width:100%;padding-block:clamp(36px,6vh,80px);scroll-margin-top:24px}.hero-product .hero-copy>*{animation:none}.feature-showcase-layout{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--feature-gap);align-items:center}.feature-selector{display:flex;flex-direction:column;gap:0;margin:0;padding:0;width:48px;position:sticky;top:24px;z-index:2;grid-column:1;grid-row:1 / 3}.feature-selector a{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;margin:0;padding:0;border:1px solid var(--line);border-radius:0;color:var(--text-dim);background:var(--bg);transition:border-color .16s ease-out,color .16s ease-out,background-color .16s ease-out}.feature-selector svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover)and (pointer:fine){.feature-selector a:hover{border-color:var(--green);color:var(--green);background:var(--panel-2)}feature-showcase:not([data-tooltips-dismissed]) .feature-selector a:hover .feature-tooltip{opacity:1;visibility:visible}}.feature-selector a[aria-current]{border-color:var(--green);color:var(--ink);background:var(--green)}.feature-tooltip{position:fixed;top:var(--tooltip-top, 0px);left:var(--tooltip-left, 0px);width:max-content;max-width:210px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font:400 12px/1.5 var(--mono);opacity:0;visibility:hidden}feature-showcase:not([data-tooltips-dismissed]) .feature-selector a:focus-visible .feature-tooltip{opacity:1;visibility:visible}feature-showcase:not([data-enhanced]) .feature-selector a{position:static}feature-showcase:not([data-enhanced]) .feature-tooltip{position:absolute;top:0;left:calc(100% + 8px)}.feature-selector a:focus-visible,.feature-video:focus-visible,.feature-video-links a:focus-visible,.feature-video-links summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.feature-selector a:focus-visible{z-index:1;outline-offset:-2px}.feature-stage{min-width:0;max-width:1000px;position:relative;z-index:1;grid-column:2;grid-row:2}.feature-stage[hidden]{display:none}feature-showcase[data-enhanced] .feature-stage,feature-showcase[data-enhanced] .feature-selector{grid-row:1}.feature-home{max-width:780px;grid-column:2;grid-row:1}.feature-panel{scroll-margin-top:24px;margin-bottom:32px}.feature-panel[hidden]{display:none}feature-showcase[data-enhanced] .feature-panel{margin-bottom:0}.feature-picture{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#09110d;aspect-ratio:8 / 5}.feature-video,.feature-poster{display:block;width:100%;height:100%;object-fit:contain}.feature-caption{padding-top:18px}.feature-caption h3{margin:0 0 8px;color:var(--text);font:500 clamp(1rem,1.5vw,1.25rem)/1.4 var(--mono);text-wrap:balance}.feature-caption p{max-width:72ch;margin:0;font:400 16px/1.65 var(--sans);color:var(--text-dim);text-wrap:pretty}.feature-video-links{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:start;margin-top:8px}.feature-video-links a,.feature-video-links summary{display:inline-flex;min-height:44px;align-items:center;color:var(--text-dim);font:400 13px/1.5 var(--mono);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.feature-video-links summary{display:list-item;align-content:center}.feature-video-links details{flex:1 1 230px}.feature-video-links details p{padding-block:0 16px}.feature-video-links a:hover,.feature-video-links summary:hover{color:var(--green)}.feature-caption .feature-video-error{color:var(--warning);margin-top:8px}.feature-recording-note{display:none;max-width:72ch;margin:20px 0 0 calc(48px + var(--feature-gap));color:var(--muted);font-size:12px;line-height:1.6}@media(min-width:721px){feature-showcase[data-active-feature]:not([data-active-feature=home]) .feature-recording-note{display:block}}.feature-dialog{width:min(680px,calc(100vw - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--text);overflow:visible}.feature-dialog::backdrop{background:#000000db}.feature-dialog-content{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.feature-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 20px;border-bottom:1px solid var(--line);background:var(--bg);color:var(--muted);font:400 12px/1.5 var(--mono)}.feature-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text);cursor:pointer}.feature-dialog-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.feature-dialog-close:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.feature-dialog .feature-picture{max-height:60dvh;border:0;border-radius:0}.feature-dialog .feature-caption{padding:20px}.feature-dialog .feature-panel{margin:0}@media(max-width:720px){.feature-showcase{padding-block:36px}.hero-product .hero-copy h1{font-size:clamp(2rem,8.4vw,3.5rem)}.feature-showcase-layout{grid-template-columns:minmax(0,1fr);gap:24px}.feature-home,.feature-selector,.feature-stage,feature-showcase[data-enhanced] .feature-stage,feature-showcase[data-enhanced] .feature-selector{grid-column:1;grid-row:auto}.feature-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;top:auto;width:100%}feature-showcase:not([data-enhanced]) .feature-tooltip{top:calc(100% + 8px);left:6px}.feature-selector a{width:100%;height:44px}.feature-tooltip{max-width:150px;white-space:normal}.feature-video-links{gap:0 16px}.feature-video-links details{flex-basis:100%}}@media(max-width:400px){.hero-product .nav-kbd{display:none}.hero-product .site-nav{gap:8px}.hero-product .nav-actions{gap:6px}}@media(prefers-reduced-motion:reduce){.feature-selector a{transition:none}}.install-command{margin-top:32px;width:100%;max-width:740px}.install-command [hidden]{display:none}.install-command-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.install-command-tabs button{min-height:44px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:400 13px/1 var(--mono);cursor:pointer}.install-command-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--green)}.install-platform{margin:12px 0 8px;color:var(--muted);font:400 11px/1.5 var(--mono)}.install-command-line{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:6px;background:var(--bg);overflow:hidden}.install-command-line pre{flex:1;min-width:0;margin:0;padding:16px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font:400 13px/1.7 var(--mono)}.install-command-line code{font:inherit}.install-command-copy{flex:0 0 72px;min-height:44px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--green);font:400 12px/1 var(--mono);cursor:pointer}.install-command-copy:hover{background:var(--panel)}.install-command-copy:disabled{cursor:wait;opacity:.6}.install-command button:focus-visible,.install-command pre:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.install-command-note{margin:12px 0 0;max-width:65ch;color:var(--text-dim);font:400 12px/1.65 var(--sans)}.install-command-note code{font-size:11px}.install-command-note a{color:var(--text);text-underline-offset:3px;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/2/assets/feature-showcase.css.map */