.bento{display:flex;flex-direction:column;gap:.875rem;max-width:56rem;margin-inline:auto}@media(min-width:640px){.bento{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'web      web' 'workflow workflow' 'api      uiux' 'cust     cust' 'seo      seo'}}@media(min-width:1024px){.bento{grid-template-columns:repeat(3,1fr);grid-template-areas:'web web workflow' 'web web api' 'cust uiux seo'}}.bento-card--web{grid-area:web}.bento-card--auto{grid-area:workflow}.bento-card--api{grid-area:api}.bento-card--uiux{grid-area:uiux}.bento-card--cust{grid-area:cust}.bento-card--seo{grid-area:seo}@property --shine-color{syntax: '<color>';
  inherits: false;
  initial-value: transparent;
}.bento-uiux__shine{--shine-x:50%;--shine-y:50%;background:radial-gradient( circle at var(--shine-x) var(--shine-y),var(--shine-color) 0%,transparent 65% );transition:--shine-color 1s ease}.bento-uiux__swatch{transition:opacity 200ms,filter 200ms,transform 200ms;cursor:pointer}.bento-uiux__swatch:hover{transform:scale(1.2)}.bento-uiux__swatches:has(.bento-uiux__swatch:hover) .bento-uiux__swatch:not(:hover){opacity:.3;filter:grayscale(1)}.bento-uiux__swatch:nth-child(1){background:#0a85ff}.bento-uiux__swatch:nth-child(2){background:#06d0f9}.bento-uiux__swatch:nth-child(3){background:#8f63e9}.bento-uiux__swatch:nth-child(4){background:#ec5184}.bento-uiux__swatch:nth-child(5){background:#f9c424}.bento-terminal__row{margin-bottom:.1rem;white-space:pre}.bento-terminal__prompt{color:#47d175}.bento-terminal__out{color:#6ecf8e;transition:opacity 200ms}.bento-terminal__muted{color:#6e7687;transition:opacity 200ms}.bento-terminal__cursor{display:inline-block;color:#70db94;animation:bento-terminal-blink 1s step-end infinite}@keyframes bento-terminal-blink{0%,100%{opacity:1}50%{opacity:0}}html[data-theme=light] .bento-terminal{background:#eff5fb;border-color:#d1dbe6}html[data-theme=light] .bento-terminal__bar{background:#dfe8f1}html[data-theme=light] #termBody{color:#3d475c}html[data-theme=light] .bento-terminal__prompt{color:#06c}html[data-theme=light] .bento-terminal__out{color:#1c5c9c}html[data-theme=light] .bento-terminal__muted{color:#7b879d}html[data-theme=light] .bento-terminal__cursor{color:#06c}.bento-auto__step{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--color-muted-foreground);padding:.2rem 0;transition:color 200ms}.bento-auto__step::before{content:'';width:.4rem;height:.4rem;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:background 200ms,transform 200ms}.bento-auto__step.running{color:var(--color-foreground)}.bento-auto__step.running::before{background:#ffc61a;animation:auto-pulse 600ms ease-in-out infinite}.bento-auto__step.done{color:var(--color-foreground)}.bento-auto__step.done::before{background:#3c6}@keyframes auto-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.bento-auto__dot{width:.4rem;height:.4rem;border-radius:50%;background:#3c6;animation:auto-pulse 2s ease-in-out infinite}#autoReplay:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.bento-seo__chart{display:flex;flex-direction:column;gap:.25rem;width:100%;max-width:10rem;margin-left:auto;margin-right:auto}.bento-seo__chart-top{display:flex;justify-content:flex-end}.bento-seo__bars{display:flex;align-items:flex-end;gap:.35rem;height:3.5rem}.bento-seo__bar{flex:1;background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:.25rem .25rem 0 0;height:0;transition:height .65s cubic-bezier(.34,1.56,.64,1)var(--bar-delay,0ms)}.bento-seo__bar--peak{background:linear-gradient(to top,var(--color-primary),var(--color-accent) 130%);box-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 55%,transparent)}#bento-section.in-view .bento-seo__bar{height:var(--bar-h,1rem)}.bento-seo__axis{height:1px;background:var(--color-border);margin-top:.15rem}.bento-seo__kpi{font-size:.65rem;font-weight:700;color:#39c66d;background:color-mix(in srgb,#34b262 12%,transparent);border:1px solid color-mix(in srgb,#34b262 25%,transparent);padding:.15rem .4rem;border-radius:.25rem;display:flex;align-items:center;gap:.15rem;line-height:1}.bento-gate{width:100%;max-width:220px;display:block;margin:0 auto;overflow:visible}.bento-gate__node{fill:color-mix(in srgb,var(--color-primary) 18%,transparent);stroke:var(--color-primary);stroke-width:1.5}.bento-gate__node--source{animation:bento-gate-node-source 5s ease-in-out infinite}@keyframes bento-gate-node-source{0%,35%{fill:color-mix(in srgb,var(--color-primary) 18%,transparent);stroke:var(--color-primary)}50%,88%{fill:color-mix(in srgb,var(--color-accent) 28%,transparent);stroke:var(--color-accent)}100%{fill:color-mix(in srgb,var(--color-primary) 18%,transparent);stroke:var(--color-primary)}}.bento-gate__node--right{fill:color-mix(in srgb,var(--color-accent) 4%,transparent);stroke:var(--color-border);animation:bento-gate-node-right 5s ease-in-out infinite}@keyframes bento-gate-node-right{0%,35%{fill:color-mix(in srgb,var(--color-accent) 4%,transparent);stroke:var(--color-border)}50%,88%{fill:color-mix(in srgb,var(--color-accent) 28%,transparent);stroke:var(--color-accent)}100%{fill:color-mix(in srgb,var(--color-accent) 4%,transparent);stroke:var(--color-border)}}.bento-gate__label{fill:var(--color-muted-foreground);font-size:9px;font-family:inherit}.bento-gate__wire{stroke:var(--color-primary);stroke-width:1.5;opacity:.6;animation:bento-gate-wire 5s ease-in-out infinite}@keyframes bento-gate-wire{0%,35%{stroke:var(--color-primary)}50%,88%{stroke:var(--color-accent)}100%{stroke:var(--color-primary)}}.bento-gate__track{fill:color-mix(in srgb,var(--color-primary) 8%,transparent);stroke:var(--color-border);stroke-width:1.5;animation:bento-gate-track 5s ease-in-out infinite}@keyframes bento-gate-track{0%,35%{fill:color-mix(in srgb,var(--color-primary) 8%,transparent);stroke:var(--color-border)}50%,88%{fill:color-mix(in srgb,var(--color-accent) 15%,transparent);stroke:var(--color-accent)}100%{fill:color-mix(in srgb,var(--color-primary) 8%,transparent);stroke:var(--color-border)}}.bento-gate__thumb{fill:var(--color-primary);will-change:transform;animation:bento-gate-thumb 5s ease-in-out infinite}@keyframes bento-gate-thumb{0%,35%{transform:translateX(0);fill:var(--color-primary)}50%,88%{transform:translateX(14px);fill:var(--color-accent)}100%{transform:translateX(0);fill:var(--color-primary)}}.bento-gate__arm{stroke:var(--color-accent);stroke-width:1.5;stroke-linecap:round;fill:none;opacity:0}.bento-gate__arm--curve{stroke-dasharray:60;stroke-dashoffset:60;animation:bento-gate-arm-curve 5s ease-in-out infinite}@keyframes bento-gate-arm-curve{0%,35%{stroke-dashoffset:60;opacity:0}50%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:60;opacity:0}}.bento-gate__arm--straight{stroke-dasharray:33;stroke-dashoffset:33;animation:bento-gate-arm-straight 5s ease-in-out infinite}@keyframes bento-gate-arm-straight{0%,35%{stroke-dashoffset:33;opacity:0}50%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:33;opacity:0}}@media(prefers-reduced-motion:reduce){.bento-gate__node--source,.bento-gate__node--right,.bento-gate__wire,.bento-gate__track,.bento-gate__thumb,.bento-gate__arm--curve,.bento-gate__arm--straight{animation:none}.bento-gate__node--source,.bento-gate__node--right{fill:color-mix(in srgb,var(--color-accent) 28%,transparent);stroke:var(--color-accent)}.bento-gate__wire,.bento-gate__track{stroke:var(--color-accent)}.bento-gate__track{fill:color-mix(in srgb,var(--color-accent) 15%,transparent)}.bento-gate__thumb{transform:translateX(14px);fill:var(--color-accent)}.bento-gate__arm--curve,.bento-gate__arm--straight{stroke-dashoffset:0;opacity:1}.bento-recs__state--pending,.bento-recs__state--review{animation:none;opacity:0}.bento-recs__state--done{animation:none;opacity:1}.bento-seo__bar{height:var(--bar-h,1rem)!important;transition:none}}.bento-recs{width:100%;border:1px solid var(--color-border);border-radius:.4rem;overflow:hidden;font-size:.6rem}.bento-recs__header{display:grid;grid-template-columns:1fr 1fr;padding:.2rem .5rem;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.5rem}.bento-recs__row{display:grid;grid-template-columns:1fr 1fr;padding:.3rem .5rem;align-items:center;border-bottom:1px solid var(--color-border)}.bento-recs__row:last-child{border-bottom:none}.bento-recs__row--live{background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.bento-recs__id{font-family:monospace;color:var(--color-foreground);font-size:.575rem}.bento-recs__badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .35rem;border-radius:9999px;font-size:.55rem;font-weight:500;border:1px solid;width:fit-content}.bento-recs__badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.bento-recs__badge--done{color:#34b262;border-color:hsl(142 55% 45%/.3);background:hsl(142 55% 45%/.1)}.bento-recs__badge--pending{color:var(--color-muted-foreground);border-color:var(--color-border);background:0 0}.bento-recs__badge-live{display:grid;height:1.1rem}.bento-recs__state{grid-area:1/1;width:fit-content;display:flex;align-items:center;gap:.2rem;padding:0 .35rem;border-radius:9999px;font-size:.55rem;font-weight:500;border:1px solid;opacity:0;white-space:nowrap}.bento-recs__state::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.bento-recs__state--pending{color:var(--color-muted-foreground);border-color:var(--color-border);background:var(--color-card);animation:bento-recs-s1 5s ease-in-out infinite}.bento-recs__state--review{color:#f6a823;border-color:hsl(38 92% 55%/.3);background:hsl(38 92% 55%/8%);animation:bento-recs-s2 5s ease-in-out infinite}.bento-recs__state--done{color:#34b262;border-color:hsl(142 55% 45%/.3);background:hsl(142 55% 45%/8%);animation:bento-recs-s3 5s ease-in-out infinite}@keyframes bento-recs-s1{0%,1%{opacity:1}28%{opacity:1}34%{opacity:0}100%{opacity:0}}@keyframes bento-recs-s2{0%,33%{opacity:0}39%{opacity:1}61%{opacity:1}67%{opacity:0}100%{opacity:0}}@keyframes bento-recs-s3{0%,66%{opacity:0}72%{opacity:1}91%{opacity:1}97%{opacity:0}100%{opacity:0}}