/* Product gallery: framed preview, playable chapters, and readable screenshot cards. */
.gallery-section{background:linear-gradient(180deg,#f5f8fa 0%,#f1f6f8 65%,#f8fafb 100%)}
.gallery-section .showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);direction:rtl;align-items:center;gap:12px;padding:16px;border:1px solid #1f5579;border-radius:28px;background:radial-gradient(ellipse at 15% 0%,#14738c55,transparent 55%),linear-gradient(125deg,#082c4e,#0a3c63 60%,#073450);color:#fff;box-shadow:0 24px 55px -35px #062b4e88;overflow:hidden}
.gallery-section .showcase:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;left:-180px;bottom:-240px;border:1px solid #77d7e533;border-radius:50%;box-shadow:0 0 0 55px #77d7e508,0 0 0 110px #77d7e505;pointer-events:none}
.gallery-section .showcase-copy{direction:rtl;display:flex;align-items:flex-start;justify-content:center;padding:22px 24px 22px 12px}
.tour-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b3d9e3;font-size:11px}
.tour-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#66d9d4;box-shadow:0 0 0 4px #66d9d415}
.gallery-section .showcase-copy h3{margin:17px 0 9px;font-size:clamp(24px,2.3vw,32px);line-height:1.65;letter-spacing:-.6px;color:#fff}
.gallery-section .showcase-copy h3>span{color:#7ee3df}
.gallery-section .showcase-copy>p{max-width:330px;font-size:12px;line-height:2.1;color:#b7cfdd;margin:0 0 17px}
.tour-chapters{display:grid;gap:5px;width:100%}
.tour-chapter{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#d0e0e8;text-align:right;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.tour-chapter:hover,.tour-chapter.is-current{border-color:#7ddde52b;background:#ffffff08}
.tour-step{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #ffffff20;border-radius:9px;color:#84dcd9;font-size:11px}
.tour-chapter.is-current .tour-step{background:#8ae1dd;color:#073b50;border-color:#8ae1dd}
.tour-chapter>span:nth-child(2){display:grid;gap:3px}
.tour-chapter strong{font-size:12px;font-weight:700}
.tour-chapter small{font-size:10px;color:#90b3c6}
.tour-chapter>svg{width:15px;height:15px;margin-right:auto;color:#7fb7c4;opacity:.6}
.tour-chapter:hover>svg,.tour-chapter.is-current>svg{opacity:1;color:#92ebe2}
.gallery-section .media-caption{font-size:10px;color:#90b3c6;margin-top:17px;line-height:1.9}
.gallery-section .showcase-video{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:0;padding:10px 10px 10px 0}
.tour-window{position:relative;border:1px solid #87d1df40;border-radius:17px;background:#071e32;overflow:hidden;box-shadow:0 18px 40px #001c3a50}
.tour-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:48px;padding:0 17px;border-bottom:1px solid #b0d3df1f;background:#ffffff06}
.tour-window-name{display:flex;align-items:center;gap:12px;font-size:10px;color:#a6c5d4}
.tour-window-name img{display:block;width:57px;height:24px;object-fit:contain}
.tour-window-dots{display:flex;gap:5px;direction:ltr}
.tour-window-dots i{width:5px;height:5px;border-radius:50%;background:#809aaa77}
.tour-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b263e}
.gallery-section .showcase-video video{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;border-radius:0;object-fit:contain;background:#0b263e}
.tour-launch{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;overflow:hidden;border:0;background:#0b263e;color:#063b54;cursor:pointer;font:inherit}
.tour-launch[hidden]{display:none}
.tour-poster{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#2b869588,transparent 70%),linear-gradient(135deg,#0b344d,#09273f 70%)}
.tour-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#09263e00 35%,#09263e66 65%,#09263ef2 100%)}
.tour-poster-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#8dd5df18 1px,transparent 1px),linear-gradient(90deg,#8dd5df18 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(#000,transparent)}
.tour-poster-screen{position:absolute;top:10%;right:5%;width:90%;height:73%;border:5px solid #cce1e73b;border-radius:12px;background:#f2f5f8;overflow:hidden;box-shadow:0 16px 35px #00192c66;transform:perspective(900px) rotateY(3deg) rotateX(3deg);transition:transform .45s}
.tour-poster-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:saturate(.85)}
.tour-launch:hover .tour-poster-screen{transform:perspective(900px) rotateY(0) rotateX(0) translateY(-3px)}
.tour-poster-note{position:absolute;z-index:1;bottom:9%;right:6%;display:flex;align-items:center;gap:7px;color:#a8ccd8;font-size:10px}
.tour-poster-note svg{width:15px;height:15px;color:#77dcd4}
.tour-play{position:relative;z-index:2;display:grid;place-items:center;align-self:center;width:72px;height:72px;border:1px solid #ffffffda;border-radius:50%;background:#ffffffed;color:#087d87;box-shadow:0 0 0 9px #ffffff17,0 8px 40px #002a4490;transition:transform .2s,box-shadow .2s;transform:translateY(-10px)}
.tour-play svg{width:31px;height:31px;margin-left:4px}
.tour-launch:hover .tour-play{transform:translateY(-10px) scale(1.08);box-shadow:0 0 0 13px #ffffff15,0 8px 40px #002a4490}
.tour-play-label{position:absolute;z-index:2;top:calc(50% + 39px);display:grid;gap:5px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 8px #082c4e}
.tour-play-label>span{font-size:10px;font-weight:400;color:#bdd8e1}
.tour-window-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:35px;padding:7px 15px;border-top:1px solid #8cbec31a;font-size:9px;color:#92b2c3}
.tour-window-footer>span:first-child{display:flex;align-items:center;gap:6px}
.tour-window-footer i{width:5px;height:5px;background:#65d7bf;border-radius:50%}
.tour-window-footer>span[dir]{font:8px Arial,sans-serif;letter-spacing:1.1px;color:#789caf}
.tour-window-footer b{font-weight:400;color:#3f657b}
.tour-feedback{margin:0;color:#b7e5e9;font-size:11px;line-height:1.8}
.tour-feedback:empty{display:none}
.tour-feedback:not(:empty){margin-top:8px}
.gallery-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 2px 14px;color:#23485f;font-size:13px;font-weight:700}
.gallery-label small{display:flex;align-items:center;gap:6px;color:#78909f;font-size:10px;font-weight:400}
.gallery-label small svg{width:12px;height:12px}
.gallery-section .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.gallery-section .gallery-card{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #dce6ec;border-radius:18px;background:#fff;color:#17364a;text-align:right;box-shadow:0 4px 10px #183c5410;transition:transform .25s,border-color .25s,box-shadow .25s;cursor:pointer}
.gallery-section .gallery-card:hover{transform:translateY(-5px);border-color:#83b9c7;box-shadow:0 14px 28px -12px #19475d44}
.gallery-section .gallery-card:last-child{grid-column:auto}
.gallery-card-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px}
.gallery-card-bar>span[dir]{font:9px Arial,sans-serif;letter-spacing:1.1px;color:#8099a9}
.gallery-open{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e3edf0;border-radius:8px;background:#f7fafb;color:#3f7386;transition:background .2s,color .2s}
.gallery-open svg{width:12px;height:12px}
.gallery-card:hover .gallery-open{background:#e3f6f4;color:#087d87}
.gallery-section .gallery-image,.gallery-section .gallery-card:last-child .gallery-image{display:block;position:relative;aspect-ratio:1.8;overflow:hidden;margin:0 10px;border:1px solid #e5edf0;border-radius:9px;background:#eef3f7}
.gallery-section .gallery-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.gallery-section .gallery-card:hover img{transform:scale(1.035)}
.gallery-section .gallery-meta{display:flex;align-items:flex-start;gap:10px;padding:19px 15px 20px;font-size:12px;font-weight:400;min-height:96px}
.gallery-card-number{display:grid;place-items:center;flex-shrink:0;width:25px;height:27px;background:#ebf5f6;color:#2d7e8b;border-radius:7px;font-size:10px}
.gallery-card-copy{display:grid;gap:6px;min-width:0}
.gallery-card-copy strong{font-size:13px;font-weight:700}
.gallery-card-copy>span{font-size:10px;color:#7c919e;line-height:1.8}
.gallery-card-arrow{margin-right:auto;color:#83a0ae;font:18px Arial,sans-serif}
.tour-launch:focus-visible,.tour-chapter:focus-visible,.gallery-section .gallery-card:focus-visible{outline:3px solid #3ecbbf;outline-offset:4px}
@media(max-width:1000px) and (min-width:761px){.gallery-section .showcase{grid-template-columns:minmax(230px,.85fr) minmax(0,1.3fr)}.gallery-section .showcase-copy{padding:15px 12px 15px 4px}.tour-chapter{padding:8px;gap:9px}.tour-chapter strong{font-size:11px}.tour-chapter small{font-size:9px}.tour-poster-note{font-size:9px}.gallery-card-copy strong{font-size:12px}}
@media(max-width:760px){.gallery-section .showcase{grid-template-columns:1fr;padding:14px;border-radius:22px;gap:18px}.gallery-section .showcase-copy{padding:17px 10px 0}.gallery-section .showcase-copy h3{font-size:29px}.gallery-section .showcase-copy>p{max-width:none}.tour-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tour-chapter{display:flex;flex-direction:column;align-items:flex-start;padding:12px 9px;border-color:#ffffff15;gap:10px}.tour-chapter>svg{display:none}.tour-chapter strong{font-size:10px;line-height:1.9}.tour-chapter small{display:none}.tour-step{width:25px;height:25px;font-size:10px}.gallery-section .showcase-video{padding:0}.gallery-section .media-caption{margin-top:14px;font-size:9px}.tour-window-bar{height:42px;padding:0 12px}.tour-window-name{font-size:9px}.tour-stage{aspect-ratio:1.65}.tour-play{width:60px;height:60px}.tour-play svg{width:28px;height:28px}.tour-play-label{font-size:13px;top:calc(50% + 29px)}.tour-poster-note{font-size:8px;bottom:7%}.tour-window-footer{padding:7px 10px;font-size:8px}.tour-window-footer>span[dir]{font-size:7px;letter-spacing:.5px}.gallery-label{margin-top:25px;align-items:flex-start;flex-direction:column;gap:7px}.gallery-section .gallery-grid{grid-template-columns:1fr;gap:15px}.gallery-section .gallery-image,.gallery-section .gallery-card:last-child .gallery-image{aspect-ratio:1.9}.gallery-section .gallery-meta{min-height:0;padding:17px}.gallery-card-copy strong{font-size:14px}.gallery-card-copy>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tour-poster-screen{transform:none}.tour-launch:hover .tour-poster-screen,.gallery-section .gallery-card:hover{transform:none}}

@media(max-width:760px){.tour-play-label>span,.tour-poster-note,.tour-window-footer>span[dir]{display:none}.tour-window-footer{font-size:9px}}