@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000;animation:loading 3s ease-in}.loading img{opacity:1;width:10vh;height:10vh;transform:scale(1) translateY(55vh);animation:logo 3s cubic-bezier(.19,1,.22,1)}.loading .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#228be6;animation:circle 3s cubic-bezier(.175,.885,.32,1.275)}@keyframes logo{0%{transform:scale(1) translateY(45vh);opacity:0}40%{transform:scale(1);opacity:1}70%{transform:scale(1.3);opacity:1}85%{opacity:0}to{transform:scale(.5) translate(calc(-80vw + 5vh),calc(-70vh - 72px));opacity:0}}@keyframes circle{0%{opacity:0}40%{opacity:0;width:15vh;height:15vh}80%{opacity:.1;width:25vh;height:25vh}to{opacity:0;width:40vh;height:40vh}}@keyframes loading{0%{background-color:#f9f9f9}50%{background-color:#f9f9f9}to{background-color:transparent}}.navbar{position:fixed;top:0;left:0;z-index:100;width:100%;max-width:100%;height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid rgb(233,236,239);transition:height .5s cubic-bezier(.075,.82,.165,1),color .1s}@media screen and (min-width: 768px){.navbar.notfixed{border-bottom:none;background-color:transparent;height:128px}}.navbar .logo{display:flex;align-items:center;gap:1.5rem}.navbar .logo img{width:36px;height:36px;object-fit:cover}.navbar .logo h2{color:#222;font-size:clamp(1rem,5vw,1.5rem)}.navbar .nav{display:flex;flex-wrap:wrap;gap:.5rem;list-style-type:none;justify-content:flex-end}.navbar .nav .navitem{display:flex;align-items:center}.navbar .nav .navitem a{color:#495057;text-decoration:none;border-radius:.5rem;padding:.25rem .75rem;font-weight:500;display:flex;align-items:center}.navbar .nav .navitem a:hover{background-color:#e7f5ff}.navbar .nav .navitem.active a{background-color:#e7f5ff;color:#228be6}.navbar .burgerbutton{display:none}@media screen and (max-width: 768px){.navbar .nav{position:absolute;left:0;top:72px;width:100%;padding:1rem 2rem;border-bottom:1px solid rgb(233,236,239);background-color:#fff;flex-direction:column}.navbar .nav:not(.open){display:none}.navbar .nav .navitem a{width:100%;height:4rem}.navbar .burgerbutton{all:unset;height:24px;width:24px;display:grid;gap:6px;padding:.5rem;border-radius:.5rem;cursor:pointer}.navbar .burgerbutton div{width:100%;height:3px;background-color:#495057;transition:.25s}.navbar .burgerbutton.active div:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.navbar .burgerbutton.active div:nth-child(2){transform:rotateY(90deg)}.navbar .burgerbutton.active div:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.footer{width:100%;min-height:360px;background-color:#495057;padding:4vh 10vw}.footer .upper{display:flex;justify-content:space-between;gap:5vw}.footer .upper .links{display:flex;flex-direction:column;gap:2vh}.footer .upper .info{max-width:50ch}.footer .upper .info .logo{display:flex;align-items:center;gap:1.5rem}.footer .upper .info .logo img{height:36px;width:36px}.footer .upper h2{color:#fff;font-size:clamp(2rem,2vw,2.5rem)}.footer .upper h3{color:#fff;font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:600}.footer .upper h4{color:#fff;font-size:clamp(.75rem,1.5vw,1rem);font-weight:600}.footer .upper p{color:#fff;font-size:1rem;margin-top:2vh}.footer .upper .email{display:flex;align-items:center;gap:1.5vh;margin-top:3vh}.footer .upper .email .icon{height:4vh;width:4vh;border-radius:.5rem;background-color:#228be6;display:flex;justify-content:center;align-items:center}.footer .separator{height:1px;width:100%;background-color:#77828d;margin:5vh 0 2vh}.footer .copyright{color:#fff;font-size:clamp(.5rem,1vw,.75rem);text-align:center}@media screen and (max-width: 1280px){.footer{padding:4vh 10vw}.footer .upper{flex-direction:column;gap:5vh}.footer .copyright{text-align:center;margin-bottom:0}}.button-component.primary{background-color:#e7f5ff;color:#228be6;padding:1rem 5rem;border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.button-component.primary:hover{background-color:#228be6;color:#e7f5ff}.button-component.secondary{background-color:#ffebe9;color:#ff5722;padding:1rem 5rem;border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.secondary:hover{background-color:#ff5722;color:#ffebe9}.button-component.white{background-color:#fff;color:#495057;padding:1rem calc(1rem + 3vw);border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.white:hover{background-color:#495057;color:#fff}.button-component.link{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:#228be6;border:none;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.link:hover{text-decoration:underline}.button-component.choice{position:relative;background-color:transparent;color:#495057;padding:.25rem 1rem;border:none;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.choice:after{content:"";display:block;position:absolute;left:1rem;bottom:0;width:calc(100% - 2rem);height:2px;background-color:#495057;opacity:0;transition:opacity .2s ease}.button-component.choice:hover:after{opacity:.5}.button-component.choice.active{color:#222}.button-component.choice.active:after{opacity:.5}.button-component.choice.active:hover:after{opacity:1}.button-component.pulsating{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #228be61a}25%{box-shadow:0 0 20px #228be680}50%{box-shadow:0 0 #228be61a}}.clock{position:relative;width:6rem;height:6rem;border-radius:3rem;outline:4px solid black}.clock .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.25rem;height:.25rem;border-radius:50%;background-color:#228be6}.clock .hour{width:4px;background-color:#228be6;position:absolute;top:2.3rem;bottom:2.3rem;left:50%;border-radius:2px;transform:translate(-50%,-50%);transform-origin:center left;animation:hour 3s ease-in-out infinite}.clock .minute{width:4px;background-color:#228be6;position:absolute;top:1.8rem;bottom:1.8rem;left:50%;border-radius:2px;transform:translate(-50%,-50%);transform-origin:center left;animation:minute 3s ease-in-out infinite}@keyframes hour{0%{rotate:30deg}50%{rotate:110deg}to{rotate:30deg}}@keyframes minute{0%{rotate:0deg}to{rotate:360deg}}.checkmark{width:6rem;height:6rem;display:block;stroke-width:2.5;stroke-miterlimit:10}.checkmark .shield{stroke:#000;stroke-dasharray:0;stroke-dashoffset:300;fill:none}.checkmark .check{stroke:#228be6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:stroke 2s cubic-bezier(.45,.05,.55,.95) infinite alternate}.sliders{width:6rem;height:6rem;display:flex;flex-direction:column;justify-content:space-around}.sliders .slider{width:100%;height:4px;background-color:#000;display:flex;align-items:center;border-radius:2px}.sliders .slider .dragger{width:1rem;height:1rem;border-radius:50%;background-color:#228be6;box-shadow:4px 0 #e7f5ff}.sliders .slider:nth-child(1) .dragger{animation:slide 1s cubic-bezier(.65,0,.45,1) .25s infinite alternate-reverse}.sliders .slider:nth-child(2) .dragger{animation:slide 1.1s cubic-bezier(.65,0,.45,1) infinite alternate-reverse}.sliders .slider:nth-child(3) .dragger{animation:slide 1s cubic-bezier(.65,0,.45,1) .5s infinite alternate-reverse}@keyframes slide{0%{transform:translate(0)}to{transform:translate(5rem)}}.location-pin{width:6rem;height:6rem;display:block;stroke-width:2.25;stroke-miterlimit:10}.location-pin .square{stroke:#000;stroke-dasharray:224;stroke-dashoffset:0;fill:none;animation:stroke 1s ease-out forwards}.location-pin .pin{stroke:#228be6;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:round;animation:stroke 2s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes stroke{to{stroke-dashoffset:0}}.home-screen{display:flex;flex-direction:column}.home-screen .hero{display:flex;flex-direction:column;align-items:center;gap:4rem;text-align:center;padding:20vh 10vw 0 10vw;min-height:calc(100vh + 72px);overflow:hidden}.home-screen .hero h1{font-size:clamp(2rem,4vw,4rem);color:#222}.home-screen .hero h1 div:last-child{color:#228be6}.home-screen .hero p{font-size:clamp(1rem,2vw,1.5rem);color:#495057;max-width:50ch}.home-screen .hero .mouse-follow{position:absolute;width:25vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transform-origin:top left;top:30%;left:60%;z-index:-1;background:linear-gradient(to right,rgb(207,255,239),rgb(213,193,254));animation:rotate 20s linear infinite;filter:blur(200px)}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:360deg}}.home-screen .hero .animated-blob{position:absolute;width:25vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transform-origin:top left;top:30%;left:60%;z-index:-1;background:linear-gradient(to right,rgb(207,255,239),rgb(193,193,254));animation:animation 10s infinite linear;filter:blur(150px)}@keyframes animation{0%{top:30%;left:60%}10%{top:50%;left:70%}20%{top:60%;left:50%}30%{top:40%;left:40%}40%{top:30%;left:30%}50%{top:50%;left:20%}60%{top:60%;left:20%}70%{top:40%;left:30%}80%{top:30%;left:40%}90%{top:20%;left:50%}to{top:30%;left:60%}}.home-screen .help{display:flex;flex-direction:column;gap:2rem;padding:10vh 20vw;background-color:#e7f5ff}.home-screen .help h2{flex:1;font-size:clamp(1rem,5vw,2.5rem);color:#222;max-width:60%}.home-screen .help .bottom{flex:1;display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;gap:1rem;max-width:60%}.home-screen .help .bottom p{font-size:clamp(1rem,1vw,1.2rem);color:#495057;text-align:end}@media screen and (max-width: 1200px){.home-screen .help h2,.home-screen .help .bottom{max-width:100%}}.home-screen .capabilities-section{padding:12vh 10vw;background:#ffffff;overflow:hidden}.home-screen .capabilities-section .container{display:flex;flex-direction:column;gap:6rem}.home-screen .capabilities-section .container .main-feature{display:flex;align-items:center;gap:5vw;justify-content:space-between}.home-screen .capabilities-section .container .main-feature .text-content{flex:1.2;display:flex;flex-direction:column;gap:1.5rem}.home-screen .capabilities-section .container .main-feature .text-content h2{color:#228be6;font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.home-screen .capabilities-section .container .main-feature .text-content h3{color:#222;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;font-weight:700}.home-screen .capabilities-section .container .main-feature .text-content p{color:#495057;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.6;max-width:55ch}.home-screen .capabilities-section .container .main-feature .text-content .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;list-style:none;margin-top:1.5rem}.home-screen .capabilities-section .container .main-feature .text-content .feature-list li{font-size:.95rem;color:#222;display:flex;align-items:center;gap:.6rem;font-weight:500;line-height:1.2}.home-screen .capabilities-section .container .main-feature .text-content .feature-list li svg{color:#228be6;font-size:1.3rem;flex-shrink:0}@media screen and (max-width: 480px){.home-screen .capabilities-section .container .main-feature .text-content .feature-list{grid-template-columns:1fr;gap:1.2rem}.home-screen .capabilities-section .container .main-feature .text-content .feature-list li{font-size:1.05rem}}.home-screen .capabilities-section .container .main-feature .visual{flex:.8;display:flex;justify-content:center;align-items:center}.home-screen .capabilities-section .container .main-feature .visual .icon-wrapper{width:clamp(150px,20vw,300px);aspect-ratio:1;background:rgb(231,245,255);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(4rem,8vw,8rem);color:#228be6;position:relative}.home-screen .capabilities-section .container .main-feature .visual .icon-wrapper:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px solid rgb(34,139,230);border-radius:50%;opacity:.2;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.15);opacity:.1}}@media screen and (max-width: 968px){.home-screen .capabilities-section .container .main-feature{flex-direction:column;text-align:center;gap:4rem}.home-screen .capabilities-section .container .main-feature .text-content{align-items:center}.home-screen .capabilities-section .container .main-feature .text-content .feature-list{justify-content:center}}.home-screen .capabilities-section .container .secondary-features{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.home-screen .capabilities-section .container .secondary-features .sub-card{background:#fafafa;padding:3rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.home-screen .capabilities-section .container .secondary-features .sub-card:hover{transform:translateY(-3px);background:#ffffff;border-color:#e9ecef;box-shadow:0 10px 30px #0000000a}.home-screen .capabilities-section .container .secondary-features .sub-card .icon-box{width:3.5rem;height:3.5rem;background:white;color:#228be6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px #0000000d}.home-screen .capabilities-section .container .secondary-features .sub-card h4{font-size:1.5rem;color:#222;font-weight:600}.home-screen .capabilities-section .container .secondary-features .sub-card p{color:#495057;line-height:1.6;font-size:1.05rem}@media screen and (max-width: 768px){.home-screen .capabilities-section .container .secondary-features{grid-template-columns:1fr}}.home-screen .whyus{display:flex;flex-direction:column;align-items:center;gap:5vh;background-color:#e7f5ff;padding:10vh 10vw;overflow:hidden}.home-screen .whyus>h2{text-align:center;color:#222;font-size:clamp(2rem,4vw,3rem)}.home-screen .whyus>p{text-align:center;color:#495057;font-size:clamp(1rem,2vw,1.5rem)}.home-screen .whyus .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;align-items:start;gap:5vw;width:100%}.home-screen .whyus .grid .item{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.home-screen .whyus .grid .item>div:first-child{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.home-screen .whyus .grid .item>div:first-child svg{width:80px;height:80px}.home-screen .whyus .grid .item img{height:15vh;width:15vh}.home-screen .whyus .grid .item h3{color:#222;font-size:clamp(1.5rem,3vw,2rem)}.home-screen .whyus .grid .item p{color:#495057;font-size:clamp(1rem,2vw,1.25rem)}.home-screen .whyus .next-step{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-top:5vh}.home-screen .whyus .next-step h3{color:#222;font-size:clamp(1.5rem,3vw,2rem);text-align:center}.home-screen .testimony{background-color:#ffebe9;padding:8vh 5vw;margin:10vh 5vw;display:flex;flex-direction:column;align-items:center;gap:2rem;border-radius:1rem}.home-screen .testimony .icon{color:#ff5722;width:4rem;height:4rem}.home-screen .testimony .quote{color:#222;font-size:clamp(1rem,3vw,2rem);font-weight:600;text-align:center}.home-screen .testimony .author{color:#495057;font-size:clamp(1rem,2vw,1.5rem);text-align:center}.home-screen .portfolio{padding:0 10vw;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:10vh}.home-screen .portfolio h2,.home-screen .portfolio h3{text-align:center}.home-screen .portfolio .portfolio-notice{background:rgb(231,245,255);border:1.5px solid rgb(34,139,230);color:#222;padding:1.2rem 1.5rem;border-radius:.5rem;margin:1.5rem 0 2.5rem;font-size:1.08rem;box-shadow:0 2px 12px #228be60f;display:flex;align-items:center}.home-screen .portfolio .portfolio-notice p{margin:0}.home-screen .portfolio .portfolio-notice p strong{color:#228be6;font-weight:600}.home-screen .portfolio .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:5vh;padding-bottom:3rem;width:80vw}.home-screen .portfolio .projects .project{width:100%;display:flex;flex-direction:column}.home-screen .portfolio .projects .project a{text-decoration:none;display:flex;flex-direction:column;gap:1.5rem}.home-screen .portfolio .projects .project img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgb(233,236,239);box-shadow:0 10px 15px -3px #0000001a;border-radius:.5rem;transition:transform .3s ease,box-shadow .3s ease}.home-screen .portfolio .projects .project img:hover{transform:translateY(-5px);box-shadow:0 15px 15px #00000026}.home-screen .portfolio .projects .project .text{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.home-screen .portfolio .projects .project .text h4{font-size:clamp(1.2rem,2vw,1.5rem);color:#222;margin:0}.home-screen .portfolio .projects .project .text .tags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.home-screen .portfolio .projects .project .text .tags .tag{background-color:#ffebe9;color:#ff5722;padding:.3rem .8rem;border-radius:2rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.home-screen .portfolio .projects .project .text .tags .tag.collaborative{background-color:#e7f5ff;color:#228be6}@media screen and (max-width: 600px){.home-screen .portfolio .projects .project .text{flex-direction:column;align-items:flex-start;gap:.8rem}.home-screen .portfolio .projects .project .text .tags{justify-content:flex-start}}@media screen and (max-width: 1200px){.home-screen .portfolio .projects{width:90vw;gap:2rem}}@media screen and (max-width: 768px){.home-screen .portfolio .projects{grid-template-columns:1fr;width:100%}}.home-screen .pricing{padding:10vh 10vw;display:flex;justify-content:space-between;gap:5vw}.home-screen .pricing .left h3{max-width:25ch}.home-screen .pricing .left a{margin-top:2rem}.home-screen .pricing .right{display:flex;flex-direction:row;justify-content:center}.home-screen .pricing .right a{text-decoration:none}.home-screen .pricing .right a .package{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;padding:2rem;border:1px solid rgb(233,236,239);width:clamp(250px,30vw,600px)}.home-screen .pricing .right a .package .tag{background-color:#e9ecef;color:#495057;padding:.1rem .5rem;border-radius:.25rem;font-size:clamp(.8rem,1vw,1rem);width:fit-content;font-weight:600}.home-screen .pricing .right a .package .from{font-size:clamp(.8rem,1vw,1rem);color:#495057;margin-top:1rem}.home-screen .pricing .right a .package .price{font-size:clamp(1.5rem,3vw,2rem);color:#222}.home-screen .pricing .right a .package ul{margin-top:1rem;padding-top:1rem;border-top:2px solid #ccc;list-style:none;display:flex;flex-direction:column;gap:1rem}.home-screen .pricing .right a .package ul li{display:flex;gap:1rem;font-size:clamp(.8rem,1vw,1rem);color:#495057}.home-screen .pricing .right a .package ul li:before{content:"✓"}@media screen and (max-width: 768px){.home-screen .pricing{flex-direction:column;align-items:center;gap:5vh}.home-screen .pricing .left{text-align:center}.home-screen .pricing .left a{justify-content:center}.home-screen .pricing .right,.home-screen .pricing .right .package{width:100%}}.home-screen .contact{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:10vh;margin-bottom:16vh}.home-screen .contact>div{margin-top:10vh;display:flex}.contact-screen{display:flex;gap:4rem;padding:10vh 10vw;min-height:calc(100vh - 72px)}@media screen and (max-width: 1200px){.contact-screen{flex-direction:column}}.contact-screen .text{display:flex;flex-direction:column;gap:1rem;flex:1}.contact-screen .text h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6}.contact-screen .text h2{font-size:clamp(1rem,5vw,2.5rem);color:#222}.contact-screen .text .booking-cta{margin:2rem 0;padding:2rem;background:rgb(243,244,245);border-radius:.5rem;border:1px solid rgb(233,236,239);display:flex;flex-direction:column;gap:1rem}.contact-screen .text .booking-cta h3{font-size:1.5rem;color:#222;margin-bottom:.5rem}.contact-screen .text .booking-cta p{color:#495057;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.contact-screen .text .booking-cta button{align-self:flex-start}.contact-screen .text .contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.contact-screen .text .contact-info .info-item{display:flex;align-items:center;gap:1.2rem}.contact-screen .text .contact-info .info-item .icon{width:3.5rem;height:3.5rem;background-color:#228be6;display:grid;place-items:center;border-radius:.5rem}.contact-screen .text .contact-info .info-item .icon svg{width:1.8rem;height:1.8rem;fill:#fff}.contact-screen .text .contact-info .info-item .info-text h4{margin:0;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.contact-screen .text .contact-info .info-item .info-text a{font-size:1.1rem;font-weight:500}.contact-screen .form{display:flex;flex-direction:column;gap:1rem;flex:1}.contact-screen .form .input-group{position:relative;display:flex;gap:1vw;margin:1rem .5rem}.contact-screen .form .input-group label{font-size:clamp(.8rem,1vw,1rem);color:#495057;position:absolute;pointer-events:none;top:1rem;transition:all .25s}.contact-screen .form .input-group input,.contact-screen .form .input-group textarea{width:100%;resize:none;outline:none;background-color:transparent;padding:1rem 0;border:none;border-bottom:2px solid rgb(233,236,239)}.contact-screen .form .input-group input:focus,.contact-screen .form .input-group input:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.contact-screen .form .input-group input:focus~label,.contact-screen .form .input-group input:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.contact-screen .form .input-group textarea:focus,.contact-screen .form .input-group textarea:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.contact-screen .form .input-group textarea:focus~label,.contact-screen .form .input-group textarea:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.contact-screen .form .row{display:flex;gap:1rem;align-items:center}.contact-screen .form .row .success{color:#7cfc00;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap}.contact-screen .form .row .error{color:red;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap}.about-screen{padding:10vh 10vw;min-height:calc(100vh - 72px);display:flex;flex-direction:column;gap:calc(5vh + 5vw)}.about-screen .hero{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-screen .hero h1{text-align:center;font-size:clamp(1rem,3vw,1.5rem);color:#228be6}.about-screen .hero h2{text-align:center;font-size:clamp(2rem,4vw,4rem);color:#222;max-width:30ch}.about-screen .hero p{text-align:center;max-width:80ch;font-size:clamp(1rem,1.5vw,1.2rem)}.about-screen .hero h3{text-align:center;font-size:clamp(1.5rem,3vw,3rem);color:#222;margin-top:2rem}@media screen and (max-width: 768px){.about-screen .hero{align-items:flex-start}.about-screen .hero h1,.about-screen .hero h2,.about-screen .hero h3,.about-screen .hero p{text-align:left}}.about-screen .about{display:flex;flex-direction:column;align-items:flex-start;gap:6rem;margin-top:4rem}.about-screen .about .member{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:100%}.about-screen .about .member .portrait-wrapper{width:100%;max-width:450px;aspect-ratio:4/5;overflow:hidden;background-color:#f3f4f5;border-radius:4px}.about-screen .about .member .portrait-wrapper img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) contrast(105%);transition:transform .8s cubic-bezier(.4,0,.2,1)}.about-screen .about .member .portrait-wrapper img:hover{transform:scale(1.05)}.about-screen .about .member .identity{display:flex;flex-direction:column;gap:.25rem}.about-screen .about .member .identity h3{text-align:left;font-size:clamp(2rem,3vw,2.5rem);color:#222;font-weight:800;letter-spacing:-.02em;margin:0}.about-screen .about .member .identity .title{text-align:left;color:#228be6;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em}.about-screen .about .text-content{display:flex;flex-direction:column;gap:2rem;max-width:70ch;margin-top:2rem}.about-screen .about .text-content h2{font-size:clamp(1.5rem,2.5vw,2.2rem);color:#222;font-weight:700;position:relative;padding-bottom:1rem}.about-screen .about .text-content h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#228be6}.about-screen .about .text-content p{font-size:clamp(1.1rem,1.2vw,1.3rem);line-height:1.7;color:#495057}@media screen and (max-width: 768px){.about-screen .about{gap:4rem}.about-screen .about .member .portrait-wrapper{max-width:100%}.about-screen .about .text-content{margin-top:1rem}}.about-screen .contact{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-screen .contact h2{text-align:center;font-size:clamp(1.5rem,2vw,2rem);color:#222}.about-screen .contact p{text-align:center;max-width:80ch;font-size:clamp(1rem,1.5vw,1.2rem)}.about-screen .contact a{margin-top:5vh}@media screen and (max-width: 768px){.about-screen .contact{align-items:flex-start}.about-screen .contact h2,.about-screen .contact p{text-align:left}}.portfolio-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px)}.portfolio-screen h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6;text-align:center}.portfolio-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center}.portfolio-screen .portfolio-notice{background:rgb(231,245,255);border:1.5px solid rgb(34,139,230);color:#222;padding:1.2rem 1.5rem;border-radius:.5rem;margin:1.5rem 0 2.5rem;font-size:1.08rem;box-shadow:0 2px 12px #228be60f;display:flex;align-items:center}.portfolio-screen .portfolio-notice p{margin:0}.portfolio-screen .portfolio-notice p strong{color:#228be6;font-weight:600}.portfolio-screen .projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-top:5vh}.portfolio-screen .projects .project{display:flex;flex-direction:column;gap:1rem}.portfolio-screen .projects .project .image{width:100%;aspect-ratio:16/9;border-radius:.5rem;border:1px solid rgb(233,236,239);box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.portfolio-screen .projects .project .image img{width:100%;height:100%;object-fit:cover;transition:all .25s}.portfolio-screen .projects .project .text{display:flex;align-items:center;gap:2vw}.portfolio-screen .projects .project .text .title{font-size:clamp(.9rem,3vw,1.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.portfolio-screen .projects .project .text .tags{display:flex;gap:.5rem;margin-left:auto;align-items:center}.portfolio-screen .projects .project .text .tags .tag{background-color:#ffebe9;color:#ff5722;padding:.2rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.portfolio-screen .projects .project .text .tags .tag.collaborative{background-color:#e7f5ff;color:#228be6}@media screen and (max-width: 1200px){.portfolio-screen .projects{grid-template-columns:1fr}}.portfolio-screen .projects .project{width:100%;box-sizing:border-box}@media screen and (max-width: 500px){.portfolio-screen .projects{gap:2rem}.portfolio-screen .projects .project{max-width:70vw}}.error404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:calc(100vh - 72px);padding:2rem;text-align:center;background-color:#f9f9f9}.error404 span{font-size:clamp(.75rem,2vw,1rem);font-weight:600;color:#228be6;background-color:#e7f5ff;padding:.75rem 1.5rem;border-radius:.5rem}.error404 h1{font-size:clamp(2rem,5vw,4rem);color:#222}.error404 p{font-size:clamp(1rem,3vw,1.5rem);color:#495057}.error404 .gohome{margin-top:5vh;display:flex;align-items:center;flex-direction:column;gap:inherit}.error404 .gohome p{font-size:clamp(.6rem,2vw,.8rem);color:#495057}.error404 .gohome button{font-size:inherit}.snackbar{position:fixed;left:50%;bottom:2rem;transform:translate(-50%);min-width:280px;max-width:90vw;padding:1rem 2rem;border-radius:.5rem;color:#fff;font-size:1.1rem;font-weight:500;box-shadow:0 4px 24px #0000001f;display:flex;align-items:center;gap:1rem;z-index:9999;cursor:pointer;animation:snackbar-in .3s ease}.snackbar--success{background:rgb(34,139,230)}.snackbar--error{background:#e74c3c}.snackbar .snackbar__close{background:none;border:none;color:inherit;font-size:1.5rem;margin-left:1rem;cursor:pointer;opacity:.7;transition:opacity .2s}.snackbar .snackbar__close:hover{opacity:1}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.getstarted-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px)}.getstarted-screen h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6;text-align:center}.getstarted-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center;margin-bottom:2rem}.getstarted-screen .getstarted-form{max-width:700px;margin:0 auto;padding:2rem 3rem 3rem;background:#ffffff;border-radius:1.5rem;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.getstarted-screen .getstarted-form .input-group{position:relative;display:flex;gap:1vw;margin:1rem .5rem}.getstarted-screen .getstarted-form .input-group label{font-size:clamp(.8rem,1vw,1rem);color:#495057;position:absolute;pointer-events:none;top:1rem;transition:all .25s}.getstarted-screen .getstarted-form .input-group input{width:100%;resize:none;outline:none;background-color:transparent;padding:1rem 0;border:none;border-bottom:2px solid rgb(233,236,239)}.getstarted-screen .getstarted-form .input-group input:focus,.getstarted-screen .getstarted-form .input-group input:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.getstarted-screen .getstarted-form .input-group input:focus~label,.getstarted-screen .getstarted-form .input-group input:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.getstarted-screen .getstarted-form .form-group{display:flex;flex-direction:column;gap:.5rem}.getstarted-screen .getstarted-form .form-group label{font-weight:500;color:#222;margin-bottom:.2rem}.getstarted-screen .getstarted-form .form-group textarea{padding:1rem;border:1px solid rgb(233,236,239);border-radius:.5rem;font-size:1rem;resize:vertical;background:rgb(243,244,245);transition:border .2s}.getstarted-screen .getstarted-form .form-group textarea:focus{border:1.5px solid rgb(34,139,230);outline:none;background:#ffffff}.getstarted-screen .getstarted-form .submit-btn{align-self:flex-end;background:rgb(34,139,230);color:#fff;border:none;border-radius:.5rem;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000012;transition:background .2s}.getstarted-screen .getstarted-form .submit-btn:hover{background:rgb(21.6463414634,112.5609756098,191.3536585366)}.getstarted-screen .getstarted-form .form-title{font-size:clamp(1.2rem,2vw,2rem);color:#228be6;font-weight:600;margin-bottom:1.5rem;text-align:center;letter-spacing:.01em}.getstarted-screen .getstarted-form .form-subheading{font-size:clamp(1rem,1.5vw,1.15rem);color:#222;text-align:center;margin-bottom:1.5rem;font-weight:400;opacity:.85}@media screen and (max-width: 600px){.getstarted-screen{padding-inline:0!important;padding-bottom:0!important}.getstarted-screen .getstarted-form{border-radius:0;box-shadow:none;padding-left:10;padding-right:10;width:100vw;max-width:100vw;margin-bottom:0;background:#ffffff}}.chatwithus-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px);align-items:center}.chatwithus-screen h1{font-size:clamp(1rem,2vw,1.25rem);color:#228be6;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:1rem}.chatwithus-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center;max-width:15ch;line-height:1.1;margin-bottom:3.5rem}.chatwithus-screen .chatwithus-img{width:100%;height:auto;display:block;border:1px solid rgb(233,236,239);border-radius:1.5rem;object-fit:cover;margin-bottom:3.5rem;max-width:800px;box-shadow:0 20px 40px #0000000d}.calendar-booking{margin-bottom:1.25rem;width:100%;display:flex;justify-content:center}.calendar-booking .calendar-btn{border-radius:.5rem;text-decoration:none;font-weight:600}.calendar-booking .calendar-btn:hover a{text-decoration:none;color:#e7f5ff!important}.calendar-disclaimer{margin-top:.2rem;color:#495057;font-size:clamp(1rem,2vw,1.25rem);text-align:center;opacity:.8}@media screen and (max-width: 768px){.calendar-booking{width:100%;display:flex;justify-content:center}.calendar-booking .calendar-btn{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}body{width:100%;min-height:calc(100vh - 72px);background-color:#f9f9f9;padding-top:72px;max-width:100%;overflow-x:hidden}h1{font-size:clamp(1.5rem,3vw,3rem);color:#222}h1 span{color:#228be6}h2{font-size:clamp(1rem,3vw,1.5rem);color:#228be6}h3{font-size:clamp(1.5rem,5vw,2.5rem);color:#222}h4{font-size:clamp(1rem,3vw,1.75rem);font-weight:600;color:#222}h5{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;color:#495057}p{font-size:clamp(.8rem,1vw,1rem);color:#495057}p span{color:#228be6}a{text-decoration:none;color:#228be6}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f3f4f5;border-radius:0 0 10px 10px}::-webkit-scrollbar-thumb{background-color:#495057;border-radius:10px;border:2px solid rgb(243,244,245)}::-webkit-scrollbar-thumb:hover{background-color:#222}