.native-demo{overflow-anchor:none;margin-top:3rem;margin-bottom:4rem}.native-demo>h2{max-width:950px}.native-demo-intro{max-width:880px}.native-demo-steps{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0 1.2rem}.native-demo-steps button{display:flex;align-items:center;gap:.65rem;border:1px solid #315565;background:#102b3b;color:#d4e4e8;border-radius:9px;padding:.9rem 1.05rem;font:inherit;font-size:.88rem;cursor:pointer;transition:background .16s,border-color .16s}.native-demo-steps button span{font-size:.7rem;color:#8db1bd;font-variant-numeric:tabular-nums}.native-demo-steps button[aria-pressed=true]{color:#082631;background:#56d9d0;border-color:#56d9d0}.native-demo-steps button[aria-pressed=true] span{color:#083c45}.native-demo-steps button:hover{border-color:#6fddd5}.native-demo-steps button:focus-visible{outline:3px solid #f3d78c;outline-offset:4px}.native-demo-stage{background:linear-gradient(140deg,#173647,#0b2332);border:1px solid #315263;border-radius:16px;padding:1.4rem;box-shadow:0 24px 70px #0002}.native-demo-panel[hidden]{display:none}.native-demo-copy{display:grid;grid-template-columns:minmax(180px,.65fr) 1.35fr;gap:2rem;align-items:start;margin:.35rem .4rem 1.2rem}.native-demo-copy h3{font-size:1.25rem;margin:0;color:#effcfc}.native-demo-copy p{margin:0;color:#c5d7e0;line-height:1.65}.native-demo-stage .product-view{margin:0}.native-demo-stage figcaption{color:#bcd2dc}.native-demo-stage .product-image-link{background:#fff}.native-demo-panel.is-revealed{animation:native-reveal .18s ease-out}@keyframes native-reveal{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:700px){.native-demo-stage{padding:.75rem;border-radius:10px}.native-demo-copy{display:block;margin:.5rem .2rem 1rem}.native-demo-copy h3{margin-bottom:.65rem}.native-demo-steps{gap:.5rem}.native-demo-steps button{font-size:.8rem;padding:.75rem;flex:1 1 150px;text-align:left}.native-demo{overflow-anchor:none;margin-top:2rem}.native-demo-copy p{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.native-demo-panel.is-revealed{animation:none}.native-demo-steps button{transition:none}}