header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff40;border-radius:50px;justify-content:center;width:100%;max-width:550px;margin:0 0 0 -275px;transition:all .3s;display:flex;position:fixed;top:10px;left:50%;overflow:hidden}.header-bar{justify-content:space-between;align-items:center;gap:1.5rem;min-height:40px;padding:5px 0 7px;display:flex}header .logo{z-index:1001;padding:2px 0 0}header nav ul{justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}header nav ul li a{color:#fff;text-transform:uppercase;letter-spacing:1px;border:3px solid #0000;border-radius:50px;padding:5px 15px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}header nav ul li a:hover{background:var(--yellow);color:#000;border-color:#fff;transition:all .3s}header nav ul li a.social-link{border-radius:100%;justify-content:center;align-items:center;width:45px;height:45px;padding:0;display:flex}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:26px;height:26px;padding:0;display:none;position:relative}.menu-toggle span{background-color:var(--yellow);transform-origin:50%;border-radius:3px;width:100%;height:3px;transition:all .3s}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(6px,7px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.mobile-nav{opacity:0;max-height:0;transition:max-height .4s,opacity .3s,padding .3s;display:none;overflow:hidden}.mobile-nav.open{opacity:1;max-height:400px;padding:0 15px 25px}.mobile-nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav ul li.social-link a{justify-content:center;align-items:center;gap:10px;display:flex}.mobile-nav ul li a{color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:2px solid #0000;border-radius:25px;padding:12px 20px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:block}.mobile-nav ul li a:hover{background:var(--yellow);color:#000;border-color:#fff}@media (max-width:768px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{display:block}header{background:#ffffff26;border-radius:50%;width:52px;max-width:none;max-height:52px;margin:0;display:block;top:12px;left:auto;right:7%}.header-bar{justify-content:center;gap:0;min-height:52px;padding:0}header.menu-open{border-radius:24px;width:86%;max-height:520px}header.menu-open .header-bar{justify-content:flex-end;padding:0 18px}header .logo img{max-width:150px}}@media (min-width:769px){.mobile-nav{display:none}}
#hero{background:var(--black) url(/images/bg-hero.webp) center / cover no-repeat;min-height:35.6vw;position:relative;overflow:hidden}#hero .hero-inner{min-height:35.6vw;position:relative}@media (max-width:1920px){#hero .hero-inner{min-height:38.6vw}}#hero .hero-photo{width:33.79vw;position:absolute;bottom:0;left:9.48vw}#hero .hero-photo img{width:100%;height:auto;display:block}#hero .hero-photo-mobile{display:none}#hero .hero-content{margin-left:43.5vw;padding-top:13.05vw}#hero .hero-title{font-family:var(--font-inter), sans-serif;letter-spacing:-.06em;color:#fff;margin:0 0 1.8vw;font-size:clamp(2.5rem,4.85vw,7.75rem);font-weight:700;line-height:.87}#hero .hero-title .highlight{color:var(--yellow)}#hero .selo{width:7.24vw;min-width:70px;position:absolute;top:5.11vw;right:23.7vw}#hero .selo-image{width:100%;height:auto;animation:20s linear infinite spin;display:block}#hero .e-bg{width:64%;height:auto;position:absolute;top:18%;left:50%;transform:translate(-50%)}#hero .tagline{flex-direction:row;gap:.79vw;display:flex}#hero .tagline p{color:#fff;margin:0;font-weight:400}#hero .tagline .col-1{border-right:1px solid #ccc;max-width:clamp(160px,11.8vw,300px)}#hero .tagline .col-1 p{margin-bottom:1.1vw}#hero .tagline .col-1 p strong.number{color:var(--black);-webkit-text-stroke-width:max(1px, .04vw);stroke-width:max(1px,.04vw);-webkit-text-stroke-color:var(--yellow);stroke:var(--yellow);font-family:sans-serif;font-size:clamp(1.75rem,2.675vw,4.25rem);font-weight:800;line-height:.853}#hero .tagline .col-1 p span{width:100%;margin-top:.2vw;font-size:clamp(.8125rem,.787vw,1.25rem);display:inline-block}#hero .tagline .col-1 .people{flex-direction:row;align-items:center;gap:.79vw;display:flex}#hero .tagline .col-1 .people .people-image{margin-top:-18px}#hero .tagline .col-1 .people .people-image img{width:clamp(70px,4.25vw,108px);height:auto}#hero .tagline .col-1 .people .rating{margin:0}#hero .tagline .col-1 .people .rating .stars{align-items:center;display:flex}#hero .tagline .col-1 .people .rating .stars svg{width:clamp(15px,.944vw,24px);height:clamp(15px,.944vw,24px)}#hero .tagline .col-1 .people .rating p{font-size:clamp(.6875rem,.63vw,1rem);font-weight:500}#hero .tagline .col-1 .people .rating p strong{letter-spacing:-.04em;font-size:clamp(1rem,.944vw,1.5rem);font-weight:600}#hero .tagline .col-2{flex-direction:row;justify-content:start;align-items:center;gap:.79vw;padding:0 0 0 1.77vw;display:flex}#hero .tagline .col-2 p{max-width:clamp(210px,18.88vw,480px);font-size:clamp(.8125rem,.928vw,1.156rem);font-weight:400;line-height:1.55}@media (orientation:portrait),(max-width:900px){#hero{min-height:0;padding:80px 7% 60px}#hero .hero-inner{flex-direction:column;min-height:0;display:flex}#hero .hero-photo{width:70%;max-width:320px;margin:0 0 40px;position:static}#hero .hero-photo-desktop{display:none}#hero .hero-photo-mobile{max-width:227px;display:block}#hero .hero-content{width:100%;margin-left:0;padding-top:0}#hero .hero-title{text-align:left;margin-bottom:40px;font-size:clamp(3.5rem,11vw,4rem)}#hero .selo{display:none}#hero .tagline{flex-direction:column;gap:0;width:100%}#hero .tagline .col-1,#hero .tagline .col-2{border-right:none;width:100%;max-width:100%;padding:0}#hero .tagline .col-1 p strong.number{color:var(--yellow);stroke:none;-webkit-text-stroke-width:0;font-size:58px;line-height:1}#hero .tagline .col-1 p{align-items:center;gap:10px;margin-bottom:16px;display:flex}#hero .tagline .col-1 p.rating-value{gap:0}#hero .tagline .col-1 p span{margin-top:5px;font-size:17px}#hero .tagline .col-1 .people{gap:20px}#hero .tagline .col-1 .people .people-image img{width:108px}#hero .tagline .col-1 .people .rating .stars svg{width:24px;height:24px}#hero .tagline .col-1 .people .rating p{font-size:16px}#hero .tagline .col-1 .people .rating p strong{font-size:24px}#hero .tagline .col-2 p{max-width:100%;margin:40px 0;font-size:20px}}@keyframes spin{to{transform:rotate(360deg)}}
.modal-overlay{z-index:2000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.modal-dialog{background:#1b1b1b;border-radius:4px;flex-direction:column;width:100%;max-width:1400px;max-height:95vh;animation:.3s ease-out modal-in;display:flex;position:relative;box-shadow:0 25px 50px -12px #000c}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{z-index:2;color:#bdbdbd;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}.modal-close:hover{color:#fff;background:#2c2c2c}.modal-body{flex:1;min-height:0;display:flex;overflow:hidden}.modal-gallery{flex-direction:column;width:50%;display:flex}.modal-gallery-empty{color:#777;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.modal-gallery-single{flex:1;justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex}.modal-image-link{cursor:pointer;transition:opacity .3s;display:flex}.modal-image-link:hover{opacity:.9}.modal-gallery img{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:60vh}.modal-carousel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.modal-carousel-viewport{flex:1;overflow:hidden}.modal-carousel-container{touch-action:pan-y pinch-zoom;height:100%;display:flex}.modal-carousel-slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;padding:1rem;display:flex}.modal-carousel-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50px;align-items:center;gap:.5rem;padding:4px 8px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.modal-carousel-controls>button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.modal-carousel-controls>button:hover{background:#fff3}.modal-carousel-dots{gap:6px;display:flex}.modal-carousel-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s}.modal-carousel-dot:hover{background:#ffffffb3}.modal-carousel-dot.active{background:#fff}.modal-info{flex-direction:column;justify-content:center;width:50%;min-width:0;display:flex;overflow:auto}.modal-info-inner{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-info h2{color:#fff;margin:0;font-size:2.25rem;font-weight:600;line-height:1.1}.modal-content{color:#c9c9c9;font-size:1rem;line-height:1.7}.modal-content p{margin:0 0 .75rem}.modal-content p:last-child{margin-bottom:0}.modal-content strong,.modal-content b{color:#fff;font-weight:600}.modal-content a{color:var(--yellow);text-decoration:underline}.modal-tech{flex-wrap:wrap;gap:.5rem;display:flex}.modal-tech span{color:#c9c9c9;background:#262626;border:1px solid #3a3a3a;border-radius:50px;padding:4px 12px;font-size:.875rem}.modal-link{border:2px solid var(--yellow);background:var(--yellow);color:var(--black);border-radius:4px;align-items:center;gap:.5rem;margin-top:.5rem;padding:10px 20px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.modal-link:hover{color:var(--yellow);background:0 0}@media (orientation:portrait){.modal-body{flex-direction:column;overflow:auto}.modal-gallery,.modal-info{width:100%}.modal-gallery img{max-height:40vh}.modal-info h2{font-size:1.75rem}}
#portfolio{color:#f5f5f5;background:#111;margin:0;padding:0;position:relative}#portfolio .container{padding:0 0 60px}#portfolio h2{color:#fff;text-align:left;border-bottom:4px solid var(--yellow);width:100%;margin:0;padding-bottom:20px;font-size:3rem;line-height:1}.portfolio-tabs{justify-content:center;margin-bottom:60px;padding:0 5%;display:flex}.portfolio-tabs-switch{background:var(--black);border:2px solid #2c2c2c;border-radius:50px;width:400px;max-width:100%;padding:4px;display:inline-flex;position:relative}.portfolio-tabs-indicator{background:var(--yellow);border-radius:50px;width:calc(50% - 4px);transition:transform .3s ease-in-out;position:absolute;top:4px;bottom:4px;left:4px}.portfolio-tabs-indicator.right{transform:translate(100%)}.portfolio-tabs-switch button{z-index:1;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50px;width:50%;padding:12px 8px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1;transition:color .3s;position:relative}.portfolio-tabs-switch button:hover{color:var(--yellow)}.portfolio-tabs-switch button.active,.portfolio-tabs-switch button.active:hover{color:var(--black)}.portfolio-grid{columns:2;column-gap:1rem;width:100%;max-width:96%;margin:0 auto;display:block}.portfolio-grid-outro .portfolio-item{margin:1rem}.portfolio-item{text-align:left;cursor:pointer;background:#1b1b1b;border:none;border-radius:4px;margin:0 0 1rem;padding:0;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;box-shadow:0 10px 15px -3px #0006}.portfolio-item:hover{z-index:10;background:#262626;transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000080}.portfolio-item-image img{border-radius:4px;width:100%;height:auto;transition:transform .3s;display:block}.portfolio-item:hover .portfolio-item-image img{transform:scale(1.05)}.portfolio-item-content{padding:16px 24px}.portfolio-item-content h3{color:#fff;text-transform:uppercase;margin:0;font-size:1.125rem;font-weight:700}@media (min-width:768px){.portfolio-grid{columns:4;column-gap:2.5rem}.portfolio-grid .portfolio-item{break-inside:avoid;width:100%;margin-bottom:2.5rem;display:inline-block}.portfolio-grid-outro{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.portfolio-grid-outro .portfolio-item{max-width:20%}}@media (min-width:1600px){.portfolio-grid{columns:5}.portfolio-grid-outro .portfolio-item{max-width:16%}}@media (max-width:768px){#portfolio{padding:60px 0}#portfolio h2{padding-left:7%;font-size:2.5rem}.portfolio-tabs{margin-bottom:40px}}
#services{color:#f5f5f5;background:#111;margin:0;padding:0;position:relative;overflow:hidden}#services .container{padding:70px 0}.services-header h2{max-width:100%;margin:0;font-size:3rem;line-height:1}.services-header h2 strong{color:var(--yellow)}#services p.about{margin:0;font-size:1.1rem;font-weight:300;display:none}#services p strong{font-weight:900}.services-header{margin-bottom:60px}.services-container{gap:1rem;display:flex}.services-item{border:2px solid var(--black);background:#1b1b1b;border-radius:10px;flex-direction:column;align-items:start;gap:1rem;width:25%;padding:30px;transition:all .3s;display:flex}.services-item:hover{cursor:pointer;border-color:#999}.services-item .services-item-icon{background:var(--yellow);border:4px solid #1b1b1b;border-radius:50%;align-items:center;width:70px;height:70px;margin-bottom:30px;padding:10px;transition:all .3s;display:flex}.services-item:hover .services-item-icon{border:4px solid #fff}.services-item .services-item-icon img{max-width:50px}.services-item .services-item-content{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.services-item h3{color:#fff;margin:0;font-size:1.5rem}@media (max-width:768px){#services{padding:0}#services .container{padding:7%}#services .container .services-header{margin-bottom:30px}#services .container .services-header h2{font-size:2.5rem}#services .container .services-container{flex-direction:column}#services .container .services-container .services-item{flex-direction:column;width:100%}}
#clients{padding:40px 0 80px}#clients .container{flex-direction:row;gap:2rem;max-width:900px;display:flex}#clients .col-1,#clients .col-2{flex-direction:column;justify-content:center;display:flex}#clients h2{letter-spacing:-2px;width:100%;max-width:350px;color:var(--yellow);font-size:4.5rem;font-weight:700;line-height:4rem;transition:all .3s}#clients h2 strong{color:#fff}#clients .clients-container{flex-wrap:wrap;justify-content:end;gap:2rem;width:100%;display:flex}#clients .client{justify-content:center;align-items:center;width:33%;height:120px;display:flex;position:relative}#clients .client-image{object-fit:contain}#clients .clients-container .client img{max-width:140px;max-height:80px}@media (orientation:portrait){#clients{margin-bottom:40px;padding:0 7% 7%}#clients .col-1,#clients .col-2{width:100%}#clients h2{margin-bottom:0;font-size:3rem;line-height:1}#clients .container .row{flex-direction:column}#clients .clients-container .client{width:40%;padding:5%}#clients .clients-container{justify-content:space-around}}
#contact{background:var(--black);color:#fff;text-align:center;background-image:linear-gradient(#0e0e0e 0%,#181818 100%);border-radius:20px;max-width:900px;margin:80px auto;padding:85px 15px;position:relative}#contact .container{flex-direction:row;justify-content:center;gap:4rem;display:flex}#contact .btn{text-align:center;color:#fff;cursor:pointer;background:#fff3;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:15px;max-width:350px;margin:0;padding:7px 20px 7px 8px;font-size:1.15rem;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:flex}#contact .btn:hover{background:var(--yellow);color:#000}#contact .btn .icon-container{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:flex}#contact .btn:hover .icon-container{background:#fff}#contact .hello{position:absolute;top:-20px;left:50%;transform:translate(-50%)}@media (orientation:portrait){#contact{margin-top:80px;margin-bottom:80px;padding:7%}#contact .container{flex-direction:column;gap:2rem}#contact h2{text-align:center;font-size:2.5rem;line-height:1}#contact p{font-size:1.3rem}}
.btn-circle{z-index:1000;cursor:pointer;background-color:#24cc24;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;animation:2s infinite pulse-animation;display:flex;position:fixed;bottom:30px;right:20px;box-shadow:0 0 1px 1px #0000001a}.btn-circle:hover{background-color:#1eac1e;transform:scale(1.1)}.btn-circle a{margin-top:4px}.btn-circle svg{fill:#fff;width:30px;height:30px}@keyframes pulse-animation{0%{box-shadow:0 0 #0003}to{box-shadow:0 0 0 20px #0000}}
#ribbon{color:#f5f5f5;margin:-45px 0 0;position:relative;overflow:hidden}.tech-scroll-2{background:#fff;align-items:center;width:100%;margin-bottom:-7px;padding:5px 0 15px;display:flex;position:relative;overflow:hidden}.tech-scroll-2 .tech-scroll-content{white-space:nowrap;gap:4rem;animation:80s linear infinite scroll-reverse;display:flex}.tech-scroll-2 .tech-word{text-transform:uppercase;color:#000;letter-spacing:-1px;flex-shrink:0;font-size:2rem;font-weight:900;line-height:1;display:inline-block;position:relative}.tech-scroll-3{background:var(--yellow);align-items:center;width:100%;padding:5px 0;display:flex;position:relative;overflow:hidden}.tech-scroll-3 .tech-scroll-content{white-space:nowrap;gap:4rem;animation:180s linear infinite scroll;display:flex}.tech-scroll-3 .tech-word{text-transform:uppercase;color:#000;letter-spacing:-3px;flex-shrink:0;font-size:4rem;font-weight:900;line-height:1;display:inline-block;position:relative}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:768px){.tech-word{font-size:5rem}.tech-scroll{height:120px}.tech-scroll-content{gap:2rem}.tech-scroll-3{margin-bottom:45px}}@media (orientation:landscape){#ribbon{flex-direction:column;justify-content:center;height:200px;display:flex}.tech-scroll-2,.tech-scroll-3{transform:rotate3d(1,1,1,0)}}
.tech-scroll{align-items:center;width:100%;padding:5px 0;display:flex;position:relative;overflow:hidden}.tech-scroll .tech-scroll-content{white-space:nowrap;gap:1rem;animation:30s linear infinite scroll;display:flex}.tech-scroll .tech-word{color:#f0f0f0;letter-spacing:-1px;flex-shrink:0;justify-content:center;align-items:center;gap:15px;font-size:3.25rem;font-weight:900;line-height:1;display:flex;position:relative}.tech-scroll .marquee-image{background-color:#2c2c2c;border-radius:100%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 20px;padding:10px;animation:7s linear infinite spin;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:768px){.tech-word{font-size:5rem}.tech-scroll{height:120px}.tech-scroll-content{gap:2rem}}