.tech-badge,.tool-floating-badge,.video-badge{text-transform:uppercase}.gradient-text,.tool-item:hover .tool-name,.tool-name{-webkit-text-fill-color:transparent}.gradient-text{background:linear-gradient(to right,#8354c4 0,#de57e3 100%);-webkit-background-clip:text;background-clip:text}.tech-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#8354c4,#de57e3,transparent);animation:3s linear infinite techLineMove}.btn-primary,.use-case-card{position:relative;transition:.3s;overflow:hidden}[dir=ltr] .tech-line{right:0}@keyframes techLineMove{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#8354c4 0,#de57e3 100%);color:#fff;font-weight:600;border-radius:999px;text-decoration:none}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px)}.use-case-card{background:rgba(131,84,196,.08);border:1px solid rgba(131,84,196,.2);border-radius:1.25rem;padding:2rem}.use-case-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(131,84,196,.2) 0,transparent 70%);transform:translate(-50%,-50%);transition:.5s}.use-case-card:hover::before{width:300px;height:300px}.use-case-card:hover{transform:translateY(-8px);border-color:rgba(222,87,227,.4)}.use-case-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,rgba(131,84,196,.15) 0,rgba(222,87,227,.15) 100%);border:1px solid rgba(131,84,196,.3);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#8354c4;transition:.3s}.use-case-card:hover .use-case-icon{transform:scale(1.1)}.digital-number{font-family:'Courier New',monospace;text-shadow:0 0 20px rgba(131,84,196,.5)}.fade-in-up{opacity:0;transform:translateY(40px);transition:.8s}.fade-in-up.visible,.tool-item:hover .tool-desc{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.circuit-bg{position:fixed;inset:0;background-image:linear-gradient(90deg,rgba(131,84,196,.088) 1px,transparent 1px),linear-gradient(rgba(131,84,196,.082) 1px,transparent 1px);background-size:50px 50px;animation:5s linear infinite circuitMove}.components-grid,.container,.header-line,.tech-card,.tech-icon-wrapper{position:relative}@keyframes circuitMove{0%{background-position:0 0}100%{background-position:50px 50px}}.components-section,.showcase-section{padding:8rem 1rem;position:relative}.container{max-width:1400px;margin:0 auto;z-index:1}.header-line::after,.header-line::before{content:'';position:absolute;top:50%;width:40px;height:1px;background:rgba(131,84,196,.3);transform:translateY(-50%)}.tech-card::after,.tech-card::before{position:absolute;width:40px;height:40px;transition:.4s;content:''}.header-line::before{right:100%;margin-right:1rem}.header-line::after{left:100%;margin-left:1rem}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-card{background:linear-gradient(135deg,rgba(131,84,196,.05) 0,rgba(222,87,227,.03) 100%);border:1px solid rgba(131,84,196,.2);padding:2.5rem;border-radius:1.25rem;overflow:hidden;transition:.4s cubic-bezier(.23, 1, .32, 1);animation:.6s ease-out backwards fadeInUp}.tech-card::before{top:0;left:0;border-top:2px solid rgba(131,84,196,.4);border-left:2px solid rgba(131,84,196,.4)}.tech-card::after{bottom:0;right:0;border-bottom:2px solid rgba(222,87,227,.4);border-right:2px solid rgba(222,87,227,.4)}.tech-card:hover::before{width:80px;height:80px;border-color:rgba(131,84,196,.8)}.tech-card:hover::after{width:80px;height:80px;border-color:rgba(222,87,227,.8)}.tech-card:hover{transform:translateY(-8px);border-color:rgba(131,84,196,.5)}.tech-icon-wrapper{width:80px;height:80px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.tech-icon-bg,.tech-icon-border{position:absolute;border-radius:1rem;transform:rotate(45deg);transition:.4s}.specs-list,.video-overlay{display:flex;flex-direction:column}.tech-icon-bg{inset:0;background:linear-gradient(135deg,rgba(131,84,196,.1),rgba(222,87,227,.1))}.tech-card:hover .tech-icon-bg{transform:rotate(225deg);background:linear-gradient(135deg,rgba(131,84,196,.2),rgba(222,87,227,.2))}.tech-icon-border{inset:-2px;background:linear-gradient(135deg,#8354c4,#de57e3);opacity:0}.tech-card:hover .tech-icon-border{opacity:.3;transform:rotate(225deg)}.tech-icon{position:relative;z-index:1;width:40px;height:40px;color:#8354c4;transition:.4s}.tech-card:hover .tech-icon{color:#de57e3;transform:scale(1.1)}.tech-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(131,84,196,.15)}.tech-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#fff}.spec-text,.tech-description{font-size:.95rem;line-height:1.6}.tech-description{color:rgb(137 137 137);font-style:italic}.specs-list{gap:1rem}.spec-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:rgba(131,84,196,.03);border-radius:.5rem;border-left:2px solid rgba(131,84,196,.3);transition:.3s}.spec-item:hover{background:rgba(131,84,196,.08);border-left-color:rgba(222,87,227,.6);transform:translateX(5px)}.spec-indicator{width:6px;height:6px;background:linear-gradient(135deg,#8354c4,#de57e3);border-radius:50%;margin-top:.4rem;flex-shrink:0}.spec-text{color:rgba(255,255,255,.8)}.tech-badge,.tool-desc{color:rgba(255,255,255,.6)}.spec-item:hover .spec-text{color:#fff}.tech-badge{position:absolute;top:1.5rem;padding:.4rem .8rem;background:rgba(131,84,196,.1);border:1px solid rgba(131,84,196,.3);border-radius:2rem;font-size:.7rem;font-weight:600;transition:.3s}[dir=rtl] .tech-badge{left:1.5rem}[dir=ltr] .tech-badge{right:1.5rem}.tech-card:hover .tech-badge{background:rgba(131,84,196,.2);border-color:rgba(222,87,227,.5);color:rgba(255,255,255,.9)}@media (max-width:768px){.components-section{padding:4rem 1rem}.section-header h2{font-size:2rem}.components-grid{grid-template-columns:1fr;gap:1.5rem}.tech-card{padding:2rem}.tech-title{font-size:1.5rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tech-card:first-child{animation-delay:.1s}.tech-card:nth-child(2){animation-delay:.2s}.tech-card:nth-child(3){animation-delay:.3s}.section-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.section-header h2{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem}.header-line{width:100px;height:4px;background:linear-gradient(to right,#8354c4 0,#de57e3 100%);margin:0 auto;border-radius:2px}.video-section{margin-bottom:8rem;position:relative;z-index:1}.subsection-title{font-size:1.75rem;font-weight:700;margin-bottom:3rem;display:flex;align-items:center;gap:1rem;opacity:.9}.subsection-title::before{content:'';width:5px;height:32px;background:linear-gradient(to bottom,#8354c4,#de57e3);border-radius:3px}.video-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:2rem;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);cursor:pointer;transition:opacity .3s;z-index:10}.tools-section{position:relative;z-index:1}.tools-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;position:relative}.tool-item{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(131,84,196,.05);border:1px solid rgba(131,84,196,.2);border-radius:2rem;padding:3rem 2rem;transition:.6s cubic-bezier(.23, 1, .32, 1);cursor:pointer;overflow:hidden}.tool-item::before,.tool-orbital{transition:opacity .6s;opacity:0}.tool-item::before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(131,84,196,.3) 90deg,rgba(222,87,227,.3) 180deg,rgba(131,84,196,.3) 270deg,transparent 360deg);animation:6s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tool-item:hover .tool-glow,.tool-item:hover .tool-orbital,.tool-item:hover::before{opacity:1}.tool-item::after{content:'';position:absolute;inset:2px;background:rgba(10,5,20,.9);border-radius:calc(2rem - 2px);z-index:1}.tool-item>*{position:relative;z-index:2}.tool-item:hover{transform:translateY(-15px) scale(1.02);border-color:rgba(131,84,196,.5)}.tool-orbital{position:absolute;inset:-10%;border:2px solid transparent;border-radius:50%;border-top-color:rgba(131,84,196,.4);border-right-color:rgba(222,87,227,.4);animation:8s linear infinite orbit}.tool-image,.tool-image-container{height:100%;position:relative;width:100%}@keyframes orbit{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tool-image-container{display:flex;align-items:center;justify-content:center;display:flex;align-items:center;justify-content:center;margin-bottom:0}.tool-image-container::before{content:'';position:absolute;bottom:-7%;left:10%;right:10%;height:30%;background:radial-gradient(ellipse,rgba(131,84,196,.4) 0,transparent 70%);opacity:.5;transition:opacity .6s,transform .6s;z-index:0}.tool-item:hover .tool-image-container::before{opacity:1;transform:scale(1.2)}.tool-image{object-fit:contain;z-index:1;transition:transform .6s cubic-bezier(.23, 1, .32, 1)}.tool-item:hover .tool-image{transform:scale(1.1) translateY(-5px)}.tool-floating-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,rgba(131,84,196,.8),rgba(222,87,227,.6));border-radius:2rem;font-size:.7rem;font-weight:700;transition:.4s;z-index:3}.tool-item:hover .tool-floating-badge{transform:translateY(-5px) scale(1.05)}.tool-info{text-align:center;width:100%}.tool-name{font-size:1.4rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 0,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;background-clip:text;transition:.4s}.tool-item:hover .tool-name{background:linear-gradient(135deg,#8354c4 0,#de57e3 100%);-webkit-background-clip:text;background-clip:text}.tool-desc{font-size:.95rem;line-height:1.6;opacity:0;transform:translateY(10px);transition:.4s}@media (max-width:1200px){.tools-showcase{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (max-width:768px){.section-header h2{font-size:2.5rem}.tools-showcase{grid-template-columns:1fr;gap:2rem}.subsection-title{font-size:1.5rem}.tool-item{padding:2.5rem 1.5rem}}@media (max-width:480px){.showcase-section{padding:4rem 1rem}.section-header h2{font-size:2rem}.video-section{margin-bottom:5rem}}