body:has(.platform-walkthrough){overflow-x:clip}.platform-walkthrough-layout{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:48px;display:grid}.platform-walkthrough-nav{flex-direction:column;gap:4px;padding-top:16px;display:flex;position:sticky;top:128px}.platform-walkthrough-nav a{min-height:40px;color:hsl(var(--muted-foreground));font-family:var(--font-sans);align-items:center;gap:12px;font-size:14px;transition:color .18s;display:flex}.platform-walkthrough-nav a:hover,.platform-walkthrough-nav a[aria-current]{color:hsl(var(--foreground))}.platform-walkthrough-nav a span{background:0 0;border-radius:50%;width:4px;height:4px}.platform-walkthrough-nav a[aria-current] span{background:hsl(var(--foreground))}.platform-walkthrough-nav a:focus-visible,.platform-feature-link:focus-visible{outline-offset:4px;outline:2px solid #587d9c}.platform-walkthrough-cards{flex-direction:column;gap:56px;min-width:0;display:flex}.platform-feature{scroll-margin-top:96px}.platform-feature-card{position:relative;overflow:clip}.platform-feature-stage{--platform-visual-height:clamp(300px, 35vw, 430px);background:0 0;border-radius:2px;position:relative;overflow:hidden}.platform-feature-painting{height:var(--platform-visual-height);pointer-events:none;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 35%,#0000001b 41%,#0000005a 47%,#00000080 50%,#000000a5 53%,#000000e4 59%,#000 65%);mask-image:linear-gradient(#0000 35%,#0000001b 41%,#0000005a 47%,#00000080 50%,#000000a5 53%,#000000e4 59%,#000 65%)}.platform-feature-painting:after{content:"";background:#ffffff38;position:absolute;inset:0}.platform-feature-title{margin-bottom:24px}.platform-feature-visual{height:var(--platform-visual-height);position:relative;overflow:visible}.platform-feature-window{pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #00000012;border-radius:10px 10px 0 0;width:calc(100% - 96px);max-width:800px;margin-inline:auto;overflow:clip;box-shadow:0 16px 48px #0000001f,0 3px 12px #0000000f}.platform-feature-caption{justify-content:space-between;align-items:center;gap:32px;padding:44px 30px 48px;display:flex;position:relative}.platform-feature-caption p{max-width:610px;font-family:var(--font-sans);color:hsl(var(--muted-foreground));font-size:16px;line-height:1.625}.platform-feature-caption strong{color:hsl(var(--foreground));font-weight:500}.platform-feature-link{min-height:44px;font-family:var(--font-sans);color:hsl(var(--muted-foreground));flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:color .18s;display:inline-flex}.platform-feature-link:hover{color:hsl(var(--foreground))}.platform-demo-surface{background:#fff;flex-direction:column;height:620px;display:flex;overflow:hidden}.platform-demo-toolbar{border-bottom:1px solid #ececeb;align-items:center;gap:12px;min-height:54px;padding:12px 20px;font-size:14px;display:flex}.platform-demo-toolbar svg{color:#81817c;width:16px;height:16px}.platform-demo-tag{color:#68796d;background:#f0f5f0;border-radius:5px;margin-left:auto;padding:4px 9px;font-size:12px}@media (max-width:1023px){.platform-walkthrough-layout{grid-template-columns:minmax(0,1fr);gap:20px}.platform-walkthrough-nav{z-index:20;background:#fffffff7;flex-flow:wrap;gap:0 18px;padding:8px 0;top:64px}.platform-walkthrough-nav a{gap:6px;min-height:36px}.platform-feature{scroll-margin-top:152px}.platform-feature-stage{--platform-visual-height:clamp(290px, 48vw, 430px)}}@media (max-width:639px){.platform-walkthrough-nav{gap:0 16px}.platform-walkthrough-nav a{font-size:13px}.platform-feature-window{width:600px;max-width:none;margin-left:16px}.platform-feature-stage{--platform-visual-height:285px}.platform-feature-caption{flex-direction:column;align-items:flex-start;gap:12px;padding:34px 16px 36px}}@media (prefers-reduced-motion:reduce){.platform-walkthrough-nav a,.platform-feature-link{transition:none}}.platform-library-demo *,.platform-feature-window[data-demo=calendar] *{scrollbar-width:none}.platform-library-demo ::-webkit-scrollbar{display:none}.platform-feature-window[data-demo=calendar] ::-webkit-scrollbar{display:none}