@font-face { font-family: "Homepage DM Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/dm-sans-400.ttf") format("truetype"); }
@font-face { font-family: "Homepage DM Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/dm-sans-500.ttf") format("truetype"); }
@font-face { font-family: "Homepage DM Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/dm-sans-600.ttf") format("truetype"); }
@font-face { font-family: "Homepage Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/fraunces-600.ttf") format("truetype"); }

.homepage-page {
  --home-paper: #fbfaf6;
  --home-white: #fffefb;
  --home-ink: #153844;
  --home-soft-ink: #53656b;
  --home-coral: #bd6e5d;
  --home-sky: #dfe8ef;
  --home-mint: #e7f0eb;
  --home-sand: #f3ede4;
  --home-line: rgba(21, 56, 68, .14);
  min-width: 320px;
  color: var(--home-ink);
  background: var(--home-paper);
  font-family: "Homepage DM Sans", var(--sans);
}

.homepage-page a { color: inherit; }
.homepage-page button, .homepage-page input { font: inherit; }
.homepage-page button, .homepage-page a { -webkit-tap-highlight-color: transparent; }
.homepage-page button:focus-visible, .homepage-page a:focus-visible, .homepage-page input:focus-visible { outline: 3px solid var(--home-coral); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.home-topbar { min-height: 84px; display: grid; grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr); align-items: center; gap: 1.25rem; padding: 0 clamp(1.25rem, 4.5vw, 4.2rem); background: #e9e7e2; border-bottom: 1px solid var(--home-line); position: relative; z-index: 20; }
.home-brand { display: inline-grid; grid-template-columns: 35px auto; grid-template-rows: auto auto; align-items: center; justify-content: start; column-gap: .55rem; width: max-content; text-decoration: none; }
.home-brand-mark { grid-row: 1 / span 2; width: 35px; height: 35px; color: var(--home-ink); }
.home-brand > span { align-self: end; color: var(--home-ink); font-size: 1.35rem; font-weight: 700; letter-spacing: -.075em; line-height: 1; }
.home-brand > span > span { color: var(--home-coral); }
.home-brand small { align-self: start; margin-top: .25rem; color: var(--home-soft-ink); font-size: .58rem; font-weight: 600; letter-spacing: .24em; line-height: 1; }
.home-primary-nav { display: flex; align-items: center; gap: clamp(1.6rem, 3vw, 3.1rem); height: 100%; }
.home-primary-nav a { display: inline-flex; align-items: center; align-self: stretch; padding-top: 2px; border-bottom: 2px solid transparent; color: var(--home-ink); text-decoration: none; font-size: .78rem; font-weight: 500; white-space: nowrap; }
.home-primary-nav a:hover, .home-primary-nav a.is-current { color: var(--home-coral); border-bottom-color: var(--home-coral); }
.home-top-actions { display: flex; justify-content: flex-end; align-items: center; gap: .8rem; }
.top-icon-button, .language-button, .mobile-menu-button { position: relative; border: 0; background: transparent; color: var(--home-ink); cursor: pointer; }
.top-icon-button { width: 32px; height: 32px; padding: 0; font-size: 1.75rem; font-weight: 400; line-height: 1; }
.action-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.language-control { position: relative; display: flex; align-items: center; }
.language-button { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .25rem; font-size: .75rem; }
.language-button .action-icon { width: 16px; height: 16px; }.language-context { color: var(--home-soft-ink); font-size: .65rem; letter-spacing: .04em; white-space: nowrap; }.notification-button { font-size: 1.35rem; }.notification-dot { position: absolute; top: 1px; right: 1px; display: grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; color: #fff; background: var(--home-coral); font-size: .52rem; }
.language-menu { position: absolute; top: calc(100% + .65rem); right: -.45rem; z-index: 40; display: grid; gap: .6rem; width: min(280px, calc(100vw - 2rem)); padding: .9rem; border: 1px solid var(--home-line); background: var(--home-white); box-shadow: 0 14px 30px rgba(21,56,68,.14); }
.language-menu[hidden] { display: none; }
.language-menu-title { margin: 0; color: var(--home-ink); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.language-menu-context, .language-menu-note { margin: 0; color: var(--home-soft-ink); font-size: .68rem; line-height: 1.45; }
.language-menu-context strong { color: var(--home-ink); font-weight: 600; }
.language-options { display: grid; gap: .35rem; }
.language-option { width: 100%; padding: .6rem .65rem; border: 1px solid transparent; color: var(--home-ink); background: transparent; cursor: pointer; font-size: .72rem; text-align: left; }
.language-option:hover, .language-option.is-active { border-color: var(--home-line); color: var(--home-coral); background: var(--home-paper); }
.profile-chip { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: var(--home-ink); background: var(--home-sky); font-size: .8rem; font-weight: 500; }
.mobile-menu-button { display: none; width: 34px; height: 34px; padding: .4rem; }
.mobile-menu-button span { display: block; height: 2px; margin: 5px 0; background: currentColor; transition: transform .2s; }
.mobile-menu-button.is-open span:first-child { transform: translateY(3.5px) rotate(45deg); }
.mobile-menu-button.is-open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.home-search-panel { background: var(--home-white); border-bottom: 1px solid var(--home-line); }
.home-search-panel[hidden], .home-notice[hidden] { display: none; }
.home-search-inner { display: flex; align-items: center; gap: 1rem; width: min(1180px, calc(100% - 2.5rem)); margin: auto; padding: .85rem 0; }
.home-search-inner label { color: var(--home-soft-ink); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.home-search-inner input { flex: 1; min-width: 0; padding: .6rem .8rem; border: 1px solid var(--home-line); background: var(--home-paper); color: var(--home-ink); }
.home-search-inner p { margin: 0; color: var(--home-soft-ink); font-size: .7rem; }
.home-notice { position: absolute; top: 75px; right: clamp(1rem, 4vw, 4.2rem); z-index: 30; display: grid; gap: .25rem; min-width: 220px; padding: 1rem; color: var(--home-ink); background: var(--home-sky); border: 1px solid rgba(21,56,68,.12); box-shadow: 0 12px 28px rgba(21,56,68,.1); font-size: .72rem; }
.home-notice span { color: var(--home-soft-ink); }

.home-story-rail { position: relative; display: flex; align-items: center; min-height: 102px; margin: -97px 0 -24px; padding: 0 clamp(3.2rem, 6vw, 5.6rem); padding-left: 71px; padding-bottom: 3px; background: #e8e7e3; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); overflow: hidden; }
.home-story-track { display: grid; grid-template-columns: repeat(5, minmax(190px, 1fr)); width: 100%; }
.story-card { min-width: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr) 16px; align-items: center; gap: .75rem; padding: .75rem clamp(.75rem, 1.35vw, 1.25rem); border-right: 1px solid var(--home-line); transition: background .2s; }
.story-card:first-child { border-left: 1px solid var(--home-line); }
.story-card:hover, .story-card.is-featured { background: #faf7f1; }
.story-thumb { position: relative; display: grid; place-items: end center; width: 64px; height: 58px; overflow: hidden; color: rgba(255,255,255,.9); background: var(--home-sky); font-size: .55rem; font-weight: 700; letter-spacing: .1em; }
.story-thumb::before, .story-thumb::after { content: ""; position: absolute; border-radius: 50%; }
.thumb-city { background: linear-gradient(140deg, #a7cce2 0 45%, #677f8c 45% 52%, #c28a67 52% 56%, #263b4a 56%); }
.thumb-city::before { width: 24px; height: 48px; bottom: -14px; left: 12px; background: #6e8998; transform: skew(-9deg); }
.thumb-city::after { width: 11px; height: 42px; bottom: -10px; left: 38px; background: #d0ad86; transform: skew(6deg); }
.thumb-policy { background: linear-gradient(145deg, #b8bd9e, #e8e0bd 58%, #7e9b72); }
.thumb-policy::before { width: 38px; height: 38px; bottom: 5px; background: rgba(245,241,216,.76); border: 2px solid #778d6f; }
.thumb-policy::after { width: 25px; height: 25px; bottom: 12px; border: 1px solid #778d6f; }
.thumb-marketing { background: linear-gradient(160deg, #6e9b83, #ccd89c 50%, #628c70 51%); }
.thumb-marketing::before { width: 65px; height: 21px; bottom: 8px; background: rgba(255,255,255,.35); transform: rotate(-13deg); }
.thumb-marketing::after { width: 21px; height: 42px; right: 14px; bottom: -8px; background: #d5c889; transform: rotate(17deg); }
.thumb-case { background: linear-gradient(145deg, #836a52, #d2b695 49%, #88715b 50%); }
.thumb-case::before { width: 46px; height: 30px; bottom: 0; border: 4px solid rgba(255,247,225,.64); border-bottom: 0; }
.thumb-case::after { width: 14px; height: 14px; bottom: 10px; right: 9px; background: rgba(255,255,255,.5); }
.thumb-product { background: linear-gradient(145deg, #d9c8ac, #8f7658 56%, #d6cab8 57%); }
.thumb-product::before { width: 30px; height: 38px; bottom: -8px; left: 15px; border-radius: 5px 5px 0 0; background: rgba(250,244,225,.75); }
.thumb-product::after { width: 40px; height: 9px; bottom: 8px; right: -3px; background: rgba(255,255,255,.46); transform: rotate(-13deg); }
.story-thumb span { position: relative; z-index: 1; padding-bottom: .4rem; text-shadow: 0 1px 4px rgba(0,0,0,.3); }
.story-label { display: block; color: var(--home-coral); font-size: .56rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.story-card h2 { overflow: hidden; margin: .25rem 0 .2rem; font-size: .77rem; font-weight: 600; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.story-card p { overflow: hidden; margin: 0; color: var(--home-soft-ink); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.story-arrow { color: var(--home-ink); font-size: 1.35rem; font-weight: 300; }
.story-controls { position: absolute; right: .8rem; display: flex; gap: .35rem; padding: .35rem; background: rgba(255,254,251,.9); }
.story-controls button { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--home-line); border-radius: 50%; color: var(--home-ink); background: var(--home-white); cursor: pointer; font-size: 1.25rem; line-height: 1; }
.story-controls button:hover { color: #fff; background: var(--home-coral); border-color: var(--home-coral); }

.home-hero { position: relative; display: grid; place-items: center; min-height: 650px; padding: 5.5rem 1.25rem 2.25rem; overflow: hidden; background: #e7dfcb; }
.home-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.9) 0 23%, rgba(255,255,255,0) 60%), radial-gradient(circle at 50% 53%, rgba(215,222,215,.15) 0 16%, transparent 43%); pointer-events: none; }
.hero-map-lines { position: absolute; inset: 0; pointer-events: none; }
.map-orbit { position: absolute; border: 1px solid rgba(21,56,68,.13); border-radius: 50%; transform: rotate(-18deg); }
.map-orbit-large { width: 1040px; height: 490px; left: 50%; top: 17%; transform: translateX(-50%) rotate(-16deg); }
.map-orbit-small { width: 800px; height: 380px; left: 50%; top: 24%; transform: translateX(-50%) rotate(15deg); border-color: rgba(189,110,93,.24); }
.map-grid { position: absolute; left: 50%; top: 11%; width: min(720px, 78vw); height: 380px; transform: translateX(-50%); background-image: radial-gradient(rgba(21,56,68,.11) .8px, transparent .8px); background-size: 8px 8px; mask-image: radial-gradient(ellipse, #000 5%, transparent 69%); opacity: .35; }
.map-dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--home-coral); box-shadow: 0 0 0 7px rgba(189,110,93,.12); }
.map-dot-one { left: 22%; top: 32%; }.map-dot-two { right: 28%; top: 22%; }.map-dot-three { right: 20%; top: 62%; background: #e0b4a7; box-shadow: none; }
.city-marker { position: absolute; color: rgba(21,56,68,.65); font-size: .62rem; font-weight: 600; letter-spacing: .25em; }
.city-marker::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: .6rem; border: 1px solid rgba(189,110,93,.55); border-radius: 50%; vertical-align: 1px; }
.marker-new-york { left: 10%; top: 28%; }.marker-tokyo { right: 13%; top: 21%; }.marker-taipei { left: 9%; top: 65%; }.marker-singapore { right: 17%; top: 61%; }
.home-hero-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: min(1200px, 100%); text-align: center; }
.home-kicker { width: 350px; height: 24px; margin: 0 0 1.6rem; padding-bottom: 20px; color: var(--home-soft-ink); font-size: 17px; font-weight: 600; letter-spacing: .38em; opacity: 4.3; }
.home-hero h1 { margin: 0; color: var(--home-ink); font-family: "Homepage Fraunces", var(--serif); font-weight: 600; letter-spacing: -.075em; line-height: .92; }
.hero-leading { display: block; font-size: clamp(1.7rem, 3.3vw, 3.2rem); letter-spacing: -.065em; }.hero-leading b { color: var(--home-ink); font-weight: inherit; }.hero-main { display: block; margin-top: 0; color: #b9ab50; font-size: 47px; white-space: nowrap; }
.home-statement { margin: 1.65rem 0 .35rem; color: var(--home-ink); font-family: "Homepage Fraunces", var(--serif); font-size: clamp(1.1rem, 1.9vw, 1.45rem); letter-spacing: -.035em; }
.home-supporting-copy { max-width: 520px; margin: 0; color: var(--home-soft-ink); font-size: .87rem; line-height: 1.65; }
.ask-livingos { display: flex; align-items: center; width: min(720px, 100%); min-height: 73px; margin-top: 2rem; padding: .5rem .5rem .5rem 1.55rem; border: 1px solid rgba(21,56,68,.12); border-radius: 999px; background: rgba(255,254,251,.95); box-shadow: 0 14px 30px rgba(21,56,68,.11), 0 2px 8px rgba(21,56,68,.06); text-align: left; }
.ask-livingos input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--home-ink); background: transparent; font-size: .94rem; }.ask-livingos input::placeholder { color: var(--home-soft-ink); }.ask-livingos button { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 0; border-radius: 50%; color: #f3eded; background: var(--home-coral); cursor: pointer; font-size: 1.55rem; font-weight: 300; transition: transform .2s, background .2s; }.ask-livingos button:hover { background: var(--home-ink); transform: translateX(2px); }
.ask-quick-prompts { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-top: 1rem; }.ask-quick-prompts button { display: inline-flex; align-items: center; gap: .5rem; padding: .7rem 1rem; border: 1px solid rgba(21,56,68,.1); border-radius: 999px; color: var(--home-ink); background: rgba(255,254,251,.87); cursor: pointer; font-size: .67rem; }.ask-quick-prompts button:hover { border-color: var(--home-coral); color: var(--home-coral); }.ask-quick-prompts button:first-letter { color: var(--home-coral); font-size: 1rem; }.ask-feedback { min-height: 1.2rem; margin: .85rem 0 0; color: var(--home-soft-ink); font-size: .68rem; }
.hero-primary-cta { display: inline-flex; align-items: center; gap: .55rem; margin-top: .35rem; padding: .65rem .1rem; color: var(--home-ink); border-bottom: 1px solid var(--home-coral); font-size: .73rem; font-weight: 600; text-decoration: none; }.hero-primary-cta span { color: var(--home-coral); font-size: 1.1rem; transition: transform .2s; }.hero-primary-cta:hover span { transform: translateX(3px); }

.workspace-section { width: min(1240px, calc(100% - 4rem)); margin: 0 auto; padding: 2.25rem 0 4rem; }
.workspace-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }.section-overline { color: var(--home-coral); font-size: .62rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }.workspace-heading h2 { margin: .5rem 0 0; font-family: "Homepage Fraunces", var(--serif); font-size: clamp(1.8rem, 3.3vw, 2.7rem); letter-spacing: -.06em; line-height: 1; }.workspace-heading p { max-width: 310px; margin: 0 0 .25rem; color: var(--home-soft-ink); font-size: .76rem; line-height: 1.55; text-align: right; }
.workspace-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }.workspace-card { position: relative; display: flex; min-height: 190px; flex-direction: column; align-items: flex-start; padding: 1.3rem 1.35rem; border: 1px solid transparent; color: var(--home-ink); text-align: left; text-decoration: none; cursor: pointer; transition: transform .2s, box-shadow .2s, border-color .2s; }.workspace-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(21,56,68,.08); border-color: rgba(21,56,68,.13); }.card-mint { background: var(--home-mint); }.card-sand { background: #f4eee6; }.card-blue { background: #edf2f6; }.card-coral { background: #fbefeb; }.card-cream { background: #f8f2e9; }.card-sage { background: #edf4ef; }.card-documents { grid-column: span 2; color: #f8f5ee; background: var(--home-ink); }.card-documents .workspace-icon, .card-documents .workspace-arrow { color: #b9d4c4; }.card-documents .workspace-name { color: #fffefb; font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Homepage DM Sans", sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.35; }.card-documents .workspace-name small { display: block; margin-top: .25rem; color: #b9d4c4; font-family: "Homepage DM Sans", var(--sans); font-size: .58rem; font-weight: 700; letter-spacing: .04em; }.card-documents .workspace-caption { max-width: 230px; color: rgba(255,255,255,.68); }.workspace-icon { color: var(--home-ink); font-size: 1.7rem; line-height: 1; }.workspace-name { margin-top: 1.35rem; font-family: "Homepage Fraunces", var(--serif); font-size: 1.08rem; letter-spacing: -.035em; }.workspace-caption { margin-top: .35rem; color: var(--home-soft-ink); font-size: .69rem; }.workspace-status { position: absolute; top: .8rem; right: .85rem; color: #b9d4c4; font-size: .5rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }.workspace-arrow { margin-top: auto; color: var(--home-ink); font-size: 1.45rem; font-weight: 300; }.concept-label { position: absolute; top: .8rem; right: .75rem; color: var(--home-soft-ink); font-size: .48rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.home-footer { display: flex; align-items: center; justify-content: center; gap: .55rem; padding: 1.25rem 1.25rem 1.45rem; color: var(--home-soft-ink); border-top: 1px solid var(--home-line); background: var(--home-white); font-size: .66rem; letter-spacing: .02em; }.home-footer strong { color: var(--home-ink); font-weight: 600; }.footer-demo { margin-left: 1.3rem; color: var(--home-coral); font-size: .54rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-toast { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 40; max-width: 300px; padding: .9rem 1rem; color: #fff; background: var(--home-ink); box-shadow: 0 12px 26px rgba(21,56,68,.2); font-size: .72rem; line-height: 1.45; }
.home-toast[hidden] { display: none; }

@media (max-width: 1080px) { .home-topbar { grid-template-columns: minmax(220px, 1fr) auto minmax(180px, 1fr); }.home-story-track { grid-template-columns: repeat(5, minmax(180px, 1fr)); }.story-card { grid-template-columns: 50px minmax(0, 1fr) 10px; gap: .55rem; padding-left: .65rem; padding-right: .65rem; }.story-thumb { width: 50px; height: 52px; }.workspace-section { width: min(100% - 2.5rem, 960px); }.workspace-grid { grid-template-columns: repeat(3, 1fr); }.card-documents { grid-column: span 2; } }
@media (max-width: 820px) { .home-topbar { grid-template-columns: 1fr auto; min-height: 72px; }.home-primary-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; height: auto; flex-direction: column; align-items: stretch; gap: 0; padding: .5rem 1.25rem 1rem; background: var(--home-white); border-bottom: 1px solid var(--home-line); box-shadow: 0 12px 22px rgba(21,56,68,.08); }.home-primary-nav.is-open { display: flex; }.home-primary-nav a { align-self: auto; padding: .75rem 0; border-bottom: 1px solid var(--home-line); }.home-primary-nav a:last-child { border-bottom: 0; }.mobile-menu-button { display: block; }.home-top-actions { gap: .45rem; }.language-button { display: inline-flex; font-size: .66rem; gap: .2rem; }.language-context { font-size: .58rem; }.home-story-rail { padding: 0 2.6rem; }.home-story-track { display: flex; overflow: hidden; }.story-card { flex: 0 0 min(290px, 72vw); border-left: 1px solid var(--home-line); }.story-controls { right: .35rem; }.home-hero { min-height: 625px; padding: 4.6rem 1.25rem 1.8rem; }.city-marker { display: none; }.map-orbit-large { width: 920px; height: 420px; top: 18%; }.map-orbit-small { width: 690px; height: 340px; top: 25%; }.workspace-heading { align-items: start; flex-direction: column; gap: .8rem; }.workspace-heading p { margin: 0; text-align: left; max-width: 460px; } }
@media (max-width: 560px) { .home-brand > span { font-size: 1.18rem; }.home-brand small { font-size: .49rem; letter-spacing: .16em; }.top-icon-button { width: 28px; }.profile-chip { width: 34px; height: 34px; }.language-button { padding-left: .05rem; padding-right: .05rem; }.language-menu { right: -.25rem; }.home-notice { top: 68px; right: .8rem; left: .8rem; }.home-story-rail { min-height: 94px; padding-left: 1rem; padding-right: 2.65rem; }.story-card { flex-basis: min(285px, 84vw); }.home-hero { min-height: 605px; padding: 4rem 1rem 1.8rem; }.home-kicker { margin-bottom: 1.15rem; font-size: .56rem; letter-spacing: .28em; }.hero-leading { font-size: clamp(1.45rem, 7vw, 2.1rem); }.hero-main { font-size: clamp(1.45rem, 7.2vw, 3rem); }.home-statement { margin-top: 1.25rem; font-size: 1.1rem; }.home-supporting-copy { max-width: 330px; font-size: .78rem; }.ask-livingos { min-height: 64px; margin-top: 1.6rem; padding-left: 1.15rem; }.ask-livingos input { font-size: .82rem; }.ask-livingos button { flex-basis: 42px; width: 42px; height: 42px; }.ask-quick-prompts { gap: .45rem; }.ask-quick-prompts button { padding: .58rem .68rem; font-size: .59rem; }.ask-quick-prompts button:nth-child(n+3) { display: none; }.workspace-section { width: min(100% - 2rem, 500px); padding-top: 1.75rem; }.workspace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }.workspace-card { min-height: 160px; padding: 1rem; }.card-documents { grid-column: span 2; min-height: 142px; }.workspace-name { margin-top: 1rem; font-size: .96rem; }.workspace-caption { font-size: .62rem; }.workspace-icon { font-size: 1.45rem; }.home-footer { flex-wrap: wrap; gap: .25rem .5rem; font-size: .6rem; }.footer-demo { width: 100%; margin: .7rem 0 0; text-align: center; } }
@media (prefers-reduced-motion: reduce) { .homepage-page *, .homepage-page *::before, .homepage-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }