.suite-product-lockup{align-items:center;gap:8px;display:flex}.suite-inline-lockup{align-items:center;gap:4px;display:inline-flex}.suite-appearance-root{position:relative}.suite-appearance-toggle{width:44px;height:44px;color:var(--sh-secondary);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.suite-appearance-toggle:hover,.suite-appearance-toggle[aria-expanded=true]{background:var(--sh-subtle);color:var(--sh-ink)}.suite-appearance-menu{border:1px solid var(--sh-line);border-radius:var(--sh-radius-card);background:var(--sh-panel);z-index:60;width:min(320px,100vw - 32px);padding:16px;position:absolute;top:50px;right:0;box-shadow:0 18px 48px #00000029}.suite-appearance{flex-direction:column;gap:10px;display:flex}.suite-appearance .suite-appearance-label{color:var(--sh-muted);margin:0;font-size:12px;font-weight:600}.suite-appearance-label+*{margin-bottom:8px}.suite-look-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.suite-look-option{border:1px solid var(--sh-line);border-radius:calc(var(--sh-radius-card) - 4px);background:var(--sh-panel);min-height:44px;color:var(--sh-ink);text-align:left;font:inherit;grid-template-columns:1fr;align-content:start;gap:6px;padding:8px;display:grid}.suite-look-option:hover{border-color:var(--sh-control)}.suite-look-option[aria-checked=true]{border-color:var(--sh-accent);box-shadow:inset 0 0 0 1px var(--sh-accent)}.suite-look-swatch{background:var(--swatch-bg);height:44px;color:var(--swatch-ink);font:600 18px/1 var(--swatch-font);border:1px solid var(--sh-line);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.suite-look-swatch:after{content:"";background:var(--swatch-accent);height:5px;position:absolute;bottom:0;left:0;right:0}.suite-look-name{font-size:13px;font-weight:600;line-height:1.2}.suite-look-tagline{color:var(--sh-muted);font-size:11px;line-height:1.45}.suite-mode-switch{border:1px solid var(--sh-line);border-radius:var(--sh-radius-control);background:var(--sh-subtle);grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.suite-mode-switch>button{border-radius:calc(var(--sh-radius-control) - 2px);min-height:38px;color:var(--sh-secondary);font:inherit;background:0 0;border:0;font-size:12px;font-weight:550}.suite-mode-switch>button[aria-checked=true]{background:var(--sh-panel);color:var(--sh-ink);box-shadow:0 1px 2px #0000001f}.suite-mobile-dialog .suite-appearance{margin-bottom:24px}.suite-eyebrow{color:var(--sh-muted);font-size:12px;font-weight:600}.suite-button{border:1px solid var(--sh-control);border-radius:var(--sh-radius-control);background:var(--sh-panel);min-height:44px;color:var(--sh-ink);justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.suite-button.suite-primary{background:var(--sh-fill);border-color:var(--sh-fill);color:var(--sh-on-fill)}.suite-button:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--sh-fill) 20%, transparent)}.suite-product-scene{width:100%;height:auto;color:var(--sh-accent);display:block}.scene-window{fill:var(--sh-panel);stroke:var(--sh-control);stroke-width:.8px}.scene-line{stroke:var(--sh-control);stroke-width:.8px;fill:none}.scene-dot{fill:var(--sh-control)}.scene-soft{fill:color-mix(in srgb, var(--suite-product-accent,var(--sh-accent)) 13%, var(--sh-panel))}.scene-accent{stroke:var(--sh-accent);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.scene-selected{stroke:var(--sh-accent);stroke-width:1.5px;stroke-dasharray:3 2}.scene-cursor{fill:var(--sh-ink);stroke:var(--sh-panel);stroke-width:1px}.scene-chart{fill:var(--sh-accent)}.suite-product-guide{padding:24px 32px 72px}.suite-guide-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:20px 0 40px;display:grid}.suite-guide-hero h1{font:var(--sh-display-weight) clamp(40px, 4.4vw, 56px)/1.1 var(--sh-display);letter-spacing:-.03em;margin:12px 0}.suite-guide-hero p{font-size:15px;line-height:1.75}.suite-guide-hero .suite-guide-tagline{color:var(--sh-ink);margin:16px 0;font-size:20px;line-height:1.4}.suite-guide-illustration{background:var(--sh-subtle);border-radius:var(--sh-radius-card);border:1px solid var(--sh-line);margin:0;padding:24px 16px 16px}.suite-guide-illustration figcaption{text-align:center;color:var(--sh-muted);font-size:12px}.suite-guide-actions{margin-top:24px}.suite-guide-actions p{margin-top:12px;font-size:13px}.suite-guide-access{border:1px solid var(--sh-control);border-radius:var(--sh-radius-control);padding:10px 16px;font-size:13px;display:inline-block}.suite-guide-nav{z-index:10;background:var(--sh-bg);border-block:1px solid var(--sh-line);gap:28px;display:flex;position:sticky;top:68px;overflow-x:auto}.suite-guide-nav a{min-height:52px;color:var(--sh-secondary);white-space:nowrap;align-items:center;font-size:13px;display:inline-flex}.suite-guide-nav a:hover{color:var(--sh-accent)}.suite-guide-section{padding:48px 0 0;scroll-margin-top:130px}.suite-guide-section h2{font:var(--sh-display-weight) 32px/1.2 var(--sh-display);letter-spacing:-.02em;margin:8px 0 24px}.suite-guide-facts{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;display:grid}.suite-guide-facts>div{border-top:1px solid var(--sh-line);padding:18px 0}.suite-guide-facts dt{color:var(--sh-muted);font-size:12px;font-weight:600}.suite-guide-facts dd{color:var(--sh-secondary);margin:8px 0 0;font-size:14px;line-height:1.7}.suite-guide-assistance{border:1px solid var(--sh-line);border-radius:var(--sh-radius-card);background:var(--sh-subtle);gap:20px;margin-top:20px;padding:24px;display:flex}.suite-guide-assistance>span{color:var(--sh-accent);font-size:30px}.suite-guide-assistance h3{margin:0 0 6px;font-size:15px}.suite-guide-assistance p{margin:0;font-size:14px}.suite-guide-capabilities{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.suite-guide-capabilities>div{border:1px solid var(--sh-line);border-radius:var(--sh-radius-card);background:var(--sh-panel);padding:22px}.suite-guide-capabilities span{font-variant-numeric:tabular-nums;color:var(--sh-muted);font-size:12px}.suite-guide-capabilities h3{margin:12px 0 8px;font-size:16px}.suite-guide-capabilities p{margin:0;font-size:13px;line-height:1.6}.suite-guide-workflow{grid-template-columns:1fr 1.4fr;gap:48px;display:grid}.suite-guide-story{--welcome-ground:var(--sh-welcome-ground,var(--sh-panel));isolation:isolate;background:var(--welcome-ground);border:1px solid var(--sh-line);border-radius:calc(var(--sh-radius-card) + 6px);grid-column:1/-1;height:clamp(170px,19vw,250px);position:relative;overflow:hidden}.suite-guide-story .suite-story{pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (min-width:761px){.suite-guide-story .suite-story-page{width:auto;left:24px;right:24px}}.suite-guide-workflow>div>p:last-child{max-width:310px;font-size:14px}.suite-guide-workflow ol{margin:0;padding:0;list-style:none}.suite-guide-workflow li{border-top:1px solid var(--sh-line);gap:18px;padding:16px 0;display:flex}.suite-guide-workflow li span{border:1px solid var(--sh-line);background:var(--sh-panel);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.suite-guide-workflow li p{margin:0;font-size:14px}.suite-guide-use-cases{grid-template-columns:1fr 1fr;gap:20px;margin:0;padding:0;list-style:none;display:grid}.suite-guide-use-cases li{color:var(--sh-secondary);gap:14px;font-size:14px;display:flex}.suite-guide-use-cases span{color:var(--sh-accent)}.suite-guide-stack{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.suite-guide-stack li{border:1px solid var(--sh-line);border-radius:var(--sh-radius-control);color:var(--sh-secondary);padding:8px 12px;font-size:12px}@media (max-width:1050px){.suite-guide-capabilities{grid-template-columns:repeat(2,1fr)}.suite-guide-hero{gap:30px}}@media (max-width:760px){.suite-product-guide{padding:20px 16px 48px}.suite-guide-hero,.suite-guide-workflow{grid-template-columns:1fr}.suite-guide-illustration{max-width:520px}.suite-guide-story{height:124px}.suite-guide-nav{gap:22px;top:60px}.suite-guide-facts{gap:16px}.suite-guide-section h2{font-size:28px}}@media (max-width:540px){.suite-guide-facts,.suite-guide-capabilities,.suite-guide-use-cases{grid-template-columns:1fr}}