.technology-panel{margin-top:44px;padding:30px;border:1px solid #bfd5e6;border-radius:7px;background:#f7fbff;color:#173e60;min-width:0}
.technology-panel>header{margin-bottom:24px}.technology-panel>header .eyebrow{font-size:10px;margin:0 0 9px;color:#437293}.technology-panel>header h2{font:500 clamp(21px,2.2vw,30px)/1.5 var(--font-brand);letter-spacing:0;overflow-wrap:anywhere;margin:0 0 12px}.technology-panel>header>p:last-child{font:400 14px/1.8 var(--font-body);color:#496d88;margin:0;max-width:680px}
.technology-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.technology-group{min-width:0}.technology-group>h3{font:500 13px/1.7 var(--font-brand);letter-spacing:0;min-height:44px;margin:0 0 12px;overflow-wrap:anywhere;color:#244f72}.technology-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.technology-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;margin:0;padding:14px 8px;background:#fff;border:1px solid #d8e5ef;border-radius:5px}.technology-logo{display:block;width:100%;max-width:96px;height:60px;object-fit:contain;object-position:center}.technology-card figcaption{font:500 11px/1.6 var(--font-body);color:#355b79;text-align:center;overflow-wrap:anywhere;max-width:100%}.dialog-body .technology-panel{margin:28px 0;padding:22px}.dialog-body .technology-panel>header h2{font-size:24px;padding:0;max-width:none}.dialog-body .technology-panel>header>p:last-child{font-size:13px}.dialog-body .technology-groups{gap:14px}.dialog-body .technology-items{gap:8px}
@media(max-width:1000px){.technology-groups{grid-template-columns:1fr;gap:26px}.technology-group>h3{min-height:0;margin-bottom:14px}.technology-items{grid-template-columns:repeat(6,minmax(0,1fr))}.technology-group:not(:first-child) .technology-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.technology-panel{margin-top:30px;padding:20px}.technology-items{grid-template-columns:repeat(3,minmax(0,1fr))}.technology-panel>header h2{font-size:22px}.technology-panel>header>p:last-child{font-size:13px}.technology-card{padding:12px 8px}.technology-logo{height:54px}.dialog-body .technology-panel{padding:16px}.dialog-body .technology-panel>header h2{font-size:21px}}
@media(max-width:380px){.technology-items,.technology-group:not(:first-child) .technology-items{grid-template-columns:repeat(2,minmax(0,1fr))}}