.tech { position:relative; display:grid; gap:32px; justify-items:center; max-width:none; width:100%; padding:72px max(24px,calc((100% - 1040px)/2)); color:#20231f; background:#f7f3ed; overflow:hidden; }
.tech::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 10% 18%,#ffdf9c80 0 2px,transparent 3px) 0 0/34px 34px; opacity:.45; }
.tech-heading { position:relative; max-width:590px; text-align:center; }.tech-heading h2 { margin:0; font:800 clamp(2.8rem,6vw,5rem)/.95 Poppins,sans-serif; letter-spacing:-.07em; }.tech-heading > p:last-child { max-width:450px; margin:18px auto 0; color:#3f454d; font-size:1.05rem; line-height:1.6; }
.tech .section-kicker { color:#9140fe; }
.tech-dock-wrap { position:relative; width:min(100%,900px); }.tech-dock { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; width:100%; }.dock-tab { --scale:1; display:grid; gap:10px; justify-items:center; min-height:132px; padding:16px 12px; border:1px solid #e3dbd0; border-radius:22px; color:#20231f; cursor:pointer; background:#fffdf9; box-shadow:0 8px 18px #3e35230d; transform:translateY(calc((var(--scale) - 1) * -8px)) scale(var(--scale)); transform-origin:center; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }.dock-tab:hover,.dock-tab:focus-visible { border-color:#bba4dd; box-shadow:0 14px 24px #3e352322; }.dock-tab.is-active { border-color:#9140fe; background:#faf5ff; box-shadow:0 14px 28px #9140fe1c; }.dock-logo { display:block; width:70px; height:70px; padding:8px; border:1px solid #eee7df; border-radius:18px; background:#fff; object-fit:contain; }.dock-name { font:700 .95rem/1.1 "Lilita",sans-serif; letter-spacing:.01em; }.dock-tab.is-active .dock-name { color:#6f27cb; }
@media (max-width:680px) { .tech { gap:28px; padding-top:56px; padding-bottom:56px; }.tech-dock { grid-template-columns:repeat(2,minmax(0,1fr)); }.dock-tab:last-child { grid-column:1 / -1; width:calc(50% - 7px); justify-self:center; }.dock-tab { min-height:120px; }.dock-logo { width:62px; height:62px; } }
@media (prefers-reduced-motion:reduce) { .dock-tab { transform:none!important; } }
.tech-heading h2 { font-family:"Lilita",sans-serif; letter-spacing:-.015em; }