.feature-artwork{width:100%;height:100%;min-height:inherit;isolation:isolate;background:var(--artwork-background);place-items:center;display:grid;position:relative;overflow:hidden}.feature-artwork>img{object-fit:cover;width:100%;height:100%;display:block}.feature-artwork__pattern{background-image:var(--artwork-pattern);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.feature-artwork__icon{aspect-ratio:1;width:30%;color:var(--artwork-foreground);place-items:center;display:grid;position:relative}.feature-artwork__icon>:is(svg,img){width:100%;height:100%}.feature-artwork__icon{font-size:clamp(2.5rem,7vw,6rem);line-height:1}.feature-detail__media>.feature-artwork{min-height:560px}@media (width<=700px){.feature-detail__media>.feature-artwork{min-height:300px}}.feature-artwork__preview{pointer-events:none;width:88%;height:88%;position:relative}.feature-artwork__preview-content{width:448px;height:560px;color:var(--foreground);align-items:center;display:flex}.feature-artwork__preview-content>*{flex:1;margin:0}.feature-artwork__icon>img{object-fit:contain}.feature-level__preview{background:radial-gradient(ellipse at 50% 40%, #c3a35e29, transparent 70%), color-mix(in srgb, #a39b7e 8%, var(--background));margin:0;position:relative;overflow:hidden}.feature-level__scene{aspect-ratio:4/5;position:relative}.feature-level__badge{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:22px;left:24px}.feature-level__characters{position:absolute;inset:5% 10% 16%}.feature-level__shape,.feature-level__mask,.feature-level__shape img{width:100%;height:100%;position:absolute;inset:0}.feature-level__shape img{object-fit:contain}.feature-level__mask{-webkit-mask-image:var(--character-image);mask-image:var(--character-image);-webkit-mask-image:var(--character-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.feature-level__silhouette{background:var(--foreground)}.feature-level__shape[data-stage=new],.feature-level__shape[data-stage=new] img{opacity:0}.feature-level__shimmer{opacity:0;overflow:hidden}.feature-level__shimmer>div{background:linear-gradient(90deg,#0000,#facc15,#0000);width:40%;height:100%}.feature-level__progress{position:absolute;bottom:28px;left:24px;right:24px}.feature-level__levels{font-variant-numeric:tabular-nums;align-items:center;height:26px;font-size:.8125rem;font-weight:600;display:flex;position:relative}.feature-level__levels>span{position:absolute;left:0}.feature-level__levels [data-stage=new]{opacity:0}.feature-level__levels small{color:var(--muted-foreground);margin-left:auto;font-size:.625rem;font-weight:400}.feature-level__track{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:99px;height:4px;overflow:hidden}.feature-level__track>span{border-radius:inherit;transform-origin:0;background:#bda66c;height:100%;display:block}.feature-level__pause{width:44px;height:44px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.feature-level__pause:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}.feature-level__pause:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}@keyframes feature-level-old{0%{opacity:1;transform:scale(.94)}4%,18%{opacity:1;transform:scale(1)}26%{opacity:1;transform:scale(.9)}39%,95%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(.94)}}@keyframes feature-level-old-raw{0%,18%,to{opacity:1}26%,95%{opacity:0}}@keyframes feature-level-new{0%,26%{opacity:0;transform:translateY(8px)scale(.9)}39%{opacity:1;transform:translateY(8px)scale(.9)}54%{opacity:1;transform:translateY(-5px)scale(1.06)}57%{opacity:1;transform:translateY(1px)scale(.98)}60%,88%{opacity:1;transform:translateY(0)scale(1)}95%,to{opacity:0;transform:translateY(0)scale(1)}}@keyframes feature-level-new-raw{0%,39%,95%,to{opacity:0}54%,88%{opacity:1}}@keyframes feature-level-shimmer{0%,18%,54%,to{opacity:0}26%,39%{opacity:1}}@keyframes feature-level-band{0%{transform:translate(-100%)skew(-16deg)}to{transform:translate(250%)skew(-16deg)}}@keyframes feature-level-xp{0%,10%,to{transform:scaleX(.24)}26%,39%{transform:scaleX(1)}54%,88%{transform:scaleX(.12)}}.feature-level__shape[data-stage=old]{animation:7s linear infinite feature-level-old}.feature-level__shape[data-stage=old] img,.feature-level__levels [data-stage=old]{animation:7s linear infinite feature-level-old-raw}.feature-level__shape[data-stage=new]{animation:7s linear infinite feature-level-new}.feature-level__shape[data-stage=new] img,.feature-level__levels [data-stage=new]{animation:7s linear infinite feature-level-new-raw}.feature-level__shimmer{animation:7s linear infinite feature-level-shimmer}.feature-level__shimmer>div{animation:.32s linear infinite feature-level-band}.feature-level__track>span{animation:7s ease-in-out infinite feature-level-xp}.feature-level__preview [data-animated]{animation-play-state:paused}.feature-level__preview[data-playing=true][data-paused=false] [data-animated]{animation-play-state:running}@media (prefers-reduced-motion:reduce){.feature-level__preview [data-animated]{animation:none}.feature-level__shape[data-stage=old],.feature-level__mask,.feature-level__levels [data-stage=old],.feature-level__pause{display:none}.feature-level__shape[data-stage=new],.feature-level__shape[data-stage=new] img,.feature-level__levels [data-stage=new]{opacity:1;transform:none}.feature-level__track>span{transform:scaleX(.12)}}.features-board{margin:0;padding:0;list-style:none;display:block}.feature-pin{border-bottom:1px solid var(--muted);margin:0;padding:24px 0}.feature-pin:last-child{border-bottom:0}.feature-card{--feature-ink:#789b83;--pin-ratio:1 / 1;min-width:0}.feature-card[data-tone="1"]{--feature-ink:#9888bc}.feature-card[data-tone="2"]{--feature-ink:#bc946c}.feature-card[data-tone="3"]{--feature-ink:#7da6b7}.feature-pin__surface{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""media""description""action";align-items:start;gap:16px 20px;display:grid;position:relative}.feature-pin__heading{flex-wrap:wrap;grid-area:heading;align-items:baseline;gap:10px;min-width:0;display:flex}.feature-pin__title{letter-spacing:-.025em;overflow-wrap:break-word;margin:0;font-size:1.25rem;font-weight:400;line-height:1.45}.feature-pin__media{z-index:2;pointer-events:none;width:100%;min-width:0;aspect-ratio:var(--pin-ratio);background:color-mix(in srgb, var(--feature-ink) 10%, var(--background));border-radius:0;grid-area:media;transition:transform .22s;position:relative;overflow:hidden}.feature-pin__media>*{width:100%;height:100%}.feature-pin__description{min-width:0;color:color-mix(in srgb, var(--foreground) 10%, var(--muted-foreground));grid-area:description;margin:0;font-size:1rem;line-height:1.7}.feature-pin__action{min-height:44px;color:var(--foreground);white-space:nowrap;cursor:pointer;grid-area:action;justify-self:end;align-items:center;gap:8px;padding:0;font-size:.8125rem;display:inline-flex}.feature-pin__action:after{content:"";z-index:1;position:absolute;inset:0}.feature-pin__action:focus-visible{outline:none}.feature-pin__action:focus-visible:after{outline:2px solid var(--ring);outline-offset:4px}.feature-pin__badge{border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;padding:3px 7px;font-size:.625rem;line-height:1.5;display:inline-block}.feature-card[data-feature=feature\:team] .feature-pin__badge{border-color:var(--foreground);background:var(--foreground);color:var(--background);padding:5px 9px;font-size:.75rem;font-weight:600}@media (hover:hover) and (pointer:fine){.feature-pin__surface:hover .feature-pin__media{transform:translateY(-2px)scale(1.012)}.feature-pin__surface:hover .feature-pin__action{text-underline-offset:4px;text-decoration:underline}}@media (width>=640px){.feature-pin__surface{grid-template-columns:160px minmax(0,1fr);grid-template-areas:"heading heading""media description""media action"}.feature-pin{padding-block:28px}}@media (width>=960px){.feature-pin__surface{grid-template-columns:minmax(0,1fr) minmax(160px,210px) minmax(0,1.3fr) auto;grid-template-areas:"heading media description action";align-items:start;gap:28px}.feature-pin{padding-block:32px}.feature-pin__title{font-size:1.5rem}.feature-pin__action{margin-left:12px}}.feature-card__preview{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--feature-ink) 14%, transparent), transparent);align-content:center;padding:7%;display:grid;overflow:hidden}.feature-card__preview>:is(div,figure){min-width:0;max-width:none;box-shadow:none;border-radius:12px;overflow:hidden}.feature-pin__media .feature-card__preview{pointer-events:none}.feature-pin__media .feature-card__preview>:is(div,figure){font-size:.7em}.feature-pin__media .feature-level__preview{margin:0}.feature-pin__media .feature-level__scene{aspect-ratio:auto;height:100%}.feature-level__pause{z-index:3;pointer-events:auto}.feature-scenario__preview{background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--feature-ink) 24%, transparent), transparent);flex-direction:column;justify-content:center;gap:20px;padding:12%;display:flex}.feature-scenario__preview>span{color:var(--feature-ink);font-family:ui-monospace,monospace;font-size:.75rem}.feature-scenario__preview>strong{font-size:1rem;font-weight:500;line-height:1.5}.feature-scenario__preview>div{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:8px;padding-top:12px;font-size:.75rem;line-height:1.6;display:flex}.features-page>header{padding-block:96px 72px}.features-page>header h1{letter-spacing:-.035em;text-wrap:wrap;width:100%;max-width:none;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.25}.feature-detail{border:1px solid var(--border);background:var(--card);width:min(1040px,100vw - 40px);max-height:calc(100dvh - 40px);color:var(--foreground);overscroll-behavior:contain;scrollbar-width:none;transform-origin:0 0;border-radius:26px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 28px 100px #0005}.feature-detail::-webkit-scrollbar{display:none}.feature-detail::backdrop{background:#0009}.feature-detail__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.feature-detail__media{border-radius:25px 0 0 25px;min-width:0;overflow:hidden}.feature-detail__media>.feature-card__preview{min-height:560px}.feature-detail__media>.feature-scenario__preview{min-height:520px}.feature-detail__copy{min-width:0;padding:48px 32px 32px}.feature-detail__copy>h2{letter-spacing:-.035em;margin:0 0 20px;font-size:1.625rem;font-weight:600;line-height:1.4}.feature-detail__copy>p{color:var(--muted-foreground);margin:14px 0;font-size:.9375rem;line-height:1.8}.feature-detail__copy>.feature-detail__status{color:var(--feature-ink);font-size:.75rem}.feature-detail__context{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:24px;padding-top:20px;font-size:.8125rem;line-height:1.7}.feature-detail__context h3{color:var(--foreground);margin:4px 0 8px;font-size:1rem;font-weight:500}.feature-detail__close{z-index:5;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--card) 94%, transparent);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}.feature-detail__close:hover{background:var(--muted)}.feature-detail__close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.feature-card__copy{padding-block:20px}.feature-scenario__band{background:var(--muted);border-radius:16px;padding:20px}.feature-scenario__note{color:var(--muted-foreground);margin:16px 0;font-size:.8125rem;line-height:1.8}@keyframes feature-pin-open{0%{opacity:.65;transform:translate(var(--pin-x,0px), var(--pin-y,0px)) scale(var(--pin-scale-x,1), var(--pin-scale-y,1))}to{opacity:1;transform:translate(0)scale(1)}}@keyframes feature-pin-close{0%{opacity:1;transform:var(--pin-close-from,none)}to{opacity:.3;transform:translate(var(--pin-x,0px), var(--pin-y,0px)) scale(var(--pin-scale-x,1), var(--pin-scale-y,1))}}@keyframes feature-backdrop-in{0%{background:0 0}to{background:#0009}}@keyframes feature-backdrop-out{0%{background:#0009}to{background:0 0}}.feature-detail[data-phase=opening]{animation:.42s cubic-bezier(.2,.75,.2,1) both feature-pin-open}.feature-detail[data-phase=opening]::backdrop{animation:.3s ease-out both feature-backdrop-in}.feature-detail[data-phase=closing]{animation:.28s cubic-bezier(.4,0,.8,.3) both feature-pin-close}.feature-detail[data-phase=closing]::backdrop{animation:.28s ease-in both feature-backdrop-out}@media (width<=700px){.feature-detail{border-radius:22px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.feature-detail__layout{grid-template-columns:minmax(0,1fr)}.feature-detail__media{border-radius:21px 21px 0 0;max-height:48dvh}.feature-detail__media>.feature-card__preview,.feature-detail__media>.feature-scenario__preview{min-height:300px}.feature-detail__copy{padding:24px}.feature-detail__copy>h2{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.feature-detail[data-phase],.feature-detail[data-phase]::backdrop{animation-duration:1ms}.feature-pin__media{transition:none}.feature-pin__surface:hover .feature-pin__media{transform:none}}