.technology-directory {margin-top:40px;padding-top:32px;border-top:1px solid #ffffff12;}
.technology-directory>header {max-width:730px;margin-bottom:24px;}
.robert-os .technology-directory>header h3 {margin:0 0 12px;font-size:26px;font-weight:550;letter-spacing:-.03em;color:#f2f4f8;}
.robert-os .technology-directory>header p {margin:0;color:#aeb9cd;}
.technology-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.technology-group,.architecture-practice {padding:24px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12;}
.technology-group h4,.architecture-practice h4 {margin:0;font-size:16px;font-weight:550;letter-spacing:-.02em;color:#e9edf5;}
.robert-os .technology-group p {margin:8px 0 18px;font-size:12px;color:#9caac0;}
.technology-group ul {display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none;}
.technology-group li {display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border-radius:9px;background:#ffffff06;border:1px solid #ffffff0c;color:#d8dfec;font-size:12px;}
.technology-group li img {width:18px;height:18px;object-fit:contain;}
.technology-group li img {filter:none;opacity:1;}
.technology-group,.architecture-practice {transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,background-color .28s ease,box-shadow .28s ease;}
.technology-group li {transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s ease,border-color .22s ease;}
.technology-group li img {transition:transform .22s ease;}
@media(hover:hover) {
  .technology-group:hover,.architecture-practice:hover {transform:translateY(-3px);border-color:#d3dfff3b;background-color:#b9ccff06;box-shadow:inset 0 1px 0 #ffffff24,0 9px 22px #00000014;}
  .technology-group li:hover {transform:translateY(-2px);background-color:#d5e0ff14;border-color:#d3dfff35;}
  .technology-group li:hover img {transform:scale(1.08);}
}
.is-scrolling .technology-group,.is-scrolling .architecture-practice,.is-scrolling .technology-group li,.is-scrolling .technology-group li img {transform:none;transition:none;}
@media(prefers-reduced-motion:reduce){.technology-group,.architecture-practice,.technology-group li,.technology-group li img{transition:none!important;transform:none!important;}}
.architecture-practice {margin-top:16px;}
.robert-os .architecture-practice p {margin:12px 0 0;max-width:850px;font-size:13px;color:#aeb9cd;}
@container(max-width:650px){.technology-groups{grid-template-columns:1fr;}.technology-group,.architecture-practice{padding:20px;}.robert-os .technology-directory>header h3{font-size:23px;}}