.bento-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.bento-overlay--visible{opacity:1;transform:translateY(0);pointer-events:auto}.bento-overlay__grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:10px;max-width:720px;width:100%;padding:0 12px;text-align:left}.bento-overlay__card{position:relative;display:flex;flex-direction:column;padding:16px 18px;border-radius:var(--radius-lg, 14px);border:1px solid var(--color-border);background:var(--color-bg-soft);text-decoration:none;transition:all .3s ease;overflow:hidden}.bento-overlay__card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 6px 24px #0000000f}.bento-overlay__card--large{grid-row:1;grid-column:1}.bento-overlay__card--tall{grid-row:1;grid-column:2}.bento-overlay__card--wide{grid-row:2;grid-column:1/-1}.bento-overlay__card--flow:hover{border-color:#6c5ce74d;box-shadow:0 6px 24px #6c5ce714}.bento-overlay__card--capture:hover{border-color:#00b8944d;box-shadow:0 6px 24px #00b89414}.bento-overlay__card--task:hover{border-color:#e8a8384d;box-shadow:0 6px 24px #e8a83814}.bento-overlay__card-num{font-size:.58rem;font-weight:800;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:4px}.bento-overlay__card-title{font-size:.92rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:4px}.bento-overlay__card-desc{font-size:.74rem;color:var(--color-text-secondary);line-height:1.45;margin-bottom:12px}.bento-overlay__card-visual{flex:1;display:flex;align-items:flex-end}.bento-overlay__card-cta{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:4px;font-size:.64rem;font-weight:600;color:var(--color-text-muted);opacity:0;transform:translateY(-2px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1),color .2s ease}.bento-overlay__card-cta svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.bento-overlay__card:hover .bento-overlay__card-cta{opacity:1;transform:translateY(0)}.bento-overlay__card--flow:hover .bento-overlay__card-cta{color:#6c5ce7}.bento-overlay__card--capture:hover .bento-overlay__card-cta{color:#00b894}.bento-overlay__card--task:hover .bento-overlay__card-cta{color:#e8a838}.bento-overlay__card:hover .bento-overlay__card-cta svg{transform:translate(2px)}.bento-overlay__mini-demo{display:flex;flex-direction:column;gap:5px;width:100%;padding:10px;border-radius:var(--radius-md, 8px);background:var(--color-bg-muted, var(--color-bg));border:1px solid var(--color-border)}.bento-overlay__demo-label{font-size:.7rem;line-height:1.4}.bento-overlay__demo-label--muted{color:var(--color-text-muted);font-style:italic;text-decoration:line-through;opacity:.6}.bento-overlay__demo-label--clean{color:#6c5ce7;font-weight:600}.bento-overlay__demo-arrow{color:#6c5ce7;opacity:.5;display:flex;align-items:center}.bento-overlay__timeline{display:flex;flex-direction:column;gap:7px;width:100%}.bento-overlay__tl-item{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--color-text-secondary)}.bento-overlay__tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bento-overlay__tl-dot--green{background:#00b894;box-shadow:0 0 0 2px #00b89426}.bento-overlay__tl-dot--purple{background:#6c5ce7;box-shadow:0 0 0 2px #6c5ce726}.bento-overlay__tl-dot--amber{background:#e8a838;box-shadow:0 0 0 2px #e8a83826}.bento-overlay__tl-dot--pulse{animation:bentoOverlayPulse 2s ease-in-out infinite}.bento-overlay__kanban{display:flex;gap:8px;width:100%}.bento-overlay__kanban-col{flex:1;display:flex;flex-direction:column;gap:5px}.bento-overlay__kanban-title{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted)}.bento-overlay__kanban-card{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:var(--radius-sm, 6px);background:var(--color-bg);border:1px solid var(--color-border);font-size:.66rem;font-weight:500;color:var(--color-text-secondary)}.bento-overlay__kanban-card--done{opacity:.5;text-decoration:line-through}.bento-overlay__kanban-badge{font-size:.52rem;font-weight:800;padding:1px 4px;border-radius:3px;flex-shrink:0}.bento-overlay__kanban-badge--p1{background:#e74c3c1a;color:#e74c3c}.bento-overlay__kanban-badge--p2{background:#e8a8381a;color:#e8a838}.bento-overlay__kanban-badge--p3{background:#00b89414;color:#00b894}.bento-overlay__replay{display:flex;align-items:center;gap:5px;margin-top:14px;padding:6px 16px;border-radius:100px;background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.64rem;font-weight:600;cursor:pointer;transition:all .25s ease;animation:bentoReplayFade .5s cubic-bezier(.16,1,.3,1)}.bento-overlay__replay:hover{color:var(--color-text-primary);transform:translateY(-1px)}@keyframes bentoOverlayPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes bentoReplayFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.bento-overlay__grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-overlay__card--large,.bento-overlay__card--tall,.bento-overlay__card--wide{grid-row:auto;grid-column:auto}.bento-overlay__kanban{flex-direction:column}}body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;box-shadow:inset 0 0 50px 20px #0000001a,inset 0 0 100px 40px #0000001a;opacity:0;transition:opacity 1s ease}body[data-demo-lock]:after{opacity:1;transition:opacity 1.2s ease .4s}.demo-showcase{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:40px 0;overflow:hidden}.demo-showcase__ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;pointer-events:none}.demo-showcase__header{text-align:center;padding:0 16px 32px;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.demo-showcase__header--visible{opacity:1;transform:translateY(0)}.demo-showcase__label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-bottom:14px}.demo-showcase__dynamic-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center}.demo-showcase__title-line{display:flex;align-items:center;justify-content:center;gap:.25em}.demo-showcase__title-word{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transform:translateY(10px);filter:blur(6px);transition:max-width .6s cubic-bezier(.16,1,.3,1),opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),filter .5s ease,color .4s ease;color:var(--color-text-muted)}.demo-showcase__title-word--visible{max-width:12ch;opacity:1;transform:translateY(0);filter:blur(0);color:var(--color-text-primary)}.demo-showcase__title-word--active{color:var(--word-color)}.demo-showcase__stage{position:relative;width:100%;max-width:1380px;min-height:420px;padding:0 16px}.demo-showcase__demo-slot{position:absolute;top:0;left:50%;width:440px;max-width:90vw;transform:translate(-50%);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease,width .7s cubic-bezier(.16,1,.3,1)}.demo-showcase__demo-slot--waiting{opacity:0;transform:translate(-50%) scale(.9) translateY(20px);pointer-events:none}.demo-showcase__demo-slot--center{opacity:1;transform:translate(-50%) scale(1);z-index:3}.demo-showcase__demo-slot--left{width:300px;opacity:.5;transform:translate(calc(-50% - 420px)) scale(.78);z-index:1;pointer-events:none}.demo-showcase__demo-slot--right{width:300px;opacity:.5;transform:translate(calc(-50% + 420px)) scale(.78);z-index:1;pointer-events:none}.demo-showcase__demo-slot--faded{opacity:.15!important;filter:blur(2px);transition:opacity .8s ease,filter .8s ease,transform .7s cubic-bezier(.16,1,.3,1),width .7s cubic-bezier(.16,1,.3,1)}@media(max-width:1200px){.demo-showcase__demo-slot--left{transform:translate(calc(-50% - 340px)) scale(.75);width:280px}.demo-showcase__demo-slot--right{transform:translate(calc(-50% + 340px)) scale(.75);width:280px}}@media(max-width:960px){.demo-showcase__demo-slot--left{transform:translate(calc(-50% - 260px)) scale(.7);width:240px}.demo-showcase__demo-slot--right{transform:translate(calc(-50% + 260px)) scale(.7);width:240px}}@media(max-width:768px){.demo-showcase{padding:60px 0 32px}.demo-showcase__dynamic-title{font-size:clamp(1.4rem,6vw,2rem)}.demo-showcase__demo-slot{width:360px}.demo-showcase__demo-slot--left{opacity:.3;transform:translate(calc(-50% - 200px)) scale(.65);width:220px}.demo-showcase__demo-slot--right{opacity:.3;transform:translate(calc(-50% + 200px)) scale(.65);width:220px}}@media(max-width:480px){.demo-showcase__demo-slot--left,.demo-showcase__demo-slot--right{opacity:0}}.demo-showcase__demo-slot .island--whisperer{width:140px;height:36px;border-radius:18px}.demo-showcase__demo-slot .island--takeNotes{width:180px;height:44px;border-radius:22px}.demo-showcase__demo-slot .island--transcriberCollapsed{width:240px;height:40px;border-radius:20px}.demo-showcase__demo-slot .flow-demo__window,.demo-showcase__demo-slot .flow-demo__speech,.demo-showcase__demo-slot .capture-demo__panel,.demo-showcase__demo-slot .capture-demo__notes,.demo-showcase__demo-slot .task-demo__popup,.demo-showcase__demo-slot .kb{max-width:100%}