.tech-page{padding:155px 0 85px;color:var(--ink);text-align:start}.tech-page *{box-sizing:border-box}.tech-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:10px 0 45px}.tech-kicker{display:block;font-size:12px;color:var(--blue);margin-bottom:16px;font-weight:650}.tech-page h1{font-size:clamp(34px,4.5vw,60px);line-height:1.4;letter-spacing:-.025em;margin:0 0 22px;max-width:20ch}.tech-page p{font-size:15px;line-height:1.95;color:var(--muted);margin:0}.tech-explore{display:inline-flex;gap:16px;margin-top:25px;text-decoration:none;color:var(--blue);font-size:14px}.tech-visual{position:relative;width:100%;aspect-ratio:400/360;max-width:450px;margin:auto;direction:ltr}.tech-connections{position:absolute;inset:0;width:100%;height:100%}.tech-connections path{fill:none;stroke:var(--blue);stroke-width:1;stroke-dasharray:4 6;opacity:.4;animation:tech-signal 24s linear infinite}.tech-core{position:absolute;left:36%;top:34%;width:28%;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid #dce5eb;border-radius:50%;z-index:1}.tech-core img{width:80%;height:80%;object-fit:contain}.tech-node{position:absolute;width:39%;height:22%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:19px;background:var(--card,#1b2028);animation:tech-drift 12s ease-in-out infinite}.tech-node-0{left:0;top:3%}.tech-node-1{right:0;top:9%;animation-delay:-3s}.tech-node-2{left:0;bottom:8%;animation-delay:-7s}.tech-node-3{right:0;bottom:1%;animation-delay:-5s}.tech-page :is(.tech-node,.tech-card-logo) .technology-logo{display:flex;align-items:center;justify-content:center;gap:9px}.tech-page :is(.tech-node,.tech-card-logo) img{height:34px;max-width:110px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.8}.tech-node .technology-logo span{font-size:11px}.tech-node .technology-logo img{max-width:65px;height:27px}.tech-page .tech-card-logo .technology-logo span{font-size:14px}.tech-page .tech-card-logo .hpe img{filter:grayscale(1);mix-blend-mode:multiply;height:48px}.tech-page .tech-card-logo .legacy-wordmark img{filter:grayscale(1)}html[data-theme=dark] .tech-page :is(.tech-node,.tech-card-logo) img{filter:grayscale(1) brightness(0) invert(1)}html[data-theme=dark] .tech-page .tech-card-logo .hpe img{filter:grayscale(1) invert(1);mix-blend-mode:screen}html[data-theme=dark] .tech-page .tech-card-logo .legacy-wordmark img{filter:grayscale(1) brightness(1.9)}
.tech-page #technologies{padding:25px 0 38px;border-block:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.tech-catalog{padding-top:65px;scroll-margin-top:125px}.tech-page h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:0 0 13px}.tech-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 15px}.tech-filters button{font:inherit;font-size:13px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:30px;padding:11px 18px;color:var(--muted);background:transparent;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.tech-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.tech-page .tech-status{font-size:12px;margin-bottom:20px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tech-card{min-width:0;padding:25px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:21px;background:var(--card,#1b2028);display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.tech-card:hover{transform:translateY(-4px);border-color:var(--blue)}.tech-card[hidden]{display:none}.tech-card-logo{height:62px;display:grid;place-items:center;margin-bottom:25px}.tech-card h3{font-size:17px;margin:0 0 8px;text-align:start}.tech-card p{font-size:13px;line-height:1.9}.tech-card-category{font-size:11px;color:var(--blue);padding-top:20px;margin-top:auto}.tech-contact{margin-top:65px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:26px;padding:35px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;background:var(--card,#1b2028)}.tech-contact h2{font-size:clamp(24px,2.8vw,32px)}.tech-contact-button{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--blue);border-radius:30px;color:#fff;text-decoration:none;padding:16px 25px;font-weight:650;font-size:14px}.tech-page :is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@keyframes tech-drift{50%{transform:translateY(-8px)}}@keyframes tech-signal{to{stroke-dashoffset:-200}}
@media(max-width:760px){.tech-page{padding-top:135px}.tech-hero{grid-template-columns:1fr;gap:30px}.tech-visual{max-width:360px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-card{padding:20px 15px}.tech-contact{grid-template-columns:1fr;padding:25px}.tech-catalog{padding-top:40px}.tech-filters button{padding:10px 14px}.tech-card-logo .technology-logo{flex-wrap:wrap}}
@media(max-width:420px){.tech-grid{grid-template-columns:1fr}.tech-card-logo{justify-content:start}.tech-card-logo .technology-logo{justify-content:flex-start}.tech-card{padding:24px}.tech-page h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.tech-page *{animation:none!important;transition:none!important}}
html[lang=fa] .tech-card h3{text-align:right}