.fs-demo-section{padding:3rem 0}.fs-demo-section h2{font-size:clamp(1.7rem,3vw,2.5rem);color:#0b2138}.fs-demo{max-width:750px;margin:2rem auto;background:#f0f3f7;border-radius:26px;padding:1rem;box-shadow:0 20px 60px #0b21381a}.fs-demo-head{background:#0b2138;color:white;border-radius:16px;padding:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fs-demo-head span{color:#a5c8de}.fs-demo-screen{background:white;border-radius:18px;padding:1.4rem;margin:1rem 0;min-height:260px}.fs-demo-screen h3{color:#0b2138;font-size:1.45rem}.fs-demo-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem}.fs-demo-options button,.fs-demo-actions button{cursor:pointer;border:1px solid #bac9d5;border-radius:12px;padding:1rem;background:white;color:#0b2138;font-weight:700}.fs-demo-options button[aria-pressed=true]{background:#087fc1;color:white;border-color:#087fc1}.fs-demo-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.fs-demo-actions button{padding:.7rem 1rem}.fs-demo-actions #fs-next{background:#0b2138;color:white}.fs-demo-actions button:disabled{opacity:.4;cursor:not-allowed}.fs-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.fs-gallery article{background:#f2f5f8;border-radius:18px;padding:1.2rem}.fs-gallery strong{display:block;color:#0b2138;margin-bottom:.5rem}.fs-gallery p{font-size:.9rem}.fs-gallery .fs-placeholder{border:2px dashed #bac9d5;border-radius:14px;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;color:#61758a;padding:1rem}
.fs-gallery article img{width:100%;height:310px;object-fit:contain;background:#e4eaf0;border-radius:14px;display:block;margin-bottom:1rem}.fs-gallery article a:focus-visible{outline:3px solid #087fc1;outline-offset:3px}.fs-gallery article strong{margin-top:.3rem}

.fs-compass{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:220px;height:220px;margin:1.5rem auto;border:3px solid #78a6c8;border-radius:50%;background:radial-gradient(circle,#fff,#e8f3f8);color:#103452}.fs-compass strong{font-size:5rem;line-height:1}.fs-compass small{font-weight:700}.fs-waypoint{padding:1.4rem;border:1px solid #9bc2d9;border-radius:12px;background:#eaf5fb;font-weight:700}.fs-demo-screen select{display:block;max-width:100%;margin:1rem 0;padding:.8rem;border-radius:8px}