.homepage-demo-tabs,.homepage-demo-tabs *{box-sizing:border-box}.homepage-demo-tabs button{font:inherit;color:inherit}.homepage-demo-tabs{--demo-card-lip:0px;z-index:2;width:min(1240px,100%);font-family:var(--sans);margin:0 auto;position:relative}.homepage-demo-tablist{z-index:3;backdrop-filter:blur(18px);background:#010b23d1;border:1px solid #fff3;border-radius:999px;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:10px;padding:5px;display:grid;position:relative;box-shadow:0 26px 62px #0004149e,0 0 0 1px #00041459,inset 0 1px #ffffff1a}.homepage-demo-tab{color:#ffffffa8;letter-spacing:.002em;text-align:center;text-wrap:balance;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:8px 12px;font-size:13px;font-weight:640;line-height:1.22;transition:color .16s,background .16s,border-color .16s;display:flex}.homepage-demo-tab:hover{color:#ffffffeb;background:#ffffff0f}.homepage-demo-tab.is-active{color:#ffe6d4;background:linear-gradient(#f2a98133,#f2a9811c);border-color:#f2a9816b;box-shadow:0 6px 20px #c05a323d,inset 0 1px #ffffff24}.homepage-demo-tab:focus-visible{outline:2px solid var(--ring-gold);outline-offset:2px}.homepage-demo-stage{z-index:1;height:calc(694px + var(--demo-card-lip));justify-content:center;align-items:flex-start;display:flex;position:relative}.homepage-demo-panel{width:100%}.homepage-demo-arrow{color:#ffffffb8;cursor:pointer;backdrop-filter:blur(14px);background:#010b23b8;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:color .16s,border-color .16s,background .16s,transform .16s;display:grid;position:absolute;top:347px;transform:translateY(-50%);box-shadow:0 16px 38px #00041475}.homepage-demo-arrow svg{width:21px;height:21px}.homepage-demo-arrow-prev{left:-58px}.homepage-demo-arrow-next{right:-58px}.homepage-demo-arrow:hover{color:#ffe6d4;background:#f2a98129;border-color:#f2a9818c}.homepage-demo-arrow-prev:hover{transform:translateY(-50%)translate(-2px)}.homepage-demo-arrow-next:hover{transform:translateY(-50%)translate(2px)}.homepage-demo-arrow:focus-visible{outline:2px solid var(--ring-gold);outline-offset:3px;color:#ffe6d4}@media (width>=681px){.homepage-demo-panel .cited-agents-window,.homepage-demo-panel .sd-docs-browser-frame,.homepage-demo-panel .proactive-window,.homepage-demo-panel .claude-demo-window,.homepage-demo-panel .slack-demo-window,.homepage-demo-panel .insights-panel-window{padding-top:var(--demo-card-lip)}.homepage-demo-panel .cited-agents-body,.homepage-demo-panel .proactive-app,.homepage-demo-panel .insights-panel-body,.homepage-demo-panel .slack-demo-app{height:650px}.homepage-demo-panel .claude-demo-window{height:calc(694px + var(--demo-card-lip))}.homepage-demo-panel .sd-docs-docs-app{height:650px}}@media (width<=1120px){.homepage-demo-tab{font-size:12.5px}}@media (width<=960px){.homepage-demo-tablist{border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}.homepage-demo-tab{border-radius:20px}.homepage-demo-arrow{display:none}}@media (width<=680px){.homepage-demo-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-demo-tab{min-height:52px;font-size:13px}.homepage-demo-stage{height:auto;margin-top:0;display:block}}.homepage-demo-loading{border:1px solid var(--glass-border);color:#f6eedd;background:#101114;border-radius:20px;place-items:center;min-height:694px;font-size:16px;display:grid}@media (width<=680px){.homepage-demo-loading{min-height:592px}}.homepage-demo-mobile-controls{display:none}.expanded-demo{color:#f6eedd;background:#07112a;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:12px;overflow:auto}.expanded-demo::backdrop{background:#07112a}.expanded-demo-header{z-index:10;background:#07112a;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex;position:sticky;top:-12px}.expanded-demo-header button,.homepage-demo-mobile-controls button{border:1px solid var(--glass-border);color:#f6eedd;cursor:pointer;background:#16213c;border-radius:12px;min-height:44px;padding:10px 14px}body.demo-modal-open{overflow:hidden}@media (width<=680px){.homepage-demo-tablist{display:none}.homepage-demo-mobile-controls{text-align:left;align-items:end;gap:12px;margin-top:16px;display:flex}.homepage-demo-mobile-controls label{color:#f6eedd;flex:1;min-width:0;font-size:14px}.homepage-demo-mobile-controls select{border:1px solid var(--glass-border);color:#f6eedd;background:#16213c;border-radius:12px;width:100%;min-height:48px;margin-top:8px;padding:10px;font-size:16px;display:block}.homepage-demo-panel{min-height:620px}.homepage-demo-mobile-controls button{flex:none;min-height:48px;font-size:14px}.expanded-demo .homepage-demo-panel{min-height:0}.expanded-demo .sd-docs-docs-app,.expanded-demo .claude-demo-window,.expanded-demo .slack-demo-window,.expanded-demo .proactive-app{height:calc(100dvh - 160px);min-height:520px}}.homepage-demo-panel button,.workflow-demo-controls button{font-size:14px}@media (width<=680px){.homepage-demo-panel .claude-demo-message p,.homepage-demo-panel .slack-demo-message p,.homepage-demo-panel .proactive-demo-stage p,.homepage-demo-panel .insights-panel-window p{font-size:16px}}.complete-demo-link[data-astro-cid-qol5eru4]{min-height:44px;color:var(--ring-gold);align-items:center;margin-top:18px;font-size:15px;display:inline-flex}.home-demo-section[data-astro-cid-qol5eru4]{z-index:4;color:#fff;margin-top:-33px;padding:0 88px 96px;scroll-margin-top:24px;position:relative}.home-demo-inner[data-astro-cid-qol5eru4]{text-align:center;width:min(1240px,100%);margin-inline:auto}@media (width<=960px){.home-demo-section[data-astro-cid-qol5eru4]{margin-top:-30px;padding:0 24px 92px}}@media (width<=760px){.home-demo-section[data-astro-cid-qol5eru4]{margin-top:-22px;padding:0 12px 88px}}.home-essay{z-index:3;padding:60px 0;position:relative}.home-essay:first-of-type{padding-top:24px}.essay-card{z-index:1;border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:var(--glass-bg);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(30px,3.4vw,54px);padding:clamp(30px,3.4vw,52px);display:grid;position:relative}.essay-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 40%,#f2a98129,#0000 70%);position:absolute;inset:-32% 12%}.essay-card-reverse{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.essay-card-reverse .essay-card-copy{order:2}.essay-card-reverse .essay-card-visual{order:1}.essay-card-copy{min-width:0;max-width:580px}.essay-card-copy h2{color:#fff;font-family:var(--serif);letter-spacing:-.022em;margin:17px 0 20px;font-size:clamp(31px,2.9vw,43px);font-weight:400;line-height:1.07}.essay-card-copy p{color:#f6eeddc2;margin:0;font-size:17px;line-height:1.68}.home-essay-link{margin-top:24px}.essay-card-visual{justify-content:center;min-width:0;display:flex}@media (width<=1000px){.home-essay{padding:40px 0}.essay-card,.essay-card-reverse{grid-template-columns:minmax(0,1fr);gap:34px}.essay-card-reverse .essay-card-copy,.essay-card-reverse .essay-card-visual{order:0}.essay-card-copy{max-width:none}.essay-card-visual{justify-content:flex-start}}@media (width<=680px){.home-essay{padding:30px 0}.essay-card{border-radius:20px;gap:28px;padding:26px 18px 28px}.essay-card-copy h2{font-size:clamp(27px,7.4vw,34px)}.essay-card-copy p{font-size:16px}.essay-card-visual{justify-content:center}}
