.demo-window{background:#fff;border:1px solid #cfd3da;border-radius:9px;overflow:hidden;box-shadow:0 18px 50px -30px #15191d55}.demo-chrome{color:#666d77;background:#edf0f3;border-bottom:1px solid #dce0e5;align-items:center;gap:20px;height:37px;padding:0 15px;font-size:11px;display:flex}.demo-window-dots{gap:6px;display:flex}.demo-window-dots i{border:1px solid #b4bbc4;border-radius:50%;width:8px;height:8px}.demo-address{flex:1}.demo-address>span{color:#8a9099}.demo-badge{font-size:10px}.demo-tabbar{z-index:3;background:#fafbfc;border-bottom:1px solid #dce0e5;justify-content:space-between;align-items:stretch;height:43px;display:flex;position:relative}.demo-tabs{align-items:stretch;display:flex}.demo-tab{color:#656c76;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 22px;font-size:12px;display:flex;position:relative}.demo-tab[aria-pressed=true]{color:#1967d2;background:#eef4fe}.demo-tab[aria-pressed=true]:after{content:"";bottom:0;background:#1a73e8;height:2px;position:absolute;inset-inline:0}.demo-orbit{color:#fff;background:#6556b5;border-radius:4px;place-items:center;width:17px;height:17px;font-family:Georgia,serif;font-size:15px;display:grid}.demo-reset{color:#676e78;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:18px}.demo-reset span{margin-left:4px;font-size:11px}.demo-start-hint{color:#1967d2;white-space:nowrap;align-self:center;margin-left:12px;font-size:11px}.interactive-demo[data-guide=done] .demo-start-hint{display:none}.demo-coachmark{z-index:4;color:#fff;text-align:left;cursor:pointer;background:#12345c;border:0;border-radius:8px;width:260px;padding:16px 18px;position:absolute;top:calc(100% + 16px);left:112px;box-shadow:0 8px 24px #10284835,0 2px 6px #10284820}.demo-coachmark:before{content:"";background:inherit;width:13px;height:13px;position:absolute;top:-6px;left:34px;transform:rotate(45deg)}.demo-coachmark strong{letter-spacing:-.2px;font-size:16px;font-weight:650;display:block}.demo-coachmark>span{color:#d6e6fa;margin-top:6px;font-size:12px;line-height:1.5;display:block}.interactive-demo[data-guide=done] .demo-coachmark{display:none}.interactive-demo[data-guide=start] .demo-tab[data-view=anatomy]:not(:disabled){color:#fff;background:#1967d2;font-size:13px;font-weight:650}.interactive-demo[data-guide=start] .demo-tab[data-view=anatomy] img{background:#fff;border-radius:3px}.interactive-demo[data-guide=start] .demo-tab[data-view=anatomy]:not(:disabled):before{content:"";opacity:1;pointer-events:none;border:3px solid #1a73e8;border-radius:10px;position:absolute;inset:-4px -5px}@media (prefers-reduced-motion:no-preference){.interactive-demo[data-guide=start] .demo-tab[data-view=anatomy]:not(:disabled):before{animation:1.8s cubic-bezier(.23,1,.32,1) 3 anatomy-attention}}@keyframes anatomy-attention{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.12,1.2)}}.demo-viewport{isolation:isolate;height:610px;position:relative}.demo-frame{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-frame[hidden],.demo-frame-inactive{visibility:hidden;pointer-events:none}.demo-loading{z-index:2;text-align:center;color:#687280;background:#f8f9fb;place-content:center;padding:30px;font-size:13px;display:grid;position:absolute;inset:0}.demo-loading[hidden]{display:none}.demo-loading[data-dismissing]{pointer-events:none}.demo-walkthrough{background:#fafbfc;border-top:1px solid #dce0e5;align-items:center;gap:20px;padding:14px 18px;display:flex}.demo-steps{flex-shrink:0;align-items:center;gap:6px;display:flex}.demo-steps button{color:#5d6570;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;display:inline-flex}.demo-steps button>span{font-variant-numeric:tabular-nums;border:1px solid #c9cfd7;border-radius:50%;place-content:center;width:17px;height:17px;font-size:10px;display:grid}.demo-steps button[aria-pressed=true]{color:#185ebd;background:#e8f0fd}.demo-steps button[aria-pressed=true]>span{color:#fff;background:#1967d2;border-color:#1967d2}.demo-hint{color:#707782;font-size:11px;line-height:1.5}.demo-window button:disabled{opacity:.45;cursor:wait}.demo-window button:focus-visible{outline-offset:-3px;outline:2px solid #1967d2}@media (hover:hover) and (pointer:fine){.demo-window button:not(:disabled):hover{color:#185ebd;background:#e8edf4}.demo-window .demo-coachmark:not(:disabled):hover{color:#fff;background:#174474}}@media (width<=1000px){.demo-walkthrough{flex-direction:column;align-items:flex-start;gap:8px}.demo-viewport{height:560px}}@media (width<=720px){.demo-chrome{gap:12px;padding-inline:10px}.demo-badge{font-size:9px}.demo-tab{padding-inline:16px}.demo-viewport{height:490px}.demo-reset span{display:none}.demo-walkthrough{gap:10px;padding:12px 10px}.demo-steps{justify-content:space-between;gap:2px;width:100%}.demo-steps button{gap:5px;padding:8px 5px;font-size:11px}.demo-hint{min-height:30px;font-size:10px}}@media (width<=480px){.demo-coachmark{width:calc(100% - 96px);padding:14px;left:78px}.demo-coachmark:before{left:28px}.demo-coachmark strong{font-size:15px}.demo-tab{padding-inline:10px}.demo-reset{padding-inline:8px}.demo-start-hint{margin-left:6px;font-size:10px}}.interactive-demo{position:relative}.demo-intro-cursor{z-index:8;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 2px 3px #0000003d);position:absolute;top:0;left:0}.demo-intro-cursor[hidden],.demo-intro-skip[hidden]{display:none}.demo-intro-skip{color:#1967d2;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:4px 0 4px 8px;text-decoration:underline}.demo-intro-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.interactive-demo[data-introduction=playing] .demo-badge,.interactive-demo[data-introduction=opening] .demo-badge{display:none}.interactive-demo[data-introduction=opening] .demo-intro-cursor:before{content:"";width:24px;height:24px;animation:demo-intro-click .22s var(--ease-out) both;border:2px solid #1a73e8;border-radius:50%;position:absolute;top:-10px;left:-10px}@keyframes demo-intro-click{0%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.demo-intro-cursor{display:none}}.hero:where(.astro-4br4q6vx){padding:32px 0 20px}.hero-stage:where(.astro-4br4q6vx){perspective:1900px;perspective-origin:50% 45%;border-radius:8px;outline:none;padding:32px 0 36px;position:relative}.hero-scene:where(.astro-4br4q6vx){--scale:.94;--separation:60px;transform-style:preserve-3d;transform-origin:50%;transform:scale(var(--scale));padding:36px 36px 30px;position:relative}.hero-grid:where(.astro-4br4q6vx),.hero-copy:where(.astro-4br4q6vx){transform-style:preserve-3d}.hero-grid:where(.astro-4br4q6vx){grid-template-columns:1.7fr 1fr;align-items:start;gap:44px}.hero-page:where(.astro-4br4q6vx){pointer-events:none;background:#f1f2f3;border:1px dashed #c3c6ca;border-radius:4px;position:absolute;inset:0;transform:translateZ(0)}.hero-plane:where(.astro-4br4q6vx){transform-style:preserve-3d;transform:translateZ(calc(var(--depth) * var(--separation)));position:relative}.hero-plane:where(.astro-4br4q6vx):before{content:"";z-index:-1;pointer-events:none;background:#ffffffbd;border:1px solid #c9ccd1;border-radius:4px;position:absolute;inset:-10px -14px;box-shadow:0 1px #00000005,0 18px 40px -28px #20222659}.hero-plane-eyebrow:where(.astro-4br4q6vx){--depth:1;width:fit-content;margin:0 0 58px}.hero:where(.astro-4br4q6vx) h1:where(.astro-4br4q6vx).hero-plane-heading{--depth:2;margin:0;font-size:clamp(44px,5vw,72px)}.hero-plane-heading:where(.astro-4br4q6vx):before{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8,0 18px 40px -28px #1a73e873}.hero-copy:where(.astro-4br4q6vx)>.hero-plane-description:where(.astro-4br4q6vx){--depth:1.5;margin:0}.hero-links:where(.astro-4br4q6vx).hero-plane-links{--depth:3;margin-top:38px}.hero:where(.astro-4br4q6vx) .hero-tag:where(.astro-4br4q6vx){color:#5f6368;letter-spacing:normal;text-transform:none;white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #d3d6da;border-radius:3px;padding:0 6px;font:10.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:-32px;left:-15px}.hero:where(.astro-4br4q6vx) .hero-plane-heading:where(.astro-4br4q6vx)>.hero-tag:where(.astro-4br4q6vx){color:#1a73e8;border-color:#a9c3ea}.hero:where(.astro-4br4q6vx) .hero-page:where(.astro-4br4q6vx)>.hero-tag:where(.astro-4br4q6vx){top:-22px;left:auto;right:10px}.hero-plane:where(.astro-4br4q6vx) a:where(.astro-4br4q6vx){position:relative}@keyframes unfold-hero{0%{transform:scale(1)}}@keyframes separate-hero{0%{transform:translateZ(0)}}.hero-scene:where(.astro-4br4q6vx).is-entering{animation:unfold-hero .76s var(--ease-out) .18s both}.hero-scene:where(.astro-4br4q6vx).is-entering .hero-plane:where(.astro-4br4q6vx){animation:separate-hero .76s var(--ease-out) .18s both}@media (width<=900px){.hero-grid:where(.astro-4br4q6vx){grid-template-columns:1fr;gap:46px}.hero-scene:where(.astro-4br4q6vx){--separation:42px}.hero:where(.astro-4br4q6vx) h1:where(.astro-4br4q6vx).hero-plane-heading{font-size:52px}.hero-links:where(.astro-4br4q6vx).hero-plane-links{width:fit-content}}@media (width<=720px){.hero:where(.astro-4br4q6vx){padding:18px 0 0}.hero-stage:where(.astro-4br4q6vx){perspective:1100px;padding:26px 0 24px}.hero-scene:where(.astro-4br4q6vx){--scale:.92;--separation:30px;padding:26px 18px}.hero-plane-eyebrow:where(.astro-4br4q6vx){margin-bottom:54px;font-size:10px;line-height:1.6}.hero:where(.astro-4br4q6vx) h1:where(.astro-4br4q6vx).hero-plane-heading{font-size:44px}.hero-copy:where(.astro-4br4q6vx)>.hero-plane-description:where(.astro-4br4q6vx){font-size:15px;line-height:1.6}.hero-links:where(.astro-4br4q6vx).hero-plane-links{gap:12px 20px;margin-top:40px}.hero-plane:where(.astro-4br4q6vx):before{inset:-8px -10px}.hero:where(.astro-4br4q6vx) .hero-tag:where(.astro-4br4q6vx){top:-30px;left:-11px}}@media (width<=360px){.hero-scene:where(.astro-4br4q6vx){--scale:.9;--separation:25px;padding-inline:14px}.hero:where(.astro-4br4q6vx) h1:where(.astro-4br4q6vx).hero-plane-heading{font-size:39px}}@media (prefers-reduced-motion:reduce){.hero-scene:where(.astro-4br4q6vx).is-entering,.hero-scene:where(.astro-4br4q6vx).is-entering .hero-plane:where(.astro-4br4q6vx){animation:none}}.hero:where(.astro-4br4q6vx) h1:where(.astro-4br4q6vx) .hero-heading-line:where(.astro-4br4q6vx){color:inherit;transform-style:preserve-3d;margin-top:24px;display:block}.hero-plane-emphasis:where(.astro-4br4q6vx){--depth:.4;white-space:nowrap;margin-left:.16em;display:inline-block}.hero-plane-emphasis:where(.astro-4br4q6vx):before{background:#ffffffe0;inset:-4px -6px;box-shadow:0 12px 20px -16px #2022264d}.hero:where(.astro-4br4q6vx) .hero-plane-emphasis:where(.astro-4br4q6vx)>.hero-tag:where(.astro-4br4q6vx){top:-26px;left:-7px}