/* =========================================================
   HOME — TECHNOLOGY STACK
   ========================================================= */
.technology-stack-section{background:#fff;padding-top:105px;padding-bottom:120px}
.technology-stack-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:45px}
.technology-stack-heading h2{font:800 clamp(42px,5vw,65px)/1 Manrope;letter-spacing:-.055em;color:#172638;margin:20px 0 0}
.technology-stack-heading h2 span{color:var(--orange)}
.technology-stack-heading>p{max-width:430px;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 5px}
.technology-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.technology-card{position:relative;min-height:220px;border:1px solid #dfe5ea;border-radius:22px;background:linear-gradient(150deg,#fff,#f8fafc);padding:22px;overflow:hidden;transition:.35s ease}
.technology-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-46px;bottom:-46px;border:1px solid color-mix(in srgb,var(--tech-accent) 28%,transparent);box-shadow:0 0 0 24px color-mix(in srgb,var(--tech-accent) 4%,transparent)}
.technology-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tech-accent) 36%,#dfe5ea);box-shadow:0 24px 50px rgba(34,52,75,.09)}
.technology-card-top{display:flex;justify-content:space-between;align-items:center}
.technology-index{font:800 9px Manrope;letter-spacing:.1em;color:#a0aab4}
.technology-type{font:800 8px Manrope;letter-spacing:.12em;color:var(--tech-accent)}
.technology-icon{width:53px;height:53px;border-radius:16px;margin:28px 0 17px;background:var(--tech-accent);color:#fff;display:grid;place-items:center;font:800 14px Manrope;box-shadow:0 12px 22px color-mix(in srgb,var(--tech-accent) 22%,transparent)}
.technology-card h3{font:800 19px Manrope;color:#172638;margin:0 0 8px;letter-spacing:-.03em}
.technology-card p{font-size:11px;line-height:1.65;color:#72808d;margin:0;max-width:230px}
.technology-languages-heading{margin:78px 0 25px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.technology-languages-heading h3{font:800 33px/1.04 Manrope;color:#172638;letter-spacing:-.045em;margin:18px 0 0}
.technology-languages-heading h3 span{color:var(--orange)}
.technology-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.language-card{display:flex;align-items:center;gap:15px;min-height:95px;border:1px solid #dfe5ea;border-radius:18px;padding:17px 18px;background:#fff;transition:.3s ease}
.language-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(34,52,75,.08)}
.language-icon{width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:color-mix(in srgb,var(--tech-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--tech-accent) 24%,#dfe5ea);color:var(--tech-accent);display:grid;place-items:center;font:800 10px Manrope}
.language-card strong{display:block;font:800 14px Manrope;color:#172638}
.language-card p{font-size:10px;color:#7c8996;line-height:1.55;margin:4px 0 0}
.technology-empty{grid-column:1/-1;padding:25px;border:1px dashed #cfd8df;border-radius:16px;color:var(--muted)}
@media(max-width:1050px){.technology-stack-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.technology-stack-heading{display:block}.technology-stack-heading>p{margin-top:18px}.technology-stack-grid{grid-template-columns:repeat(2,1fr)}.technology-language-grid{grid-template-columns:1fr 1fr}.technology-languages-heading{display:block}}
@media(max-width:520px){.technology-stack-section{padding-top:80px;padding-bottom:90px}.technology-stack-heading h2{font-size:43px}.technology-stack-grid{grid-template-columns:1fr}.technology-card{min-height:190px}.technology-language-grid{grid-template-columns:1fr}.technology-languages-heading h3{font-size:30px}}