.os-preview{pointer-events:none;width:100%;height:160px;font-size:var(--text-micro);place-items:center;margin-bottom:14px;line-height:1.4;display:grid;position:relative}.os-preview svg{flex:none;width:14px;height:14px}.os-preview-avatar{background:var(--tint-blue);width:22px;height:22px;color:var(--tint-blue-foreground);border-radius:50%;flex:none;place-items:center;display:inline-grid}.os-preview-avatar[data-tone=violet]{background:var(--tint-violet);color:var(--tint-violet-foreground)}.os-preview-avatar[data-tone=green]{background:var(--tint-green);color:var(--tint-green-foreground)}.os-preview-board{width:100%;max-width:280px;transition:transform var(--duration-settle) var(--ease-out-quart);grid-template-columns:1fr 1fr;gap:9px;display:grid;transform:rotate(-3deg)}.os-preview-column{flex-direction:column;gap:7px;min-width:0;display:flex}.os-preview-column-title{color:var(--tint-orange-foreground);background:var(--tint-orange);font-size:var(--text-micro);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px;display:flex}.os-preview-column-title>span{background:currentColor;border-radius:50%;width:5px;height:5px}.os-preview-column:nth-child(2) .os-preview-column-title{color:var(--tint-green-foreground);background:var(--tint-green)}.os-preview-task{background:var(--landing-paper);min-height:104px;box-shadow:0 5px 16px color-mix(in srgb, var(--foreground) 7%, transparent);border-radius:8px;flex-direction:column;gap:10px;padding:9px;display:flex}.os-preview-task strong{font-size:var(--text-micro);font-weight:600}.os-preview-task-art{background:var(--landing-cyan);border-radius:4px;align-items:center;gap:5px;height:30px;padding:7px;display:flex;position:relative}.os-preview-task-art>span{background:var(--tint-blue-solid);border-radius:4px;width:15px;height:15px}.os-preview-task-art>span:nth-child(2){background:var(--tint-violet-solid);height:22px}.os-preview-task-art>span:nth-child(3){background:var(--tint-blue-foreground);width:27px;height:4px}.os-preview-task-meta{color:var(--muted-foreground);justify-content:space-between;align-items:center;display:flex}.os-preview-task-meta>span{display:flex}.os-preview-task-meta .os-preview-avatar+.os-preview-avatar{margin-left:-6px}.os-preview-moving-task{transition:transform var(--duration-settle) var(--ease-out-quart);position:relative}.os-preview-check{background:var(--tint-green-solid);width:20px;height:20px;color:var(--on-solid);opacity:0;transition:opacity var(--duration-standard), transform var(--duration-settle) var(--ease-out-quart);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:5px;transform:scale(.5)}.os-preview-task-lines,.os-preview-doc-lines,.os-preview-answer-lines{gap:5px;display:grid}.os-preview-task-lines i,.os-preview-doc-lines i,.os-preview-answer-lines i{background:color-mix(in srgb, var(--feature-ink) 18%, var(--landing-paper));border-radius:4px;height:4px;display:block}.os-preview-task-lines i:last-child,.os-preview-answer-lines i:last-child{width:66%}.os-preview-documents{width:100%;max-width:250px;height:154px;position:relative}.os-preview-sheet{background:var(--landing-paper);width:160px;height:148px;box-shadow:0 5px 14px color-mix(in srgb, var(--foreground) 7%, transparent);transition:transform var(--duration-settle) var(--ease-out-quart);border-radius:7px;flex-direction:column;padding:13px;display:flex;position:absolute;left:calc(50% - 80px)}.os-preview-sheet-back{color:var(--tint-blue-foreground);transform:translate(-22px,8px)rotate(-10deg)}.os-preview-sheet-back>svg{width:22px;height:22px}.os-preview-sheet-middle{gap:10px;padding-top:35px;transform:translate(22px,8px)rotate(10deg)}.os-preview-sheet-middle>span{background:var(--landing-stage);border-radius:4px;height:4px}.os-preview-sheet-front{gap:7px;transform:translateY(-3px)}.os-preview-doc-label{color:var(--tint-blue-foreground);font-size:var(--text-micro)}.os-preview-sheet strong{font-size:var(--text-micro);font-weight:700}.os-preview-doc-people{gap:2px;display:flex}.os-preview-doc-people .os-preview-avatar{width:15px;height:15px}.os-preview-doc-people svg{width:10px;height:10px}.os-preview-doc-heading{font-weight:600}.os-preview-doc-text{font-size:var(--text-micro);color:var(--muted-foreground)}.os-preview-doc-lines{gap:4px}.os-preview-doc-lines i:last-child{width:70%}.os-preview-doc-highlight{background:color-mix(in srgb, var(--tint-blue-solid) 14%, transparent);transform-origin:0;height:12px;transition:transform var(--duration-settle) var(--ease-out-quart);position:absolute;bottom:34px;left:13px;right:13px;transform:scaleX(0)}.os-preview-ai{gap:16px;width:100%;max-width:280px;display:grid}.os-preview-question{background:var(--landing-paper);box-shadow:0 5px 16px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:7px;align-items:center;gap:7px;padding:10px 8px;display:flex}.os-preview-question svg{color:var(--feature-ink)}.os-preview-answer{align-items:center;gap:11px;padding:0 6px;display:flex}.os-preview-spark{width:34px;height:34px;color:var(--tint-pink-foreground);background:var(--tint-pink);transition:transform var(--duration-settle) var(--ease-out-quart);border-radius:10px;flex:none;place-items:center;display:grid}.os-preview-spark svg{width:22px;height:22px}.os-preview-answer>span:last-child{flex:1;gap:7px;display:grid}.os-preview-answer-lines{gap:6px}.os-preview-context{justify-content:center;gap:5px;display:flex}.os-preview-context>span{font-size:var(--text-micro);background:var(--landing-paper);color:var(--muted-foreground);transition:color var(--duration-standard), background var(--duration-standard);border-radius:5px;align-items:center;gap:3px;padding:4px 6px;display:flex}.os-preview-context svg{width:11px;height:11px}.os-preview-chat{gap:12px;width:100%;max-width:280px;display:grid}.os-preview-message{align-items:start;gap:8px;display:flex}.os-preview-message>span:last-child{flex:1;gap:6px;padding-top:3px;display:grid}.os-preview-message strong{font-weight:550}.os-preview-chat-attachment{background:var(--landing-paper);color:var(--tint-teal-foreground);border-radius:6px;align-items:center;gap:5px;padding:7px;display:flex}.os-preview-reply{transition:transform var(--duration-settle) var(--ease-out-quart);transform:translateY(6px)}.os-preview-reactions{background:var(--landing-paper);width:fit-content;color:var(--tint-teal-foreground);border-radius:8px;align-items:center;gap:5px;padding:3px 6px;display:flex}.os-preview-reactions>span{background:var(--tint-violet-solid);border-radius:50%;width:6px;height:6px}.os-preview-reactions>span:last-child{background:var(--tint-orange-solid)}.os-preview-chat-input{background:var(--landing-paper);color:var(--muted-foreground);border-radius:7px;align-items:center;gap:7px;padding:7px 9px;display:flex}.os-preview-chat-input>span:first-child{flex:1}.os-preview-send{background:var(--tint-teal);width:20px;height:20px;color:var(--tint-teal-foreground);opacity:0;transition:opacity var(--duration-standard);border-radius:4px;place-items:center;display:grid}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-board{transform:rotate(0)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-moving-task{transform:translateY(9px)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-check{opacity:1;transform:scale(1)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-sheet-back{transform:translate(-34px,4px)rotate(-14deg)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-sheet-middle{transform:translate(34px,4px)rotate(14deg)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-doc-highlight{transform:scaleX(1)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-spark{transform:rotate(10deg)scale(1.1)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-context>span{background:var(--tint-pink);color:var(--tint-pink-foreground)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-reply{transform:translateY(0)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-send{opacity:1}@media (prefers-reduced-motion:no-preference){.business-os-grid{--os-motion-state:paused;--os-motion-delay:0s}.business-os-grid[data-motion=playing] .business-os-showcase[data-motion-visible=true]{--os-motion-state:running}[data-showcase=word]{--os-motion-delay:1.8s}[data-showcase=gateway]{--os-motion-delay:3.6s}[data-showcase=chat]{--os-motion-delay:5.4s}.business-os-grid .os-preview{animation:os-preview-drift 12s ease-in-out var(--os-motion-delay) infinite}.business-os-grid .os-preview-moving-task{animation:os-task-confirm 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-check{animation:os-task-check 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-sheet-back{animation:os-page-back 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-sheet-middle{animation:os-page-middle 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-sheet-front{animation:os-page-front 12s ease-in-out var(--os-motion-delay) infinite}.business-os-grid .os-preview-doc-highlight{animation:os-page-highlight 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-spark>svg{animation:os-ai-read 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-answer-lines i{transform-origin:0;animation:os-answer-read 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-answer-lines i:last-child{animation-delay:calc(var(--os-motion-delay) + .2s)}.business-os-grid .os-preview-context>span{animation:os-context-link 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-context>span:nth-child(2){animation-delay:calc(var(--os-motion-delay) + .15s)}.business-os-grid .os-preview-context>span:nth-child(3){animation-delay:calc(var(--os-motion-delay) + .3s)}.business-os-grid .os-preview-reply{animation:os-chat-reply 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview-reactions>span{animation:os-chat-reaction 12s ease-in-out var(--os-motion-delay) infinite}.business-os-grid .os-preview-reactions>span:last-child{animation-delay:calc(var(--os-motion-delay) + .15s)}.business-os-grid .os-preview-send{animation:os-chat-send 12s var(--ease-out-quart) var(--os-motion-delay) infinite}.business-os-grid .os-preview,.business-os-grid .os-preview *{animation-play-state:var(--os-motion-state)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview *{animation:none}}@keyframes os-preview-drift{0%,45%,to{transform:translateY(0)}14%,28%{transform:translateY(-3px)}}@keyframes os-task-confirm{0%,40%,to{transform:translateY(0)}14%,28%{transform:translateY(5px)}}@keyframes os-task-check{0%,8%,40%,to{opacity:0;transform:scale(.7)}15%,28%{opacity:1;transform:scale(1)}}@keyframes os-page-back{0%,45%,to{transform:translate(-22px,8px)rotate(-10deg)}14%,28%{transform:translate(-29px,4px)rotate(-13deg)}}@keyframes os-page-middle{0%,45%,to{transform:translate(22px,8px)rotate(10deg)}14%,28%{transform:translate(29px,4px)rotate(13deg)}}@keyframes os-page-front{0%,45%,to{transform:translateY(-3px)}14%,28%{transform:translateY(-7px)}}@keyframes os-page-highlight{0%,8%,45%,to{transform:scaleX(0)}18%,30%{transform:scaleX(1)}}@keyframes os-ai-read{0%,40%,to{transform:rotate(0)scale(1)}14%,28%{transform:rotate(12deg)scale(1.12)}}@keyframes os-answer-read{0%,8%,45%,to{transform:scaleX(1)}12%{transform:scaleX(.7)}26%,32%{transform:scaleX(1)}}@keyframes os-context-link{0%,8%,40%,to{transform:translateY(0)}18%,28%{transform:translateY(-3px)}}@keyframes os-chat-reply{0%,8%,45%,to{transform:translateY(6px)}18%,30%{transform:translateY(0)}}@keyframes os-chat-reaction{0%,14%,32%,to{transform:translateY(0)}20%{transform:translateY(-2px)}26%{transform:translateY(1px)}}@keyframes os-chat-send{0%,14%,45%,to{opacity:0}22%,32%{opacity:1}}@media (prefers-reduced-motion:reduce){.os-preview *,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview *{transition:none}.os-preview-board,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-board,.os-preview-check,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-check,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-moving-task,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-spark,.os-preview-reply,.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-reply{transform:none}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-sheet-back{transform:translate(-22px,8px)rotate(-10deg)}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-sheet-middle{transform:translate(22px,8px)rotate(10deg)}.os-preview-doc-highlight{opacity:0;transform:none}.business-os-showcase-button:is(:hover,:focus-visible,[aria-pressed=true]) .os-preview-doc-highlight{opacity:1;transform:none}}
.business-os-section{width:min(var(--landing-scene-width), calc(100% - var(--landing-scene-gutter) * 2));border-radius:var(--landing-scene-radius);background:var(--landing-paper);margin:32px auto;padding:48px 24px 24px;scroll-margin-top:110px}.business-os-intro{text-align:center;margin-bottom:30px}.business-os-intro h2{font-size:var(--text-hero-lg);letter-spacing:-.035em;text-wrap:balance;font-weight:800;line-height:1.1}.business-os-intro p{font-size:var(--text-title);margin-top:12px;line-height:1.5}.business-os-section [data-layer]{--os-surface:var(--tint-blue);--os-ink:var(--tint-blue-foreground)}.business-os-section [data-layer=ai]{--os-surface:var(--tint-green);--os-ink:var(--tint-green-foreground)}.business-os-section [data-layer=office]{--os-surface:var(--tint-violet);--os-ink:var(--tint-violet-foreground)}.business-os-section [data-layer=services]{--os-surface:var(--tint-orange);--os-ink:var(--tint-orange-foreground)}.business-os-layers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:1120px;margin:0 auto 28px;display:grid}.business-os-layer{text-align:left;background:var(--os-surface);min-height:76px;color:var(--os-ink);cursor:pointer;transition:box-shadow var(--duration-standard), background var(--duration-standard);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.business-os-layer:is(:hover,[aria-pressed=true]){box-shadow:inset 0 0 0 2px var(--os-ink)}.business-os-layer-number{font-size:var(--text-display-sm);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-weight:750}.business-os-layer-copy{min-width:0;font-size:var(--text-label);flex:1;font-weight:650;line-height:1.45}.business-os-layer-copy small{font-size:var(--text-caption);margin-top:4px;font-weight:400;display:block}.business-os-layer>svg{flex:none;width:20px;height:20px}.business-os-grid{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-rows:repeat(5,124px);grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.business-os-cell{grid-column:var(--tile-column);grid-row:var(--tile-row);background:var(--landing-paper);min-width:0;color:var(--muted-foreground);text-align:center;transition:background var(--duration-standard), color var(--duration-standard);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px 6px;display:flex}.business-os-cell>svg{stroke-width:1.7px;width:27px;height:27px;transition:transform var(--duration-standard) var(--ease-out-quart);flex:none}.business-os-cell>span:not(.sr-only){font-size:var(--text-label);text-wrap:balance;overflow-wrap:anywhere;line-height:1.4}.business-os-cell:is(:hover,[data-highlighted=true]){background:var(--os-surface);color:var(--os-ink)}.business-os-cell:hover>svg{transform:scale(1.1)}.business-os-brand-cell{background:var(--landing-paper);grid-area:5/10;place-items:center;display:grid}.business-os-showcase{background:var(--landing-paper);grid-area:2/4/span 2/span 2;min-width:0;position:relative}.business-os-showcase[data-showcase=word]{grid-column:6/span 2}.business-os-showcase[data-showcase=gateway]{grid-row:4/span 2}.business-os-showcase[data-showcase=chat]{grid-area:4/6/span 2/span 2}.business-os-showcase-button{--feature-surface:var(--landing-violet);--feature-ink:var(--tint-violet-foreground);text-align:left;cursor:pointer;background:linear-gradient(160deg, var(--feature-surface), var(--landing-paper) 92%);width:100%;height:100%;color:var(--foreground);border-radius:14px;flex-direction:column;justify-content:space-between;padding:22px 18px 18px;display:flex;position:relative;overflow:hidden}[data-showcase=word] .business-os-showcase-button{--feature-surface:var(--landing-cyan);--feature-ink:var(--tint-blue-foreground)}[data-showcase=gateway] .business-os-showcase-button{--feature-surface:var(--tint-pink);--feature-ink:var(--tint-pink-foreground)}[data-showcase=chat] .business-os-showcase-button{--feature-surface:var(--landing-mint);--feature-ink:var(--tint-teal-foreground)}.business-os-showcase[data-highlighted=true] .business-os-showcase-button{box-shadow:inset 0 0 0 2px var(--os-ink)}.business-os-showcase-label{font-size:var(--text-display-sm);letter-spacing:-.025em;align-items:center;gap:10px;font-weight:700;line-height:1.3;display:flex}.business-os-showcase-label>svg:first-child{width:28px;height:28px;color:var(--feature-ink);flex:none}.business-os-play{width:16px;height:16px;color:var(--muted-foreground);flex:none;margin-left:auto}.business-os-showcase-button:focus-visible,.business-os-layer:focus-visible{outline:3px solid var(--brand);outline-offset:-4px}.business-os-footer{justify-content:space-between;align-items:start;gap:28px;margin-top:22px;display:flex}.business-os-availability{flex:1;min-width:0;max-width:900px}.business-os-availability [data-slot=accordion-trigger]{min-height:44px;color:var(--foreground);font-size:var(--text-body);align-items:center}.business-os-availability-content{grid-template-columns:1fr 1fr;gap:28px;padding-top:18px;display:grid}.business-os-availability-content h4{font-size:var(--text-title-sm);font-weight:650}.business-os-availability-content p{color:var(--muted-foreground);font-size:var(--text-body);max-width:65ch;margin:8px 0 14px;line-height:1.75}.business-os-availability-content dl{font-size:var(--text-caption);line-height:1.5}.business-os-availability-content dl>div{border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding-block:6px;display:flex}.business-os-availability-content dd{text-align:right;color:var(--muted-foreground)}.business-os-explore{min-height:44px;color:var(--brand-foreground);background:var(--brand);font-size:var(--text-body);text-underline-offset:4px;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:inline-flex}.business-os-explore:hover{text-decoration:underline}.business-os-explore svg{width:18px;height:18px}.business-os-actions{flex:none;align-items:center;gap:8px;display:flex}.business-os-motion-toggle{width:44px;height:44px;color:var(--muted-foreground);display:none}.business-os-motion-toggle:hover{background:var(--landing-stage);color:var(--foreground)}@media (max-width:1100px){.business-os-grid{grid-template-rows:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:116px}.business-os-showcase{grid-area:span 2/span 3!important}.business-os-cell{grid-area:auto}.business-os-cell:nth-last-child(-n+4){grid-column:span 2}.business-os-brand-cell{display:none}.business-os-showcase-button{padding-inline:32px}.business-os-layer>svg{display:none}.business-os-layer{gap:8px;padding:10px}.business-os-intro h2{font-size:var(--text-hero)}}@media (max-width:767px){.business-os-section{margin-block:24px;padding:32px 12px 20px;scroll-margin-top:88px}.business-os-intro{margin-bottom:24px}.business-os-intro h2{font-size:var(--text-hero-sm)}.business-os-intro p{font-size:var(--text-body);max-width:34ch;margin-inline:auto;line-height:1.65}.business-os-layers{grid-template-columns:1fr 1fr;margin-bottom:20px}.business-os-layer{min-height:78px}.business-os-layer-number{font-size:var(--text-title-lg)}.business-os-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:112px}.business-os-showcase{grid-area:span 2/span 3!important}.business-os-showcase-button{padding:18px 28px}.business-os-showcase-label{font-size:var(--text-display-sm)}.business-os-cell:nth-last-child(-n+4){grid-column:auto}.business-os-footer{flex-direction:column;gap:18px}.business-os-availability,.business-os-explore,.business-os-actions{width:100%}.business-os-actions .business-os-explore{flex:1;width:auto;min-width:0}.business-os-availability-content{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:no-preference){.business-os-motion-toggle{display:inline-flex}}@media (prefers-reduced-motion:reduce){.business-os-cell,.business-os-cell>svg,.business-os-layer{transition:none}.business-os-cell:hover>svg{transform:none}}@media (max-width:359px){.business-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-os-showcase{grid-column:span 2!important}.business-os-cell:nth-last-child(2){grid-column:span 2}}