.office-page.office-page{--navy: #253e53;--coral: #476983;--office-muted: #526778;--office-accent: #ead4b6}.office-page .beach-hero{background:#eef2f5}.office-page .beach-hero__copy>p:last-child,.office-page .image-text-comparison p,.office-page .workflow-explanation{color:var(--office-muted)}.office-page .beach-studio{border-color:#cfdae2;box-shadow:0 18px 48px #253e530a}.office-page .beach-studio__preview{background:#e5ebef}.office-page .beach-studio__preview figcaption{color:var(--office-muted);background:#f3f6f8}.office-page .beach-studio__preview figcaption button{color:var(--navy);border-color:#c2cfd9}.office-page .beach-workboard{background:var(--navy)}.office-page .beach-button{color:#253e53;background:var(--office-accent)}.office-page .beach-button:hover:not(:disabled){background:#f3e4cf}.office-page .beach-workboard__formats,.office-page .beach-workboard__status,.office-page .beach-workboard__compatibility,.office-page .beach-workboard__export>p{color:#dae4eb}.office-page .beach-workboard__status[role=alert]{color:#ffdcc5}.office-page .beach-scenes legend{color:#f0f5f8}.office-page .beach-scenes button{color:#f0f5f8;background:#304d64;border-color:#8ba2b3}.office-page .beach-scenes button[aria-pressed=true]{background:#3e5f79;border-color:var(--office-accent)}.office-page .beach-scenes button img{height:94px}.office-page .beach-workboard__secondary :is(a,button){color:var(--office-accent)}.office-page .image-text-comparison--reversed{background:#f5f7f9}.office-page .image-text-comparison [class$=__copy]>a,.office-page .beach-section-cta,.office-page .audience-tabs__copy>a,.office-page .audience-tabs__tabs button.is-active,.office-page .preview-close{color:#fff;background:var(--navy)}.office-page .why-section{--why-background: #f3f6f8}.office-page .audience-tabs__tabs{background:#f1f5f7}.office-page .audience-tabs__copy>a{box-shadow:none}.office-page .audience-tabs__visual--single{grid-template-columns:minmax(0,1fr)}.office-page .preview-close a{color:#253e53;background:var(--office-accent)}.office-page :is(a,button,input,summary):focus-visible{outline-color:#8e633d}.office-page .beach-workboard :is(a,button,input):focus-visible{outline-color:var(--office-accent)}.office-page ::selection{color:#fff;background:#3e5f79}.office-page:where(:lang(ar),:lang(he),:lang(th),:lang(hi-IN),:lang(zh-CN),:lang(zh-Hant-TW),:lang(ja-JP),:lang(ko)) :is(h1,h2,h3){letter-spacing:normal;line-height:1.25}.office-page:where(:lang(ar),:lang(th),:lang(hi-IN)) :is(h1,h2,h3){line-height:1.4}.office-page:lang(ko) :is(h1,h2,h3,p,a,button,figcaption){word-break:keep-all;overflow-wrap:break-word}.office-page:lang(ja-JP){line-break:strict}@media(max-width:760px){.office-page .beach-scenes button img{height:72px}}