@property --px{syntax:"<length>";inherits:false;initial-value:0}@property --py{syntax:"<length>";inherits:false;initial-value:0}.hero-parallax{will-change:transform;transition:--px .4s ease-out,--py .4s ease-out}.hero-root{contain:layout paint}.hero-blob{backface-visibility:hidden;transform:translateZ(0)}@keyframes aurora-1{0%,to{transform:translate(calc(-50% + var(--px,0px)), calc(0px + var(--py,0px))) scale(1);opacity:.9}33%{transform:translate(calc(-45% + var(--px,0px)), calc(40px + var(--py,0px))) scale(1.15);opacity:1}66%{transform:translate(calc(-55% + var(--px,0px)), calc(-20px + var(--py,0px))) scale(.95);opacity:.8}}@keyframes aurora-2{0%,to{transform:translate(var(--px,0px), var(--py,0px)) scale(1);opacity:.8}50%{transform:translate(calc(-60px + var(--px,0px)), calc(40px + var(--py,0px))) scale(1.2);opacity:1}}@keyframes aurora-3{0%,to{transform:translate(var(--px,0px), var(--py,0px)) scale(1);opacity:.7}50%{transform:translate(calc(80px + var(--px,0px)), calc(-30px + var(--py,0px))) scale(1.15);opacity:1}}.animate-aurora-1{animation:14s ease-in-out infinite aurora-1}.animate-aurora-2{animation:18s ease-in-out infinite aurora-2}.animate-aurora-3{animation:20s ease-in-out infinite aurora-3}@keyframes line-pulse{0%{stroke-dasharray:0 200;stroke-dashoffset:0;opacity:0}15%{opacity:1}60%{stroke-dasharray:200 200;stroke-dashoffset:-200px;opacity:1}to{stroke-dasharray:200 200;stroke-dashoffset:-400px;opacity:0}}.animate-line-pulse{stroke-dasharray:0 200;animation:4s ease-in-out infinite line-pulse}@keyframes node-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}.animate-node-pulse{transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite node-pulse}@keyframes particle-1{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(20px,-30px)}}@keyframes particle-2{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.9;transform:translate(-25px,-20px)}}@keyframes particle-3{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(15px,25px)}}.animate-particle-1{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite particle-1}.animate-particle-2{transform-origin:50%;transform-box:fill-box;animation:7s ease-in-out infinite particle-2}.animate-particle-3{transform-origin:50%;transform-box:fill-box;animation:8s ease-in-out infinite particle-3}.hero-node{transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes hero-synapse-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-60px}}.hero-synapse-line{animation:1.2s linear infinite hero-synapse-dash}@media (max-width:767px){.hero-particles{display:none}.hero-svg{opacity:.35}.animate-aurora-1{animation-duration:22s}.animate-aurora-2{animation-duration:28s}.animate-aurora-3{animation-duration:30s}.animate-line-pulse{animation-duration:6s}.animate-node-pulse{animation-duration:5s}}@media (prefers-reduced-motion:reduce){.animate-aurora-1,.animate-aurora-2,.animate-aurora-3,.animate-line-pulse,.animate-node-pulse,.animate-particle-1,.animate-particle-2,.animate-particle-3,.animate-pulse-glow,.animate-float,.animate-gradient,.hero-synapse-line,.hero-node,.hero-parallax{transition:none!important;animation:none!important}}.pillar-scan{background-image:linear-gradient(to right, color-mix(in oklch, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--border) 40%, transparent) 1px, transparent 1px);opacity:.35;background-size:64px 64px;-webkit-mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%)}.pillar-card{--pillar-color:var(--primary);--pillar-color-2:var(--accent-secondary);isolation:isolate;contain:layout paint}.pillar-accent-primary{--pillar-color:#008ed8;--pillar-color-2:#00aad2}@supports (color:lab(0% 0 0)){.pillar-accent-primary{--pillar-color:lab(55.1905% -10.6169 -62.7397);--pillar-color-2:lab(63.7141% -43.0559 -50.6609)}}.pillar-accent-emerald{--pillar-color:#00b57a;--pillar-color-2:#00c2a8}@supports (color:lab(0% 0 0)){.pillar-accent-emerald{--pillar-color:lab(65.2439% -61.8686 21.3525);--pillar-color-2:lab(70.028% -71.9972 -.442874)}}.pillar-accent-indigo{--pillar-color:#736dff;--pillar-color-2:#ae71ff}@supports (color:lab(0% 0 0)){.pillar-accent-indigo{--pillar-color:lab(52.6956% 35.7605 -76.9126);--pillar-color-2:lab(58.9322% 54.9843 -74.0284)}}.pillar-card:before{content:"";background:radial-gradient(ellipse 60% 40% at 50% 100%, color-mix(in oklch, var(--pillar-color) 12%, transparent), transparent 70%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;inset:0}.pillar-card:hover:before{opacity:1}.pillar-corner-tl,.pillar-corner-br{pointer-events:none;width:14px;height:14px;transition:all .4s cubic-bezier(.2,.9,.3,1.2);position:absolute}.pillar-corner-tl{border-top:1.5px solid color-mix(in oklch, var(--pillar-color) 55%, transparent);border-left:1.5px solid color-mix(in oklch, var(--pillar-color) 55%, transparent);top:16px;left:16px}.pillar-corner-br{border-bottom:1.5px solid color-mix(in oklch, var(--pillar-color) 55%, transparent);border-right:1.5px solid color-mix(in oklch, var(--pillar-color) 55%, transparent);bottom:16px;right:16px}.pillar-card:hover .pillar-corner-tl{border-color:var(--pillar-color);width:22px;height:22px;box-shadow:-2px -2px 20px -4px color-mix(in oklch, var(--pillar-color) 60%, transparent);top:10px;left:10px}.pillar-card:hover .pillar-corner-br{border-color:var(--pillar-color);width:22px;height:22px;box-shadow:2px 2px 20px -4px color-mix(in oklch, var(--pillar-color) 60%, transparent);bottom:10px;right:10px}.pillar-beam{pointer-events:none;opacity:0;background:linear-gradient(115deg, transparent 30%, color-mix(in oklch, var(--pillar-color) 35%, transparent) 48%, color-mix(in oklch, var(--pillar-color-2) 50%, transparent) 50%, color-mix(in oklch, var(--pillar-color) 35%, transparent) 52%, transparent 70%);mix-blend-mode:plus-lighter;z-index:1;background-position:100% 0;background-size:300% 300%;transition:opacity .4s;position:absolute;inset:0}.pillar-card:hover .pillar-beam{opacity:.6;animation:2.4s ease-in-out infinite pillar-beam-sweep}@keyframes pillar-beam-sweep{0%{background-position:100% 0}to{background-position:0 100%}}.pillar-icon-wrap{width:52px;height:52px;color:var(--pillar-color);background:color-mix(in oklch, var(--pillar-color) 8%, transparent);border:1px solid color-mix(in oklch, var(--pillar-color) 25%, transparent);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);border-radius:2px;justify-content:center;align-items:center;transition:all .4s;display:inline-flex;position:relative}.pillar-card:hover .pillar-icon-wrap{background:color-mix(in oklch, var(--pillar-color) 14%, transparent);border-color:color-mix(in oklch, var(--pillar-color) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--pillar-color) 15%, transparent), 0 8px 30px -10px color-mix(in oklch, var(--pillar-color) 45%, transparent)}.pillar-icon-wrap:after{content:"";background:var(--pillar-color);opacity:0;width:6px;height:6px;box-shadow:0 0 8px var(--pillar-color);border-radius:999px;transition:opacity .3s;position:absolute;top:-1px;right:-1px}.pillar-card:hover .pillar-icon-wrap:after{opacity:1}@media (prefers-reduced-motion:reduce){.pillar-card:before,.pillar-corner-tl,.pillar-corner-br,.pillar-beam,.pillar-icon-wrap,.pillar-icon-wrap:after{transition:none!important;animation:none!important}.pillar-card:hover .pillar-beam{animation:none!important}}.feature-grid{background-image:linear-gradient(to right, color-mix(in oklch, var(--border) 35%, transparent) 1px, transparent 1px);opacity:.4;background-size:120px 120px;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.feature-card{contain:layout paint}.feature-rail{background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--primary) 30%, transparent) 30%, color-mix(in oklch, var(--primary) 30%, transparent) 70%, transparent);width:1px;transition:all .5s;position:absolute;top:0;bottom:0;left:0}.feature-card:hover .feature-rail{background:linear-gradient(to bottom, transparent, var(--primary) 30%, var(--primary) 70%, transparent);width:2px;box-shadow:0 0 14px -2px color-mix(in oklch, var(--primary) 60%, transparent)}.feature-icon-frame{width:44px;height:44px;color:var(--primary);background:color-mix(in oklch, var(--primary) 6%, transparent);border:1px solid color-mix(in oklch, var(--primary) 20%, transparent);clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);justify-content:center;align-items:center;transition:all .4s;display:inline-flex;position:relative}.feature-card:hover .feature-icon-frame{background:color-mix(in oklch, var(--primary) 12%, transparent);border-color:color-mix(in oklch, var(--primary) 50%, transparent);box-shadow:0 6px 24px -10px color-mix(in oklch, var(--primary) 50%, transparent)}@media (prefers-reduced-motion:reduce){.feature-rail,.feature-icon-frame{transition:none!important}}.chapter-marker{--chapter-color:var(--primary)}.divider-accent-primary{--chapter-color:#008ed8}@supports (color:lab(0% 0 0)){.divider-accent-primary{--chapter-color:lab(55.1905% -10.6169 -62.7397)}}.divider-accent-emerald{--chapter-color:#00b57a}@supports (color:lab(0% 0 0)){.divider-accent-emerald{--chapter-color:lab(65.2439% -61.8686 21.3525)}}.divider-accent-indigo{--chapter-color:#736dff}@supports (color:lab(0% 0 0)){.divider-accent-indigo{--chapter-color:lab(52.6956% 35.7605 -76.9126)}}.chapter-bar{background:linear-gradient(to right, var(--chapter-color), transparent);width:24px;height:1px;display:inline-block}@keyframes chapter-pulse-sweep{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(1200%)}}.chapter-pulse{animation:4s ease-in-out 1s infinite chapter-pulse-sweep}@media (prefers-reduced-motion:reduce){.chapter-pulse{opacity:0!important;animation:none!important}}.constellation-bg{background-image:radial-gradient(circle at 20% 30%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 40%), radial-gradient(circle at 80% 70%, color-mix(in oklch, var(--accent-secondary) 8%, transparent), transparent 40%)}.constellation-grid{border-top:1px solid color-mix(in oklch, var(--border) 50%, transparent);border-left:1px solid color-mix(in oklch, var(--border) 50%, transparent);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;display:grid}.constellation-node{border-right:1px solid color-mix(in oklch, var(--border) 50%, transparent);border-bottom:1px solid color-mix(in oklch, var(--border) 50%, transparent);isolation:isolate;min-height:220px;padding:28px 24px;transition:background .4s;display:block;position:relative}.constellation-node:hover{background:color-mix(in oklch, var(--primary) 4%, transparent)}.constellation-node:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 100%, color-mix(in oklch, var(--primary) 10%, transparent), transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .5s;position:absolute;inset:0}.constellation-node:hover:before{opacity:1}.node-corner-tl,.node-corner-br{pointer-events:none;opacity:0;width:10px;height:10px;transition:all .35s cubic-bezier(.2,.9,.3,1.2);position:absolute}.node-corner-tl{border-top:1.5px solid var(--primary);border-left:1.5px solid var(--primary);top:12px;left:12px}.node-corner-br{border-bottom:1.5px solid var(--primary);border-right:1.5px solid var(--primary);bottom:12px;right:12px}.constellation-node:hover .node-corner-tl,.constellation-node:hover .node-corner-br{opacity:1}.node-dot{background:var(--primary);opacity:0;width:4px;height:4px;box-shadow:0 0 8px var(--primary);pointer-events:none;border-radius:999px;transition:opacity .3s;position:absolute;top:20px;right:20px}.constellation-node:hover .node-dot{opacity:.8;animation:1.4s ease-in-out infinite node-dot-blink}@keyframes node-dot-blink{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.constellation-node,.constellation-node:before,.node-corner-tl,.node-corner-br,.node-dot{transition:none!important;animation:none!important}}.singularity-bg{background:radial-gradient(ellipse 50% 40% at 50% 50%, color-mix(in oklch, var(--primary) 12%, transparent), transparent 70%), linear-gradient(to bottom, transparent, color-mix(in oklch, var(--primary) 3%, transparent), transparent)}.singularity-rings{justify-content:center;align-items:center;display:flex}.sg-ring{border:1px solid color-mix(in oklch, var(--primary) 20%, transparent);border-radius:999px;animation:6s ease-in-out infinite sg-ring-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sg-ring-1{width:420px;height:420px;animation-delay:0s}.sg-ring-2{width:620px;height:620px;animation-delay:1s}.sg-ring-3{width:860px;height:860px;animation-delay:2s}.sg-ring-4{width:1120px;height:1120px;animation-delay:3s}@keyframes sg-ring-pulse{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.35;transform:translate(-50%,-50%)scale(1.02)}}.singularity-card{background:linear-gradient(135deg, color-mix(in oklch, var(--card) 85%, transparent), color-mix(in oklch, var(--card) 75%, transparent));border:1px solid color-mix(in oklch, var(--primary) 25%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px -30px color-mix(in oklch, var(--primary) 40%, transparent), inset 0 1px 0 color-mix(in oklch, var(--primary) 15%, transparent);isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.sg-corner{pointer-events:none;width:18px;height:18px;position:absolute}.sg-corner-tl{border-top:1.5px solid var(--primary);border-left:1.5px solid var(--primary);top:14px;left:14px}.sg-corner-tr{border-top:1.5px solid var(--primary);border-right:1.5px solid var(--primary);top:14px;right:14px}.sg-corner-bl{border-bottom:1.5px solid var(--primary);border-left:1.5px solid var(--primary);bottom:14px;left:14px}.sg-corner-br{border-bottom:1.5px solid var(--primary);border-right:1.5px solid var(--primary);bottom:14px;right:14px}.sg-beam{background:linear-gradient(115deg, transparent 40%, color-mix(in oklch, var(--primary) 20%, transparent) 50%, transparent 60%);pointer-events:none;mix-blend-mode:plus-lighter;opacity:.4;z-index:0;background-size:200% 200%;animation:8s linear infinite sg-beam-sweep;position:absolute;inset:0}@keyframes sg-beam-sweep{0%{background-position:100% 0}to{background-position:0 100%}}.sg-feature{opacity:0;animation:.5s forwards sg-feature-in;animation-delay:calc(80ms * var(--i,0));transform:translateY(6px)}@keyframes sg-feature-in{to{opacity:1;transform:translateY(0)}}.sg-check{width:22px;height:22px;color:var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);border:1px solid color-mix(in oklch, var(--primary) 30%, transparent);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);justify-content:center;align-items:center;display:inline-flex}.sg-button{position:relative}.sg-button:before{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff4d 50%,#0000 65%) 100% 0/200% 100%;transition:background-position .6s;position:absolute;inset:0}.sg-button:hover:before{background-position:-100% 0}@media (prefers-reduced-motion:reduce){.sg-ring,.sg-beam,.sg-feature,.sg-button:before{opacity:1!important;transition:none!important;animation:none!important;transform:translate(-50%,-50%)!important}.sg-feature{transform:none!important}}@media (max-width:767px){.sg-ring-3,.sg-ring-4{display:none}.constellation-grid{grid-template-columns:1fr}}
