.specimen-frame{container:specimen / size;border:0;font-size:12.5px;line-height:1.5;text-align:left}.specimen-terminal,.specimen-clone,.specimen-session,.specimen-checklist,.specimen-code,.specimen-feed,.specimen-table{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent)}.specimen-terminal .bento-body{gap:7px}.specimen-terminal .bento-note{display:none}.specimen-frame[data-size=hero]{border-radius:20px}.page-hero-visual>.specimen-frame{border-radius:24px 24px 0 0;background:color-mix(in oklab,var(--canvas) 90%,transparent);box-shadow:0 24px 60px -28px var(--shade-deep);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.page-hero-visual .specimen-body{padding-bottom:calc(var(--sheet-overlap) + 16px)}.specimen-frame[data-size=tile] .specimen-secondary{display:none}@container specimen (max-height: 300px){.specimen-secondary{display:none}}.specimen-chips>span{font-family:inherit}.specimen-embed .bento-panel{height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.specimen-embed .bento-panel>.bento-bar{display:none}.specimen-embed .bento-body{padding:0}.specimen-node{padding:11px 13px;border-radius:12px;background:var(--tertiary);box-shadow:0 6px 18px -12px var(--shade-strong)}.specimen-seam{flex-shrink:0;align-items:center;height:38px}.specimen-seam.is-short{height:18px}.specimen-seam .bento-cipher-chip{gap:7px;font-size:11px;letter-spacing:0}.specimen-pill{width:10px;height:10px;border-radius:9999px;background:color-mix(in srgb,var(--foreground) 22%,transparent)}.specimen-timeline{padding-left:2px}.specimen-timeline:before{content:"";position:absolute;top:20px;height:80px;left:8px;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-text) 40%,transparent),color-mix(in srgb,var(--foreground) 6%,transparent))}.specimen-version{position:relative;display:flex;align-items:center;gap:12px;height:40px;flex-shrink:0}.specimen-version__dot{position:relative;width:13px;height:13px;flex-shrink:0;border-radius:9999px;background:var(--canvas);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--foreground) 18%,transparent)}.specimen-version[data-current=true] .specimen-version__dot{background:var(--primary);box-shadow:none}.specimen-ring{position:absolute;top:8px;left:-3px;z-index:1;width:23px;height:23px;border-radius:9999px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--primary-text) 70%,transparent);pointer-events:none}.specimen-matrix__row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,58px);align-items:center;gap:6px;padding:10px 4px}.specimen-matrix__row+.specimen-matrix__row{border-top:1px solid color-mix(in srgb,var(--foreground) 5%,transparent)}.specimen-matrix__row.is-head{padding-top:2px}.specimen-matrix .matrix-glyph{width:19px;height:19px;margin-right:0}.specimen-tab{padding:3px 11px;border-radius:9999px;font-size:11.5px;color:var(--muted-foreground)}.specimen-tab[data-active=true]{color:var(--foreground);background:var(--tertiary);box-shadow:0 4px 12px -6px var(--shade-strong)}.specimen-table__row{display:grid;grid-template-columns:minmax(0,1.5fr) auto auto minmax(0,1fr);align-items:center;gap:8px;padding:10px 2px}.specimen-table__row+.specimen-table__row{border-top:1px solid color-mix(in srgb,var(--foreground) 5%,transparent)}.specimen-tag{padding:1px 7px;border-radius:9999px;font-size:10.5px;color:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 5%,transparent)}.specimen-tag[data-accent=true]{color:var(--primary-text);background:var(--primary-soft)}.specimen-toggle{position:relative;width:26px;height:15px;flex-shrink:0;border-radius:9999px;background:var(--primary)}.specimen-toggle:after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:9999px;background:var(--primary-foreground)}@container specimen (max-width: 400px){.specimen-table__row>.specimen-tag+.specimen-tag{display:none}}.specimen-feed{display:flex;flex-direction:column;gap:5px}.specimen-feed__row{display:flex;align-items:center;gap:2px;padding-left:18px}.specimen-feed__row .specimen-mask{flex:1 1 auto}.specimen-step{display:flex;align-items:center;gap:10px;color:var(--nav)}.specimen-check{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex-shrink:0;border-radius:9999px;color:var(--primary-foreground);background:var(--primary)}.specimen-clone .specimen-mask{flex:1}.specimen-clone__seam{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;width:36px;height:26px}.specimen-clone__seam:before{content:"";position:absolute;top:50%;right:0;left:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary-text) 35%,transparent),color-mix(in srgb,var(--primary-text) 5%,transparent))}.specimen-clone__seam .bento-cipher-chip{padding:3px}.specimen-clone__copy .specimen-node{background:color-mix(in oklab,var(--tertiary) 70%,var(--primary-soft))}.specimen-frame[data-size=hero] .specimen-cursor{animation:specimen-blink 1.1s steps(1,end) infinite}.specimen-frame[data-size=hero] :is(.specimen-terminal .bento-mask,.bento-mask.is-sweep):after{animation:mask-sweep 2.4s ease-in-out infinite}.specimen-frame[data-size=hero] .specimen-ring{animation:specimen-hop 5s ease-in-out infinite}.specimen-frame[data-size=hero] .specimen-feed__row{animation:specimen-row-in 5.6s ease-in-out infinite both}.specimen-frame[data-size=hero] .specimen-check{animation:specimen-tick 5.6s ease-in-out infinite both}.specimen-frame[data-size=hero] .specimen-clone__copy .specimen-node{animation:specimen-clone 5s ease-in-out infinite both}.specimen-feed__row:nth-child(3),.specimen-step:nth-child(2) .specimen-check{animation-delay:.35s}.specimen-feed__row:nth-child(4),.specimen-step:nth-child(3) .specimen-check{animation-delay:.7s}.specimen-step:nth-child(4) .specimen-check{animation-delay:1.05s}@keyframes specimen-blink{50%{opacity:0}}@keyframes specimen-hop{0%,38%,to{transform:none}50%,88%{transform:translateY(40px)}}@keyframes specimen-row-in{0%,6%{opacity:.15;transform:translateY(3px)}14%,64%{opacity:1;transform:none}74%,to{opacity:.15;transform:none}}@keyframes specimen-tick{0%,6%{color:transparent;background:color-mix(in srgb,var(--foreground) 10%,transparent)}12%,62%{color:var(--primary-foreground);background:var(--primary)}68%,to{color:transparent;background:color-mix(in srgb,var(--foreground) 10%,transparent)}}@keyframes specimen-clone{0%,12%{opacity:0;transform:translate(-22px) scale(.97)}30%,84%{opacity:1;transform:none}to{opacity:0;transform:translate(-22px) scale(.97)}}@media(prefers-reduced-motion:reduce){.specimen-frame .specimen-cursor,.specimen-frame .specimen-ring,.specimen-frame .specimen-feed__row,.specimen-frame .specimen-check,.specimen-frame .specimen-clone__copy .specimen-node,.specimen-frame .bento-mask:after{animation:none!important}}.specimen-code .bento-code{padding:0;overflow:hidden;font-size:12.5px;counter-reset:specimen-line;-webkit-mask-image:linear-gradient(to right,#000 86%,transparent);mask-image:linear-gradient(to right,#000 86%,transparent)}.specimen-code .c-line{min-height:1.75em;white-space:pre}.specimen-code .c-line:before{counter-increment:specimen-line;content:counter(specimen-line);display:inline-block;width:26px;color:color-mix(in srgb,var(--muted-foreground) 55%,transparent)}.specimen-cursor{display:inline-block;width:8px;height:15px;border-radius:2px;background:var(--primary)}.specimen-mask{display:block;min-width:24px}