.showcase__grid{gap:var(--space-8);display:grid}@media (min-width:1024px){.showcase__grid{align-items:start;gap:var(--space-20,5rem);grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.showcase__stage-column{top:var(--nav-h);z-index:2;gap:var(--space-3);padding-bottom:var(--space-3);background:var(--color-ground);flex-direction:column;display:flex;position:sticky}@media (min-width:1024px){.showcase__stage-column{top:calc(var(--nav-h) / 2 + 50vh);top:calc(var(--nav-h) / 2 + 50svh);z-index:auto;gap:var(--space-4);padding-bottom:0;transform:translateY(-50%)}}.showcase__stage{background:var(--color-ground);perspective:1600px;place-items:center;height:clamp(300px,46svh,520px);display:grid;position:relative}@media (min-width:1024px){.showcase__stage{height:clamp(560px,76vh,820px)}}.showcase__frame[data-shape=wide],.showcase__layer[data-shape=wide]{--fw:min(var(--stage-w), calc(var(--stage-h) * 16 / 10));--fh:calc(var(--fw) * 10 / 16)}.showcase__frame[data-shape=square],.showcase__layer[data-shape=square]{--fh:min(calc(var(--stage-h) * .82), var(--stage-w));--fw:var(--fh)}.showcase__frame[data-shape=portrait],.showcase__layer[data-shape=portrait]{--fh:var(--stage-h);--fw:min(calc(var(--fh) * 9 / 16), var(--stage-w))}.showcase__frame[data-shape=landscape32],.showcase__layer[data-shape=landscape32]{--fw:min(var(--stage-w), calc(var(--stage-h) * 3 / 2));--fh:calc(var(--fw) * 2 / 3)}.showcase__frame[data-shape=widescreen],.showcase__layer[data-shape=widescreen]{--fw:var(--stage-w);--fh:min(calc(var(--fw) * 9 / 16), var(--stage-h))}@media (max-width:639px){.showcase__frame[data-shape=widescreen],.showcase__layer[data-shape=widescreen]{--fh:min(calc(var(--fw) * 4 / 5), var(--stage-h))}}.showcase__motion{transform-style:preserve-3d;will-change:transform;position:relative}.showcase__frame{width:var(--fw,640px);height:var(--fh,400px);contain:layout paint;background:var(--color-ink);backface-visibility:hidden;transition:width var(--dur-scene) var(--ease-brand), height var(--dur-scene) var(--ease-brand), background-color var(--dur-medium) var(--ease-brand), border-color var(--dur-medium) var(--ease-brand);border:1px solid #0000;position:relative;overflow:hidden}.showcase__frame[data-tone=light]{background:var(--color-panel);border-color:var(--color-line)}.showcase__layer{width:var(--fw,640px);height:var(--fh,400px);opacity:0;visibility:hidden;pointer-events:none;will-change:transform;margin:auto;transition:opacity .3s linear,visibility 0s linear .3s;position:absolute;inset:0}.showcase__layer[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s linear var(--xf-in,.25s), visibility 0s linear 0s}.showcase__stage[data-move=flip-f] .showcase__layer,.showcase__stage[data-move=flip-b] .showcase__layer,.showcase__stage[data-move=quarter-f] .showcase__layer,.showcase__stage[data-move=quarter-b] .showcase__layer{--xf-in:.5s}.showcase__stage[data-move=push-f] .showcase__motion{animation:showcase-push 1s var(--ease-brand) both}.showcase__stage[data-move=push-b] .showcase__motion{animation:showcase-pull 1s var(--ease-brand) both}.showcase__stage[data-move=flip-f] .showcase__motion{animation:1s linear both showcase-flip-f}.showcase__stage[data-move=flip-b] .showcase__motion{animation:1s linear both showcase-flip-b}.showcase__stage[data-move=out-f] .showcase__motion{animation:showcase-out 1s var(--ease-brand) both}.showcase__stage[data-move=out-b] .showcase__motion{animation:showcase-in 1s var(--ease-brand) both}.showcase__stage[data-move=lean-f] .showcase__motion{animation:showcase-lean-f 1s var(--ease-brand) both}.showcase__stage[data-move=lean-b] .showcase__motion{animation:showcase-lean-b 1s var(--ease-brand) both}.showcase__stage[data-move=quarter-f] .showcase__motion{animation:1s linear both showcase-quarter-f}.showcase__stage[data-move=quarter-b] .showcase__motion{animation:1s linear both showcase-quarter-b}@keyframes showcase-push{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes showcase-pull{0%{transform:scale(1)}45%{transform:scale(.955)}to{transform:scale(1)}}@keyframes showcase-flip-f{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotateY(0)}50%{transform:rotateY(90deg)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes showcase-flip-b{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotateY(0)}50%{transform:rotateY(-90deg)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes showcase-out{0%{transform:scale(1)}50%{transform:scale(.86)}to{transform:scale(1)}}@keyframes showcase-in{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes showcase-lean-f{0%{transform:rotateX(0)scale(1)}50%{transform:rotateX(-10deg)scale(.97)}to{transform:rotateX(0)scale(1)}}@keyframes showcase-lean-b{0%{transform:rotateX(0)scale(1)}50%{transform:rotateX(10deg)scale(.97)}to{transform:rotateX(0)scale(1)}}@keyframes showcase-quarter-f{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotate(0)scale(1)}50%{transform:rotate(90deg)scale(.86)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotate(-90deg)scale(.86)}to{transform:rotate(0)scale(1)}}@keyframes showcase-quarter-b{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:rotate(0)scale(1)}50%{transform:rotate(-90deg)scale(.86)}50.001%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotate(90deg)scale(.86)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.showcase__motion{animation:none!important}.showcase__frame{transition:background-color var(--dur-small) linear, border-color var(--dur-small) linear}.showcase__layer,.showcase__layer[data-active=true]{transition:opacity var(--dur-small) linear 0s}}.showcase__stage-caption{min-height:1.4em;color:var(--color-mute);position:relative}.showcase__stage-caption--fade{animation:showcase-caption-fade var(--dur-small) var(--ease-brand)}@keyframes showcase-caption-fade{0%{opacity:0}to{opacity:1}}.showcase__stage-caption-credit{opacity:0;animation:18s linear infinite showcase-photo-cycle;animation-delay:var(--photo-delay);animation-play-state:paused;display:block;position:absolute;inset:0}.showcase__stage-column[data-chapter="5"] .showcase__stage-caption-credit{animation-play-state:running}@media (prefers-reduced-motion:reduce){.showcase__stage-caption--fade{animation:none}.showcase__stage-caption-credit{opacity:1;animation:none;position:static}.showcase__stage-caption-credit~.showcase__stage-caption-credit{display:none}}.showcase__chapters{margin:0;padding:0;list-style:none}.showcase__chapter{min-height:44svh;padding-block:var(--space-12);border-top:1px solid var(--color-line);flex-direction:column;justify-content:center;display:flex}.showcase__chapters{padding-bottom:var(--space-16)}.showcase__chapter:last-child{border-bottom:1px solid var(--color-line)}@media (min-width:1024px){.showcase__chapter{min-height:clamp(560px,76vh,820px);padding-block:0}.showcase__chapters{padding-bottom:var(--showcase-pad-bottom,var(--space-16))}}.showcase__chapter-number-row{align-items:center;gap:var(--space-4);display:flex}.showcase__chapter-number{color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand)}.showcase__chapter[data-active=true] .showcase__chapter-number{color:var(--color-ink)}.showcase__chapter-hairline{background:var(--color-line);flex:1;height:1px}.showcase__chapter-title{color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);font-size:clamp(2.5rem,2.1rem + 1.7vw,3rem);line-height:1.1}.showcase__chapter[data-active=true] .showcase__chapter-title{color:var(--color-ink)}.showcase__cta{align-items:center;gap:var(--space-3);color:var(--color-ink);display:inline-flex}.showcase__cta-disc{border:1px solid var(--color-line);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-ink);transition:background-color var(--dur-small) var(--ease-brand), border-color var(--dur-small) var(--ease-brand);place-items:center;display:inline-grid}.showcase__cta-arrow{transition:transform var(--dur-small) var(--ease-brand)}.showcase__cta:hover .showcase__cta-disc,.showcase__cta:focus-visible .showcase__cta-disc{background:var(--color-accent);border-color:var(--color-accent)}.showcase__cta:hover .showcase__cta-arrow,.showcase__cta:focus-visible .showcase__cta-arrow{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.showcase__cta-arrow{transition:none}.showcase__cta:hover .showcase__cta-arrow{transform:none}}.showcase__compare,.showcase__compare-image{position:absolute;inset:0}.showcase__compare-after{clip-path:inset(0 0 0 var(--reveal,50%))}.showcase__compare-line{top:0;bottom:0;left:var(--reveal,50%);background:var(--color-ground);pointer-events:none;width:2px;position:absolute;transform:translate(-1px)}.showcase__compare-input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.showcase__compare-input:focus-visible+.showcase__compare-line{outline:2px solid var(--color-ground);outline-offset:2px}.showcase__compare-handle{top:50%;left:var(--reveal,50%);border-radius:var(--radius-pill);background:var(--color-ground);width:44px;height:44px;color:var(--color-ink);pointer-events:none;place-items:center;display:grid;position:absolute;translate:-50% -50%}.showcase__compare-hint{top:calc(100% + var(--space-2));white-space:nowrap;color:var(--color-ground);padding:var(--space-1) var(--space-2);transition:opacity var(--dur-medium) var(--ease-brand);background:#1c1d1f8c;position:absolute;left:50%;translate:-50%}.showcase__compare-hint.is-hidden{opacity:0}.showcase__compare-label{bottom:var(--space-4);color:var(--color-ground);padding:var(--space-1) var(--space-2);pointer-events:none;background:#1c1d1f8c;position:absolute}.showcase__compare-label--before{left:var(--space-4)}.showcase__compare-label--after{right:var(--space-4)}.showcase__seo{gap:var(--space-4);padding:var(--space-6);color:var(--color-ground);flex-direction:column;display:flex;position:absolute;inset:0}@media (min-width:1024px){.showcase__seo{padding:var(--space-8)}}.showcase__seo-kicker{margin:0}.showcase__seo-query{align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);color:var(--color-ground);border:1px solid #ffffff47;display:flex}.showcase__seo-query-text{white-space:nowrap;letter-spacing:0;width:0;font-size:12px;display:inline-block;overflow:hidden}@media (min-width:1024px){.showcase__seo-query-text{font-size:13px}}.showcase__seo-caret{background:var(--color-accent);opacity:0;width:2px;height:1.1em;margin-left:-6px;display:inline-block}.showcase__seo-field{flex:auto;min-height:0;position:relative}.showcase__seo-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.showcase__seo-line{stroke:#ffffff73;stroke-width:.2px;stroke-dasharray:1;stroke-dashoffset:1px}.showcase__seo-grid{height:var(--field-h,66%);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:3%;display:grid;position:absolute;top:0;left:0;right:0}.showcase__seo-tile{--bar:#ffffff38;background:#ffffff0f;border:1px solid #ffffff14;flex-direction:column;justify-content:center;gap:9%;padding:14% 16%;display:flex;position:relative}.showcase__seo-bar{background:var(--bar);width:70%;height:2px;display:block}.showcase__seo-bar--head{width:40%;height:3px}.showcase__seo-bar--short{width:52%}.showcase__seo-tile--ours{z-index:2}.showcase__seo-beam{width:16%;height:calc(var(--field-h,66%) + 8%);mix-blend-mode:screen;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffab808c 50%,#0000);position:absolute;top:-4%;left:0;transform:translate(-120%)}.showcase__seo-site{margin-top:calc(var(--field-h,66%) / 8 - 6px);z-index:3;padding:var(--space-1) var(--space-2);background:var(--color-ground);color:var(--color-ink);white-space:nowrap;opacity:0;position:absolute;translate:-50%}.showcase__seo-answers{margin:0;padding:0;list-style:none;position:absolute;inset:0}.showcase__seo-answer{padding:var(--space-2) var(--space-3);white-space:nowrap;opacity:0;border-top:1px solid #ffffff73;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;translate:-50%}.showcase__seo-answer-engine{color:var(--color-ground)}.showcase__seo-answer-marker{color:var(--color-accent)}.showcase__layer[data-active=true] .showcase__seo-query-text,.showcase__media-frame[data-active=true] .showcase__seo-query-text{animation:showcase-seo-type 1.4s var(--type,steps(30)) .1s both}.showcase__layer[data-active=true] .showcase__seo-caret,.showcase__media-frame[data-active=true] .showcase__seo-caret{animation:1s steps(2,jump-none) infinite showcase-seo-blink}.showcase__layer[data-active=true] .showcase__seo-beam,.showcase__media-frame[data-active=true] .showcase__seo-beam{animation:1.4s cubic-bezier(.4,0,.6,1) 1.5s both showcase-seo-beam}.showcase__layer[data-active=true] .showcase__seo-tile,.showcase__media-frame[data-active=true] .showcase__seo-tile{animation:.6s ease-out both showcase-seo-flash;animation-delay:calc(1.45s + var(--c,0) * .22s)}.showcase__layer[data-active=true] .showcase__seo-tile--ours,.showcase__media-frame[data-active=true] .showcase__seo-tile--ours{animation:showcase-seo-expose .7s var(--ease-brand) both;animation-delay:calc(1.45s + var(--c,0) * .22s)}.showcase__layer[data-active=true] .showcase__seo-site,.showcase__media-frame[data-active=true] .showcase__seo-site{animation:showcase-seo-rise .5s var(--ease-brand) 2.6s both}.showcase__layer[data-active=true] .showcase__seo-line,.showcase__media-frame[data-active=true] .showcase__seo-line{animation:showcase-seo-draw .7s var(--ease-brand) both;animation-delay:calc(2.9s + var(--k,0) * .22s)}.showcase__layer[data-active=true] .showcase__seo-answer,.showcase__media-frame[data-active=true] .showcase__seo-answer{animation:showcase-seo-rise .5s var(--ease-brand) both;animation-delay:calc(3.3s + var(--k,0) * .22s)}@keyframes showcase-seo-type{0%{width:0}to{width:calc(var(--n,30) * 1ch)}}@keyframes showcase-seo-blink{0%{opacity:1}to{opacity:0}}@keyframes showcase-seo-beam{0%{opacity:0;transform:translate(-120%)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(720%)}}@keyframes showcase-seo-flash{0%{background:#ffffff0f;border-color:#ffffff14}30%{background:#ffffff38;border-color:#ffffff59}to{background:#ffffff0f;border-color:#ffffff14}}@keyframes showcase-seo-expose{0%{--bar:#ffffff38;background:#ffffff0f;border-color:#ffffff14;transform:scale(1)}30%{background:#ffffff80;border-color:#fff9}to{background:var(--color-accent);border-color:var(--color-accent);--bar:var(--color-ink);transform:scale(1.12)}}@keyframes showcase-seo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-seo-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.showcase__seo-query-text{width:calc(var(--n,30) * 1ch);animation:none!important}.showcase__seo-caret,.showcase__seo-beam{display:none}.showcase__seo-tile{animation:none!important}.showcase__seo-tile--ours{background:var(--color-accent);border-color:var(--color-accent);--bar:var(--color-ink);transform:scale(1.12)}.showcase__seo-site,.showcase__seo-answer{opacity:1;animation:none!important}.showcase__seo-line{stroke-dashoffset:0;animation:none!important}}.showcase__video{background:var(--color-ink);position:absolute;inset:0}.showcase__video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase__video-controls{right:var(--space-2);bottom:var(--space-2);gap:var(--space-2);display:flex;position:absolute}.showcase__video-toggle{width:44px;height:44px;color:var(--color-ground);transition:border-color var(--dur-small) var(--ease-brand);background:#1c1d1f8c;border:1px solid #fff6;justify-content:center;align-items:center;display:inline-flex}.showcase__video-toggle:hover,.showcase__video-toggle:focus-visible{border-color:var(--color-ground)}.showcase__photo-cycle{position:absolute;inset:0}.showcase__photo-cycle-layer{opacity:0;animation:18s linear infinite showcase-photo-cycle;animation-delay:var(--photo-delay);animation-play-state:paused;position:absolute;inset:0;overflow:hidden}.showcase__layer[data-active=true] .showcase__photo-cycle-layer,.showcase__media-frame[data-active=true] .showcase__photo-cycle-layer{animation-play-state:running}.showcase__photo-cycle-img{animation:12s linear infinite alternate showcase-photo-zoom;animation-delay:var(--photo-delay);animation-play-state:paused}.showcase__layer[data-active=true] .showcase__photo-cycle-img,.showcase__media-frame[data-active=true] .showcase__photo-cycle-img{animation-play-state:running}@keyframes showcase-photo-cycle{0%,to{opacity:0}4.4%,28.9%{opacity:1}33.3%{opacity:0}}@keyframes showcase-photo-zoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.showcase__photo-cycle-layer{opacity:0;animation:none}.showcase__photo-cycle-layer:first-child{opacity:1}.showcase__photo-cycle-img{animation:none}}.showcase__flow{--cycle:10s;--scr:#ffffff0f;--edge:#ffffff24;--bar:#ffffff4d;padding:var(--space-6);color:var(--color-ground);background-image:radial-gradient(circle,#ffffff47 .8px,#0000 .9px);background-size:24px 24px;grid-template-columns:1fr 5% 1fr 5% 1fr 5% 1fr;align-items:center;display:grid;position:absolute;inset:0}.showcase__flow-kicker{top:var(--space-6);left:var(--space-6);background:var(--color-ink);margin:0 0 0 -4px;padding:2px 4px;position:absolute}@media (min-width:1024px){.showcase__flow-kicker{top:var(--space-8);left:var(--space-8)}.showcase__flow{padding:var(--space-8)}}.showcase__flow-station{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.showcase__flow-screen{aspect-ratio:4/5;background:var(--color-ink);border:1px solid var(--edge);box-shadow:0 0 0 1px var(--color-ink);flex-direction:column;justify-content:center;gap:6%;padding:14% 12%;display:flex;position:relative}.showcase__flow-label{background:var(--color-ink);color:#ffffffb3;align-self:flex-start;margin-left:-4px;padding:2px 4px;line-height:1.3}.showcase__flow-gap{background:#ffffff47;align-self:center;height:1px;margin-top:-2.2em;position:relative}.showcase__flow-packet{background:var(--color-accent);opacity:0;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:0;translate:-50% -50%}.showcase__flow-packet:before{content:"";background:#ffab8040;border-radius:999px;position:absolute;inset:-7px}.showcase__flow-field{border:1px solid #ffffff38;height:9%;padding:2px;display:block}.showcase__flow-field i{background:var(--bar);width:0;height:100%;display:block}.showcase__flow-button{font:500 9px / 1.4 var(--font-display);color:var(--color-ink);background:#ffffffb3;align-self:flex-start;margin-top:4%;padding:3px 8px}@media (min-width:1024px){.showcase__flow-button{padding:4px 10px;font-size:11px}}.showcase__flow-row,.showcase__flow-item{align-items:center;gap:8%;height:7%;display:flex}.showcase__flow-row b,.showcase__flow-item b{background:var(--bar);width:22%;height:100%;display:block}.showcase__flow-row i,.showcase__flow-item i{background:#ffffff24;flex:auto;height:100%;display:block}.showcase__flow-row--new,.showcase__flow-item--new{opacity:0}.showcase__flow-core{aspect-ratio:1;background:var(--color-accent);border-radius:999px;align-self:center;place-items:center;width:38%;display:grid;position:relative}.showcase__flow-ring{border:1px solid var(--color-accent);opacity:0;border-radius:999px;position:absolute;inset:0}.showcase__flow-dots{justify-content:center;gap:12%;width:60%;display:flex}.showcase__flow-dots i{aspect-ratio:1;background:var(--color-ink);opacity:.35;border-radius:999px;width:14%;display:block}.showcase__flow-chip{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--color-ink);background:var(--color-ground);opacity:0;padding:3px 6px;font-size:8px;position:absolute;bottom:10%;left:50%;translate:-50%}@media (min-width:1024px){.showcase__flow-chip{padding:4px 8px;font-size:10px}}.showcase__layer[data-active=true] .showcase__flow-field:first-child i,.showcase__media-frame[data-active=true] .showcase__flow-field:first-child i{animation:showcase-flow-fill var(--cycle) linear infinite;--f0:2%;--f1:6%}.showcase__layer[data-active=true] .showcase__flow-field:nth-child(2) i,.showcase__media-frame[data-active=true] .showcase__flow-field:nth-child(2) i{animation:showcase-flow-fill-2 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-field:nth-child(3) i,.showcase__media-frame[data-active=true] .showcase__flow-field:nth-child(3) i{animation:showcase-flow-fill-3 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-button,.showcase__media-frame[data-active=true] .showcase__flow-button{animation:showcase-flow-press var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-gap[data-gap="1"] .showcase__flow-packet,.showcase__media-frame[data-active=true] .showcase__flow-gap[data-gap="1"] .showcase__flow-packet{animation:showcase-flow-packet-1 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-row--new,.showcase__media-frame[data-active=true] .showcase__flow-row--new{animation:showcase-flow-newrow var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-gap[data-gap="2"] .showcase__flow-packet,.showcase__media-frame[data-active=true] .showcase__flow-gap[data-gap="2"] .showcase__flow-packet{animation:showcase-flow-packet-2 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-ring,.showcase__media-frame[data-active=true] .showcase__flow-ring{animation:showcase-flow-ring var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-ring--2,.showcase__media-frame[data-active=true] .showcase__flow-ring--2{animation-name:showcase-flow-ring-2}.showcase__layer[data-active=true] .showcase__flow-dots i:first-child,.showcase__media-frame[data-active=true] .showcase__flow-dots i:first-child{animation:showcase-flow-think var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-dots i:nth-child(2),.showcase__media-frame[data-active=true] .showcase__flow-dots i:nth-child(2){animation:showcase-flow-think-2 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-dots i:nth-child(3),.showcase__media-frame[data-active=true] .showcase__flow-dots i:nth-child(3){animation:showcase-flow-think-3 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-chip,.showcase__media-frame[data-active=true] .showcase__flow-chip{animation:showcase-flow-chip var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-gap[data-gap="3"] .showcase__flow-packet,.showcase__media-frame[data-active=true] .showcase__flow-gap[data-gap="3"] .showcase__flow-packet{animation:showcase-flow-packet-3 var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-item--new,.showcase__media-frame[data-active=true] .showcase__flow-item--new{animation:showcase-flow-newitem var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__flow-item--new i,.showcase__media-frame[data-active=true] .showcase__flow-item--new i{animation:showcase-flow-newitem-bar var(--cycle) linear infinite}@keyframes showcase-flow-fill{0%,2%{width:0}7%,92%{width:72%}96%,to{width:0}}@keyframes showcase-flow-fill-2{0%,6%{width:0}11%,92%{width:56%}96%,to{width:0}}@keyframes showcase-flow-fill-3{0%,10%{width:0}15%,92%{width:84%}96%,to{width:0}}@keyframes showcase-flow-press{0%,15%{background:#ffffffb3;transform:scale(1)}16.5%{background:var(--color-accent);transform:scale(.96)}19%,to{background:#ffffffb3;transform:scale(1)}}@keyframes showcase-flow-packet-1{0%,17%{opacity:0;left:0}18.5%{opacity:1}25%{opacity:1}26%,to{opacity:0;left:100%}}@keyframes showcase-flow-newrow{0%,26%{opacity:0;filter:none;transform:translateY(-40%)}30%{opacity:1;transform:translateY(0)}30.1%,36%{--bar:var(--color-accent)}40%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes showcase-flow-packet-2{0%,39%{opacity:0;left:0}40.5%{opacity:1}47%{opacity:1}48%,to{opacity:0;left:100%}}@keyframes showcase-flow-ring{0%,48%{opacity:0;transform:scale(1)}49%{opacity:.9;transform:scale(1)}58%{opacity:0;transform:scale(2.3)}58.1%,to{opacity:0;transform:scale(1)}}@keyframes showcase-flow-ring-2{0%,53%{opacity:0;transform:scale(1)}54%{opacity:.9;transform:scale(1)}64%{opacity:0;transform:scale(2.3)}64.1%,to{opacity:0;transform:scale(1)}}@keyframes showcase-flow-think{0%,48%,62%,to{opacity:.35}50%,54%,58%{opacity:1}52%,56%,60%{opacity:.35}}@keyframes showcase-flow-think-2{0%,49%,63%,to{opacity:.35}51%,55%,59%{opacity:1}53%,57%,61%{opacity:.35}}@keyframes showcase-flow-think-3{0%,50%,64%,to{opacity:.35}52%,56%,60%{opacity:1}54%,58%,62%{opacity:.35}}@keyframes showcase-flow-chip{0%,62%{opacity:0;transform:translateY(6px)}66%,92%{opacity:1;transform:translateY(0)}96%,to{opacity:0}}@keyframes showcase-flow-packet-3{0%,67%{opacity:0;left:0}68.5%{opacity:1}75%{opacity:1}76%,to{opacity:0;left:100%}}@keyframes showcase-flow-newitem{0%,76%{opacity:0;transform:translateY(-40%)}80%{opacity:1;transform:translateY(0)}80.1%,88%{--bar:var(--color-accent)}92%{opacity:1}96%,to{opacity:0}}@keyframes showcase-flow-newitem-bar{0%,80%{transform-origin:0;transform:scaleX(0)}86%,to{transform-origin:0;transform:scaleX(1)}}@media (max-width:639px){.showcase__flow{gap:var(--space-2) var(--space-4);padding:var(--space-4);grid-template-columns:1fr 1fr;align-content:center}.showcase__flow-gap{display:none}.showcase__flow-station{gap:var(--space-1)}.showcase__flow-kicker{display:none}.showcase__flow-screen{aspect-ratio:16/10;gap:4%;padding:6% 10%}.showcase__flow-field{height:12%}.showcase__flow-button{margin-top:2%;padding:2px 6px;font-size:8px}.showcase__flow-row,.showcase__flow-item{height:14%}.showcase__flow-core{width:22%}.showcase__flow-chip{display:none}}@media (prefers-reduced-motion:reduce){.showcase__flow *{animation:none!important}.showcase__flow-field i{width:70%}.showcase__flow-row--new,.showcase__flow-item--new,.showcase__flow-chip{opacity:1}.showcase__flow-row--new b,.showcase__flow-item--new b{background:var(--color-accent)}}.showcase__rec{--cycle:16s;--edge:#ffffff24;--bar:#ffffff4d;--soft:#ffffff14;color:var(--color-ground);font-size:max(12px, calc(var(--stage-h,684px) * .023));position:absolute;inset:0;overflow:hidden}.showcase__rec-steps{gap:.3em;height:.25em;display:flex;position:absolute;top:4%;left:9%;right:9%}.showcase__rec-step{background:#ffffff2e;flex:1 1 0;display:block}.showcase__rec-screen{opacity:0;flex-direction:column;padding:22% 9% 24%;display:flex;position:absolute;inset:0;transform:translate(24px)}.showcase__rec-label{color:#fff9;margin:0;position:absolute;top:8%;left:9%}.showcase__rec-caption{color:#ffffffd9;margin:0;font-size:1.1em;line-height:1.35;position:absolute;bottom:5%;left:9%;right:9%}.showcase__rec-avatar{background:var(--bar);border-radius:999px;flex:none;width:2em;height:2em}.showcase__rec-avatar--brand{background:var(--color-accent)}.showcase__rec-lines{flex-direction:column;flex:auto;justify-content:center;gap:.4em;min-width:0;display:flex}.showcase__rec-lines i{background:var(--bar);width:55%;height:.3em;display:block}.showcase__rec-lines i+i{background:#ffffff2e;width:35%}.showcase__rec-lines--text{width:100%;margin-top:.5em}.showcase__rec-lines--text i{width:90%}.showcase__rec-lines--text i+i{width:70%}.showcase__rec-lines--text i+i+i{width:45%}.showcase__rec-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;font-size:.95em;line-height:1.2;display:flex}.showcase__rec-meta b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.showcase__rec-meta span{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;font-size:.7em}.showcase__rec-image{aspect-ratio:16/10;background:var(--soft);border:1px solid var(--edge);width:100%;margin-top:.6em;display:block;position:relative}.showcase__rec-image-text{color:var(--color-ground);text-wrap:balance;flex-direction:column;gap:.15em;font-size:1.3em;font-weight:500;line-height:1.15;display:flex;position:absolute;bottom:.7em;left:.8em;right:.8em}.showcase__rec-image-text small{letter-spacing:.04em;color:#ffffffbf;font-size:.6em;font-weight:400}.showcase__rec-social{color:#ffffff80;flex-basis:100%;gap:.8em;display:flex}.showcase__rec-social svg{width:1em;height:1em}.showcase__rec-image--ad{background:linear-gradient(160deg,#ffab808c,#ffab801f);border-color:#ffab8080}.showcase__rec-button{font:500 1em / 1.3 var(--font-display);color:var(--color-ink);background:var(--color-ground);align-self:flex-start;margin-top:.6em;padding:.45em .9em;display:inline-block;position:relative}.showcase__rec-button--wide{text-align:center;align-self:stretch;margin-top:auto}.showcase__rec-tap{border:2px solid var(--color-accent);opacity:0;border-radius:999px;width:1.1em;height:1.1em;position:absolute;top:50%;right:.7em;translate:0 -50%}.showcase__rec-viewport{flex:auto;min-height:0;overflow:hidden}.showcase__rec-feed{flex-direction:column;gap:1em;display:flex}.showcase__rec-post{border:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:.6em;padding:.75em;display:flex}.showcase__rec-post .showcase__rec-image,.showcase__rec-post .showcase__rec-lines--text,.showcase__rec-post .showcase__rec-button{flex-basis:100%}.showcase__rec-post--ad{border-color:var(--color-accent)}.showcase__rec-page{flex-direction:column;flex:auto;gap:.7em;display:flex}.showcase__rec-image--hero{aspect-ratio:16/10;transform-origin:0;background:linear-gradient(160deg,#ffab808c,#ffab801f);border-color:#ffab8080;margin-top:0;margin-bottom:.4em}.showcase__rec-image--hero .showcase__rec-image-text{font-size:1.5em}.showcase__rec-page .showcase__rec-lines{flex:none}.showcase__rec-bullet{color:#ffffffe6;align-items:center;gap:.6em;font-size:1.05em;line-height:1.3;display:flex}.showcase__rec-bullet b{background:var(--color-accent);flex:none;width:.5em;height:.5em;display:block}.showcase__rec-quiz{flex-direction:column;flex:auto;gap:1.1em;display:flex}.showcase__rec-progress{gap:.25em;height:.25em;display:flex}.showcase__rec-progress i{background:var(--color-accent);flex:1 1 0;display:block}.showcase__rec-question{flex-direction:column;gap:.5em;display:flex}.showcase__rec-question-text{font-size:1.1em;font-weight:500;line-height:1.3}.showcase__rec-options{gap:.5em;display:flex}.showcase__rec-option{border:1px solid #ffffff4d;border-radius:999px;flex:1 1 0;place-items:center;height:2.1em;font-size:.95em;line-height:1;display:grid;position:relative;overflow:hidden}.showcase__rec-option b{background:var(--color-accent);position:absolute;inset:0}.showcase__rec-option span{z-index:1;color:var(--color-ground);mix-blend-mode:difference;position:relative}.showcase__rec-review{flex-direction:column;flex:auto;gap:.7em;display:flex}.showcase__rec-applicant{border:1px solid var(--edge);align-items:center;gap:.7em;padding:.6em .7em;display:flex}.showcase__rec-status{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;border:1px solid var(--edge);flex:none;padding:.25em .6em;font-size:.75em}.showcase__rec-status--fit{color:var(--color-ink);background:var(--color-accent);border-color:var(--color-accent)}.showcase__rec-team{border-top:1px solid var(--edge);flex-direction:column;gap:.5em;margin-top:auto;padding-top:.8em;display:flex}.showcase__rec-team-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:.75em}.showcase__rec-team-row{gap:.35em;display:flex}.showcase__rec-team .showcase__rec-avatar{width:2em;height:2em}.showcase__rec-avatar--new{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-ink)}.showcase__layer[data-active=true] .showcase__rec-screen,.showcase__media-frame[data-active=true] .showcase__rec-screen{animation:showcase-rec-screen var(--cycle) linear infinite;animation-delay:calc(var(--at,0) * var(--cycle))}.showcase__layer[data-active=true] .showcase__rec-pop,.showcase__media-frame[data-active=true] .showcase__rec-pop,.showcase__layer[data-active=true] .showcase__rec-grow,.showcase__media-frame[data-active=true] .showcase__rec-grow,.showcase__layer[data-active=true] .showcase__rec-tap,.showcase__media-frame[data-active=true] .showcase__rec-tap{animation-duration:var(--cycle);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--at,0) * var(--cycle))}.showcase__layer[data-active=true] .showcase__rec-pop,.showcase__media-frame[data-active=true] .showcase__rec-pop{animation-name:showcase-rec-pop}.showcase__layer[data-active=true] .showcase__rec-grow,.showcase__media-frame[data-active=true] .showcase__rec-grow{animation-name:showcase-rec-grow}.showcase__layer[data-active=true] .showcase__rec-tap,.showcase__media-frame[data-active=true] .showcase__rec-tap{animation-name:showcase-rec-tap}.showcase__layer[data-active=true] .showcase__rec-feed,.showcase__media-frame[data-active=true] .showcase__rec-feed{animation:showcase-rec-feed var(--cycle) linear infinite}.showcase__layer[data-active=true] .showcase__rec-step,.showcase__media-frame[data-active=true] .showcase__rec-step{animation:showcase-rec-step var(--cycle) linear infinite;animation-delay:calc(var(--at,0) * var(--cycle))}@keyframes showcase-rec-step{0%,25%{background:var(--color-accent)}27%,to{background:#ffffff2e}}.showcase__rec-pop,.showcase__rec-grow,.showcase__rec-tap{opacity:0}@keyframes showcase-rec-screen{0%{opacity:0;transform:translate(24px)}2%,25%{opacity:1;transform:translate(0)}27%,to{opacity:0;transform:translate(-24px)}}@keyframes showcase-rec-pop{0%{opacity:0;transform:translateY(6px)}2%,69.9%{opacity:1;transform:translateY(0)}70%,to{opacity:0;transform:translateY(6px)}}@keyframes showcase-rec-grow{0%{opacity:1;transform:scaleX(0)}3%,69.9%{opacity:1;transform:scaleX(1)}70%,to{opacity:0;transform:scaleX(0)}}@keyframes showcase-rec-tap{0%{opacity:0;transform:scale(.4)}.5%{opacity:1}4%{opacity:0;transform:scale(2.2)}4.1%,to{opacity:0;transform:scale(.4)}}@keyframes showcase-rec-feed{0%,4%{transform:translateY(0)}19%,to{transform:translateY(-30%)}}@media (prefers-reduced-motion:reduce){.showcase__rec{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex;position:static;overflow:visible}.showcase__rec-screen{opacity:1;gap:var(--space-2);padding:0;position:static;transform:none;animation:none!important}.showcase__rec-label,.showcase__rec-caption{position:static}.showcase__rec-pop,.showcase__rec-grow{opacity:1;transform:none;animation:none!important}.showcase__rec-tap,.showcase__rec-steps,.showcase__rec-feed .showcase__rec-post:not(.showcase__rec-post--ad){display:none}.showcase__rec-feed{animation:none!important}}.showcase__media-frame{background:var(--color-ink);width:100%;position:relative;overflow:hidden}.showcase__media-frame[data-shape=wide]{aspect-ratio:16/10}.showcase__media-frame[data-shape=square]{aspect-ratio:1;max-width:640px}.showcase__media-frame[data-shape=portrait]{aspect-ratio:9/16;max-width:360px}.showcase__media-frame[data-shape=landscape32]{aspect-ratio:3/2}.showcase__media-frame[data-shape=widescreen]{aspect-ratio:16/9}@media (max-width:639px){.showcase__media-frame[data-shape=widescreen]{aspect-ratio:5/4}}.register__row{border-top:1px solid var(--color-line)}.register__row:last-child{border-bottom:1px solid var(--color-line)}.register__stage{top:calc(var(--nav-h) + var(--space-6));position:sticky}.register__layer{opacity:0;pointer-events:none;transition:opacity .4s linear;position:absolute;inset:0}.register__layer[data-active=true]{opacity:1;pointer-events:auto}
