#features-title{line-height:125%;color:var(--color-gray-2);display:flex;font-weight:500;font-size:max(48px,30.1714285714px + 4.5714285714vw);gap:max(12px,7.5428571429px + 1.1428571429vw);padding-bottom:max(4px,2.5142857143px + .380952381vw)}@media (min-width: 1440px){#features-title{font-size:calc(-48px + 10vw);gap:calc(-19.2px + 3vw);padding-bottom:calc(-78.4px + 6vw)}}#features-description{line-height:150%;color:var(--color-gray-2);text-align:center;padding-bottom:40px;font-weight:700;font-size:max(16px,13.0285714286px + .7619047619vw)}@media (min-width: 1440px){#features-description{font-size:calc(-10.56px + 2.4vw)}}#features-list{display:flex;flex-direction:column;color:var(--color-gray-2);width:100%}#features-list-description{display:flex;flex-direction:column;gap:max(0px,0px + 0vw)}@media (min-width: 1440px){#features-list-description{gap:calc(-7.2px + .5vw)}}#features-list-description div{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-secondary-text);overflow:hidden;position:relative;font-size:max(14px,12.5142857143px + .380952381vw);line-height:max(24px,21.4px + .6666666667vw);height:max(24px,21.4px + .6666666667vw)}@media (min-width: 1440px){#features-list-description div{font-size:calc(-16.56px + 2.4vw);line-height:calc(-3.56px + 2.4vw);height:calc(-3.56px + 2.4vw)}}#features-list-description div p{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:max(24px,21.4px + .6666666667vw)}@media (min-width: 1440px){#features-list-description div p{gap:calc(-3.56px + 2.4vw)}}#features-list-description div p:nth-child(1){top:100%;padding-top:max(24px,21.4px + .6666666667vw)}@media (min-width: 1440px){#features-list-description div p:nth-child(1){padding-top:calc(-3.56px + 2.4vw)}}#features-list-description div p:nth-child(2){top:200%}#features-list-description div p:nth-child(3){top:300%}#features-shape-container{height:max(72px,63.0857142857px + 2.2857142857vw);min-height:max(72px,63.0857142857px + 2.2857142857vw)}@media (min-width: 1440px){#features-shape-container{height:calc(61.44px + 2.4vw);min-height:calc(61.44px + 2.4vw)}}#features-list-title{font-weight:700;flex-direction:column;display:flex;justify-content:center;align-items:center;margin-top:40px;position:relative;overflow:hidden}#features-list-title div{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;position:absolute;top:100%;gap:max(36px,33.7714285714px + .5714285714vw)}@media (min-width: 1440px){#features-list-title div{gap:calc(7.44px + 2.4vw)}}#features-list-title p:nth-child(1){padding-top:max(36px,33.7714285714px + .5714285714vw)}@media (min-width: 1440px){#features-list-title p:nth-child(1){padding-top:calc(7.44px + 2.4vw)}}#features-list-title{font-size:max(24px,22.5142857143px + .380952381vw);line-height:max(36px,33.7714285714px + .5714285714vw);height:max(36px,33.7714285714px + .5714285714vw);margin-bottom:max(8px,4.2857142857px + .9523809524vw)}@media (min-width: 1440px){#features-list-title{font-size:calc(-6.56px + 2.4vw);line-height:calc(7.44px + 2.4vw);height:calc(7.44px + 2.4vw);margin-bottom:calc(-16.56px + 2.4vw)}}#features-shapes{display:flex;align-items:end;justify-content:center;position:relative;height:100%;gap:max(72px,27.4285714286px + 11.4285714286vw)}@media (min-width: 1440px){#features-shapes{gap:calc(157.44px + 2.4vw)}}#features-shapes .shape{width:max(72px,63.0857142857px + 2.2857142857vw);height:max(72px,63.0857142857px + 2.2857142857vw)}@media (min-width: 1440px){#features-shapes .shape{width:calc(61.44px + 2.4vw);height:calc(61.44px + 2.4vw)}}#features-shapes .circle{border-radius:50%;transform:rotate(-180deg)}#features-shapes .triangle{clip-path:polygon(57.301% 5.475%,57.301% 5.475%,56.243% 3.834%,54.916% 2.557%,53.389% 1.645%,51.728% 1.098%,50% .916%,48.272% 1.098%,46.611% 1.645%,45.084% 2.557%,43.757% 3.834%,42.699% 5.475%,1.825% 88.064%,1.825% 88.064%,1.206% 89.731%,.96% 91.411%,1.059% 93.061%,1.475% 94.635%,2.183% 96.089%,3.154% 97.378%,4.361% 98.458%,5.777% 99.285%,7.374% 99.814%,9.127% 100%,90.873% 100%,90.873% 100%,92.626% 99.814%,94.223% 99.285%,95.639% 98.458%,96.846% 97.378%,97.817% 96.089%,98.525% 94.635%,98.941% 93.061%,99.04% 91.411%,98.793% 89.731%,98.175% 88.064%,57.301% 5.475%)}#features-shapes .square{border-radius:max(6px,5.2571428571px + .1904761905vw)}@media (min-width: 1440px){#features-shapes .square{border-radius:calc(-26.56px + 2.4vw)}}#features-title p,#features-description p{position:relative;overflow:hidden}#features-title p span,#features-description p span{display:block;transform:translateY(100%)}#service-content-container{position:relative}#service-content-container .shape{position:absolute;filter:blur(2px);border-radius:12px;overflow:hidden}#service-content-container .shape svg{width:100px;height:100px}#service-content-container .triangle{top:112px;right:24px;transform:translate(200%) rotateY(180deg)}#service-content-container .triangle .service-svg-mark{position:relative}#service-content-container .triangle .service-svg-mark div{position:absolute;background:#000;transform:translate(100%,-100%) scale(1.3) rotate(45deg)}#service-content-container .triangle-hollow{bottom:112px;left:24px;transform:translate(-200%) rotateY(180deg)}#service-1,#service-2,#service-3,#service-4,#service-5{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute}[id^=service-] .service-content-title p span{background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;background:var(--gradient)}[id^=service-] .service-content-description{color:var(--text-color-des)}[id^=service-] .service-divider{background:var(--text-color)}[id^=service-] .service-order span,[id^=service-] .service-order p{color:var(--text-color)}#service-1{--gradient: var(--color-gradient-1);--text-color-des: var(--color-primary-text);--text-color: var(--color-dark-1)}#service-2{--gradient: var(--color-gradient-2);--text-color-des: var(--color-secondary-text);--text-color: var(--color-gray-2)}#service-3{--gradient: var(--color-gradient-3);--text-color-des: var(--color-primary-text);--text-color: var(--color-dark-1)}#service-4{--gradient: var(--color-gradient-4);--text-color-des: var(--color-secondary-text);--text-color: var(--color-gray-2)}#service-5{--gradient: var(--color-gradient-5);--text-color-des: var(--color-primary-text);--text-color: var(--color-dark-1)}#service-1{transform:translateY(100%)}#service-2{transform:translate(100%)}#service-3{transform:translateY(150%) rotate(-90deg)}#service-4{transform:translate(-100%,100%)}#service-5{transform:translateY(150%) rotate(90deg)}.service-container{display:flex;gap:16px;flex-direction:column;margin-inline:24px}.service-order{position:relative;display:flex;height:max-content;margin-left:18px}.service-order span{position:absolute;bottom:50%;transform-origin:bottom left;transform:rotate(-90deg) translate(-50%);font-size:18px;line-height:100%;font-weight:500}.service-order p{font-size:96px;line-height:96px;padding-left:8px;font-weight:500}.service-divider{min-width:100%;min-height:2px}.service-content{display:flex;flex-direction:column}.service-content-title{width:100%;height:108px;position:relative}.service-content-title p{position:relative;overflow:hidden}.service-content-title p span{display:block;font-size:48px;line-height:60px;font-weight:500;transform:translateY(100%)}.service-content-title p:first-child{top:0}.service-content-title p:last-child{bottom:10%}.service-content-description{margin-top:8px;margin-bottom:48px;font-size:14px;line-height:175%}.service-content-description p{overflow:hidden}.service-content-description p span{display:block;transform:translateY(100%)}.service-navigation{position:absolute;top:50%;right:36px;transform:translateY(-50%)}.service-navigation div{padding:8px}.service-navigation div span{display:block;width:8px;height:8px;border-radius:4px;background:var(--color-primary-text)}@media (width: 768px){#service-3 .service-content-description p:first-child span{white-space:nowrap}}@media (min-width: 768px){#service-content-container .shape{filter:blur(3px)}#service-content-container .shape svg{width:150px;height:150px}#service-content-container .triangle{top:112px;right:80px}#service-content-container .triangle-hollow{bottom:112px;left:80px}#service-1 .service-container{margin-inline:192.75px}#service-2 .service-container,#service-3 .service-container{margin-inline:144.75px}#service-4 .service-container{margin-inline:196.5px}#service-5 .service-container{margin-inline:192.75px}.service-content-title{height:162px}.service-content-title p span{font-size:72px;line-height:90px}.service-content-description{margin-bottom:72px;font-size:18px;line-height:31.5px}}@media (min-width: 1440px){#service-content-container .shape{filter:blur(4px)}#service-content-container .shape svg{width:200px;height:200px}#service-content-container .triangle{top:144px;right:144px}#service-content-container .triangle-hollow{bottom:144px;left:144px}#service-1 .service-container,#service-2 .service-container,#service-3 .service-container,#service-4 .service-container,#service-5 .service-container{margin-inline:144px}.service-container{flex-direction:row;gap:40px}.service-order p{font-size:calc(52.8px + 3vw);line-height:120px}.service-order span{font-size:calc(3.6px + 1vw)}.service-divider{min-width:2px;min-height:100%}.service-content-title{width:100%;height:calc(0px + 15vw)}.service-content-title p span{font-size:calc(-19.2px + 8vw);line-height:calc(4.8px + 8vw)}.service-content-description{margin-bottom:calc(-19.2px + 3vw);font-size:calc(-10.8px + 2vw);line-height:calc(2.7px + 2vw)}}#tech-stack-title{font-size:max(48px,30.1714285714px + 4.5714285714vw);line-height:125%;font-weight:500;text-align:center;position:relative;width:100%}#tech-stack-title p{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: theme(--breakpoint-2xl)){#tech-stack-title p{flex-direction:row;gap:21px}}#tech-stack-title p span{display:inline-block;transform:translateY(100%)}#tech-stack-title span:nth-child(1),#tech-stack-title span:nth-child(2){background:linear-gradient(90deg,#15bfe4,#f7bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#tech-stack-title span:nth-child(2){margin-top:-12px}@media (min-width: theme(--breakpoint-md)){#tech-stack-title span:nth-child(2){margin-top:-18px}}@media (min-width: theme(--breakpoint-2xl)){#tech-stack-title span:nth-child(2){margin-top:0;background:linear-gradient(90deg,#fec5fb,#00bae2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}#tech-stack-description{text-align:center;color:var(--color-gray-2);font-weight:700;font-size:max(16px,13.0285714286px + .7619047619vw);line-height:150%;padding-top:clamp(16px,18.9714285714px + -.7619047619vw,8px);padding-bottom:40px}#tech-stack-description p{overflow:hidden}#tech-stack-description p span{display:block;transform:translateY(100%)}.tech-stack-col{display:flex;flex-direction:column;gap:max(18px,15.7714285714px + .5714285714vw)}.tech-stack-row{display:flex;gap:max(18px,15.7714285714px + .5714285714vw)}.tech-stack-tag{position:relative;width:max(180px,157.7142857143px + 5.7142857143vw);height:max(54px,47.3142857143px + 1.7142857143vw);border-radius:36px;overflow:hidden;background:linear-gradient(93deg,#111928 1.04%,#090d14 98.96%);box-shadow:0 5px 12px #0000001a;color:#dfe4ea;font-size:max(15px,13.1428571429px + .4761904762vw);line-height:150%;font-weight:600;display:flex;justify-content:center;align-items:center}.tech-stack-tag:before{content:"";position:absolute;inset:0;padding:2px;border-radius:36px;overflow:hidden;background:linear-gradient(90deg,#15bfe4,#f7bdf8);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}@reference "./global.css";#projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:24px;gap:24px;z-index:1}#projects-container #projects-title{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}#projects-container .projects-name-container{display:flex;flex-direction:column;column-gap:24px;overflow:hidden}#projects-container .projects-name-container h1{color:var(--color-dark-1);font-size:48px;font-weight:500;line-height:125%}#projects-container .projects-name-container .projects-name{overflow:hidden}#projects-container .projects-name-container .projects-name-content{display:flex;align-items:center}#projects-container .projects-name-container .projects-name-content svg{display:none;cursor:pointer}#projects-container .projects-name-container .projects-name-overlay{color:var(--color-primary-text);font-size:36px;font-weight:500;line-height:125%;height:45px;white-space:nowrap;overflow:hidden}#projects-container .projects-name-container .projects-name-overlay p{width:max-content}#projects-container .projects-name-container .projects-name-overlay p span{display:block;width:max-content;cursor:pointer}#projects-container .projects-order{display:flex;color:var(--color-primary-text);font-size:24px;font-weight:500;line-height:150%;overflow:hidden;padding-top:4px;gap:6px}#projects-container .projects-order .projects-number{height:36px;overflow:hidden}#projects-container .projects-order .projects-number p span{display:block}#projects-container .project-divider{width:2px;min-height:100%;background:var(--color-dark-1)}#projects-container #projects-content{display:flex;align-items:center;width:100%;gap:24px}#projects-container #projects-content .project-container{min-width:300px;display:flex;flex-direction:column;gap:16px}#projects-container #projects-content .project-container .project-image{border-radius:8px;overflow:hidden;min-width:100%;position:relative;cursor:pointer}#projects-container #projects-content .project-container .project-image div{min-width:300px;object-fit:cover}#projects-container #projects-content .project-container .project-image div>div{object-fit:cover}#projects-container #projects-content .project-container .project-tags{display:flex;flex-direction:column;overflow:hidden;gap:8px}#projects-container #projects-content .project-container .project-tag{width:max-content;max-height:24px;font-family:var(--font-sans);color:#fff;font-size:12px;font-weight:500;line-height:20px;padding-block:2px;padding-inline:12px;border-radius:12px;background:var(--color-primary-text);transform:translateY(500%);cursor:pointer}#projects-container #projects-content .project-container:nth-child(2),#projects-container #projects-content .project-container:nth-child(3),#projects-container #projects-content .project-container:nth-child(4){filter:blur(2px)}#contact-form-container{position:absolute;width:100%;left:0;z-index:0}#contact-form-container #contact-form-content{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#contact-form-container form{display:flex;flex-direction:column;justify-content:center;padding:40px 24px 48px;position:relative}#contact-form-container #contact-info{display:flex;flex-direction:column;gap:4px;width:0px;height:0px}#contact-form-container #contact-info #contact-info-title{white-space:nowrap;color:var(--color-dark-1);font-size:36px;font-weight:500;line-height:125%;text-align:center}#contact-form-container #contact-info #contact-info-title p{overflow:hidden}#contact-form-container #contact-info #contact-info-title p span{display:block;transform:translateY(100%)}#contact-form-container #contact-info #contact-info-content{white-space:nowrap;color:var(--color-primary-text);font-size:14px;line-height:175%}#contact-form-container #contact-info #contact-info-content p{overflow:hidden}#contact-form-container #contact-info #contact-info-content p span{display:block;transform:translateY(100%)}#contact-form-container .next-to-contact{cursor:pointer;position:absolute;margin-left:40px;left:100%;width:58px;height:58px}#contact-form-container .contact-input{display:flex;align-items:center;gap:16px;overflow:hidden}#contact-form-container .contact-input .contact-input-overlay{display:flex;align-items:center;transform:translateY(100%);opacity:0}#contact-form-container .contact-input .contact-input-overlay span{display:block;color:var(--color-primary-text);font-size:48px;font-weight:500;line-height:100%}#contact-form-container .contact-input .contact-input-overlay .input{position:relative}#contact-form-container .contact-input .contact-input-overlay .input .input-name{position:absolute;display:flex;margin-block:4px;left:0;overflow:hidden;width:0px}#contact-form-container .contact-input .contact-input-overlay .input p{color:var(--color-primary-text);font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:150%}#contact-form-container .contact-input .contact-input-overlay .input p:nth-child(2){color:#f23030}#contact-form-container input,#contact-form-container textarea{display:block;width:38px;height:38px;border:6px solid var(--color-primary-text);border-radius:50%;pointer-events:none;appearance:none;-webkit-appearance:none}#contact-form-container input::-webkit-contacts-auto-fill-button,#contact-form-container input::-webkit-credentials-auto-fill-button{visibility:hidden;position:absolute;top:-50px}#contact-form-container textarea{resize:none}#contact-form-container input,#contact-form-container textarea,#contact-form-container select{font-size:16px}#contact-form-container button{width:0;height:0;position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:10px;border-radius:20px;background:var(--color-dark-1);bottom:0;padding:0 24px}#contact-form-container button div{position:relative;width:100%;height:100%}#contact-form-container button span{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;color:#fff;font-size:14px;font-weight:500;line-height:150%}#contact-form-container button svg{position:absolute;width:16px;height:16px;top:50%;transform:translateY(-50%)}#contact-form-container button svg:first-child{left:-40px}#contact-form-container button svg:last-child{right:0}#contact-form-container button svg{min-width:14px;min-height:14px}@media (min-width: 768px){#projects-container{padding-inline:64px;gap:40px}#projects-container #projects-title{gap:24px}#projects-container .projects-name-container{flex-direction:column;column-gap:24px}#projects-container .projects-name-container h1{font-size:56px}#projects-container .projects-name-container .projects-name-content{column-gap:24px}#projects-container .projects-name-container .projects-name-overlay{font-size:56px;height:70px}#projects-container .projects-order{font-size:28px;padding-top:4.5px;gap:4px}#projects-container .projects-order .projects-number{height:42px}#projects-container #projects-content{gap:64px}#projects-container #projects-content .project-container{min-width:525px;gap:16px}#projects-container #projects-content .project-container .project-image{border-radius:18px}#projects-container #projects-content .project-container .project-image img{min-width:525px}#projects-container #projects-content .project-container:nth-child(2),#projects-container #projects-content .project-container:nth-child(3),#projects-container #projects-content .project-container:nth-child(4){filter:blur(4px)}#contact-form-container form{padding:40px 24px}#contact-form-container #contact-info{gap:8px}#contact-form-container #contact-info #contact-info-title{font-size:56px}#contact-form-container #contact-info #contact-info-content{font-size:16px}#contact-form-container .contact-input{gap:24px}#contact-form-container .contact-input .contact-input-overlay span{font-size:72px}#contact-form-container .contact-input .contact-input-overlay .input .input-name{margin-block:8px}#contact-form-container .contact-input .contact-input-overlay .input p{font-size:16px;line-height:150%}#contact-form-container input,#contact-form-container textarea{width:56px;height:56px;border:8px solid var(--color-primary-text)}#contact-form-container button{gap:12px;border-radius:24px}#contact-form-container button span{font-size:16px;line-height:150%}#contact-form-container button svg{min-width:16px;min-height:16px}}@media (min-width: 1440px){#projects-container{padding-inline:80px;gap:40px}#projects-container #projects-title{align-items:center;gap:24px}#projects-container .projects-name-container{flex-direction:row;column-gap:24px}#projects-container .projects-name-container h1{font-size:56px}#projects-container .projects-name-container .projects-name-content{column-gap:24px}#projects-container .projects-name-container .projects-name-content svg{display:block;min-width:56px;min-height:56px}#projects-container .projects-name-container .projects-name-overlay{font-size:56px;height:70px}#projects-container .projects-order{font-size:28px;padding-top:0}#projects-container .projects-order .projects-number{height:42px}#projects-container #projects-content{gap:80px}#projects-container #projects-content .project-container{min-width:600px;gap:16px}#projects-container #projects-content .project-container .project-image{border-radius:24px}#projects-container #projects-content .project-container .project-image img{min-width:600px}#projects-container #projects-content .project-container .project-tags{flex-direction:row}#projects-container #projects-content .project-container .project-tags .project-tag{transform:translateY(200%)}#contact-form-container{top:0;left:100%}#contact-form-container #contact-form-content{flex-direction:row;justify-content:flex-start}#contact-form-container form{padding:56px 24px 0}#contact-form-container #contact-info{gap:8px}#contact-form-container #contact-info #contact-info-title{font-size:56px;text-align:left}#contact-form-container #contact-info #contact-info-content{font-size:18px}#contact-form-container .contact-input{gap:24px}#contact-form-container .contact-input .contact-input-overlay span{font-size:72px}#contact-form-container .contact-input .contact-input-overlay .input .input-name{margin-block:8px}#contact-form-container .contact-input .contact-input-overlay .input p{font-size:16px;line-height:150%}#contact-form-container input,#contact-form-container textarea{width:56px;height:56px;border:8px solid var(--color-primary-text)}#contact-form-container button{gap:12px;border-radius:24px}#contact-form-container button span{font-size:16px;line-height:150%}#contact-form-container button svg{min-width:16px;min-height:16px}}