/* A real cylindrical arrangement, with a readable caption outside the 3D scene. */
.professional-site .screen-gallery{width:min(1320px,calc(100% - 64px));margin:72px auto;padding:36px;background:#0d191d;color:#f4f7f5;border-radius:20px;overflow:hidden;box-sizing:border-box}
.professional-site .page-content>.screen-gallery{width:100%}
.screen-gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}
.professional-site .screen-gallery h2{color:#fff;font-size:clamp(29px,3.4vw,46px);line-height:1.1;max-width:760px;margin:8px 0 16px}
.professional-site .screen-gallery-heading p{color:#bdc9c9;max-width:670px}
.professional-site .screen-gallery .eyebrow{color:#a5e45a}
.screen-controls{display:flex;align-items:center;gap:8px;flex:none}
.professional-site .screen-controls button{background:#1d2c30;color:#fff;border:1px solid #4e6569;border-radius:50px;min-height:44px;min-width:44px;padding:9px 14px;white-space:nowrap;font-size:12px;box-shadow:none}
.screen-ring-stage{position:relative;height:470px;margin-top:25px;perspective:1400px;perspective-origin:50% 43%;touch-action:pan-y;cursor:grab;outline-offset:-5px}
.screen-ring-stage:active{cursor:grabbing}
.screen-ring-floor{position:absolute;left:8%;right:8%;bottom:18px;height:125px;border:1px solid #9be34535;border-radius:50%;background:radial-gradient(ellipse,#7cd31b0a,transparent 65%);box-shadow:0 0 55px #90db2b0c;transform:rotateX(45deg)}
.screen-ring{position:absolute;width:100%;height:100%;transform-style:preserve-3d}
.screen-card{width:var(--screen-width,560px);margin:0;background:#f3f6f6;color:#0c1b21;border:1px solid #6e8589;border-radius:10px;overflow:hidden;box-shadow:0 24px 42px #0006}
.screen-card .screen-chrome{height:35px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;border-bottom:1px solid #dce3e6;font-size:11px}
.screen-chrome img{object-fit:contain;width:20px;height:20px}
.screen-chrome small{margin-left:auto;font-size:8px;letter-spacing:.09em;color:#4d6b2a}
.screen-card .screen-capture{display:block;width:100%;height:300px;object-fit:contain;object-position:center;background:#e8eef0;user-select:none;-webkit-user-drag:none}
.screen-card figcaption{font-size:13px;font-weight:700;padding:12px 16px;background:#fff}
.screen-card .screen-capture-phone{background:#172326}
.screen-ring:not(.unused){display:flex;gap:20px;overflow-x:auto;align-items:flex-start}
.screen-ring .screen-card{flex:none}
.ring-ready .screen-ring{display:block;overflow:visible;transform:translateZ(calc(-1 * var(--ring-radius))) rotateY(var(--ring-rotation,0deg));transition:transform 1.3s cubic-bezier(.22,.7,.25,1)}
.ring-ready .screen-card{position:absolute;left:50%;top:38px;margin-left:calc(var(--screen-width) / -2);transform:rotateY(var(--card-angle)) translateZ(var(--ring-radius));backface-visibility:hidden}
.ring-ready .screen-card.is-front{border-color:#b8f074;box-shadow:0 25px 65px #0009,0 0 0 1px #b8f07455}
.screen-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #33474b;padding-top:24px}
.professional-site .screen-caption h3{color:#fff;font-size:25px;line-height:1.25;margin:4px 0 10px}
.professional-site .screen-caption p{color:#c3d0d0;max-width:760px;margin:0}
.professional-site .screen-caption .screen-counter{color:#adf061;font-size:11px;font-weight:750;letter-spacing:.18em;margin-bottom:8px}
.professional-site .screen-caption .outline{flex:none;color:#d4f3b3;border-color:#7d9f60;font-size:13px;min-height:44px}
.screen-dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:24px 0 15px}
.professional-site .screen-dots button{height:40px;min-height:40px;min-width:40px;border-radius:50%;background:transparent;border:1px solid #42585c;color:#a9bcbc;padding:0;font-size:11px;box-shadow:none}
.professional-site .screen-dots button[aria-current=true]{background:#a5e45a;color:#132017;border-color:#a5e45a}
.professional-site .screen-gallery .screen-disclosure{font-size:11px;line-height:1.65;max-width:800px;margin:0 auto;color:#9cafb1;text-align:center}
.screen-gallery button:focus-visible,.screen-ring-stage:focus-visible{outline:3px solid #b1ec6d;outline-offset:4px}
.screen-lightbox{width:min(1450px,96vw);max-height:94vh;box-sizing:border-box;padding:20px;border:1px solid #74847c;border-radius:12px;background:#f7f9f7;color:#12201a;overflow:auto}
.screen-lightbox::backdrop{background:#05100ded;backdrop-filter:blur(8px)}
.screen-lightbox>div{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-20px;background:#f7f9f7;z-index:1;padding-bottom:12px}
.professional-site .screen-lightbox h2{font-size:23px;color:#14221a;margin:0}
.screen-lightbox button{min-height:44px}
.screen-lightbox>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.professional-site .screen-lightbox>p{color:#4c6257;font-size:12px}
.professional-site .feature-story{margin:56px 0 64px}
.feature-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;padding-bottom:32px;border-bottom:1px solid #d6e0e3}
.feature-story-heading .eyebrow{grid-column:1/-1}
.professional-site .feature-story h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;margin:0;color:#15252b}
.professional-site .feature-story-heading>p:not(.eyebrow){font-size:18px;line-height:1.7;margin:0;color:#52656d}
.feature-story-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.feature-story-list article{display:flex;gap:20px;padding:30px 0;border-bottom:1px solid #dbe3e5}
.feature-index{color:#609b23;font-size:12px;font-weight:750;padding-top:6px;letter-spacing:.08em}
.professional-site .feature-story-list h3{font-size:23px;line-height:1.25;margin:0 0 12px;color:#172b32}
.professional-site .feature-story-list p{font-size:16px;line-height:1.75;margin:0;color:#52656d}
.professional-site .player-journey{padding:35px;background:#edf3e8;border-left:4px solid #88c748;border-radius:8px}
.professional-site .player-journey>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:1000px;color:#40554a}
.professional-site .reference-overview .reference-card{min-height:0}
.professional-site .reference-overview .reference-card-copy p{min-height:0}
@media(max-width:760px){
 .professional-site .screen-gallery{width:calc(100% - 32px);padding:22px 16px;margin:40px auto;border-radius:12px}
 .screen-gallery-heading{display:block}.screen-controls{margin-top:20px}.screen-gallery-heading h2{font-size:30px}
 .screen-ring-stage{height:330px;perspective:950px;margin-top:20px}.screen-card .screen-capture{height:205px}.screen-card .screen-chrome{height:28px;font-size:9px}.screen-chrome small{display:none}.screen-card figcaption{font-size:11px;padding:10px}.screen-ring-floor{bottom:10px;height:80px}
 .screen-caption{display:block;padding-top:20px}.professional-site .screen-caption h3{font-size:23px}.screen-caption .outline{margin-top:18px}.screen-dots{gap:4px}.professional-site .screen-dots button{min-width:36px;height:36px;min-height:36px}
 .feature-story-heading,.feature-story-list{grid-template-columns:1fr;gap:20px}.feature-story-list{gap:0}.professional-site .feature-story-heading>p:not(.eyebrow){font-size:17px}.professional-site .feature-story-list h3{font-size:22px}.feature-story-list article{padding:24px 0}.professional-site .player-journey{padding:24px}
}
@media(prefers-reduced-motion:reduce){.ring-ready .screen-ring{transition:none}}
@supports not (transform-style:preserve-3d){.ring-ready .screen-ring{transform:none;display:flex;overflow:auto}.ring-ready .screen-card{position:relative;left:auto;top:auto;margin-left:0;transform:none}}

.professional-site .screen-caption button.outline{background:transparent;color:#d4f3b3;border-color:#7d9f60}