.tech-page{--tg1:#4a93e6;--tg2:#8a5be0;--tg3:#e442c4;--tgrad:linear-gradient(108deg, var(--tg1), var(--tg2), var(--tg3));--tlive:#34d399;background:var(--bg-main);min-height:100vh;position:relative;overflow-x:clip}.tech-page>section{z-index:1}.tech-hero{flex-direction:column;justify-content:center;min-height:min(92svh,940px);padding:10.5rem 0 4.5rem;display:flex}.tech-hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2.5rem,5vw,5.5rem);display:grid;position:relative}main.tech-page>.tech-orb{filter:blur(75px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.tech-orb-a{background:radial-gradient(circle,#4a93e62b,#0000 65%);width:520px;height:520px;animation:38s ease-in-out infinite alternate home-orb-drift;top:-60px;left:-140px}.tech-orb-b{background:radial-gradient(circle,#e442c421,#0000 65%);width:620px;height:620px;animation:46s ease-in-out infinite alternate-reverse home-orb-drift;top:480px;right:-160px}.tech-chip{border:1px solid var(--glass-border);color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.6rem;padding:.5rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.tech-chip-pulse{background:var(--tlive);border-radius:50%;width:7px;height:7px;animation:2.6s ease-out infinite techLivePulse;box-shadow:0 0 #34d39980}.tech-h1{letter-spacing:-.025em;color:var(--text-main);margin:0 0 1.5rem;font-size:clamp(2.7rem,5.6vw,4.5rem);font-weight:800;line-height:1.04}.tech-h1-grad{background:var(--tgrad);color:#0000;-webkit-background-clip:text;background-clip:text}.tech-lead{color:var(--text-muted);max-width:34em;margin:0 0 2.2rem;font-size:clamp(1rem,1.4vw,1.13rem);line-height:1.8}.tech-hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.8rem;display:flex}.tech-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:1.8rem;margin:0;display:grid}.tech-stat{min-width:0;padding:.2rem 0}.tech-stat+.tech-stat{border-left:1px solid var(--glass-border);padding-left:1.8rem}.tech-stat dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.75;margin-bottom:.3rem;font-size:.72rem;font-weight:700}.tech-stat dd{color:var(--text-main);font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;font-weight:800}.tech-term{-webkit-backdrop-filter:blur(14px);background:#090f1bc7;border:1px solid #ffffff17;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000a6,0 0 130px -40px #8a5be066}.tech-term:before{content:"";background:var(--tgrad);opacity:.9;height:2px;position:absolute;inset:0 0 auto}.tech-term-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:.85rem 1.1rem;display:flex;position:relative}.tech-term-light{background:#ffffff24;border-radius:50%;width:11px;height:11px}.tech-term-light:first-child{background:#ff5f57}.tech-term-light:nth-child(2){background:#febc2e}.tech-term-light:nth-child(3){background:#28c840}.tech-term-title{letter-spacing:.04em;color:#cbd5e18c;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}.tech-term-body{color:#b7c6dc;padding:1.3rem 1.4rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.8rem,1.1vw,.88rem);line-height:2}.tech-term-line{white-space:nowrap;align-items:center;gap:.65rem;display:flex}.tech-term-cmd{color:#dde7f5}.tech-term-prompt{background:var(--tgrad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.tech-term-live{background:var(--tlive);width:7px;height:7px;animation:2.6s ease-out infinite techLivePulse;animation-delay:calc(var(--tl,0) * .3s);border-radius:50%;flex-shrink:0;box-shadow:0 0 #34d39973}.tech-term-name{color:#e7eefb}.tech-term-fill{border-bottom:1px dashed #ffffff1f;flex:1;min-width:1.2rem;transform:translateY(-.35em)}.tech-term-status{color:#7fe0b2}.tech-term-caret{background:#dde7f5;width:.56em;height:1.05em;display:inline-block;transform:translateY(.12em)}@keyframes techLivePulse{0%{box-shadow:0 0 #34d39973}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.tech-scroll-cue{z-index:1;width:1px;height:64px;position:absolute;bottom:1.4rem;left:50%;overflow:hidden;transform:translate(-50%)}.tech-scroll-cue span{background:linear-gradient(#0000,#e442c4e6);width:100%;height:100%;animation:2.4s cubic-bezier(.4,0,.2,1) infinite techCueDrop;display:block}@keyframes techCueDrop{0%{transform:translateY(-100%)}55%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:no-preference){.th-in{opacity:0;filter:blur(8px);animation:techIn .95s var(--ease-out-expo) forwards;animation-delay:var(--d,0s);transform:translateY(26px)}.tech-term .tech-term-line{opacity:0;animation:.5s ease-out forwards techTermLine;animation-delay:calc(.72s + var(--tl,0) * .13s);transform:translateY(5px)}.tech-term-caret{animation:1.1s steps(2,start) infinite techBlink}}@keyframes techIn{to{opacity:1;filter:blur();transform:none}}@keyframes techTermLine{to{opacity:1;transform:none}}@keyframes techBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tech-orb,.tech-chip-pulse,.tech-term-live,.tech-scroll-cue span{animation:none}.tech-scroll-cue{display:none}}.tech-stack-band{padding:1.5rem 0 0}.tech-stack-label{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);opacity:.65;margin:0 0 1.3rem;font-size:.72rem;font-weight:700}.tech-stack-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.tech-stack-track{gap:.9rem;min-width:max-content;padding-right:.9rem;animation:38s linear infinite techMarquee;display:flex}.tech-stack-marquee:hover .tech-stack-track{animation-play-state:paused}@keyframes techMarquee{to{transform:translate(-100%)}}.tech-stack-chip{border:1px solid var(--glass-border);color:var(--text-muted);white-space:nowrap;transition:border-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);background:#ffffff08;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.05rem;font-size:.85rem;font-weight:600;display:inline-flex}.tech-stack-chip:hover{color:var(--text-main);border-color:#8a5be080}.tech-stack-dot{background:var(--tgrad);border-radius:50%;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.tech-stack-track{flex-wrap:wrap;justify-content:center;min-width:0;animation:none}.tech-stack-track[aria-hidden]{display:none}.tech-stack-marquee{-webkit-mask-image:none;mask-image:none}}.tech-section{padding:6.5rem 0 0}#built{scroll-margin-top:110px}.tech-section-head{max-width:720px}.tech-section-head p{color:var(--text-muted);margin:1.4rem 0 0;line-height:1.75}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin-top:3rem;display:grid}.tech-card{border:1px solid var(--glass-border);transition:transform var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-slow) var(--ease-out-quart);will-change:transform;background:linear-gradient(#ffffff0b,#ffffff05);border-radius:20px;padding:1.9rem 1.85rem 2rem;position:relative;overflow:hidden}.tech-card:before{content:"";background:var(--tgrad);transform-origin:0;height:2px;transition:transform .55s var(--ease-out-expo);position:absolute;inset:0 0 auto;transform:scaleX(0)}.tech-card:after{content:"";pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #8a5be029, transparent 65%);opacity:0;transition:opacity .35s var(--ease-out-quart);position:absolute;inset:0}.tech-card:hover{border-color:#ffffff29;transform:translateY(-5px);box-shadow:0 24px 60px -24px #0000008c,0 0 44px -18px #8a5be059}.tech-card:hover:before{transform:scaleX(1)}.tech-card:hover:after{opacity:1}.tech-card-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.tech-card-icon{border:1px solid var(--glass-border);width:52px;height:52px;transition:box-shadow var(--dur-base) var(--ease-out-quart);background:#ffffff0a;border-radius:14px;place-items:center;display:grid}.tech-card:hover .tech-card-icon{box-shadow:0 0 26px -8px #e442c473}.tech-card-icon svg{fill:none;stroke:url(#techGrad);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tech-card-live{letter-spacing:.09em;text-transform:uppercase;color:#7fe0b2;white-space:nowrap;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;display:inline-flex}.tech-live-dot{background:var(--tlive);border-radius:50%;width:6px;height:6px;animation:2.6s ease-out infinite techLivePulse;box-shadow:0 0 #34d39973}@media (prefers-reduced-motion:reduce){.tech-live-dot{animation:none}}.tech-card h3{color:var(--text-main);z-index:1;margin:0 0 .5rem;font-size:1.16rem;position:relative}.tech-card p{color:var(--text-muted);z-index:1;margin:0;font-size:.96rem;line-height:1.7;position:relative}.tech-build{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem;margin-top:3rem;display:grid}.tech-build-item{border:1px solid var(--glass-border);transition:transform var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart);background:#ffffff07;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:1.55rem 1.6rem;display:flex;position:relative;overflow:hidden}.tech-build-item:before{content:"";background:var(--tgrad);opacity:.55;width:3px;transition:opacity var(--dur-base) var(--ease-out-quart);position:absolute;top:0;bottom:0;left:0}.tech-build-item:after{content:"";pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #4a93e61f, transparent 65%);opacity:0;transition:opacity .35s var(--ease-out-quart);position:absolute;inset:0}.tech-build-item:hover{border-color:#ffffff26;transform:translateY(-3px)}.tech-build-item:hover:before,.tech-build-item:hover:after{opacity:1}.tech-build-num{background:var(--tgrad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;min-width:2.5rem;font-size:1.85rem;font-weight:900;line-height:1;transform:translateY(.1rem)}.tech-build-txt strong{color:var(--text-main);margin-bottom:.35rem;font-size:1.02rem;display:block}.tech-build-txt span{color:var(--text-muted);font-size:.94rem;line-height:1.65}.tech-cta-wrap{padding-bottom:2rem}.tech-cta{text-align:center;background:#ffffff08;border-radius:28px;padding:clamp(2.6rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.tech-cta:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#4a93e699,#8a5be08c,#e442c499,#4a93e699) 0 0/300% 100%;padding:1px;animation:9s linear infinite techBorderShift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tech-cta:after{content:"";pointer-events:none;background:radial-gradient(60% 90% at 50% 0,#8a5be021,#0000 70%);position:absolute;inset:0}@keyframes techBorderShift{to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.tech-cta:before{animation:none}}.tech-cta-head{z-index:1;max-width:640px;margin:0 auto;position:relative}.tech-cta .section-title{font-size:clamp(1.7rem,3.4vw,2.5rem)}.tech-cta-head p{color:var(--text-muted);margin:1.3rem auto 0;line-height:1.75}.tech-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.2rem;display:flex}.tech-page a:focus-visible,.tech-page .btn:focus-visible{outline:2px solid var(--tg2);outline-offset:3px;border-radius:8px}@media (max-width:1080px){.tech-hero{min-height:0;padding-top:9rem}.tech-hero-inner{grid-template-columns:1fr}.tech-term{justify-self:center;width:100%;max-width:620px}.tech-scroll-cue{display:none}}@media (max-width:640px){.tech-hero{padding-top:8rem}.tech-stats{gap:1.1rem 1.6rem}.tech-stat+.tech-stat{padding-left:1.6rem}.tech-section{padding-top:5rem}.tech-card{padding:1.6rem 1.5rem 1.7rem}.tech-build-item{padding:1.35rem 1.3rem}.tech-build-num{min-width:2.1rem;font-size:1.55rem}.tech-term-body{line-height:1.9}}