*{padding:0;margin:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#0d0d0d;color:#f5f5f5;line-height:1.6;overflow-x:hidden;width:100%}.app{width:100%;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}section{padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,2rem);margin:0 auto;width:100%}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{max-width:960px}}@media (min-width: 1280px){.container{max-width:1140px}}@media (min-width: 1440px){.container{max-width:1320px}}@media (min-width: 1920px){.container{max-width:1440px}}.hero{height:100vh;min-height:600px;width:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:0 1rem;background:linear-gradient(135deg,#0b0b0b,#1a1a1a)}@media (max-width: 479px){.hero{min-height:500px;padding:0 .5rem}}.hero .dna-bg{position:absolute;top:0;left:0;width:110%;height:110%;z-index:1;opacity:.4;display:block}.hero .dna-line{transform-box:fill-box;transform-origin:center}.hero .hero-sweep{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(to right,#fff0,#ffffff40,#fff0);filter:blur(40px);z-index:2;pointer-events:none}.hero .overlay{position:relative;z-index:5;text-align:center;transform-style:preserve-3d;max-width:900px;width:100%}.hero .overlay .hero__image{width:clamp(200px,28vw,340px);height:auto;margin-bottom:clamp(1rem,3vw,1.5rem);opacity:.95}@media (max-width: 767px){.hero .overlay .hero__image{width:clamp(180px,35vw,280px);margin-bottom:1rem}}@media (max-width: 479px){.hero .overlay .hero__image{width:clamp(150px,40vw,220px);margin-bottom:.8rem}}.hero .overlay .hero__title{font-size:clamp(1.8rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:clamp(.5rem,2vw,1rem)}@media (max-width: 767px){.hero .overlay .hero__title{font-size:clamp(1.6rem,6vw,2.8rem)}}@media (max-width: 479px){.hero .overlay .hero__title{font-size:clamp(1.4rem,7vw,2.2rem)}}.hero .overlay .hero__subtitle{margin-top:clamp(.5rem,2vw,1rem);font-size:clamp(1rem,2.5vw,1.6rem);color:#f5f5f5;letter-spacing:.03em;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 767px){.hero .overlay .hero__subtitle{font-size:clamp(.9rem,3vw,1.4rem);margin-top:.8rem}}@media (max-width: 479px){.hero .overlay .hero__subtitle{font-size:clamp(.85rem,3.5vw,1.2rem);margin-top:.6rem;padding:0 .5rem}}.hero .overlay .cta-button{margin-top:clamp(2rem,6vw,4rem);padding:clamp(.7rem,2vw,.9rem) clamp(1.2rem,4vw,1.8rem);border:none;background:#6c5ce7;box-shadow:0 0 12px #6c5ce780;color:#fff;cursor:pointer;border-radius:8px;font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease;outline:none;display:inline-block;text-decoration:none}@media (max-width: 767px){.hero .overlay .cta-button{margin-top:clamp(1.5rem,5vw,3rem);padding:clamp(.6rem,2.5vw,.8rem) clamp(1rem,4vw,1.5rem);font-size:clamp(.85rem,3vw,1rem)}}@media (max-width: 479px){.hero .overlay .cta-button{margin-top:clamp(1.2rem,4vw,2.5rem);padding:.6rem 1.2rem;font-size:.9rem}}.hero .overlay .cta-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 20px #6c5ce7cc,0 0 40px #6c5ce799}@media (max-width: 767px){.hero .overlay .cta-button:hover{transform:translateY(-2px) scale(1.02)}}.hero .overlay .cta-button:active{transform:scale(.98)}@media (min-width: 1920px){.hero .overlay{max-width:1200px}.hero .overlay .hero__title{font-size:clamp(3rem,4vw,4rem)}.hero .overlay .hero__subtitle{font-size:clamp(1.4rem,1.8vw,1.8rem);max-width:800px}}.contact{background:#111;width:100%;margin:0;color:#f5f5f5;text-align:center;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem)}.contact h2{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:clamp(1rem,3vw,1.5rem);color:#6c5ce7;font-weight:700}@media (min-width: 1440px){.contact h2{font-size:clamp(2.5rem,3vw,3rem);margin-bottom:clamp(1.5rem,2vw,2rem)}}.contact p{font-size:clamp(1.1rem,2.5vw,1.2rem);margin:clamp(.3rem,1vw,.5rem) 0;line-height:1.6}@media (min-width: 1440px){.contact p{font-size:clamp(1.2rem,1.8vw,1.3rem)}}.contact__email,.contact__phone{display:inline-block;font-size:clamp(1.1rem,2.5vw,1.2rem);margin-bottom:clamp(.8rem,2vw,1rem);color:#fff;transition:color .3s ease,text-decoration .3s ease;padding:clamp(.5rem,1.5vw,.8rem)}@media (min-width: 1440px){.contact__email,.contact__phone{font-size:clamp(1.2rem,1.8vw,1.3rem);margin-bottom:clamp(1rem,1.5vw,1.2rem)}}.contact__email:hover,.contact__phone:hover{text-decoration:underline;color:#6c5ce7}.contact__phone{margin-bottom:clamp(1.5rem,3vw,2rem)}@media (min-width: 1440px){.contact__phone{margin-bottom:clamp(2rem,2.5vw,2.5rem)}}.contact a{color:#fff;text-decoration:none;transition:color .3s ease,text-decoration .3s ease}.contact a:hover{color:#6c5ce7;text-decoration:underline}.contact__info{max-width:600px;margin:0 auto}@media (min-width: 1440px){.contact__info{max-width:700px}}@media (min-width: 1920px){.contact{padding:8rem clamp(2rem,8vw,4rem)}.contact__info{max-width:800px}}.about{padding:clamp(3rem,8vw,6rem) 0;position:relative;max-width:80%}.about__title{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:clamp(1.5rem,4vw,2rem);text-align:center;font-weight:700}@media (min-width: 1440px){.about__title{font-size:clamp(2.5rem,3vw,3rem)}}.about__graphic-container{max-width:40vw;position:relative;overflow:hidden;border-radius:3cap;background:radial-gradient(circle at center,#fff,#fff0 70%),url(components/your-image.jpg);background-size:cover}.about__graphic{max-width:100%}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,4rem);align-items:center}@media (max-width: 1023px){.about__content{grid-template-columns:1fr;text-align:center;gap:clamp(1.5rem,4vw,3rem)}}.about__text-group{display:flex;flex-direction:column;gap:clamp(1.2rem,3vw,1.6rem)}.about__text{font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.7;color:#e6e6e6}@media (max-width: 767px){.about__text{font-size:clamp(.95rem,3vw,1.05rem);line-height:1.6}}@media (min-width: 1440px){.about__text{font-size:clamp(1.1rem,1.5vw,1.2rem)}}.about__visual{position:relative;height:clamp(200px,25vw,260px);display:flex;justify-content:center;align-items:center}@media (max-width: 1023px){.about__visual{margin:clamp(1rem,3vw,2rem) auto 0;height:clamp(180px,30vw,220px)}}@media (max-width: 767px){.about__visual{height:clamp(150px,35vw,180px)}}.about__blob{width:clamp(180px,22vw,220px);height:clamp(180px,22vw,220px);background:linear-gradient(135deg,#8758ff,#5a3dd5);border-radius:60% 40% 70% 30%/40% 60% 30% 70%;filter:blur(40px);position:absolute;top:0;left:0%}@media (max-width: 1023px){.about__blob{left:50%;transform:translate(-50%)}}@media (max-width: 767px){.about__blob{width:clamp(140px,30vw,180px);height:clamp(140px,30vw,180px);filter:blur(30px)}}.about__circle{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px);background:#fff;border-radius:50%;position:absolute;bottom:0;right:15%;box-shadow:0 0 40px #00000012}@media (max-width: 1023px){.about__circle{right:50%;transform:translate(50%)}}@media (max-width: 767px){.about__circle{width:clamp(60px,15vw,90px);height:clamp(60px,15vw,90px)}}.about__values{margin-top:clamp(3rem,6vw,4rem);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,3vw,1.6rem)}@media (max-width: 1279px){.about__values{grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,3vw,1.5rem)}}@media (max-width: 767px){.about__values{grid-template-columns:1fr;gap:clamp(1rem,4vw,1.3rem)}}@media (min-width: 1440px){.about__values{gap:clamp(1.6rem,2.5vw,2rem)}}.about__value-card{background:#1a1a1a;padding:clamp(1.2rem,3vw,1.6rem);border-radius:12px;box-shadow:0 3px 18px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.about__value-card h3{margin-bottom:clamp(.4rem,1.5vw,.6rem);font-size:clamp(1rem,2.2vw,1.1rem);font-weight:600}@media (min-width: 1440px){.about__value-card h3{font-size:clamp(1.1rem,1.5vw,1.2rem)}}.about__value-card p{font-size:clamp(.9rem,2vw,1rem);line-height:1.5;color:#b2b2b2}@media (min-width: 1440px){.about__value-card p{font-size:clamp(1rem,1.3vw,1.1rem)}}.about__value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}@media (max-width: 767px){.about__value-card:hover{transform:translateY(-3px)}}.about__signature{margin-top:clamp(2rem,5vw,3rem);text-align:right;font-family:Pacifico,Caveat,Shadows Into Light,cursive;font-size:clamp(1.1rem,3vw,1.4rem);color:#e6e6e6;opacity:.9}@media (max-width: 1023px){.about__signature{text-align:center}}@media (max-width: 767px){.about__signature{font-size:clamp(1rem,3.5vw,1.25rem)}}@media (min-width: 1440px){.about__signature{font-size:clamp(1.4rem,1.8vw,1.6rem)}}.services{background:#111;color:#f5f5f5;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem);width:100%;margin:0}.services h2{font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:clamp(2rem,5vw,3rem);color:#6c5ce7;font-weight:700}@media (min-width: 1440px){.services h2{font-size:clamp(2.5rem,3vw,3rem)}}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,5vw,3rem);justify-items:center;max-width:1200px;margin:0 auto}@media (max-width: 767px){.services__grid{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem)}}@media (min-width: 1440px){.services__grid{gap:clamp(3rem,4vw,4rem);grid-template-columns:repeat(3,1fr)}}.services__grid>div{background:#1a1a1a;padding:clamp(1.5rem,4vw,2rem);border-radius:12px;text-align:center;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;width:100%;max-width:350px}@media (max-width: 767px){.services__grid>div{max-width:400px;padding:clamp(1.3rem,5vw,1.8rem)}}.services__grid>div h3{font-size:clamp(1.3rem,3vw,1.5rem);margin-bottom:clamp(.8rem,2vw,1rem);font-weight:600;color:#f5f5f5}@media (min-width: 1440px){.services__grid>div h3{font-size:clamp(1.5rem,2vw,1.7rem)}}.services__grid>div p{font-size:clamp(.95rem,2.5vw,1rem);line-height:1.6;color:#b2b2b2}@media (min-width: 1440px){.services__grid>div p{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7}}.services__grid>div:hover{transform:translateY(-8px);background:#222;box-shadow:0 15px 35px #0000004d}@media (max-width: 767px){.services__grid>div:hover{transform:translateY(-5px)}}.services-item__container{max-width:80%;text-align:center;line-height:2em;background:#202020;background:linear-gradient(320deg,#202020 56%,#747474 91%,#494949);border-radius:2em;padding:clamp(1.5rem,4vw,2em);margin:clamp(2rem,6vw,4em) auto;box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff}@media (max-width: 1023px){.services-item__container{max-width:90%;padding:clamp(1.2rem,5vw,1.8rem);border-radius:1.5em}}@media (max-width: 767px){.services-item__container{max-width:95%;margin:clamp(1.5rem,5vw,3em) auto;line-height:1.8em}}.services-item__container-center{align-self:center;justify-self:center}.services-item__container-end{align-self:flex-end}@media (min-width: 1920px){.services{padding:8rem clamp(2rem,8vw,4rem)}.services__grid{max-width:1400px}.services__grid>div{max-width:380px;padding:2.5rem}}.showcase{background:#0d0d0d;color:#f5f5f5;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem);width:100%;margin:0}.showcase h2{font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:clamp(2rem,5vw,3rem);color:#6c5ce7;font-weight:700}@media (min-width: 1440px){.showcase h2{font-size:clamp(2.5rem,3vw,3rem)}}.showcase .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.5rem,4vw,2rem);justify-items:center;max-width:1200px;margin:0 auto}@media (max-width: 767px){.showcase .grid{grid-template-columns:1fr;gap:clamp(1.2rem,4vw,1.8rem)}}@media (min-width: 1440px){.showcase .grid{gap:clamp(2rem,3vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.showcase__card{background:#1a1a1a;width:100%;max-width:400px;min-height:clamp(300px,40vw,400px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,2rem);font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:700;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}@media (max-width: 767px){.showcase__card{max-width:350px;min-height:clamp(280px,45vw,350px);padding:clamp(1.2rem,5vw,1.8rem)}}@media (min-width: 1440px){.showcase__card{max-width:450px;min-height:clamp(350px,35vw,450px)}}.showcase__card:hover{transform:translateY(-8px);background:#222;box-shadow:0 15px 35px #0000004d}@media (max-width: 767px){.showcase__card:hover{transform:translateY(-5px)}}.showcase__card-logo{width:60%;max-width:200px;height:60%;object-fit:contain;margin-bottom:clamp(1rem,3vw,1.5rem)}@media (max-width: 767px){.showcase__card-logo{width:70%;max-width:180px;height:50%}}.showcase__card-logo--video{border-radius:8px;width:90%;max-width:300px;height:70%;object-fit:cover}@media (max-width: 767px){.showcase__card-logo--video{width:95%;height:60%}}.showcase__card-title{font-size:clamp(1.3rem,3vw,1.5rem);margin-bottom:clamp(.3rem,1vw,.5rem);color:#fff;text-align:center;font-weight:600}@media (min-width: 1440px){.showcase__card-title{font-size:clamp(1.5rem,2vw,1.7rem)}}.showcase__card-description{font-size:clamp(.95rem,2.2vw,1rem);color:#b2bec3;text-align:center;line-height:1.5;font-weight:400}@media (min-width: 1440px){.showcase__card-description{font-size:clamp(1rem,1.5vw,1.1rem)}}@media (min-width: 1920px){.showcase{padding:8rem clamp(2rem,8vw,4rem)}.showcase .grid{max-width:1400px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.showcase__card{max-width:500px;min-height:450px;padding:2.5rem}}.language-switcher{position:fixed;top:clamp(15px,3vw,20px);right:clamp(15px,3vw,20px);z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:clamp(6px,2vw,8px) clamp(12px,3vw,16px);display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);font-size:clamp(14px,3vw,16px);color:#fff;cursor:pointer;transition:all .3s ease}.language-switcher:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.language-switcher:active{transform:translateY(0)}.language-switcher .current-flag,.language-switcher .next-flag{font-size:clamp(16px,3.5vw,18px);transition:transform .3s ease}.language-switcher .switch-arrow{opacity:.7;font-size:clamp(10px,2.5vw,12px);transition:transform .3s ease}.language-switcher:hover .switch-arrow{transform:translate(2px)}.language-switcher:hover .next-flag{transform:scale(1.1)}@media (max-width: 767px){.language-switcher{top:clamp(12px,4vw,15px);right:clamp(12px,4vw,15px);padding:clamp(5px,2.5vw,6px) clamp(10px,4vw,12px);font-size:clamp(12px,4vw,14px);border-radius:20px}.language-switcher .current-flag,.language-switcher .next-flag{font-size:clamp(14px,4.5vw,16px)}.language-switcher .switch-arrow{font-size:clamp(8px,3vw,10px)}}@media (max-width: 479px){.language-switcher{top:10px;right:10px;padding:4px 8px;gap:4px;border-radius:15px}.language-switcher .current-flag,.language-switcher .next-flag{font-size:14px}.language-switcher .switch-arrow{font-size:8px}}@media (min-width: 1440px){.language-switcher{top:25px;right:25px;padding:10px 18px;font-size:17px}.language-switcher .current-flag,.language-switcher .next-flag{font-size:20px}.language-switcher .switch-arrow{font-size:14px}}