:root{--bg-primary: #000000;--bg-secondary: #0A0A0F;--bg-tertiary: #0D0F18;--accent-blue: #2D5BFF;--accent-violet: #6C5CE7;--border-light: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--card-shadow: 0 10px 30px rgba(0, 0, 0, .3);--glow-blue: 0 0 22px rgba(45, 91, 255, .15);--glow-violet: 0 0 18px rgba(108, 92, 231, .1)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.section-bg-alt:nth-child(2n){background-color:var(--bg-secondary)}.site-container{max-width:1120px;margin:0 auto;width:100%;padding-left:24px;padding-right:24px}@media (min-width: 768px){.site-container{padding-left:40px;padding-right:40px}}@media (min-width: 1024px){.site-container{padding-left:64px;padding-right:64px}}.text-gradient{background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.glow-text{text-shadow:0 0 28px rgba(45,91,255,.14),0 0 24px rgba(108,92,231,.1)}.glow-box-hover{transition:box-shadow .3s ease,transform .3s ease}.glow-box-hover:hover{box-shadow:0 0 26px #2d5bff29;transform:translateY(-1px)}.system-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;padding:24px 20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;height:100%;margin-bottom:2rem}@media (min-width: 768px){.system-card{padding:36px 32px}}.system-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--card-shadow)}.system-card .border-b{border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;background:radial-gradient(circle,#2d5bff14,#0000 70%);pointer-events:none;z-index:0}.reveal-line{opacity:0;transition:opacity .3s ease}.reveal-line.active{opacity:1;animation:drawLine .8s ease-out forwards}.reveal-node{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.reveal-node.active{opacity:1;transform:translateY(0)}@keyframes drawLine{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width: 768px){@keyframes drawLine{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}}.hero-grid-bg{--grid-y: 0px;--grid-alpha: .06;background-image:linear-gradient(rgba(255,255,255,var(--grid-alpha)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,var(--grid-alpha)) 1px,transparent 1px);background-size:32px 32px;background-position:0 var(--grid-y);background-repeat:repeat;will-change:background-position}@media (prefers-reduced-motion: reduce){.hero-grid-bg{--grid-y: 0px !important;--grid-alpha: .06 !important;background-position:0 0!important;will-change:auto}}.animate-spine-grow{animation:growHeight 2.5s ease-out both}.animate-card-reveal{animation:fadeUp .8s ease-out both}.animate-node-pulse{animation:fadeInPulse .5s ease-out both}@keyframes growHeight{0%{height:0}to{height:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInPulse{0%{opacity:0}to{opacity:1;box-shadow:0 0 16px #ffffffe6}}@media (prefers-reduced-motion: reduce){.animate-spine-grow{height:100%!important;animation:none!important}.animate-card-reveal,.animate-node-pulse{opacity:1!important;transform:none!important;animation:none!important}.animate-gradient-text{background-position:100% 50%!important;animation:none!important}}.animate-gradient-text{background-image:linear-gradient(90deg,#fff,#fff 45%,#3b82f6 75%,#8b5cf6);background-size:300% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientReveal 1.2s ease-out .2s forwards}@keyframes gradientReveal{0%{background-position:0% 50%}to{background-position:100% 50%}}