.architecture-visuals{padding-top:112px;overflow-x:hidden}.architecture-intro{max-width:980px;margin:0 auto 42px;text-align:center}.architecture-intro .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#58d2ff;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.architecture-intro .eyebrow:before{content:"";width:34px;height:1px;background:#58d2ff}.architecture-intro h2{font-size:clamp(40px,4.3vw,64px);line-height:1.04;letter-spacing:-.045em;margin:22px auto 18px;max-width:980px}.architecture-intro h2 em{display:block}.architecture-intro p{max-width:780px;margin:0 auto;color:#8194a5;font-size:14px;line-height:1.8}.architecture-gallery{display:grid;gap:30px;margin:52px auto 0;max-width:1320px}.architecture-figure{margin:0;border:1px solid rgba(105,203,247,.2);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(10,24,39,.86),rgba(4,8,14,.92));box-shadow:0 34px 86px rgba(0,0,0,.28)}.architecture-figure>a{display:block;position:relative;background:#050912;touch-action:manipulation;cursor:zoom-in}.architecture-figure>a:after{content:"OPEN FULL SIZE ↗";position:absolute;right:18px;bottom:18px;padding:9px 12px;border:1px solid rgba(114,217,255,.28);border-radius:999px;background:rgba(4,10,18,.82);backdrop-filter:blur(10px);color:#aeeaff;font-size:9px;font-weight:700;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:.2s ease}.architecture-figure>a:hover:after,.architecture-figure>a:focus-visible:after{opacity:1;transform:none}.architecture-figure img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#050912}.architecture-figure figcaption{display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;gap:30px;align-items:start;padding:22px 25px;border-top:1px solid rgba(105,203,247,.1)}.architecture-figure figcaption strong{font-size:13px;color:#dff6ff}.architecture-figure figcaption span{color:#7f94a6;font-size:11px;line-height:1.75}.architecture-note{max-width:980px;margin:24px auto 0;padding:17px 20px;border:1px solid rgba(101,230,187,.16);border-radius:12px;background:rgba(46,175,137,.035);color:#8399a9;font-size:11px;line-height:1.8;text-align:center}.solution-page[dir=rtl] .architecture-intro h2{letter-spacing:-.025em}.solution-page[dir=rtl] .architecture-figure>a:after{right:auto;left:18px}@media(min-width:1200px){.architecture-visuals{padding-top:128px}.architecture-gallery{gap:34px}.architecture-figure img{max-height:760px}.architecture-figure figcaption{padding:24px 28px}.architecture-intro p{font-size:15px}}@media(max-width:980px){.architecture-visuals{padding-top:96px}.architecture-intro{max-width:760px}.architecture-intro h2{font-size:clamp(38px,6vw,52px)}.architecture-gallery{gap:24px;margin-top:44px}.architecture-figure{border-radius:18px}.architecture-figure figcaption{grid-template-columns:1fr;gap:8px;padding:18px 20px}.architecture-note{max-width:760px}}@media(max-width:760px){.architecture-visuals{padding-top:76px;overflow-x:hidden}.architecture-intro{text-align:start;margin-bottom:30px}.architecture-intro .eyebrow{font-size:8px;letter-spacing:.13em}.architecture-intro .eyebrow:before{width:24px}.architecture-intro h2{font-size:clamp(30px,9.8vw,38px);line-height:1.08;margin:18px 0 14px;max-width:100%}.architecture-intro p{font-size:12px;line-height:1.75;margin:0}.architecture-gallery{gap:18px;margin-top:30px;width:100%}.architecture-figure{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.22)}.architecture-figure>a{width:100%;min-width:0}.architecture-figure>a:after{content:"TAP TO VIEW FULL SIZE ↗";display:block;right:10px;left:auto;bottom:10px;padding:7px 9px;font-size:7px;letter-spacing:.08em;opacity:1;transform:none;background:rgba(4,10,18,.9)}.solution-page[dir=rtl] .architecture-figure>a:after{right:auto;left:10px}.architecture-figure img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.architecture-figure figcaption{display:block;padding:14px 15px}.architecture-figure figcaption strong{display:block;font-size:12px;margin-bottom:6px}.architecture-figure figcaption span{display:block;font-size:10px;line-height:1.6}.architecture-note{margin-top:16px;padding:13px 14px;font-size:10px;line-height:1.65;text-align:start}}@media(max-width:420px){.architecture-visuals{padding-top:68px}.architecture-intro h2{font-size:30px}.architecture-gallery{margin-top:26px}.architecture-figure>a:after{font-size:6.5px;padding:6px 8px}.architecture-figure figcaption{padding:13px 14px}}