.tech-section{position:relative;isolation:isolate;overflow:hidden;background:#eeede6}.tech-section:before{content:"";position:absolute;z-index:-1;inset:-40%;background:radial-gradient(ellipse at 30% 40%,#d9fa9270,transparent 35%),radial-gradient(ellipse at 70% 65%,#ffb39045,transparent 35%);animation:tech-glow 14s ease-in-out infinite alternate;pointer-events:none}.tech-section .lead{max-width:660px;margin-top:24px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.tech-family{padding:28px;border:1px solid #d9dfd2;border-radius:24px;background:#ffffffa8;box-shadow:0 12px 40px #182d2307;transition:transform .3s,box-shadow .3s,border-color .3s}.tech-family:before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:#eb7046;margin-bottom:20px;transition:width .35s}.tech-family:nth-child(2):before{background:#8172ce}.tech-family:nth-child(3):before{background:#719a37}.tech-family:hover{transform:translateY(-6px);border-color:#b9c5a8;box-shadow:0 18px 45px #182d2312}.tech-family:hover:before{width:72px}.tech-family h3{font-size:20px;margin-bottom:22px}.tech-pills{display:flex;align-items:center;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}.tech-pills li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dce2d7;border-radius:999px;background:#fff;color:#152d2b;font-size:12px;line-height:1.4;white-space:nowrap;transition:transform .2s,border-color .2s,box-shadow .2s}.tech-pills li:hover{transform:translateY(-3px);border-color:#ea6b43;box-shadow:0 5px 16px #152d2b12}.tech-pills img{width:22px;height:22px;object-fit:contain;flex:none}.tech-family:hover img{animation:tech-pop .5s ease both}.tech-note{font-size:13px;line-height:1.7;max-width:760px;margin-top:24px}
.footer .tech-site{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border-top:1px solid #39453d;font-size:10px;color:#afbeb5}.footer .tech-site>span{white-space:nowrap}.footer .tech-site .tech-pills{display:flex;flex-flow:row nowrap;gap:5px;align-items:center;margin:0;padding:0}.footer .tech-site .tech-pills li{display:inline-flex;flex:none;gap:5px;padding:5px 8px;border:1px solid #415149;background:#20332c;color:#e9ece5;font-size:10px;line-height:1.2;border-radius:6px;box-shadow:none}.footer .tech-site .tech-pills img{width:16px;height:16px}.footer .tech-site .tech-pills li:hover{transform:translateY(-2px);border-color:#cfed8a}.footer .studio-signature{display:inline-flex;align-items:stretch;flex:none;overflow:hidden;border-radius:999px;border:1px solid #536247;text-decoration:none;font-size:10px;line-height:1.4;margin-left:auto;white-space:nowrap;box-shadow:0 3px 12px #0002;transition:transform .2s}.signature-name{padding:8px 12px;background:#24392f;color:#e9ece5}.signature-name strong{font-weight:600}.signature-version{padding:8px 11px;background:#d9fa87;color:#19291e;font-weight:700;letter-spacing:.04em}.footer .studio-signature:hover{transform:translateY(-2px)}.studio-signature:focus-visible{outline:2px solid #d9fa87;outline-offset:4px}
@keyframes tech-glow{to{transform:translate(5%,3%) rotate(10deg)}}@keyframes tech-pop{50%{transform:translateY(-3px) rotate(-7deg)}}@media(max-width:1000px){.tech-grid{grid-template-columns:1fr}.tech-family{padding:24px}.footer .studio-signature{margin-left:0}}@media(max-width:600px){.footer .tech-site{gap:10px}.footer .tech-site .tech-pills li{padding:6px}.footer .tech-site .tech-pills li span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer .tech-site .tech-pills img{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.tech-section:before,.tech-family:hover img{animation:none}.tech-family,.tech-family:before,.tech-pills li,.footer .studio-signature{transition:none}.tech-family:hover,.tech-pills li:hover,.footer .studio-signature:hover{transform:none}}