.beti-demo{background:radial-gradient(125% 130% at 25% 12%,var(--color-night-high),var(--color-night) 55%,var(--color-night-low));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}@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:var(--color-on-night);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:var(--color-inverse-primary);.core{fill:var(--color-night-raised);stroke:var(--color-inverse-primary);stroke-width:2}}.halo{fill:var(--color-inverse-primary);transform-box:fill-box;transform-origin:center;animation:beti-pulse 2.6s ease-in-out infinite}&.lit .core{transform:scale(1.16);stroke:currentColor;stroke-width:3}&.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:var(--color-inverse-primary)}.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:contain;padding:6px;background:var(--color-night);border:2px solid var(--ring, var(--color-on-night));box-shadow:0 0 0 4px color-mix(in srgb,var(--ring, var(--color-on-night)) 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:var(--color-on-night);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: var(--color-inverse-primary)}.beti-flow .hub .flow-av img{box-shadow:0 0 0 5px color-mix(in srgb,var(--color-inverse-primary) 18%,transparent),0 0 22px color-mix(in srgb,var(--color-inverse-primary) 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,var(--color-primary),#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-12) var(--space-5) var(--space-8);text-align:center;.inner{max-width:50rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}& h1{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:var(--weight-extrabold);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}.button{margin-top:var(--space-2)}}.teams-map{padding:var(--space-3) var(--space-5) var(--space-16);@media(max-width:899px){padding-top:var(--space-16)}.inner{position:relative;max-width:var(--page-width);margin:0 auto}.map-beti{--beti-pose-height: clamp(6.5rem, 20vw - 6rem, 12rem);position:absolute;z-index:2;bottom:calc(100% - 1rem);inset-inline-end:5%}}.teams-employer,.teams-employee,.teams-cta{padding:var(--space-16) var(--space-5);.inner{max-width:var(--page-width);margin:0 auto}& h2{font-family:var(--font-display);font-size:clamp(1.875rem,1.5rem + 2vw,2.75rem);font-weight:var(--weight-extrabold);line-height:1.15;letter-spacing:-.015em;text-wrap:balance;color:var(--color-on-surface)}.section-subtitle{margin:var(--space-3) 0 0;font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-surface-variant);max-width:36rem}}.teams-employer{.inner{display:grid;gap:var(--space-8);align-items:start;@media(min-width:1024px){grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-12)}}.grid{display:grid;margin:0;padding:0;list-style:none}.benefit{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--space-4);row-gap:var(--space-1);padding-block:var(--space-5);border-top:1px solid var(--color-outline-variant);&:first-child{border-top:0;padding-top:0}&:last-child{padding-bottom:0}.emoji{grid-row:1 / 3;align-self:start;width:3.5rem;height:3.5rem;filter:drop-shadow(0 8px 10px color-mix(in srgb,var(--color-night) 14%,transparent))}& h3{grid-column:2;display:flex;flex-wrap:wrap;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);.coming-soon-badge{font-size:var(--text-label-md)}}& p{grid-column:2;max-width:36rem;font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--color-on-surface-variant)}}}.teams-employee{padding-block:var(--space-20);text-align:center;.section-subtitle{margin-inline:auto}.grid{display:grid;gap:var(--space-6);margin-top:var(--space-10);text-align:start;@media(min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}}.promise{display:flex;gap:var(--space-4);align-items:flex-start;@media(min-width:768px){padding-inline:var(--space-8);&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0;border-inline-start:1px solid var(--color-outline-variant)}}.emoji{flex-shrink:0;width:3.5rem;height:3.5rem;filter:drop-shadow(0 8px 10px color-mix(in srgb,var(--color-night) 14%,transparent))}& h3{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);margin-bottom:var(--space-1)}& p{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--color-on-surface-variant)}}}.teams-cta{padding-top:0;.cta-panel{display:grid;gap:var(--space-5);justify-items:center;padding:var(--space-10) var(--space-6);text-align:center;background-color:color-mix(in srgb,var(--color-primary-fixed) 60%,transparent);border-radius:var(--radius-xl);@media(min-width:768px){grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:var(--space-8);padding:var(--space-10);text-align:start}>.emoji{width:7rem;height:7rem;filter:drop-shadow(0 12px 16px color-mix(in srgb,var(--color-night) 18%,transparent))}}.cta-copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);@media(min-width:768px){align-items:flex-start}& h2{text-align:inherit}>p:not(.free-session){max-width:36rem;font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-primary-fixed-variant)}.button{margin-top:var(--space-2)}}.free-session{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-md);color:var(--color-on-primary-fixed-variant);.material-symbols-outlined{font-size:1.3rem;color:var(--color-primary)}}}