.burger-nav-line{fill:none;stroke:#0b0b0b;stroke-width:2;stroke-linecap:round;transition:all .3s ease}.burger-nav-line:hover{stroke:#0b0b0b}svg:hover .burger-nav-line1{transform:translateX(-8px)}svg:hover .burger-nav-line2{transform:translateX(-6px)}svg:hover .burger-nav-line3{transform:translateX(-10px)}.animate-slide-in-1{animation:slideInUp .6s ease-out .1s both}.animate-slide-in-2{animation:slideInUp .6s ease-out .2s both}.animate-slide-in-3{animation:slideInUp .6s ease-out .3s both}.animate-slide-in-4{animation:slideInUp .6s ease-out .4s both}.animate-slide-in-5{animation:slideInUp .6s ease-out .5s both}.bg-button-header{color:white;background-color:#E27D60;transition:all .6s ease}.bg-button-header:hover{background-color:#D86B4A}.text-font-s{font-size:90px;line-height:80px}.text-font-s2{font-size:80px;line-height:80px;color:#E27D60}@media (max-width:768px){.texts-section{margin-bottom:35px}.text-font-s{font-size:60px;line-height:55px}.text-font-s2{font-size:50px}}@media (max-width:480px){.text-font-s{font-size:60px;line-height:60px}.text-font-s2{font-size:50px;line-height:0px}.hero-describe{line-height:30px;margin-top:0}}@media(max-width:768px){.design-video-left{max-width:300px;max-height:auto}}.video-container{opacity:0;transform:translateY(20px);animation:videoFadeIn 1s ease-out .3s forwards}@keyframes videoFadeIn{to{opacity:1;transform:translateY(0)}}.animate-element{display:flex;justify-content:center;align-items:center;height:320px;width:100%;position:relative;perspective:1000px}.mockup-container{position:relative;width:400px;height:300px;transform:rotateX(3deg) rotateY(-3deg);animation:gentle-tilt 12s ease-in-out infinite}.browser-window{width:100%;height:100%;background:transparent;border-radius:12px;overflow:hidden;border:2px solid #1a1a1a}.browser-header{height:35px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0 15px;border-bottom:1px solid #1a1a1a}.browser-dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;border:1px solid #1a1a1a;background:transparent}.dot.red{border-color:#1a1a1a}.dot.yellow{border-color:#525252}.dot.green{border-color:#737373}.interface-content{padding:20px;height:calc(100% - 35px);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.animate-element{opacity:0;transform:translateY(20px);animation:slideInUp .8s ease-out forwards;animation-delay:var(--delay)}.nav-bar{display:flex;gap:20px;margin-bottom:25px;justify-content:center}.nav-item{height:6px;background:transparent;border:1px solid #1a1a1a;border-radius:3px}.nav-item:first-child{width:50px}.nav-item:nth-child(2){width:35px}.nav-item:nth-child(3){width:40px}.hero-section{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.hero-title{height:24px;width:180px;background:transparent;border:2px solid #000000;border-radius:2px;margin-bottom:12px}.hero-subtitle{height:10px;width:120px;background:transparent;border:1px solid #525252;border-radius:2px}.cards-section{display:flex;gap:15px;justify-content:center}.card{width:55px;height:75px;background:transparent;border-radius:6px;position:relative;border:1px solid #1a1a1a}.card:before{top:8px;height:25px;border:1px solid #525252;border-radius:2px}.card:after,.card:before{content:"";position:absolute;left:8px;right:8px;background:transparent}.card:after{bottom:8px;height:4px;border:1px solid #737373;border-radius:2px}.animated-cursor{position:absolute;width:16px;height:16px;background:#000000;clip-path:polygon(0 0,28% 38%,18% 50%,0 0);animation:cursor-movement 8s ease-in-out infinite;z-index:10}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes gentle-tilt{0%,to{transform:rotateX(3deg) rotateY(-3deg)}50%{transform:rotateX(-1deg) rotateY(2deg)}}@keyframes cursor-movement{0%{top:60%;left:20%;opacity:0}10%{opacity:1}25%{top:45%;left:40%}50%{top:70%;left:60%}75%{top:40%;left:80%}90%{opacity:1}to{top:60%;left:90%;opacity:0}}@media (max-width:768px){.design-showcase-container{height:350px}.mockup-container{width:300px;height:225px;transform:rotateX(2deg) rotateY(-2deg)}.animated-cursor{width:15px;height:15px}}@media screen and (min-width:768px) and (max-width:1023px){.design-showcase-container{display:none}.hero_button{align-self:flex-start;margin-left:0;margin-top:-8px;min-width:250px!important}.hero_section .grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}}@media screen and (min-width:1024px) and (max-width:1100px){.hero_section .grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:3rem!important;max-width:800px!important;margin:0 auto!important}.hero_section .grid>div:first-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2rem!important;align-items:center!important;grid-column:1/-1!important}.texts-section{margin-bottom:2rem!important}.text-font-s{font-size:65px!important;line-height:60px!important}.text-font-s2{font-size:55px!important;line-height:60px!important}.hero-describe{font-size:16px!important;line-height:24px!important;margin-top:1rem!important}.video-container{margin-bottom:0!important;justify-self:center!important}.design-video-left{max-width:320px!important;height:auto!important}.hero_section .grid>div:last-child{flex-direction:column!important;gap:2rem!important;margin-top:0!important;grid-column:1/-1!important}.design-showcase-container,.hero_section .grid>div:last-child{display:flex!important;align-items:center!important;justify-content:center!important}.design-showcase-container{height:auto!important;width:100%!important}.mockup-container{width:380px!important;height:280px!important;transform:rotateX(2deg) rotateY(-2deg)!important}.animated-cursor{width:15px!important;height:15px!important}.hero_button{align-self:center!important;margin:0!important;min-width:220px!important;position:relative!important;z-index:1!important}.hero_section{min-height:100vh!important;justify-content:center!important;padding-top:2rem!important;padding-bottom:2rem!important}}@media (max-width:768px){.design-showcase-container{display:none}.hero_button{align-self:flex-start;margin-left:0;margin-top:-8px;min-width:180px!important}.hero_section .grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}}.hero_button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;background-color:#faf8ed;color:#000000;border:none;border-radius:50px;padding:12px 16px 12px 24px;font-family:Source Sans Pro,sans-serif;font-size:17px;font-weight:500;cursor:pointer;text-decoration:none;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:clip-path .65s cubic-bezier(.785,.135,.15,.86),transform .65s cubic-bezier(.785,.135,.15,.86);min-width:200px;height:60px}.hero_button:after{width:24px;height:24px}.hero_button .arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:2;font-size:20px;font-weight:700;color:white;transition:all .3s ease}.hero_button:before{content:"";position:absolute;top:0;right:0;bottom:0;width:60px;background-color:#E27D60;border-radius:50px;transition:width .65s cubic-bezier(.785,.135,.15,.86);z-index:0}.hero_button:hover:before{width:100%}.hero_button:hover{box-shadow:0 8px 30px rgba(0,0,0,.15)}.hero_button .button-text{position:relative;z-index:3;transition:color .3s ease .2s}.hero_button:hover .arrow,.hero_button:hover .button-text{color:#ffffff}.hero_button:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:#E27D60;border-radius:50%;z-index:1;transition:clip-path .65s cubic-bezier(.785,.135,.15,.86)}@media (max-width:768px){.hero_button{min-width:150px;height:50px;font-size:14px;padding:8px 12px 8px 18px}.hero_button:after{width:38px;height:38px;right:6px}.hero_button .arrow{right:18px;font-size:16px}.hero_button:before{width:50px}.hero_button:hover:before{width:100%}}@media screen and (min-width:768px) and (max-width:1100px){.text-pad{font-size:47px}.text-pad-mini{font-size:20px}}.gm-color{background-color:#e95649}@media screen and (min-width:768px) and (max-width:1023px){.image-about{display:none}.text-about-sz{font-size:20px}}@media screen and (min-width:1024px) and (max-width:1100px){.image-about{display:block!important}.text-about-sz{font-size:18px!important}.hidden.lg\\:grid{display:grid!important}.grid-cols-12{grid-template-columns:1fr 1fr!important;gap:2rem!important;align-items:center!important}.col-span-6{grid-column:span 1!important}h1{font-size:3rem!important;line-height:1.1!important}.image-about img{height:450px!important;object-fit:cover!important}.hidden.lg\\:grid.grid-cols-12{display:grid!important;grid-template-columns:1fr 1fr!important}.block.lg\\:hidden{display:none!important}}@media (max-width:768px){.image-about{display:none}}