.tech-page{max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem;min-height:100vh}.tech-hero{text-align:center;margin-bottom:4rem}.tech-hero-top{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1.25rem}.tech-back{position:absolute;left:0;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s ease}.tech-back:hover{color:#7c3aed}.tech-hero-spacer{position:absolute;right:0;width:120px}.tech-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#7c3aed;letter-spacing:.04em;text-shadow:0 0 40px rgba(124,58,237,.3)}.tech-subtitle{font-family:var(--font-mono);font-size:var(--fs-md);color:rgba(255,255,255,.8);max-width:520px;margin:.75rem auto 0;line-height:var(--lh-relaxed)}.tech-modules{margin-bottom:5rem}.tech-scroll-hint{display:none}.tech-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);gap:0;overflow-x:auto;scrollbar-width:none}.tech-tabs::-webkit-scrollbar{display:none}.tech-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.1rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:border-color .25s ease;position:relative}.tech-tab:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.06)}.tech-tab:last-child:after{display:none}.tech-tab-number{font-family:var(--font-mono);font-size:.8rem;color:rgba(168,85,247,.5);letter-spacing:.12em}.tech-tab-number,.tech-tab-title{text-transform:uppercase;transition:color .25s ease}.tech-tab-title{font-family:var(--font-display);font-size:clamp(.7rem,1.1vw,.85rem);font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tech-tab:hover .tech-tab-number{color:rgba(168,85,247,.75)}.tech-tab:hover .tech-tab-title{color:rgba(255,255,255,.7)}.tech-tab.active{border-bottom-color:#7c3aed}.tech-tab.active .tech-tab-number{color:#c084fc}.tech-tab.active .tech-tab-title{color:#ffffff}.tech-panel{padding:2.5rem 0 0;animation:techPanelIn .35s ease both}@keyframes techPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tech-panel-header{margin-bottom:1.5rem}.tech-panel-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#ffffff;margin-bottom:.5rem}.tech-panel-tagline{font-family:var(--font-mono);font-size:var(--fs-md);color:#a855f7;line-height:var(--lh-normal)}.tech-panel-description{font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.85);line-height:1.85;max-width:720px;margin-bottom:2.5rem}.tech-panel-details{border-top:1px solid rgba(255,255,255,.08)}.tech-detail-row{display:grid;grid-template-columns:2.5rem 1fr 2fr;gap:1.25rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease}.tech-detail-row:hover{background:rgba(255,255,255,.02)}.tech-detail-index{font-family:var(--font-mono);font-size:.85rem;color:#a855f7;font-weight:600}.tech-detail-label{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:rgba(255,255,255,.95)}.tech-detail-note{font-family:var(--font-mono);font-size:.88rem;color:rgba(255,255,255,.75);line-height:1.55}.tech-pipeline-section{margin-bottom:5rem}.tech-pipeline-heading{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:#ffffff;text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.tech-pipeline-sub{font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.7);text-align:center;margin-bottom:3rem}.tech-pipeline-flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:2.5rem}.tech-pipeline-line{right:calc(100% / 12);background:rgba(124,58,237,.15)}.tech-pipeline-line,.tech-pipeline-line-active{position:absolute;top:19px;left:calc(100% / 12);height:1px}.tech-pipeline-line-active{background:#7c3aed;transition:width .4s cubic-bezier(.4,0,.2,1)}.tech-flow-node{z-index:1;flex-direction:column;gap:.75rem;background:none;border:none;cursor:pointer;padding:0}.tech-flow-dot,.tech-flow-node{position:relative;display:flex;align-items:center}.tech-flow-dot{width:38px;height:38px;border-radius:50%;background:#080a12;border:1px solid rgba(124,58,237,.2);justify-content:center;transition:border-color .3s ease,background .3s ease}.tech-flow-dot-number{font-family:var(--font-mono);font-size:.72rem;color:rgba(255,255,255,.3);transition:color .3s ease}.tech-flow-node:hover .tech-flow-dot{border-color:rgba(124,58,237,.45)}.tech-flow-node:hover .tech-flow-dot-number{color:rgba(255,255,255,.55)}.tech-flow-node.active .tech-flow-dot{border-color:#7c3aed;background:#100e1e}.tech-flow-node.active .tech-flow-dot-number{color:#c084fc}.tech-flow-node.passed .tech-flow-dot{border-color:rgba(124,58,237,.35);background:#0c0b18}.tech-flow-node.passed .tech-flow-dot-number{color:rgba(168,85,247,.65)}.tech-flow-label{font-family:var(--font-mono);font-size:.75rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em;max-width:100px;text-align:center;line-height:1.3;transition:color .3s ease}.tech-flow-node:hover .tech-flow-label{color:rgba(255,255,255,.6)}.tech-flow-node.active .tech-flow-label{color:#ffffff}.tech-flow-node.passed .tech-flow-label{color:rgba(255,255,255,.5)}.tech-pipeline-terminal{border:1px solid rgba(124,58,237,.2);border-radius:8px;overflow:hidden;animation:techPanelIn .3s ease both}.tech-terminal-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:rgba(124,58,237,.06);border-bottom:1px solid rgba(124,58,237,.12)}.tech-terminal-dot{width:8px;height:8px;border-radius:50%}.tech-terminal-dot:first-child{background:rgba(239,68,68,.5)}.tech-terminal-dot:nth-child(2){background:rgba(234,179,8,.5)}.tech-terminal-dot:nth-child(3){background:rgba(34,197,94,.5)}.tech-terminal-title{font-family:var(--font-mono);font-size:.75rem;color:rgba(255,255,255,.4);margin-left:.5rem}.tech-terminal-body{padding:1.5rem 1.75rem}.tech-terminal-line{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.tech-terminal-prompt{font-family:var(--font-mono);font-size:.9rem;color:#7c3aed}.tech-terminal-cmd{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#ffffff}.tech-terminal-output{font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.8);line-height:1.7;padding-left:1.4rem;max-width:600px;min-height:1.5em}.tech-terminal-cursor{display:inline-block;width:8px;height:1.1em;background:#7c3aed;margin-left:2px;vertical-align:text-bottom;animation:termBlink .7s step-end infinite}@keyframes termBlink{0%,to{opacity:1}50%{opacity:0}}.tech-stats{display:flex;justify-content:center;gap:3rem;padding:2rem 0;margin-bottom:4rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.tech-stat{text-align:center}.tech-stat-number{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;color:#7c3aed}.tech-stat-label{font-family:var(--font-mono);font-size:var(--fs-sm);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}.tech-world{margin-bottom:5rem;padding:3rem 0;border-top:1px solid rgba(124,58,237,.12)}.tech-world-heading{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:#ffffff;text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2rem}.tech-world-body{max-width:680px;margin:0 auto}.tech-world-body p{font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.8);line-height:1.9;margin-bottom:1.5rem}.tech-world-body p:last-child{margin-bottom:0}.tech-cta{text-align:center}.tech-cta-heading{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;color:rgba(255,255,255,.95);margin-bottom:.5rem}.tech-cta-sub{font-family:var(--font-mono);font-size:var(--fs-base);color:rgba(255,255,255,.65);margin-bottom:1.5rem}.tech-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tech-cta-primary{font-family:var(--font-mono);font-size:var(--fs-base);padding:.75rem 2rem;border-radius:6px;border:none;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#000;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tech-cta-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(124,58,237,.3)}.tech-cta-secondary{font-family:var(--font-mono);font-size:var(--fs-base);padding:.75rem 2rem;border-radius:6px;border:1px solid rgba(124,58,237,.5);background:transparent;color:#a855f7;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}.tech-cta-secondary:hover{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.7)}@media (max-width:900px){.tech-tab{padding:.85rem .75rem}.tech-tab-title{font-size:.65rem}.tech-detail-row{grid-template-columns:2rem 1fr;gap:.5rem}.tech-detail-note{grid-column:2/-1;margin-top:-.25rem}.tech-flow-label{font-size:.65rem;max-width:70px}.tech-flow-dot{width:32px;height:32px}.tech-flow-dot-number{font-size:.62rem}.tech-pipeline-line,.tech-pipeline-line-active{top:16px}}@media (max-width:700px){.tech-page{padding:5rem 1.25rem 3rem}.tech-hero{margin-bottom:2.5rem}.tech-hero-top{flex-direction:column;gap:.75rem}.tech-back{position:static}.tech-hero-spacer{display:none}.tech-modules{position:relative}.tech-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.tech-tab{min-width:130px;flex:0 0 auto;padding:.85rem 1rem}.tech-tab-title{font-size:.65rem}.tech-scroll-hint{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-top:.75rem;font-family:var(--font-mono);font-size:.75rem;color:rgba(255,255,255,.55);letter-spacing:.06em;animation:techHintPulse 2s ease-in-out infinite}.tech-scroll-hint-arrow{font-size:1.1em}@keyframes techHintPulse{0%,to{opacity:.55}50%{opacity:.85}}.tech-panel{padding:1.5rem 0 0}.tech-panel-description{margin-bottom:1.5rem}.tech-detail-row{grid-template-columns:2rem 1fr;gap:.5rem}.tech-detail-label{font-size:.85rem}.tech-detail-note{grid-column:2/-1;margin-top:-.25rem}.tech-pipeline-flow{grid-template-columns:repeat(3,1fr);gap:.75rem 0;overflow:visible}.tech-pipeline-line,.tech-pipeline-line-active{display:none}.tech-flow-dot{width:34px;height:34px}.tech-flow-label{font-size:.65rem;max-width:80px}.tech-pipeline-section,.tech-stats{margin-bottom:3rem}.tech-stats{gap:1.5rem;flex-wrap:wrap}.tech-cta-buttons{flex-direction:column;align-items:center}.tech-cta-primary,.tech-cta-secondary{width:100%;max-width:280px;text-align:center}.tech-terminal-body{padding:1.25rem}}