.beti-demo{background:radial-gradient(125% 130% at 25% 12%,#4a1730,#2a0e1a 55%,#190810);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);overflow:hidden;.demo-head{text-align:center;margin-bottom:var(--space-5);& h3{font-family:var(--font-display);font-size:var(--text-headline-sm);font-weight:800;color:#fff}& p{margin:var(--space-2) auto 0;max-width:42rem;font-size:var(--text-body-md);line-height:var(--lh-body-md);color:color-mix(in srgb,#f3e3e8 72%,transparent)}}.demo-body{display:grid;gap:var(--space-5);align-items:stretch;@media(min-width:1024px){grid-template-columns:1.4fr 1fr}}.graph-side{min-width:0}& svg.beti-graph{width:100%;height:auto;display:block}}.beti-graph .edge{fill:none;stroke-width:1.6;stroke-linecap:round;opacity:.45;stroke-dasharray:5 9;animation:beti-flow 1.1s linear infinite;transition:opacity .4s ease,stroke-width .4s ease}.beti-graph .edge.in{stroke:#7fb3ff;color:#7fb3ff}.beti-graph .edge.out{stroke:#ffce7a;color:#ffce7a}.beti-graph .edge.resto{stroke:#8fe3b0;color:#8fe3b0}.beti-graph .edge.lit{opacity:1;stroke-width:2.6;filter:drop-shadow(0 0 4px currentColor)}@keyframes beti-flow{to{stroke-dashoffset:-14}}.beti-graph .node{transition:opacity .4s ease;.core{stroke:color-mix(in srgb,#ffffff 45%,transparent);stroke-width:1.5;transform-box:fill-box;transform-origin:center;transition:transform .4s ease,filter .4s ease}.emoji{text-anchor:middle;font-size:28px;pointer-events:none}.label{text-anchor:middle;fill:#fbeef2;font-family:var(--font-display);font-size:19px;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#220a14;stroke-width:4.5px;stroke-linejoin:round}.share{text-anchor:middle;fill:color-mix(in srgb,#f3e3e8 72%,transparent);font-size:14px;pointer-events:none}&.employee{color:#7fb3ff;.core{fill:#5d86c4}.emoji{font-size:42px}}&.manager{color:#ffce7a;.core{fill:#c79a4e}}&.restaurant{color:#8fe3b0;.core{fill:#4f9d72}}&.beti{color:#ffb1c7;.core{fill:#5a2740;stroke:#ffb1c7;stroke-width:2}}.halo{fill:#ffb1c7;transform-box:fill-box;transform-origin:center;animation:beti-pulse 2.6s ease-in-out infinite}&.lit .core{transform:scale(1.16);filter:drop-shadow(0 0 10px currentColor) brightness(1.08)}&.dim{opacity:.38}}@keyframes beti-pulse{0%,to{transform:scale(.78);opacity:.1}50%{transform:scale(1.18);opacity:.28}}.beti-demo .legend{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-3);.key{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-body-sm);color:color-mix(in srgb,#f3e3e8 80%,transparent);& i{width:.7rem;height:.7rem;border-radius:50%}}.key.beti i{background:#ffb1c7}.key.employee i{background:#7fb3ff}.key.manager i{background:#ffce7a}.key.restaurant i{background:#8fe3b0}}.beti-demo .beti-flow{display:none}@media(max-width:767px){.beti-demo svg.beti-graph,.beti-demo .legend{display:none}.beti-demo .beti-flow{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) 0}}.beti-flow .flow-tier{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.beti-flow .flow-label{font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-semibold);color:color-mix(in srgb,var(--ring) 88%,white)}.beti-flow .flow-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.beti-flow .flow-av{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0}.beti-flow .flow-av img{border-radius:50%;object-fit:cover;background:#2a0e1a;border:2px solid var(--ring, #fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring, #fff) 16%,transparent)}.beti-flow .flow-av figcaption{display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-size:var(--text-label-md);font-weight:700;color:#fbeef2;text-align:center;& small{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-label-sm);color:color-mix(in srgb,#f3e3e8 68%,transparent)}}.beti-flow [data-group=employee]{--ring: #7fb3ff}.beti-flow [data-group=manager]{--ring: #ffce7a}.beti-flow [data-group=restaurant]{--ring: #8fe3b0}.beti-flow [data-group=beti]{--ring: #ffb1c7}.beti-flow .hub .flow-av img{box-shadow:0 0 0 5px color-mix(in srgb,#ffb1c7 18%,transparent),0 0 22px color-mix(in srgb,#ffb1c7 45%,transparent)}.beti-flow .hub figcaption{font-size:var(--text-title-md)}.beti-flow .flow-pipe{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0}.beti-flow .flow-pipe:before{content:"";width:2px;height:18px;border-radius:2px;background:linear-gradient(to bottom,transparent,var(--edge))}.beti-flow .flow-pipe .chev{width:9px;height:9px;border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);transform:rotate(45deg);margin-top:-3px}.beti-flow .flow-pipe[data-edge=in]{--edge: #7fb3ff}.beti-flow .flow-pipe[data-edge=out]{--edge: #ffce7a}.beti-flow .flow-pipe .flow-note{margin-top:2px;font-size:var(--text-label-sm);color:color-mix(in srgb,#f3e3e8 62%,transparent)}.beti-flow .restos{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,#ffffff 12%,transparent)}.beti-demo .share-cards{display:grid;gap:var(--space-2);margin-top:var(--space-4);@media(min-width:560px){grid-template-columns:repeat(3,1fr)}.share-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:color-mix(in srgb,#ffffff 5%,transparent);border:1px solid color-mix(in srgb,#7fb3ff 30%,transparent);border-radius:var(--radius-sm);.who{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);.name{font-family:var(--font-display);font-weight:700;color:#fff}.mode{font-size:var(--text-body-sm);color:color-mix(in srgb,#7fb3ff 90%,white 10%)}}.tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{padding:.1rem var(--space-2);font-size:var(--text-label-sm);color:color-mix(in srgb,#f3e3e8 88%,transparent);background:color-mix(in srgb,#ffffff 9%,transparent);border-radius:var(--radius-full)}&.status{border-color:color-mix(in srgb,#ffce7a 34%,transparent);.mode{color:#ffce7a}}&.both{border-color:color-mix(in srgb,#8fe3b0 34%,transparent);.mode{color:#8fe3b0}}}}.beti-demo .chat-side{min-width:0}.beti-chat{display:flex;flex-direction:column;gap:var(--space-3);height:500px;padding:var(--space-4);background:color-mix(in srgb,#ffffff 6%,transparent);border:1px solid color-mix(in srgb,#ffffff 14%,transparent);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);.chat-head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,#ffffff 10%,transparent);.avatar{width:2.4rem;height:2.4rem;border-radius:50%}& strong{display:block;color:#fff;font-family:var(--font-display)}.status{font-size:var(--text-body-sm);color:color-mix(in srgb,#ffffff 60%,transparent)}}.messages{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);flex:1;min-height:15rem;overflow:hidden}.msg{display:flex;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;&.show{opacity:1;transform:none}&.user{justify-content:flex-end}&.beti{justify-content:flex-start}.bubble{max-width:88%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-md);line-height:1.5}&.user .bubble{background:color-mix(in srgb,#ffffff 14%,transparent);color:#fff;border-bottom-right-radius:4px}&.beti .bubble{background:linear-gradient(135deg,#8d495f,#b3627d);color:#fff;border-bottom-left-radius:4px}.bubble.typing{display:flex;gap:4px;align-items:center;& span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,#ffffff 85%,transparent);animation:beti-typing 1s infinite}& span:nth-child(2){animation-delay:.15s}& span:nth-child(3){animation-delay:.3s}}}.chat-input{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,#ffffff 12%,transparent);border-radius:var(--radius-full);color:color-mix(in srgb,#ffffff 75%,transparent);font-size:var(--text-body-sm);.material-symbols-outlined{font-size:1.1rem}}}@keyframes beti-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.beti-graph .edge,.beti-graph .halo{animation:none}}.teams-hero{padding:var(--space-16) var(--space-5) var(--space-10);text-align:center;.inner{max-width:50rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.eyebrow{font-family:var(--font-body);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);letter-spacing:var(--ls-label-lg);color:var(--color-primary)}& h1{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-on-surface);.accent{color:var(--color-primary)}}.subtitle{font-size:var(--text-title-lg);line-height:1.6;color:var(--color-on-surface-variant);max-width:40rem}}.teams-map{padding:var(--space-3) var(--space-5) var(--space-12);.inner{max-width:64rem;margin:0 auto}}.teams-employer,.teams-employee,.teams-cta{padding:var(--space-16) var(--space-5);.inner{max-width:72rem;margin:0 auto}& h2{font-family:var(--font-display);font-size:clamp(1.875rem,1.5rem + 2vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--color-on-surface);text-align:center}.section-subtitle{margin:var(--space-3) auto 0;font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-surface-variant);text-align:center;max-width:40rem}}.teams-employer{.grid{display:grid;gap:var(--space-4);margin-top:var(--space-10);@media(min-width:640px){grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){grid-template-columns:repeat(4,1fr)}}.benefit{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-5);background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--border-ghost);.material-symbols-outlined{grid-row:1 / 3;align-self:start;font-size:2rem;color:var(--color-primary)}& h3{grid-column:2;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);.soon{padding:.1em var(--space-2);font-family:var(--font-body);font-size:var(--text-label-sm);font-weight:var(--weight-semibold);color:var(--color-on-secondary-container);background-color:var(--color-secondary-container);border-radius:var(--radius-full)}}& p{grid-column:2;font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface-variant)}@media(max-width:639px){align-items:center;.material-symbols-outlined{grid-row:1;align-self:center}& p{grid-column:1 / -1}}}}.teams-employee{.grid{display:grid;gap:var(--space-4);margin-top:var(--space-9);@media(min-width:768px){grid-template-columns:repeat(2,1fr)}}.promise{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-6) var(--space-5);background-color:var(--color-primary-fixed);border-radius:var(--radius-lg);.material-symbols-outlined{flex-shrink:0;font-size:2rem;color:var(--color-primary)}& h3{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-primary-fixed);margin-bottom:var(--space-1)}& p{font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-primary-fixed)}}@media(max-width:767px){.promise{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-3);row-gap:var(--space-1)}.promise>div{display:contents}.promise p{grid-column:1 / -1}}}.teams-cta{text-align:center;.inner{max-width:40rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}& p{font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-surface-variant)}.free-session{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-body-md);color:var(--color-on-surface-variant);.material-symbols-outlined{font-size:1.3rem;color:var(--color-primary)}}}