.office-demo{--primary:#fc6736;--primary-hover:#e35d31;--primary-text:#c44200;--primary-soft:#fff1eb;--bg:#f7f7f8;--surface:#fff;--surface-sidebar:#fafafa;--surface-hover:#00000008;--surface-active:#0000000f;--text:#1e1e28;--text-secondary:#6b7280;--text-tertiary:#0000008a;--text-on-primary:#fff;--go:#34a853;--go-text:#1a7d35;--go-bg:#f0fdf4;--go-border:#bbf7d0;--warning:#fbbc04;--warn-bg:#fffbeb;--warn-border:#fde68a;--warn-text:#92400e;--pivot:#ea4335;--pivot-text:#991b1b;--pivot-border:#fdba74;--error:#ea4335;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--unknown:#00000073;--border:#e5e7eb;--border-hover:#d1d5db;--shadow-card:0 1px 3px #0000000f;--shadow-card-hover:0 4px 12px #00000014;--shadow-floating:0 8px 24px #0000001f;--shadow-inset:inset 0 1px 2px #0000000f;--radius-card:12px;--radius-button:8px;--radius-input:8px;--radius-badge:6px;--radius-kbd:4px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-body:"Golos Text",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:-.02em;color:var(--text);background:var(--bg);font-size:15px;line-height:24px}.ss-display{letter-spacing:-.05em;text-wrap:balance;font-size:36px;font-weight:700;line-height:44px}.ss-h1{letter-spacing:-.05em;font-size:24px;font-weight:700;line-height:32px}.ss-h2{letter-spacing:-.05em;font-size:20px;font-weight:600;line-height:28px}.ss-h3{font-size:17px;font-weight:600;line-height:24px}.ss-subtitle{color:var(--text-secondary);font-size:18px;line-height:28px}.ss-body-md{font-size:15px;line-height:24px}.ss-body-sm{color:var(--text-secondary);font-size:14px;line-height:20px}.ss-caption{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px}.ss-eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500;line-height:16px}.ss-mono{font-family:var(--font-mono)}.ss-tabular{font-variant-numeric:tabular-nums}
html:has(.office-demo){overflow-y:scroll}@keyframes pulse{0%,to{box-shadow:0 0 #fc673659}50%{box-shadow:0 0 0 8px #fc673600}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.office-demo *{box-sizing:border-box}.office-demo{letter-spacing:-.02em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:24px}.office-demo a{color:var(--primary);text-decoration:none}.office-demo a:hover{color:var(--primary-hover)}.office-demo button{font:inherit;letter-spacing:inherit;cursor:pointer}.office-demo h1,.office-demo h2,.office-demo h3,.office-demo h4{margin:0}.office-demo ul{margin:0;padding:0;list-style:none}.office-demo :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.office-demo .mono{font-family:var(--font-mono)}.office-demo .tab-num{font-variant-numeric:tabular-nums}.office-demo .sec{color:var(--text-secondary)}.office-demo .ter{color:var(--text-tertiary)}.office-demo .sm{font-size:14px;line-height:20px}.office-demo .xs{font-size:13px;line-height:19px}.office-demo .eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500;line-height:16px}.office-demo .h1{letter-spacing:-.05em;font-size:24px;font-weight:700;line-height:32px}.office-demo .h2{letter-spacing:-.05em;font-size:20px;font-weight:600;line-height:28px}.office-demo .h3{font-size:17px;font-weight:600;line-height:24px}.office-demo .page-title{letter-spacing:-.05em;color:var(--primary);font-size:40px;font-weight:700;line-height:46px}.office-demo .page-sub{color:var(--text-secondary);margin-top:4px}.office-demo .hide{display:none!important}.office-demo .shell{grid-template-columns:272px 1fr;min-height:100vh;display:grid}.office-demo .side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.office-demo .side__top{justify-content:space-between;align-items:center;padding:22px 20px 18px;display:flex}.office-demo .brand{letter-spacing:-.04em;font-size:17px;font-weight:700}.office-demo .brand i{color:var(--primary);font-style:normal}.office-demo .nav{flex-direction:column;gap:2px;padding:0 12px;display:flex}.office-demo .nav__i{border-radius:var(--radius-button);text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex}.office-demo .nav__i:hover{background:var(--surface-hover)}.office-demo .nav__i[aria-current=true]{color:var(--primary);font-weight:600}.office-demo .nav__i[aria-current=true] svg{color:var(--primary)}.office-demo .nav__i svg{width:18px;height:18px;color:var(--text-secondary);flex:none}.office-demo .nav__sep{background:var(--border);height:1px;margin:12px}.office-demo .side__foot{border-top:1px solid var(--border);margin-top:auto;padding:14px 16px;position:relative}.office-demo .user{border-radius:var(--radius-button);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:6px;display:flex}.office-demo .user:hover{background:var(--surface-hover)}.office-demo .av{border-radius:var(--radius-pill);background:var(--primary);color:#fff;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.office-demo .av--soft{background:var(--primary-soft);color:var(--primary-text)}.office-demo .menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-floating);z-index:40;padding:6px;position:absolute;bottom:72px;left:12px;right:12px}.office-demo .menu__hd{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 12px}.office-demo .menu__i{border-radius:var(--radius-button);text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.office-demo .menu__i:hover{background:var(--surface-hover)}.office-demo .menu__i svg{width:16px;height:16px;color:var(--text-secondary);flex:none}.office-demo .main{flex-direction:column;min-width:0;display:flex}.office-demo .main--chat{height:100vh;overflow:hidden}.office-demo .topbar{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:#f7f7f8eb;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 32px;display:flex;position:sticky;top:0}.office-demo .demo-badge{background:var(--text);color:#fff;border-radius:var(--radius-badge);letter-spacing:.08em;padding:4px 8px;font-size:11px;font-weight:700}.office-demo .scen-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex}.office-demo .scen-switch button{border-radius:var(--radius-pill);color:var(--text-secondary);background:0 0;border:0;padding:5px 12px;font-size:13px}.office-demo .scen-switch button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-text);font-weight:600}.office-demo .route{color:var(--text-secondary);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.office-demo .route__dots{gap:4px;display:flex}.office-demo .route__dots i{background:var(--border);border-radius:2px;width:18px;height:6px;display:block}.office-demo .route__dots i.on{background:var(--primary)}.office-demo .route__dots i.cur{background:var(--text)}.office-demo .ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-button);color:var(--text);white-space:nowrap;padding:6px 12px;font-size:13px}.office-demo .ghost:hover{border-color:var(--border-hover);background:var(--surface-hover)}.office-demo .wrap{width:100%;max-width:1000px;margin:0 auto;padding:28px 32px 120px}.office-demo .wrap--wide{max-width:1000px}.office-demo .main>.wrap,.office-demo .main>.tabs+.wrap{padding-bottom:150px}.office-demo .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.office-demo .card--pad{padding:var(--space-5)}.office-demo .btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-button);white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;display:inline-flex}.office-demo .btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.office-demo .btn--pri{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.office-demo .btn--pri:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.office-demo .btn--dark{background:var(--text);border-color:var(--text);color:#fff;font-weight:600}.office-demo .btn--dark:hover{background:#34343f;border-color:#34343f}.office-demo .btn--sm{padding:6px 10px;font-size:13px}.office-demo .badge{background:var(--primary-soft);color:var(--primary-text);border-radius:var(--radius-badge);white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.office-demo .badge--n{color:var(--text-secondary);background:#0000000d}.office-demo .badge--go{background:var(--go-bg);color:var(--go-text);border:1px solid var(--go-border)}.office-demo .badge--warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.office-demo .dim{opacity:.55;cursor:default}.office-demo .chip{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);color:var(--text);text-align:left;padding:8px 14px;font-size:14px}.office-demo .chip:hover{border-color:var(--primary);color:var(--primary-text)}.office-demo .chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);font-weight:600}.office-demo .divider{background:var(--border);height:1px}.office-demo .stack{gap:var(--space-4);flex-direction:column;display:flex}.office-demo .row{align-items:center;gap:var(--space-3);display:flex}.office-demo .grid2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.office-demo .grid3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.office-demo input,.office-demo textarea,.office-demo select{font:inherit;letter-spacing:inherit;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);width:100%;color:var(--text);padding:11px 13px}.office-demo input:focus,.office-demo textarea:focus,.office-demo select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #fc673626}.office-demo label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.office-demo .post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.office-demo .post__hd{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.office-demo .post__hd--dark{background:var(--text);color:#fff;border-bottom:0}.office-demo .post__hd--dark .sec,.office-demo .post__hd--dark .ter{color:#fff9}.office-demo .post__hd--dark .badge{color:#fff;background:#ffffff24}.office-demo .post__bd{padding:18px}.office-demo .pill-track{gap:5px;margin:14px 0 8px;display:flex}.office-demo .pill-track i{background:var(--border);border-radius:2px;flex:1;height:6px;display:block}.office-demo .pill-track i.done{background:var(--primary);opacity:.45}.office-demo .pill-track i.cur{background:var(--primary)}.office-demo .pill-track i.next{background:var(--text)}.office-demo .li{align-items:baseline;gap:9px;padding:3px 0;display:flex}.office-demo .li i{color:var(--go);flex:none;font-style:normal;font-weight:700}.office-demo .li.warn i,.office-demo .li.dot i{color:var(--primary)}.office-demo .recbox{background:var(--primary-soft);border-radius:var(--radius-button);margin-top:10px;padding:14px}.office-demo .notebox{border:1px solid var(--border);border-radius:var(--radius-button);gap:10px;margin-top:10px;padding:12px 14px;display:flex}.office-demo .chainbox{border-left:2px solid var(--primary);flex-direction:column;gap:8px;margin:14px 0;padding-left:14px;display:flex}.office-demo .chain-step{grid-template-columns:112px 1fr;align-items:baseline;gap:12px;display:grid}.office-demo .chain-step .eyebrow{padding-top:3px}.office-demo .srcs{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.office-demo .why{border:1px solid var(--border);border-radius:var(--radius-button);background:#fbfbfc;margin-top:12px;padding:14px}.office-demo .why__i{border-top:1px solid var(--border);grid-template-columns:minmax(150px,auto) 1fr;gap:12px;padding:9px 0;display:grid}.office-demo .why__i:first-of-type{border-top:0}.office-demo .acts{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.office-demo .preview{border:1px solid var(--border);border-radius:var(--radius-button);margin-top:12px;overflow:hidden}.office-demo .preview__hd{border-bottom:1px solid var(--border);background:#fbfbfc;align-items:center;gap:8px;padding:10px 14px;display:flex}.office-demo .preview__t{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:12px;padding:10px 14px;font-size:14px;display:grid}.office-demo .preview__t:first-of-type{border-top:0}.office-demo .marker{z-index:6;position:absolute;top:-13px;left:-13px}.office-demo .marker__dot{border-radius:var(--radius-pill);background:var(--primary);color:#fff;border:3px solid var(--bg);width:28px;height:28px;box-shadow:var(--shadow-card-hover);place-items:center;font-size:13px;font-weight:700;animation:2.4s infinite pulse;display:grid}.office-demo .hintbar{background:var(--text);color:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;padding:14px 16px;font-size:14px;line-height:20px;display:flex}.office-demo .hintbar .eyebrow{color:#ffffff8c}.office-demo .hintbar .n{border-radius:var(--radius-pill);background:var(--primary);color:#fff;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.office-demo .hintbar__acts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.office-demo .hintbar .btn{color:#fff;background:#ffffff1a;border-color:#fff3}.office-demo .hintbar .btn:hover{background:#ffffff2e;border-color:#ffffff4d}.office-demo .hintbar .btn--pri{background:var(--primary);border-color:var(--primary)}.office-demo .hintbar--min{align-items:center;padding:9px 14px}.office-demo .hint{background:var(--text);color:#fff;border-radius:var(--radius-card);pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 560px);padding:8px 8px 8px 16px;font-size:13px;display:flex}.office-demo .hint .btn{color:#fff;pointer-events:auto;border-radius:var(--radius-button);background:#ffffff1f;border-color:#0000;padding:5px 10px;font-size:13px}.office-demo .attach{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-button);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.office-demo .attach:hover{border-color:var(--primary)}.office-demo .attach__ico{background:var(--primary-soft);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.office-demo .transcript{border:1px solid var(--border);border-radius:var(--radius-button);background:#fbfbfc;margin-top:10px;padding:14px 16px}.office-demo .tr-line{grid-template-columns:48px 1fr;gap:10px;padding:5px 0;display:grid}.office-demo .chatwrap{flex-direction:column;flex:1;min-height:0;display:flex}.office-demo .chat__scroll{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto}.office-demo .chat__in{border-top:1px solid var(--border);background:var(--bg);padding:12px 32px 20px}.office-demo .chat__col{flex-direction:column;gap:18px;width:100%;max-width:680px;margin:0 auto;display:flex}.office-demo .backlink{height:32px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:14px;display:inline-flex}.office-demo .alabel{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.office-demo .alabel__ico{background:var(--primary-soft);width:24px;height:24px;color:var(--primary);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.office-demo .alabel__ico svg{width:14px;height:14px}.office-demo .composer{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 14px 10px;box-shadow:0 1px 3px #0000000f}.office-demo .composer textarea{resize:none;width:100%;color:var(--text);background:0 0;border:0;min-height:28px;padding:0;font-family:inherit;font-size:16px;line-height:24px;display:block}.office-demo .composer textarea::placeholder{color:var(--text-secondary)}.office-demo .composer__row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.office-demo .composer__btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.office-demo .composer__btn svg{width:17px;height:17px}.office-demo .composer__persona{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);border-radius:8px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.office-demo .composer__send{background:var(--border);width:36px;height:36px;color:var(--text-secondary);border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.office-demo .composer__send svg{width:16px;height:16px}.office-demo .grouplabel{color:#0000008a;text-transform:uppercase;letter-spacing:.04em;margin:24px 0 8px;font-size:11px;font-weight:500}.office-demo .chatrow{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 18px;display:flex}.office-demo .chatrow:hover{border-color:var(--border-hover)}.office-demo .chatrow__ico{width:36px;height:36px;color:var(--primary);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.office-demo .chatrow__ico svg{width:18px;height:18px}.office-demo .chatrow__bd{flex-direction:column;flex:1;min-width:0;display:flex}.office-demo .chatrow__t{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:15px;font-weight:600;overflow:hidden}.office-demo .chatrow__s{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;overflow:hidden}.office-demo .chatrow__r{color:var(--primary);margin-top:8px;font-size:12px;font-weight:500}.office-demo .chatrow__d{color:#0000008a;white-space:nowrap;flex:none;font-size:12px}.office-demo .msg{margin-bottom:0}.office-demo .msg--you{background:var(--primary);color:#fff;border-radius:14px 14px 4px;margin-left:auto;padding:11px 15px;font-size:15px;line-height:22px}.office-demo .msg--youwrap{flex-direction:column;align-items:flex-end;gap:6px;max-width:75%;margin-left:auto;display:flex}.office-demo .msg--youwrap .msg__who{justify-content:flex-end}.office-demo .msg--youwrap .msg--you{max-width:100%;margin:0}.office-demo .msg--bot{flex-direction:column;gap:8px;max-width:100%;font-size:15px;line-height:22px;display:flex}.office-demo .msg__who{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.office-demo .attrib{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.office-demo .linkbtn{color:var(--primary);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.office-demo .linkbtn:hover{color:var(--primary-hover)}.office-demo .typing{align-items:center;gap:4px;display:inline-flex}.office-demo .typing i{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.office-demo .typing i:nth-child(2){animation-delay:.2s}.office-demo .typing i:nth-child(3){animation-delay:.4s}.office-demo .tabs{border-bottom:1px solid var(--border);background:#f7f7f8eb;gap:24px;padding:0 32px;display:flex}.office-demo .tabs button{color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 0 12px;font-size:15px;display:flex}.office-demo .tabs button[aria-current=true]{color:var(--text);border-bottom-color:var(--primary);font-weight:600}.office-demo .tabs svg{width:16px;height:16px}.office-demo .trow{border-top:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;border-bottom:0;border-left:0;border-right:0;grid-template-columns:22px 1fr auto auto;align-items:center;gap:12px;padding:12px 18px;display:grid}.office-demo .trow:first-of-type{border-top:0}.office-demo .trow:hover{background:var(--surface-hover)}.office-demo .tcheck{border:1.5px solid var(--border-hover);border-radius:var(--radius-pill);width:16px;height:16px}.office-demo .stages{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.office-demo .stage{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;color:var(--text);padding:16px}.office-demo .stage--done{color:var(--text-secondary);background:#f1f1f3;border-color:#e3e3e7}.office-demo .stage--cur{border:2px solid var(--primary);background:var(--primary-soft)}.office-demo .stage--next{background:var(--text);border-color:var(--text);color:#fff}.office-demo .stage--next .sec{color:#ffffff8c}.office-demo .stage__n{background:#00000012;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:grid}.office-demo .stage--next .stage__n{background:#ffffff24}.office-demo .stage--cur .stage__n{background:var(--primary);color:#fff}.office-demo .riskbox{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-button);margin-top:16px;padding:14px}.office-demo .kv{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:12px;padding:11px 0;font-size:14px;display:grid}.office-demo .kv:first-child{border-top:0}.office-demo .hist{grid-template-columns:16px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.office-demo .hist:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:16px;bottom:0;left:7px}.office-demo .hdot{background:var(--border-hover);border-radius:50%;width:10px;height:10px;margin-top:6px}.office-demo .hdot--on{background:var(--primary)}.office-demo .hdot--now{border:2px solid var(--primary);background:#fff}.office-demo .art{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);text-align:left;width:100%;color:var(--text);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.office-demo .art:hover{box-shadow:var(--shadow-card-hover)}.office-demo .art__ph{height:126px;color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono);background:repeating-linear-gradient(135deg,#f2f2f4 0 8px,#e9e9ec 8px 16px);flex:none;place-items:center;display:grid}.office-demo .art__bd{flex:1;padding:14px 16px}.office-demo .plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.office-demo .plan--select{cursor:pointer;text-align:left;font:inherit;letter-spacing:inherit;color:var(--text)}.office-demo .plan--sel{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.office-demo .btn:disabled{opacity:.45;cursor:default}.office-demo .plan{flex-direction:column;gap:14px;padding:22px;display:flex}.office-demo .plan__price{letter-spacing:-.05em;font-size:26px;font-weight:700;line-height:32px}.office-demo .plan__price small{color:var(--text-secondary);letter-spacing:-.02em;margin-top:4px;font-size:13px;font-weight:400;line-height:19px;display:block}.office-demo .conn{border-top:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;border-bottom:0;border-left:0;border-right:0;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.office-demo .conn:first-of-type{border-top:0}.office-demo .logo-sq{border-radius:var(--radius-button);background:var(--primary-soft);width:36px;height:36px;color:var(--primary-text);place-items:center;font-size:13px;font-weight:700;display:grid}.office-demo .logo-sq--n{color:var(--text-secondary);background:#0000000d}.office-demo .fab{z-index:50;box-shadow:var(--shadow-floating);white-space:nowrap;padding:13px 20px;font-size:15px;position:fixed;bottom:28px;right:28px}.office-demo .sheet{z-index:60;background:#1e1e2880;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.office-demo .sheet__in{background:var(--surface);border-radius:var(--radius-card);width:100%;max-width:560px;box-shadow:var(--shadow-floating);padding:28px}.office-demo .toast{background:var(--text);color:#fff;border-radius:var(--radius-pill);z-index:70;padding:10px 18px;font-size:14px;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.office-demo .choose{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:56px 24px;display:flex}.office-demo .choose__in{width:100%;max-width:1000px}.office-demo .scards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.office-demo .scard{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--text);flex-direction:column;gap:12px;padding:24px;display:flex}.office-demo .scard:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.office-demo .scard{transition:box-shadow .15s,transform .15s,border-color .15s}.office-demo .scard__ico{border-radius:var(--radius-button);background:var(--text);color:#fff;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.office-demo .m-only{display:none}@media (max-width:860px){.office-demo .shell{display:none}.office-demo .m-only{display:block}.office-demo body{background:var(--bg)}.office-demo .m-top{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:#f7f7f8f2;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 16px;display:flex;position:sticky;top:0}.office-demo .m-top .scen-switch{width:100%}.office-demo .m-top .scen-switch button{text-align:center;flex:1}.office-demo .m-wrap{flex-direction:column;gap:14px;padding:20px 16px 110px;display:flex}.office-demo .m-screen{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.office-demo .m-screen__hd{border-bottom:1px solid var(--border);background:#fbfbfc;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.office-demo .m-screen__bd{padding:16px}.office-demo .m-screen--bare{box-shadow:none;background:0 0;border:0;overflow:visible}.office-demo .m-screen--bare .m-screen__hd{background:0 0;border-bottom:0;padding:0 0 6px}.office-demo .m-screen--bare .m-screen__bd,.office-demo .m-screen--bare .wrap{padding:0}.office-demo .m-screen--bare .card{box-shadow:none;background:0 0;border:0;max-width:none;padding:0}.office-demo .grid2,.office-demo .grid3,.office-demo .stages,.office-demo .plan-grid,.office-demo .scards{grid-template-columns:1fr}.office-demo .chain-step,.office-demo .why__i{grid-template-columns:1fr;gap:2px}.office-demo .fab{justify-content:center;bottom:16px;left:16px;right:16px}.office-demo .page-title{font-size:30px;line-height:36px}.office-demo .hintbar,.office-demo .hint{display:none}}@media (prefers-reduced-motion:reduce){.office-demo *{transition-duration:.01ms!important;animation-duration:.01ms!important}}