/* SpinOut U V16.3.26 — moved place/hotspot lens for How It Works */
.public-place-lens{padding:74px 0 78px;background:#071a31;color:#fff}
.public-place-lens .public-shell{max-width:1180px}
.public-place-lens-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);gap:54px;align-items:end;margin-bottom:24px}
.public-place-lens-head small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:800;color:#a7e8df;margin-bottom:9px}
.public-place-lens-head h2{font-size:clamp(32px,3.7vw,48px);line-height:1.04;letter-spacing:-.042em;font-weight:620;margin:0}
.public-place-lens-head p{font-size:14.5px;line-height:1.58;color:#bac8d8;margin:0}
.public-place-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 15px}
.public-place-tabs::-webkit-scrollbar{display:none}
.public-place-tabs button{flex:0 0 auto;border:1px solid #526781;background:transparent;color:#dbe5f0;border-radius:999px;padding:8px 13px;font:700 10.5px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.public-place-tabs button.active{background:#fff;color:#071a31;border-color:#fff}
.public-place-stage{position:relative;height:min(570px,58vw);min-height:470px;border-radius:24px;overflow:hidden;background:#102b4f;isolation:isolate}
.public-place-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}
.public-place-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,30,.84),rgba(4,15,30,.16) 70%),linear-gradient(0deg,rgba(4,15,30,.64),transparent 58%)}
.public-place-copy{position:absolute;z-index:3;left:32px;right:390px;bottom:30px}
.public-place-copy>small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;color:#a7e8df}
.public-place-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.04;letter-spacing:-.04em;font-weight:620;margin:7px 0 9px;max-width:600px}
.public-place-copy p{font-size:14px;line-height:1.54;color:#e3eaf2;max-width:610px;margin:0}
.public-place-copy a{display:inline-flex;align-items:center;gap:16px;margin-top:14px;border-radius:999px;background:#fff;color:#071a31;text-decoration:none;padding:10px 14px;font-size:11px;font-weight:760}
.public-place-hotspots button{position:absolute;z-index:4;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:37px;height:37px;border-radius:50%;border:2px solid #fff;background:#0b63f6;color:#fff;font-size:11px;font-weight:850;box-shadow:0 0 0 6px rgba(11,99,246,.22);cursor:pointer}
.public-place-hotspots button:hover,.public-place-hotspots button:focus-visible{transform:translate(-50%,-50%) scale(1.07);outline:3px solid rgba(255,255,255,.65);outline-offset:2px}
.public-place-answer{position:absolute;z-index:4;right:24px;bottom:24px;width:315px;box-sizing:border-box;background:rgba(5,20,38,.86);backdrop-filter:blur(10px);border-left:3px solid #58d6c8;border-radius:10px;padding:14px 15px;color:#fff;font-size:12px;line-height:1.48}
.public-place-answer strong{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#a7e8df;margin-bottom:5px}
@media(max-width:760px){
  .public-place-lens{padding:52px 0 56px}
  .public-place-lens-head{grid-template-columns:1fr;gap:12px}
  .public-place-lens-head h2{font-size:32px}
  .public-place-stage{height:630px;min-height:0;border-radius:19px}
  .public-place-copy{left:20px;right:20px;bottom:112px}
  .public-place-copy h3{font-size:29px}
  .public-place-copy p{font-size:13.5px}
  .public-place-answer{left:20px;right:20px;bottom:18px;width:auto}
  .public-place-hotspots button{width:34px;height:34px}
}