.tech-hero{color:var(--color-white);background:linear-gradient(150deg,#0b0f19 0%,#031430 55%,#0d1f3c 100%);padding-block:120px 100px;position:relative;overflow:hidden}.tech-hero:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(at 5% 30%,#2fd4e824 0%,#0000 50%),radial-gradient(at 95% 70%,#3469b424 0%,#0000 50%);position:absolute;inset:0}.tech-hero:after{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#2fd4e809 1px,#0000 1px),linear-gradient(90deg,#2fd4e809 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0}.tech-hero-inner{z-index:3;max-width:1280px;margin:0 auto;padding-inline:24px;position:relative}.tech-hero-layout{grid-template-columns:1.25fr .75fr;align-items:center;gap:64px;display:grid}@media (max-width:1024px){.tech-hero-layout{text-align:center;grid-template-columns:1fr;gap:40px}}.tech-hero-copy{flex-direction:column;gap:24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards techFadeInUp;display:flex}.tech-hero-eyebrow{letter-spacing:.1em;font-family:var(--font-mono);color:#2fd4e8;text-transform:uppercase;margin:0;font-size:clamp(14px,1.1vw,18px)}.tech-hero-title{color:var(--color-white);margin:0;font-size:clamp(34px,4.5vw,54px);font-weight:700;line-height:1.2}.tech-hero-desc{color:#cbd5e1;max-width:680px;margin:0;font-size:clamp(16px,1.15vw,20px);line-height:1.6}.tech-hero-visual{opacity:0;justify-content:center;align-items:center;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards techFadeInUp;display:flex}.tech-visual-wrapper{aspect-ratio:1;width:100%;max-width:380px;position:relative}.tech-hero-visual-interactive{overflow:visible}.tech-hero-visual-svg{display:block;overflow:visible}.tech-vis-orbit,.tech-vis-mesh,.tech-vis-link,.tech-vis-node-ring,.tech-vis-node-dot,.tech-vis-node-label,.tech-vis-hub-glow,.tech-vis-hub-ring,.tech-vis-hub-label{transition:opacity .28s,stroke .28s,stroke-width .28s,fill .28s,filter .28s}.tech-vis-node{cursor:default}.tech-hero-visual-svg:hover .tech-vis-node:not(:hover){opacity:.45}.tech-hero-visual-svg:hover .tech-vis-mesh{opacity:.25}.tech-hero-visual-svg:hover .tech-vis-orbit{opacity:.55;stroke:#2fd4e859}.tech-vis-node:hover .tech-vis-node-ring{fill:#2fd4e824;stroke:#2fd4e8;stroke-width:2px}.tech-vis-node:hover .tech-vis-node-dot{filter:url(#tech-glow);opacity:1}.tech-vis-node:hover .tech-vis-node-label{fill:#fff}.tech-hero-visual-svg:has(.tech-vis-node:hover) .tech-vis-link{opacity:.25}:is(.tech-hero-visual-svg:has([data-part=languages]:hover) [data-link=languages],.tech-hero-visual-svg:has([data-part=frontend]:hover) [data-link=frontend],.tech-hero-visual-svg:has([data-part=backend]:hover) [data-link=backend],.tech-hero-visual-svg:has([data-part=ai]:hover) [data-link=ai],.tech-hero-visual-svg:has([data-part=cloud]:hover) [data-link=cloud],.tech-hero-visual-svg:has([data-part=database]:hover) [data-link=database]){opacity:1;stroke:#2fd4e8;stroke-width:2.5px;stroke-dasharray:none}.tech-hero-visual-svg:has(.tech-vis-node:hover) .tech-vis-hub-ring{fill:#2fd4e833;stroke:#2fd4e8;stroke-width:2px}.tech-hero-visual-svg:has(.tech-vis-node:hover) .tech-vis-hub-glow{fill:#3469b466}.tech-vis-hub{cursor:default}.tech-vis-hub:hover .tech-vis-hub-ring{fill:#2fd4e840;stroke:#7dd3fc;stroke-width:2px}.tech-vis-hub:hover .tech-vis-hub-label{fill:#7dd3fc}.tech-vis-hub:hover .tech-vis-hub-glow{fill:#2fd4e833}@media (prefers-reduced-motion:reduce){.tech-vis-orbit,.tech-vis-mesh,.tech-vis-link,.tech-vis-node-ring,.tech-vis-node-dot,.tech-vis-node-label,.tech-vis-hub-glow,.tech-vis-hub-ring,.tech-vis-hub-label,.tech-vis-node{transition:none}}@keyframes techFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-stack-sec{background-color:var(--color-white);padding-block:100px}.tech-stack-inner{max-width:1280px;margin:0 auto;padding-inline:24px}.tech-stack-header{text-align:center;margin-bottom:64px}.tech-stack-title-block{flex-direction:column;gap:16px;display:flex}.tech-stack-title{color:var(--color-navy);margin:0;font-size:clamp(28px,3vw,42px);font-weight:700}.tech-grid-container{background:var(--color-white);border:1px solid #e2e8f0;overflow:hidden}.tech-row{border-bottom:1px solid #e2e8f0;grid-template-columns:220px minmax(0,1fr);min-width:0;min-height:108px;transition:background-color .25s;display:grid}.tech-row:last-child{border-bottom:none}.tech-category-cell{color:#475569;letter-spacing:.04em;text-transform:uppercase;background:#f3f5f8;border-right:1px solid #e2e8f0;align-items:center;gap:12px;padding:20px 18px;font-size:13px;font-weight:700;line-height:1.35;transition:background-color .25s,color .25s;display:flex}.tech-category-marker{opacity:0;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .25s,transform .25s;display:flex;transform:scale(.75)}.tech-category-marker svg{width:14px;height:14px}.tech-category-text{flex:1}.tech-row-track{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--color-white);min-width:0;transition:background-color .25s;overflow:auto hidden}.tech-row-track::-webkit-scrollbar{display:none}.tech-row-track-inner{align-items:stretch;width:max-content;display:flex}.tech-row-track--step{scroll-behavior:auto;overflow:hidden}@media (prefers-reduced-motion:reduce){.tech-row-track--step{overflow-x:auto}}.tech-item-cell{scroll-snap-align:start;background:0 0;border-right:1px solid #e2e8f0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;width:118px;padding:18px 12px;transition:background-color .2s;display:flex}.tech-item-cell:last-child{border-right:none}.tech-item-icon{flex-shrink:0;width:40px;height:40px}.tech-item-label{color:#334155;text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:12px;font-weight:600;line-height:1.35}.tech-row:hover .tech-category-cell{color:var(--color-white);background:#1e3a8a}.tech-row:hover .tech-category-marker{opacity:1;transform:scale(1)}.tech-row:hover .tech-row-track{background:#eef4fc}.tech-row:hover .tech-item-cell:hover{background:#3469b414}@media (max-width:768px){.tech-row{grid-template-columns:1fr;min-height:0}.tech-category-cell{text-align:center;border-bottom:1px solid #e2e8f0;border-right:none;justify-content:center;padding-block:14px}.tech-row-track{min-height:108px}.tech-item-cell{width:100px;padding-block:16px}}.tech-cta-sec{background:#f8fafc;padding-block:80px 120px}.tech-cta-inner{max-width:1280px;margin:0 auto;padding-inline:24px}.tech-cta-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#0b0f19 0%,#1a3a6e 60%,#3469b4 100%);border-radius:28px;flex-direction:column;align-items:center;gap:28px;padding:72px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00265a33}.tech-cta-banner:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#2fd4e826 0%,#0000 50%),radial-gradient(circle at 80%,#2fd4e81a 0%,#0000 50%);position:absolute;inset:0}.tech-cta-title{color:#fff;z-index:1;max-width:720px;margin:0;font-size:clamp(24px,2.8vw,38px);font-weight:800;line-height:1.3;position:relative}.tech-cta-desc{opacity:.85;color:#fff;z-index:1;max-width:600px;margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.65;position:relative}.tech-cta-btn{color:#0b0f19;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:999px;padding:16px 40px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,color .2s;display:inline-block;position:relative}.tech-cta-btn:hover{color:#3469b4;transform:translateY(-3px);box-shadow:0 12px 32px #ffffff40}@media (max-width:640px){.tech-cta-banner{border-radius:20px;padding:48px 28px}}