.card-grid{gap:12rem;width:100%;padding:12rem 0;display:grid}.magic-bento-card{aspect-ratio:4/3;border:1rem solid var(--border-primary);opacity:0;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;background:0 0;border-radius:20rem;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200rem;padding:24rem;font-weight:300;transition:border-color .3s,box-shadow .3s,background-color .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-4rem);box-shadow:0 12rem 30rem #00000040}.magic-bento-card__header,.magic-bento-card__content{color:var(--text-primary);z-index:10;display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;align-items:center;gap:12rem}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5rem;font-size:14rem;font-weight:600}.magic-bento-card__icon-wrapper{background:rgba(var(--glow-rgb), .05);border:1rem solid rgba(var(--glow-rgb), .15);width:64rem;height:64rem;filter:drop-shadow(0 0 4rem rgba(var(--glow-rgb), .1));border-radius:16rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.magic-bento-card:hover .magic-bento-card__icon-wrapper{background:rgba(var(--glow-rgb), .12);border-color:rgba(var(--glow-rgb), .35);box-shadow:0 0 15rem -3rem rgba(var(--glow-rgb), .5);transform:scale(1.05)}.magic-bento-card:hover .bento-svg{transform:scale(1.1)}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:1;--clamp-desc:2}.magic-bento-card__title{color:var(--text-primary);margin:0 0 6rem;font-size:20rem;font-weight:700}.magic-bento-card__description{color:var(--text-secondary);opacity:.9;font-size:14rem;line-height:1.4}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;padding:8rem}.magic-bento-card{aspect-ratio:auto;width:100%;min-height:180rem}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){aspect-ratio:auto;grid-area:span 2/span 2}.magic-bento-card:nth-child(4){aspect-ratio:auto;grid-area:2/1/span 2/span 2}.magic-bento-card:nth-child(6){aspect-ratio:auto;grid-area:3/4}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-rgb,134, 59, 255), calc(var(--glow-intensity) * .8)) 0%, rgba(var(--glow-rgb,134, 59, 255), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:1.5rem;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4rem 20rem rgba(var(--glow-rgb,134, 59, 255), .25), 0 0 30rem rgba(var(--glow-rgb,134, 59, 255), .15);border-color:rgba(var(--glow-rgb,134, 59, 255), .4)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-rgb,134, 59, 255), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2rem}.particle-container:hover{box-shadow:0 4rem 20rem rgba(var(--glow-rgb,134, 59, 255), .2), 0 0 30rem rgba(var(--glow-rgb,134, 59, 255), .15);border-color:rgba(var(--glow-rgb,134, 59, 255), .4)}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}.bento-svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28rem;height:28rem;transition:transform .3s}.svg-globe{transform-origin:50%;animation:20s linear infinite globeRotate}@keyframes globeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-phone .phone-body{transform-origin:50%;stroke:var(--accent-purple);fill:#863bff0d}.magic-bento-card:hover .svg-phone{animation:.8s ease-in-out infinite alternate phoneTilt}@keyframes phoneTilt{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(5deg)translateY(-2rem)}}.svg-palette{stroke:#ec4899}.svg-palette .palette-color{transform-origin:50%;animation:3s ease-in-out infinite colorPulse}.svg-palette .color-1{fill:#60a5fa;stroke:#60a5fa;animation-delay:0s}.svg-palette .color-2{fill:#ec4899;stroke:#ec4899;animation-delay:.75s}.svg-palette .color-3{fill:#eab308;stroke:#eab308;animation-delay:1.5s}.svg-palette .color-4{fill:#10b981;stroke:#10b981;animation-delay:2.25s}@keyframes colorPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 3rem);transform:scale(1.35)}}.svg-sparkles{stroke:#eab308}.svg-sparkles .sparkle-main{transform-origin:50%;animation:2.5s ease-in-out infinite sparklePulse}.svg-sparkles .sparkle-small-1{transform-origin:30% 30%;animation:1.8s ease-in-out .5s infinite sparklePulse}.svg-sparkles .sparkle-small-2{transform-origin:80% 80%;animation:2.1s ease-in-out 1s infinite sparklePulse}@keyframes sparklePulse{0%,to{opacity:.4;fill:#0000;transform:scale(1)}50%{opacity:1;fill:#eab30840;transform:scale(1.15)}}.svg-terminal{stroke:#f97316}.svg-terminal .term-cursor{stroke:#f97316;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:1}}.magic-bento-card:hover .svg-terminal{animation:.6s ease-in-out infinite alternate termWiggle}@keyframes termWiggle{0%{transform:translate(-1rem)}to{transform:translate(1rem)}}.svg-cpu{stroke:#22c55e}.svg-cpu .cpu-core{transform-origin:50%;fill:#22c55e0d;stroke:#22c55e;animation:3s ease-in-out infinite cpuCoreGlow}.svg-cpu .cpu-pins{stroke:#22c55e;stroke-dasharray:4;stroke-dashoffset:0;animation:2s linear infinite cpuPinsPulse}@keyframes cpuCoreGlow{0%,to{fill:#22c55e0d}50%{fill:#22c55e59;filter:drop-shadow(0 0 4rem #22c55e80)}}@keyframes cpuPinsPulse{to{stroke-dashoffset:-8px}}
.scroll-stack-scroller{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;width:100%;height:100%;position:relative;overflow:visible auto;transform:translateZ(0)}.scroll-stack-scroller.window-scroll{height:auto;overflow-y:visible}.scroll-stack-inner{flex-direction:column;align-items:center;padding:20rem 0 30vh;display:flex}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;box-sizing:border-box;background:radial-gradient(circle at 5% 5%, rgba(var(--glow-rgb), .08) 0%, transparent 55%), #0a0a0ebf;-webkit-backdrop-filter:blur(20rem)saturate(1.8);border:1rem solid rgba(var(--glow-rgb), .15);width:100%;max-width:960rem;height:280rem;box-shadow:0 30rem 60rem -15rem #000c, 0 0 40rem -10rem rgba(var(--glow-rgb), .2), inset 0 1rem 1rem #ffffff14;border-radius:24rem;align-items:center;gap:32rem;padding:36rem 48rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;transform:translateZ(0)}.scroll-stack-card:hover{border-color:rgba(var(--glow-rgb), .45);box-shadow:0 30rem 60rem -15rem #000000e6, 0 0 50rem -5rem rgba(var(--glow-rgb), .4), inset 0 1rem 1rem #ffffff1f}.scroll-stack-card__index{font-family:var(--font-mono);color:rgba(var(--glow-rgb), .5);letter-spacing:1.5rem;background:rgba(var(--glow-rgb), .04);border:1rem solid rgba(var(--glow-rgb), .15);text-transform:uppercase;border-radius:8rem;padding:4rem 10rem;font-size:11rem;font-weight:600;transition:all .3s;position:absolute;top:24rem;right:32rem}.scroll-stack-card:hover .scroll-stack-card__index{color:rgb(var(--glow-rgb));background:rgba(var(--glow-rgb), .1);border-color:rgba(var(--glow-rgb), .35);box-shadow:0 0 10rem rgba(var(--glow-rgb), .15)}.scroll-stack-card__icon-wrapper{background:rgba(var(--glow-rgb), .05);border:1rem solid rgba(var(--glow-rgb), .15);width:72rem;height:72rem;box-shadow:inset 0 0 12rem rgba(var(--glow-rgb), .05), 0 0 20rem -5rem rgba(var(--glow-rgb), .3);color:rgb(var(--glow-rgb));border-radius:18rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.scroll-stack-card__icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32rem;height:32rem;transition:transform .3s}.scroll-stack-card__content{flex-direction:column;gap:12rem;width:100%;display:flex}.scroll-stack-card__title{color:var(--text-primary);letter-spacing:-.5rem;margin:0;font-size:32rem;font-weight:700}.scroll-stack-card__desc{color:var(--text-secondary);opacity:.9;margin:0;font-size:18rem;line-height:1.6}.scroll-stack-end{width:100%;height:1px}.scroll-stack-card:hover .scroll-stack-card__icon-wrapper{background:rgba(var(--glow-rgb), .12);border-color:rgba(var(--glow-rgb), .35);box-shadow:inset 0 0 12rem rgba(var(--glow-rgb), .08), 0 0 25rem -3rem rgba(var(--glow-rgb), .5)}.scroll-stack-card:hover .scroll-stack-card__icon{transform:scale(1.1)}@media (max-width:768px){.scroll-stack-card{max-width:92%;height:auto;min-height:200rem;padding:24rem}.scroll-stack-card__title{font-size:24rem}.scroll-stack-card__desc{font-size:15rem}}.icon-sliders .slider-handle-1{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite alternate sliderMove1}.icon-sliders .slider-handle-2{transform-box:fill-box;transform-origin:50%;animation:3.5s ease-in-out infinite alternate sliderMove2}.icon-sliders .slider-handle-3{transform-box:fill-box;transform-origin:50%;animation:2.5s ease-in-out -.5s infinite alternate sliderMove1}@keyframes sliderMove1{0%{transform:translateY(0)}to{transform:translateY(-4rem)}}@keyframes sliderMove2{0%{transform:translateY(-4rem)}to{transform:translateY(2rem)}}.icon-award .award-ring{transform-box:fill-box;transform-origin:50%;animation:15s linear infinite awardRotate}.icon-award .award-ribbon{transform-box:fill-box;transform-origin:top;animation:2s ease-in-out infinite alternate ribbonWiggle}.scroll-stack-card:hover .icon-award .award-ring{animation-duration:4s}@keyframes awardRotate{to{transform:rotate(360deg)}}@keyframes ribbonWiggle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.icon-refresh .refresh-arrow{transform-box:fill-box;transform-origin:50%;animation:10s linear infinite refreshSpinSlow}.scroll-stack-card:hover .icon-refresh .refresh-arrow{animation:1.5s linear infinite refreshSpinFast}@keyframes refreshSpinSlow{to{transform:rotate(360deg)}}@keyframes refreshSpinFast{to{transform:rotate(360deg)}}.icon-cpu .cpu-inner{transform-box:fill-box;transform-origin:50%;animation:2.5s ease-in-out infinite cpuInnerPulse}.icon-cpu line{animation:1.8s ease-in-out infinite alternate cpuPinsPulse}.icon-cpu line:nth-child(odd){animation-delay:-.9s}@keyframes cpuInnerPulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.95;transform:scale(1.15)}}@keyframes cpuPinsPulse{0%{opacity:.4;stroke-width:1.5rem}to{opacity:1;stroke-width:2.5rem}}.icon-palette path{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite alternate paletteWiggle}.icon-palette circle{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite alternate paletteCirclePulse}.icon-palette circle:first-of-type{fill:#ec4899;animation-delay:-.4s}.icon-palette circle:nth-of-type(2){fill:#a855f7;animation-delay:-.8s}.icon-palette circle:nth-of-type(3){fill:#3b82f6;animation-delay:-1.2s}@keyframes paletteWiggle{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes paletteCirclePulse{0%{opacity:.65;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}.icon-shield .shield-path{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite alternate shieldPulse}@keyframes shieldPulse{0%{opacity:.75;transform:scale(.93)}to{opacity:1;transform:scale(1.04)}}.icon-chart line{transform-box:fill-box;transform-origin:bottom;animation:1.5s ease-in-out infinite alternate chartGrow}.icon-chart line:first-child{animation-delay:-.3s}.icon-chart line:nth-child(2){animation-delay:-.6s}.icon-chart line:nth-child(3){animation-delay:-.9s}@keyframes chartGrow{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.icon-trophy{transform-box:fill-box;transform-origin:50%;animation:3.5s ease-in-out infinite alternate trophyFloat}.scroll-stack-card:hover .icon-trophy{animation:.8s ease-in-out infinite alternate trophyBounce}@keyframes trophyFloat{0%{transform:translateY(1.5rem)rotate(-1.5deg)}to{transform:translateY(-2.5rem)rotate(1.5deg)}}@keyframes trophyBounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6rem)rotate(4deg)scale(1.06)}}.icon-users{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite alternate usersBobbing}.icon-users circle{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite alternate userHeadPulse}@keyframes usersBobbing{0%{transform:translateY(1rem)}to{transform:translateY(-2.5rem)}}@keyframes userHeadPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}.icon-handshake{transform-box:fill-box;transform-origin:50%;animation:3.5s ease-in-out infinite alternate handshakeBreathing}.scroll-stack-card:hover .icon-handshake{animation:.6s ease-in-out infinite alternate handshakeShake}@keyframes handshakeBreathing{0%{transform:rotate(-1.5deg)scale(.97)}to{transform:rotate(1.5deg)scale(1.03)}}@keyframes handshakeShake{0%{transform:rotate(-3.5deg)scale(1.06)}to{transform:rotate(3.5deg)scale(1.06)}}
.hero-section{border-bottom:1rem solid var(--border-primary);align-items:center;min-height:100dvh;padding:80rem 0;display:flex;position:relative;overflow:hidden}.hero-ambient-bg{z-index:1;filter:blur(60rem);opacity:.8;pointer-events:none;background:radial-gradient(circle at 20% 30%,#863bff1f 0%,#0000 60%),radial-gradient(circle at 80% 70%,#06b6d41f 0%,#0000 60%),#020d19;width:100%;height:100%;position:absolute;top:0;left:0}.hero-waves-bg{z-index:2;opacity:.85;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay-bg{z-index:3;pointer-events:none;background:radial-gradient(circle,#020d1900 0%,#020d19bf 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-grid{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:60rem;display:grid;position:relative}.hero-content{flex-direction:column;justify-content:center;display:flex}.hero-content>*{opacity:0}.hero-badge{color:var(--accent-purple);text-transform:uppercase;letter-spacing:1rem;background:#863bff1a;border:1rem solid #863bff33;border-radius:100rem;align-self:flex-start;align-items:center;margin-bottom:24rem;padding:6rem 16rem;font-size:13rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-2rem;margin-bottom:24rem;font-size:50rem;font-weight:800;line-height:1.1}.hero-slide-text{min-height:58rem;display:inline-block}.hero-slide-text .split-char{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:520rem;margin-bottom:40rem;font-size:18rem}.hero-actions{align-items:center;gap:20rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), #6366f1);color:#fff;cursor:pointer;border:none;border-radius:12rem;justify-content:center;align-items:center;padding:16rem 32rem;font-size:16rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4rem 15rem #863bff4d}.btn-primary:hover{transform:translateY(-2rem);box-shadow:0 8rem 25rem #863bff73}.btn-secondary{color:var(--text-primary);border:1rem solid var(--border-primary);cursor:pointer;background:#ffffff0d;border-radius:12rem;justify-content:center;align-items:center;padding:16rem 32rem;font-size:16rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.hero-terminal-container{opacity:0;justify-content:center;align-items:center;display:flex}.terminal-box{width:550rem;min-height:350rem;font-family:var(--font-mono);background:#010810;border:1rem solid #ffffff1a;border-radius:16rem;flex-direction:column;font-size:13rem;display:flex;overflow:hidden;box-shadow:0 25rem 50rem -12rem #00000080}.terminal-header{background:#ffffff08;border-bottom:1rem solid #ffffff0d;align-items:center;gap:8rem;height:40rem;padding:0 16rem;display:flex}.terminal-dot{border-radius:50%;width:12rem;height:12rem}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-title{color:var(--text-secondary);margin-left:auto;margin-right:auto;font-size:12rem}.terminal-body{color:#38bdf8;white-space:pre-wrap;flex-direction:column;flex:1;gap:12rem;padding:20rem;display:flex;overflow-y:auto}.terminal-line{line-height:1.5}.terminal-cmd{color:#f1f5f9}.terminal-success{color:#34d399}.terminal-info{color:#94a3b8}.stats-section{border-bottom:1rem solid var(--border-primary);background:0 0;padding:60rem 0;position:relative}.stats-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:32rem;display:flex}@media (max-width:1024px){.stats-row{justify-content:center;gap:24rem}}.stat-item{flex:0 auto;align-items:center;gap:16rem;transition:transform .3s;display:flex}.stat-item:hover{transform:translateY(-2rem)}.stat-icon-wrapper{border:1rem solid var(--border-primary);background:#ffffff05;border-radius:18rem;justify-content:center;align-items:center;width:72rem;height:72rem;transition:all .3s;display:flex}.stat-item:hover .stat-icon-wrapper{box-shadow:0 0 15rem -3rem var(--stat-glow);background:#ffffff0d;border-color:#ffffff26}.stat-icon{color:var(--stat-color);filter:drop-shadow(0 0 4rem var(--stat-glow));transition:transform .3s}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-info{flex-direction:column;display:flex}.stat-header{align-items:baseline;gap:8rem;display:flex}.stat-val{font-size:36rem;font-weight:800;line-height:1;font-family:var(--font-sans);letter-spacing:-.5rem}.stat-lbl{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1rem;font-size:12rem;font-weight:600}.stat-desc{color:#94a3b880;margin-top:4rem;font-size:13rem;line-height:1.3}.stat-item-plugins{--stat-color:var(--accent-purple);--stat-glow:#863bff4d}.stat-item-plugins .stat-val{background:linear-gradient(135deg, #fff 30%, var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-item-downloads{--stat-color:var(--accent-cyan);--stat-glow:#06b6d44d}.stat-item-downloads .stat-val{background:linear-gradient(135deg, #fff 30%, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-item-jitter{--stat-color:#10b981;--stat-glow:#10b9814d}.stat-item-jitter .stat-val{background:linear-gradient(135deg,#fff 30%,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-item-scaling{--stat-color:#ec4899;--stat-glow:#ec48994d}.stat-item-scaling .stat-val{background:linear-gradient(135deg,#fff 30%,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-loading{justify-content:center;align-items:center;gap:4rem;height:32rem;display:inline-flex}.stat-dot{background-color:var(--text-secondary);opacity:.6;border-radius:50%;width:6rem;height:6rem;animation:1.4s ease-in-out infinite both statPulse}.stat-dot:first-child{animation-delay:-.32s}.stat-dot:nth-child(2){animation-delay:-.16s}@keyframes statPulse{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.stat-item{flex:calc(50% - 16rem);justify-content:flex-start;min-width:240rem}}@media (max-width:540px){.stat-item{flex:100%}}.section{padding:120rem 0;position:relative}.section-header{text-align:center;max-width:800rem;margin:0 auto 80rem}.section-subtitle{color:var(--accent-purple);text-transform:uppercase;letter-spacing:2rem;margin-bottom:16rem;font-size:14rem;font-weight:600;display:block}.section-title{letter-spacing:-1rem;margin-bottom:20rem;font-size:40rem;font-weight:800;line-height:1.2}.section-desc{color:var(--text-secondary);font-size:18rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:24rem;display:grid}.service-card{border:1rem solid var(--border-primary);cursor:pointer;background:#ffffff05;border-radius:20rem;flex-direction:column;padding:32rem 24rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.service-card:hover{box-shadow:0 12rem 40rem -10rem #00000080, 0 0 24rem -2rem var(--glow-color);background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-4rem)}.service-icon-wrapper{border-radius:12rem;justify-content:center;align-items:center;width:48rem;height:48rem;margin-bottom:24rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.service-card:hover .service-icon-wrapper{box-shadow:0 0 16rem -2rem var(--glow-color);transform:scale(1.1)}.service-title{margin-bottom:12rem;font-size:20rem;font-weight:700}.service-desc{color:var(--text-secondary);font-size:14rem;line-height:1.6}.advantages-grid{grid-template-columns:repeat(5,1fr);gap:20rem;display:grid}.advantage-card{border:1rem solid var(--border-primary);background:#ffffff05;border-radius:16rem;padding:24rem;transition:all .3s}.advantage-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-4rem)}.advantage-title{margin-bottom:8rem;font-size:16rem;font-weight:700}.advantage-desc{color:var(--text-secondary);font-size:13rem}.roadmap-scroll-track{height:350vh;position:relative;overflow:visible}.roadmap-section{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100vh;padding:60rem 0;display:flex;position:sticky;top:0;overflow:hidden}.roadmap-container{aspect-ratio:1200/350;width:100%;margin:30rem auto 0;position:relative;overflow:visible}.roadmap-btn-container{z-index:10;justify-content:center;width:100%;margin-top:30rem;display:flex;position:relative}@media (min-width:768px){.roadmap-btn-container{margin-top:0;position:absolute;bottom:40rem;left:50%;transform:translate(-50%)}}.roadmap-svg{width:100%;height:100%;display:block;overflow:visible}.road-depth,.road-surface,.road-center-line{stroke-dasharray:1500;stroke-dashoffset:1500px;fill:none;transition:stroke-dashoffset 1.5s cubic-bezier(.25,1,.5,1)}.connector-line{stroke:#ffffff26;stroke-width:1.5rem;stroke-dasharray:110;stroke-dashoffset:110px;fill:none;transition:stroke-dashoffset .5s ease-out}.road-dot,.connector-dot,.road-dot-glow{opacity:0;transform-box:fill-box;transform-origin:50%;transition:transform .5s,opacity .5s;transform:scale(0)}.roadmap-section.in-view .road-dot-glow{opacity:1;animation:2.5s ease-in-out infinite dotGlowPulse;transform:scale(1)}@keyframes dotGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.05;transform:scale(1.4)}}.roadmap-cards-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-card{pointer-events:auto;-webkit-backdrop-filter:blur(20rem)saturate(1.8);opacity:0;background:#0a0a0ed1;border:1rem solid #ffffff14;border-radius:16rem;width:220rem;padding:20rem 24rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .6s;position:absolute;box-shadow:0 30rem 60rem -15rem #000000d9,inset 0 1rem 1rem #ffffff0f}.roadmap-card:before{content:"";background:var(--glow-color);height:3rem;box-shadow:0 2rem 10rem var(--glow-color);border-top-left-radius:16rem;border-top-right-radius:16rem;position:absolute;top:0;left:0;right:0}.roadmap-card.position-top{transform:translate(-50%,-100%)translateY(-40rem)scale(.9)}.roadmap-card.position-bottom{transform:translate(-50%,40rem)scale(.9)}.roadmap-card-step{font-family:var(--font-mono);color:var(--glow-color);text-transform:uppercase;letter-spacing:1.5rem;margin-bottom:6rem;font-size:11rem;font-weight:600}.roadmap-card-title{color:var(--text-primary);letter-spacing:-.2rem;margin:0 0 8rem;font-size:17rem;font-weight:700}.roadmap-card-desc{color:var(--text-secondary);opacity:.9;margin:0;font-size:13rem;line-height:1.45}.roadmap-section.active-step-1 .road-depth,.roadmap-section.active-step-1 .road-surface,.roadmap-section.active-step-1 .road-center-line,.roadmap-section.active-step-2 .road-depth,.roadmap-section.active-step-2 .road-surface,.roadmap-section.active-step-2 .road-center-line,.roadmap-section.active-step-3 .road-depth,.roadmap-section.active-step-3 .road-surface,.roadmap-section.active-step-3 .road-center-line,.roadmap-section.active-step-4 .road-depth,.roadmap-section.active-step-4 .road-surface,.roadmap-section.active-step-4 .road-center-line,.roadmap-section.active-step-5 .road-depth,.roadmap-section.active-step-5 .road-surface,.roadmap-section.active-step-5 .road-center-line,.roadmap-section.active-step-6 .road-depth,.roadmap-section.active-step-6 .road-surface,.roadmap-section.active-step-6 .road-center-line{stroke-dashoffset:0}.roadmap-section.active-step-2 .dot-1,.roadmap-section.active-step-2 .dot-1-glow,.roadmap-section.active-step-3 .dot-1,.roadmap-section.active-step-3 .dot-1-glow,.roadmap-section.active-step-4 .dot-1,.roadmap-section.active-step-4 .dot-1-glow,.roadmap-section.active-step-5 .dot-1,.roadmap-section.active-step-5 .dot-1-glow,.roadmap-section.active-step-6 .dot-1,.roadmap-section.active-step-6 .dot-1-glow{opacity:1;transform:scale(1)}.roadmap-section.active-step-2 .line-1,.roadmap-section.active-step-3 .line-1,.roadmap-section.active-step-4 .line-1,.roadmap-section.active-step-5 .line-1,.roadmap-section.active-step-6 .line-1{stroke-dashoffset:0}.roadmap-section.active-step-2 .dot-1-end,.roadmap-section.active-step-2 .card-1,.roadmap-section.active-step-3 .dot-1-end,.roadmap-section.active-step-3 .card-1,.roadmap-section.active-step-4 .dot-1-end,.roadmap-section.active-step-4 .card-1,.roadmap-section.active-step-5 .dot-1-end,.roadmap-section.active-step-5 .card-1,.roadmap-section.active-step-6 .dot-1-end,.roadmap-section.active-step-6 .card-1{opacity:1;transform:translate(-50%,-100%)translateY(-20rem)scale(1)}.roadmap-section .card-1,.roadmap-section .dot-1-end{transition-delay:.3s}.roadmap-section.active-step-3 .dot-2,.roadmap-section.active-step-3 .dot-2-glow,.roadmap-section.active-step-4 .dot-2,.roadmap-section.active-step-4 .dot-2-glow,.roadmap-section.active-step-5 .dot-2,.roadmap-section.active-step-5 .dot-2-glow,.roadmap-section.active-step-6 .dot-2,.roadmap-section.active-step-6 .dot-2-glow{opacity:1;transform:scale(1)}.roadmap-section.active-step-3 .line-2,.roadmap-section.active-step-4 .line-2,.roadmap-section.active-step-5 .line-2,.roadmap-section.active-step-6 .line-2{stroke-dashoffset:0}.roadmap-section.active-step-3 .dot-2-end,.roadmap-section.active-step-3 .card-2,.roadmap-section.active-step-4 .dot-2-end,.roadmap-section.active-step-4 .card-2,.roadmap-section.active-step-5 .dot-2-end,.roadmap-section.active-step-5 .card-2,.roadmap-section.active-step-6 .dot-2-end,.roadmap-section.active-step-6 .card-2{opacity:1;transform:translate(-50%,-100%)translateY(-20rem)scale(1)}.roadmap-section .card-2,.roadmap-section .dot-2-end{transition-delay:.3s}.roadmap-section.active-step-4 .dot-3,.roadmap-section.active-step-4 .dot-3-glow,.roadmap-section.active-step-5 .dot-3,.roadmap-section.active-step-5 .dot-3-glow,.roadmap-section.active-step-6 .dot-3,.roadmap-section.active-step-6 .dot-3-glow{opacity:1;transform:scale(1)}.roadmap-section.active-step-4 .line-3,.roadmap-section.active-step-5 .line-3,.roadmap-section.active-step-6 .line-3{stroke-dashoffset:0}.roadmap-section.active-step-4 .dot-3-end,.roadmap-section.active-step-4 .card-3,.roadmap-section.active-step-5 .dot-3-end,.roadmap-section.active-step-5 .card-3,.roadmap-section.active-step-6 .dot-3-end,.roadmap-section.active-step-6 .card-3{opacity:1;transform:translate(-50%,-100%)translateY(-20rem)scale(1)}.roadmap-section .card-3,.roadmap-section .dot-3-end{transition-delay:.3s}.roadmap-section.active-step-5 .dot-4,.roadmap-section.active-step-5 .dot-4-glow,.roadmap-section.active-step-6 .dot-4,.roadmap-section.active-step-6 .dot-4-glow{opacity:1;transform:scale(1)}.roadmap-section.active-step-5 .line-4,.roadmap-section.active-step-6 .line-4{stroke-dashoffset:0}.roadmap-section.active-step-5 .dot-4-end,.roadmap-section.active-step-5 .card-4,.roadmap-section.active-step-6 .dot-4-end,.roadmap-section.active-step-6 .card-4{opacity:1;transform:translate(-50%,-100%)translateY(-20rem)scale(1)}.roadmap-section .card-4,.roadmap-section .dot-4-end{transition-delay:.3s}.roadmap-section.active-step-6 .dot-5,.roadmap-section.active-step-6 .dot-5-glow{opacity:1;transform:scale(1)}.roadmap-section.active-step-6 .line-5{stroke-dashoffset:0}.roadmap-section.active-step-6 .dot-5-end,.roadmap-section.active-step-6 .card-5{opacity:1;transform:translate(-50%,-100%)translateY(-20rem)scale(1)}.roadmap-section .card-5,.roadmap-section .dot-5-end{transition-delay:.3s}.roadmap-mobile{margin-top:40rem;padding-left:36rem;display:none;position:relative}.roadmap-mobile-line{transform-origin:top;background:linear-gradient(#863bff 0%,#06b6d4 25%,#a855f7 50%,#ec4899 75%,#22c55e 100%);width:2rem;transition:transform 1.5s cubic-bezier(.25,1,.5,1);position:absolute;top:8rem;bottom:8rem;left:8rem;transform:scaleY(0)}.roadmap-section.active-step-1 .roadmap-mobile-line{transform:scaleY(.1)}.roadmap-section.active-step-2 .roadmap-mobile-line{transform:scaleY(.3)}.roadmap-section.active-step-3 .roadmap-mobile-line{transform:scaleY(.5)}.roadmap-section.active-step-4 .roadmap-mobile-line{transform:scaleY(.7)}.roadmap-section.active-step-5 .roadmap-mobile-line{transform:scaleY(.9)}.roadmap-section.active-step-6 .roadmap-mobile-line{transform:scaleY(1)}.roadmap-mobile-item{opacity:0;margin-bottom:24rem;transition:opacity .5s,transform .5s;position:relative;transform:translate(-20rem)}.roadmap-mobile-item:last-child{margin-bottom:0}.roadmap-mobile-dot{background:var(--glow-color);width:12rem;height:12rem;box-shadow:0 0 10rem var(--glow-color);z-index:2;border-radius:50%;position:absolute;top:20rem;left:-33rem}.roadmap-mobile-card{-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);background:#0a0a0ebf;border:1rem solid #ffffff14;border-radius:14rem;padding:16rem 20rem;position:relative;box-shadow:0 10rem 30rem #00000080}.roadmap-mobile-card:before{content:"";background:var(--glow-color);width:3rem;box-shadow:2rem 0 10rem var(--glow-color);border-top-left-radius:14rem;border-bottom-left-radius:14rem;position:absolute;top:0;bottom:0;left:0}.roadmap-section.active-step-2 .mobile-item-1,.roadmap-section.active-step-3 .mobile-item-1,.roadmap-section.active-step-4 .mobile-item-1,.roadmap-section.active-step-5 .mobile-item-1,.roadmap-section.active-step-6 .mobile-item-1,.roadmap-section.active-step-3 .mobile-item-2,.roadmap-section.active-step-4 .mobile-item-2,.roadmap-section.active-step-5 .mobile-item-2,.roadmap-section.active-step-6 .mobile-item-2,.roadmap-section.active-step-4 .mobile-item-3,.roadmap-section.active-step-5 .mobile-item-3,.roadmap-section.active-step-6 .mobile-item-3,.roadmap-section.active-step-5 .mobile-item-4,.roadmap-section.active-step-6 .mobile-item-4,.roadmap-section.active-step-6 .mobile-item-5{opacity:1;transform:translate(0)}.comparison-container{border:1rem solid var(--border-primary);background:#ffffff03;border-radius:20rem;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1rem solid var(--border-primary);padding:24rem 32rem;font-size:15rem}.comparison-table th{text-transform:uppercase;letter-spacing:1rem;background:#ffffff05;font-size:13rem;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.comparison-check{color:#10b981;font-weight:700}.comparison-cross{color:#ef4444}.faq-grid{flex-direction:column;gap:16rem;max-width:900rem;margin:0 auto;display:flex}.faq-item{border:1rem solid var(--border-primary);background:#ffffff05;border-radius:16rem;transition:all .3s;overflow:hidden}.faq-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24rem 32rem;display:flex}.faq-question{color:var(--text-primary);font-size:18rem;font-weight:600}.faq-chevron{color:var(--text-secondary);transition:transform .3s}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-content{max-height:0;color:var(--text-secondary);padding:0 32rem;font-size:15rem;line-height:1.6;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-content{max-height:200rem;padding-bottom:24rem}@media (max-width:1024px){.stats-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.advantages-grid{grid-template-columns:repeat(3,1fr)}.workflow-row-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40rem}.hero-badge{align-self:center}.hero-actions{justify-content:center}.hero-terminal-container{width:100%}.terminal-box{width:100%;min-height:300rem}.hero-title{font-size:40rem}.stats-grid,.services-grid,.advantages-grid,.workflow-row-grid{grid-template-columns:1fr}}.stat-svg{width:32rem;height:32rem;stroke:var(--stat-color);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.svg-plug .plug-body{transform-origin:50%;fill:#863bff1a;stroke:var(--accent-purple)}.svg-plug .plug-prongs{stroke:var(--accent-purple);transform-origin:50%;animation:2s ease-in-out infinite plugConnect}.svg-plug .plug-wire{stroke:var(--accent-purple);animation:3s ease-in-out infinite wireWiggle}@keyframes plugConnect{0%,to{transform:translateY(0)}50%{transform:translateY(2.5rem)}}@keyframes wireWiggle{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(1deg)translate(.5rem)}}.svg-chart .chart-bar{transform-origin:bottom;stroke:var(--accent-cyan);animation:1.6s ease-in-out infinite alternate barGrow}.svg-chart .bar-1{animation-delay:-.2s}.svg-chart .bar-2{animation-delay:-.8s}.svg-chart .bar-3{animation-delay:-.5s}@keyframes barGrow{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.stat-item-downloads:hover .chart-bar{animation-duration:.8s}.svg-zap .zap-bolt{transform-origin:50%;stroke:#10b981;fill:#10b9811a;animation:3s ease-in-out infinite zapFlash}.svg-zap .zap-base{stroke-dasharray:6;stroke-dashoffset:0;stroke:#10b981;transition:stroke-dashoffset .4s}.stat-item-jitter:hover .svg-zap .zap-base{stroke-dashoffset:12px}@keyframes zapFlash{0%,90%,to{opacity:.8;fill:#10b9811a;transform:scale(1)}93%{opacity:.2;fill:#10b98100;transform:scale(.95)}96%{opacity:1;fill:#10b98166;transform:scale(1.05)}98%{opacity:.4;fill:#10b9811a;transform:scale(.98)}}.svg-responsive .screen-outer{stroke:#ec4899}.svg-responsive .screen-inner{transform-origin:50%;stroke:#ec4899;fill:#ec48990d;animation:4s ease-in-out infinite screenScale}@keyframes screenScale{0%,to{transform:scale(1)}50%{transform:scale(.75)}}.stat-item-scaling:hover .svg-responsive .screen-inner{animation:1.5s ease-in-out infinite alternate screenScaleHover}@keyframes screenScaleHover{0%{transform:scale(1)}to{transform:scale(.6)}}@media (max-width:768px){.roadmap-scroll-track{height:auto!important}.roadmap-section{height:auto!important;padding:80rem 0!important;position:relative!important;overflow:visible!important}.roadmap-desktop{display:none!important}.roadmap-mobile{display:block!important}}
