.product-demo{margin:0;background:#f4f4f4;color:#161616;font-family:IBM Plex Sans,Noto Sans TC,system-ui,sans-serif;line-height:1.7}.product-demo *{box-sizing:border-box}.product-demo a{color:#0f62fe;text-underline-offset:.25em}.product-demo a:focus-visible,.product-demo video:focus-visible{outline:2px solid #0f62fe;outline-offset:4px}.product-demo header,.product-demo main{max-width:80rem;margin:auto;padding:1.5rem}.product-demo header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c6c6c6}.product-demo header a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.product-demo main{padding-top:3rem}.product-demo h1{font-size:var(--cds-heading-05-font-size, 2rem);font-weight:var(--cds-heading-05-font-weight, 400);line-height:var(--cds-heading-05-line-height, 1.25);letter-spacing:var(--cds-heading-05-letter-spacing, 0);margin:.75rem 0}.product-demo h2{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.product-demo__eyebrow,.product-demo__note{font-size:var(--cds-body-01-font-size, .875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, .16px);color:#525252}.product-demo__intro{font-size:var(--cds-body-02-font-size, 1rem);font-weight:var(--cds-body-02-font-weight, 400);line-height:var(--cds-body-02-line-height, 1.5);letter-spacing:var(--cds-body-02-letter-spacing, 0);max-width:52rem;margin-bottom:2rem}.product-demo video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#161616}.product-demo__actions,.product-demo footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin:1.5rem 0}.product-demo a.product-demo__primary{background:#0f62fe;color:#fff;padding:1rem 1.5rem;text-decoration:none}.product-demo section{max-width:52rem;padding-top:2rem}.product-demo dt{font-weight:600;margin-top:1.5rem}.product-demo dd{margin:.5rem 0 0}.product-demo footer{border-top:1px solid #c6c6c6;padding-top:1.5rem}@media(max-width:42rem){.product-demo header,.product-demo main{padding:1rem}.product-demo h1{font-size:var(--cds-heading-04-font-size, 1.75rem);font-weight:var(--cds-heading-04-font-weight, 400);line-height:var(--cds-heading-04-line-height, 1.28572);letter-spacing:var(--cds-heading-04-letter-spacing, 0)}}
