.pos-demo-section{padding-top:112px;padding-bottom:112px;scroll-margin-top:40px}.pos-demo-intro{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:40px;display:grid}.pos-demo-intro h2{letter-spacing:-.06em;font-size:clamp(40px,4.4vw,64px);line-height:1.05}.pos-demo-intro h2 span{color:#a44927}.pos-demo-description{max-width:500px;padding-bottom:4px}.pos-demo-description>p{color:#6c5366;margin-bottom:20px;font-size:17px;line-height:1.7}.pos-demo-frame{background:var(--plum);border:1px solid #321b2f;border-radius:24px;overflow:hidden;box-shadow:0 20px 48px #321b2f0b}.pos-demo-topline{color:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-size:12px;display:flex}.pos-demo-topline>span:last-child{color:#ddd0df}.pos-demo-live{align-items:center;gap:8px;font-weight:700;display:inline-flex}.pos-demo-live>span{background:var(--citrus);border-radius:50%;width:7px;height:7px}.pos-demo-workflows{background:#f4eee7;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;display:grid}.pos-demo-workflows button{min-height:48px;color:var(--plum);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:750;transition:background-color .16s,color .16s;display:flex}.pos-demo-workflows button:hover{background:#e7dcf0}.pos-demo-workflows button[aria-pressed=true]{background:var(--plum);color:var(--paper)}.pos-demo-workflows button:disabled{cursor:wait}.pos-demo-workflows button:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.pos-demo-window{background:var(--paper);height:790px}.pos-demo-window iframe{border:0;width:100%;height:100%;display:block}.pos-demo-bottomline{color:var(--paper);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;font-size:12px;display:flex}.pos-demo-bottomline p{color:#ded0de}.pos-demo-bottomline a{flex-shrink:0;align-items:center;gap:8px;min-height:32px;font-weight:750;display:inline-flex}.pos-demo-bottomline a:hover{color:var(--citrus)}.pos-demo-footnote{color:#725e6c;max-width:800px;margin-top:20px;font-size:11px;line-height:1.7}@media (max-width:900px){.pos-demo-intro{gap:32px}.pos-demo-description>p{font-size:15px}.pos-demo-workflows button{flex-direction:column;gap:6px}}@media (max-width:600px){.pos-demo-section{padding-top:72px;padding-bottom:72px}.pos-demo-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.pos-demo-intro h2{font-size:44px}.pos-demo-frame{border-radius:16px}.pos-demo-topline{flex-direction:column;align-items:flex-start;gap:4px;padding:16px}.pos-demo-workflows{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-demo-workflows button{flex-direction:row;gap:6px;padding:10px 6px;font-size:10px}.pos-demo-window{height:820px}.pos-demo-bottomline{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.pos-demo-footnote{font-size:10px}}@media (prefers-reduced-motion:reduce){.pos-demo-workflows button{transition:none}}