html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;background-color:#fff;color:#4b4b4b;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;-webkit-user-select:none;user-select:none}[contenteditable=true],input,option,select,textarea{-webkit-user-select:text!important;user-select:text!important}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:auto}::selection{background-color:#087a3d26;color:#087a3d}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{margin:0;padding:0}.main-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#ffffffe6;border-bottom:1px solid #dde8e1;box-shadow:0 2px 12px #00000008;display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;max-width:1440px;padding:18px 24px;width:100%}.logo-wrapper{align-items:center;cursor:pointer;display:flex;gap:12px;text-decoration:none;z-index:1100}.logo-icon-box{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.dot{background:#087a3d;height:14px;width:14px}.bar,.dot{border-radius:4px}.bar{background:linear-gradient(90deg,#087a3d,#f5b800);height:10px;width:26px}.logo-name{color:#111;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px}.header-right{align-items:center;display:flex;gap:36px}.nav-menu{display:flex;gap:30px}.nav-menu a{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;letter-spacing:.2px;padding:4px 0;position:relative;text-decoration:none;transition:color .25s ease,font-weight .25s ease}.nav-menu a:hover{color:#087a3d}.hire-btn{background:linear-gradient(135deg,#087a3d,#075a2d);border:none;border-radius:50px;box-shadow:0 4px 14px #087a3d40;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.hire-btn:hover{background:#075a2d;box-shadow:0 6px 20px #087a3d59;transform:translateY(-2px)}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:28px;z-index:1100}.hamburger .line{background-color:#111;border-radius:6px;height:3px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.menu-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;inset:0;opacity:0;position:fixed;transition:.3s ease;visibility:hidden;z-index:1050}.menu-overlay.active{opacity:1;visibility:visible}@media (max-width:1024px){.hamburger{display:flex}.hamburger.active .line:first-child{transform:translateY(8.5px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger.active .line:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.header-right{align-items:center;background:#fff;border-left:1px solid #dde8e1;box-shadow:-15px 0 40px #00000014;flex-direction:column;gap:36px;height:100vh;justify-content:center;padding:80px 30px;position:fixed;right:-100%;top:0;transition:.4s cubic-bezier(.77,.2,.05,1);width:280px;z-index:1080}.header-right.active{right:0}.nav-menu{align-items:center;flex-direction:column;gap:24px;width:100%}.nav-menu a{color:#111;font-size:17px;padding:8px 12px;text-align:center;width:100%}.nav-menu a:hover{color:#087a3d}.hire-btn{padding:14px;width:100%}}@media (max-width:768px){.header-container{padding:14px 20px}.header-right{width:290px}}@media (max-width:475px){.header-container{padding:12px 18px}.logo-name{font-size:20px}.dot{height:11px;width:11px}.bar{height:8px;width:20px}.header-right{width:80%}.nav-menu a{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}.hero-section{align-items:flex-end;background-color:#fff;background-image:radial-gradient(circle at 50% 10%,#087a3d0d 0,#fff 70%);border-bottom:2px solid #dde8e1;border-radius:0 0 80px 80px;box-shadow:0 20px 40px #087a3d0a;display:flex;min-height:100vh;overflow:hidden;padding-bottom:0;padding-top:85px;position:relative;z-index:10}.bg-grid{background-image:linear-gradient(#087a3d0a 1px,#0000 0),linear-gradient(90deg,#087a3d0a 1px,#0000 0);background-size:50px 50px;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 35%,#000 65%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 35%,#000 65%,#0000);z-index:1}.ambient-glow,.bg-grid{pointer-events:none;position:absolute}.ambient-glow{background:radial-gradient(circle,#087a3d12 0,#f5b80008 40%,#0000 70%);height:600px;left:50%;top:40%;transform:translate(-50%,-50%);width:600px;z-index:2}.hero-main{align-items:flex-end;gap:20px;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 20px;width:100%;z-index:10}.hero-main,.hero-stats{display:flex;position:relative}.hero-stats{align-self:center;flex-direction:column;gap:24px;margin-bottom:40px;width:240px;z-index:20}.stat-card{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:24px 18px;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.stat-card:hover{box-shadow:0 12px 30px #087a3d14;transform:translateY(-5px)}.glass-panel{background:#fff;border:1px solid #dde8e1;box-shadow:0 8px 24px #00000008}.tools-card{background:#f5faf7;border:1px solid #dde8e1;box-shadow:0 8px 24px #087a3d0a;gap:12px;padding:22px 18px}.tools-title{color:#777;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:2px;text-transform:uppercase}.tools-icons{gap:12px}.tool-icon-wrapper,.tools-icons{align-items:center;display:flex;justify-content:center}.tool-icon-wrapper{border-radius:12px;box-shadow:0 3px 10px #0000001a;color:#fff;font-size:19px;height:42px;transition:all .3s ease;width:42px}.figma-bg{background:linear-gradient(135deg,#f24e1e,#ff7262)}.react-bg{background:linear-gradient(135deg,#00d8ff,#08c)}.js-bg{background:linear-gradient(135deg,#f7df1e,#d4b830);color:#111}.xd-bg{background:linear-gradient(135deg,#470137,#ff61f6)}.ps-bg{background:linear-gradient(135deg,#001e36,#31a8ff)}.text-icon{font-family:Poppins,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.5px}.tool-icon-wrapper:hover{box-shadow:0 6px 18px #0003;transform:translateY(-3px) scale(1.05)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#087a3d,#075a2d);-webkit-background-clip:text;background-clip:text;color:#087a3d}.stat-card h2{font-size:38px;font-weight:800;line-height:1;margin-bottom:6px}.stat-card h2,.stat-card p{font-family:Poppins,sans-serif}.stat-card p{color:#777;font-size:13.5px;font-weight:500;letter-spacing:.3px}.hero-image-container{align-items:flex-end;display:flex;flex:1 1;justify-content:center;position:relative}.bg-text-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:100%;z-index:1}.outline-text{color:#087a3d0a;font-family:Poppins,sans-serif;font-size:clamp(65px,8.5vw,115px);font-weight:900;letter-spacing:-2px;line-height:.85;margin:0}.offset-right{margin-left:10%}.hero-img{display:block;filter:drop-shadow(0 20px 40px rgba(8,122,61,.08));margin-bottom:0;max-width:490px;position:relative;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;z-index:10}.hover-float:hover{transform:scale(1.02) translateY(-6px)}.hero-description{align-items:flex-start;align-self:center;display:flex;flex-direction:column;gap:24px;margin-bottom:40px;position:relative;text-align:left;width:320px;z-index:20}.lead-text{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:400;line-height:1.7}.lead-text strong{color:#111;font-weight:600}.action-row{align-items:center;display:flex;gap:14px;justify-content:flex-start}.play-button-outer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#087a3d14;border:1px solid #dde8e1;border-radius:50%;height:60px;position:relative;width:60px}.play-button-inner,.play-button-outer{align-items:center;display:flex;justify-content:center}.play-button-inner{background:#087a3d;border:none;border-radius:50%;box-shadow:0 4px 12px #087a3d4d;cursor:pointer;height:40px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease;width:40px;z-index:2}.play-button-inner:hover{background:#075a2d;transform:scale(1.08)}.icon-play{color:#f5b800;font-size:16px;margin-left:3px}.action-label{color:#111;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.3px}@keyframes revealLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes revealRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes revealCenter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-left{animation:revealLeft .8s ease .2s forwards;opacity:0}.reveal-right{animation:revealRight .8s ease .4s forwards;opacity:0}.reveal-center{animation:revealCenter 1s ease .3s forwards;opacity:0}@media (max-width:475px){.hero-section{align-items:flex-start;border-radius:0 0 40px 40px;min-height:auto;padding-bottom:0;padding-top:90px}.hero-main{flex-direction:column;gap:28px;margin-bottom:0}.hero-stats{flex-direction:row;gap:12px;justify-content:space-between;order:1;width:100%}.stat-card{border-radius:16px;padding:18px 10px;width:48%}.stat-card h2{font-size:28px;margin-bottom:4px}.stat-card p{font-size:12.5px}.tools-card{border-radius:16px;gap:10px;padding:18px 10px;width:48%}.tools-title{font-size:11px;margin-bottom:4px}.tools-icons{gap:8px}.tool-icon-wrapper{border-radius:8px;font-size:15px;height:34px;width:34px}.text-icon{font-size:12px}.hero-description{align-items:center;gap:0;order:2;text-align:center;width:100%}.lead-text{font-size:15px;line-height:1.7;padding:0 8px;text-align:center}.action-row{display:none}.hero-image-container{align-items:flex-end;display:flex;justify-content:center;margin-bottom:0;margin-top:24px;order:3;width:100%}.bg-text-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.outline-text{font-size:54px;letter-spacing:-1px;line-height:.9;margin:0}.offset-right{margin-left:0}.hero-img{display:block;margin-bottom:0;max-width:290px;width:100%}}@media (min-width:476px) and (max-width:675px){.hero-section{align-items:flex-start;border-radius:0 0 50px 50px;min-height:auto;padding-bottom:0;padding-top:95px}.hero-main{flex-direction:column;gap:36px;margin-bottom:0}.hero-stats{flex-direction:row;gap:16px;justify-content:space-between;order:1;width:100%}.stat-card{border-radius:18px;padding:22px 14px;width:48%}.stat-card h2{font-size:36px;margin-bottom:6px}.stat-card p{font-size:14px}.tools-card{border-radius:18px;gap:12px;padding:22px 14px;width:48%}.tools-title{font-size:13px;margin-bottom:4px}.tools-icons{gap:12px}.tool-icon-wrapper{border-radius:10px;font-size:18px;height:40px;width:40px}.text-icon{font-size:14px}.hero-description{align-items:center;gap:0;order:2;text-align:center;width:100%}.lead-text{font-size:16px;line-height:1.75;padding:0 16px;text-align:center}.action-row{display:none}.hero-image-container{align-items:flex-end;display:flex;justify-content:center;margin-bottom:0;margin-top:32px;order:3;width:100%}.bg-text-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.outline-text{font-size:70px;letter-spacing:-1px;line-height:.9;margin:0}.offset-right{margin-left:0}.hero-img{display:block;margin-bottom:0;max-width:380px;width:100%}}@media (min-width:676px) and (max-width:768px){.hero-section{align-items:flex-start;border-radius:0 0 60px 60px;min-height:auto;padding-bottom:0;padding-top:100px}.hero-main{flex-direction:column;gap:44px;margin-bottom:0}.hero-stats{flex-direction:row;gap:20px;justify-content:space-between;order:1;width:100%}.stat-card{border-radius:20px;padding:26px 18px;width:48%}.stat-card h2{font-size:42px;margin-bottom:8px}.stat-card p{font-size:15px}.tools-card{border-radius:20px;gap:16px;padding:26px 18px;width:48%}.tools-title{font-size:14px;margin-bottom:6px}.tools-icons{gap:14px}.tool-icon-wrapper{border-radius:12px;font-size:20px;height:46px;width:46px}.text-icon{font-size:15px}.hero-description{align-items:center;gap:0;order:2;text-align:center;width:100%}.lead-text{font-size:17px;line-height:1.8;padding:0 24px;text-align:center}.action-row{display:none}.hero-image-container{align-items:flex-end;display:flex;justify-content:center;margin-bottom:0;margin-top:40px;order:3;width:100%}.bg-text-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.outline-text{font-size:85px;letter-spacing:-1px;line-height:.9;margin:0}.offset-right{margin-left:0}.hero-img{display:block;margin-bottom:0;max-width:460px;width:100%}}@media (min-width:769px) and (max-width:1024px){.hero-section{align-items:flex-start;border-radius:0 0 70px 70px;min-height:auto;padding-bottom:0;padding-top:110px}.hero-main{flex-direction:column;gap:48px;margin-bottom:0}.hero-stats{flex-direction:row;gap:24px;justify-content:space-between;order:1;width:100%}.stat-card{border-radius:22px;padding:30px 20px;width:48%}.stat-card h2{font-size:48px;margin-bottom:10px}.stat-card p{font-size:16px}.tools-card{border-radius:22px;gap:18px;padding:30px 20px;width:48%}.tools-title{font-size:15px;margin-bottom:8px}.tools-icons{gap:16px}.tool-icon-wrapper{border-radius:14px;font-size:22px;height:50px;width:50px}.text-icon{font-size:16px}.hero-description{align-items:center;gap:0;order:2;text-align:center;width:100%}.lead-text{font-size:18px;line-height:1.8;padding:0 30px;text-align:center}.action-row{display:none}.hero-image-container{align-items:flex-end;display:flex;justify-content:center;margin-bottom:0;margin-top:48px;order:3;width:100%}.bg-text-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.outline-text{font-size:100px;letter-spacing:-2px;line-height:.9;margin:0}.offset-right{margin-left:0}.hero-img{display:block;margin-bottom:0;max-width:520px;width:100%}}.ux-about-section{align-items:center;background-color:#f5faf7;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 0;position:relative;width:100%;z-index:1}.ux-bg-glow{border-radius:50%;filter:blur(140px);opacity:0;pointer-events:none;position:absolute;transition:opacity 1.5s ease-in-out;z-index:1}.animate-section .ux-bg-glow{opacity:.25}.glow-1{background:#087a3d1f;left:-5%;top:10%}.glow-1,.glow-2{height:450px;width:450px}.glow-2{background:#f5b80014;bottom:10%;right:-5%}.ux-bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(12,1fr)}.ux-box{background:#fff;border:1px solid #dde8e1;border-radius:20px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;opacity:0;padding:28px 24px;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,box-shadow .3s ease}.animate-section .ux-box{opacity:1;transform:translateY(0)}.animate-section .ux-intro{transition-delay:.1s}.animate-section .ux-exp{transition-delay:.2s}.animate-section .ux-skills{transition-delay:.3s}.animate-section .ux-tools{transition-delay:.4s}.animate-section .ux-process{transition-delay:.5s}.ux-box:hover{border-color:#087a3d;box-shadow:0 12px 32px #087a3d14;transform:translateY(-5px)}.ux-intro{grid-column:span 9;justify-content:center}.ux-intro h1{color:#111;font-size:clamp(28px,3.2vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.3;margin-bottom:6px}.ux-intro h1,.ux-intro h2{font-family:Poppins,sans-serif}.ux-intro h2{color:#087a3d;font-size:19px;font-weight:600;margin-bottom:14px}.ux-intro p{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:15px;line-height:1.7;max-width:95%}.ux-exp{align-items:center;grid-column:span 3;justify-content:center;text-align:center}.ux-exp h3{color:#087a3d;font-size:clamp(50px,5vw,66px);font-weight:800;line-height:1;margin-bottom:8px}.ux-exp h3,.ux-exp p{font-family:Poppins,sans-serif}.ux-exp p{color:#777;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.ux-skills{grid-column:span 7}.ux-tools{grid-column:span 5}.ux-box-header{gap:12px;margin-bottom:20px}.icon-wrapper,.ux-box-header{align-items:center;display:flex}.icon-wrapper{background:#f5faf7;border:1px solid #dde8e1;border-radius:10px;height:40px;justify-content:center;width:40px}.ux-icon{color:#087a3d;font-size:19px}.ux-box-header h4{color:#111;font-family:Poppins,sans-serif;font-size:19px;font-weight:700}.ux-tags{display:flex;flex-wrap:wrap;gap:10px}.ux-tags span{background:#f5faf7;border:1px solid #dde8e1;border-radius:50px;color:#4b4b4b;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.ux-tags span:hover{background:#087a3d;border-color:#087a3d;box-shadow:0 4px 12px #087a3d33;color:#fff;transform:translateY(-2px)}.ux-tool-icons{display:flex;flex-wrap:wrap;gap:12px}.ux-tool{align-items:center;background:#f5faf7;border:1px solid #dde8e1;border-radius:14px;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:80px;padding:14px 8px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease,box-shadow .3s ease}.ux-tool:hover{background:#fff;border-color:#087a3d;box-shadow:0 8px 20px #087a3d14;transform:translateY(-4px)}.brand-icon.figma{color:#f24e1e;font-size:26px}.brand-icon.react-icon-color{color:#00d8ff;font-size:26px}.brand-icon.js-icon-color{color:#e5a800;font-size:26px}.brand-icon.php-icon-color{color:#777bb4;font-size:28px}.ux-tool span{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.ux-header-text-group{display:flex;flex-direction:column;gap:2px;text-align:left}.ux-header-sub{color:#777;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;letter-spacing:.2px}.ux-process{grid-column:span 12}.ux-process-steps-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding-top:12px;position:relative;width:100%}.ux-process-line{background:linear-gradient(90deg,#087a3d26,#f5b80066 50%,#087a3d26);height:2px;left:40px;position:absolute;right:40px;top:50px;z-index:1}.ux-step{align-items:center;background:#f5faf7;border:1px solid #dde8e1;border-radius:18px;display:flex;flex-direction:column;gap:12px;opacity:0;padding:18px 12px;position:relative;text-align:center;transform:translateY(24px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:2}.animate-section .ux-step{opacity:1;transform:translateY(0)}.animate-section .step-1{transition-delay:.55s}.animate-section .step-2{transition-delay:.65s}.animate-section .step-3{transition-delay:.75s}.animate-section .step-4{transition-delay:.85s}.animate-section .step-5{transition-delay:.95s}.ux-step:hover{background:#fff;border-color:#087a3d;box-shadow:0 10px 28px #087a3d1a;transform:translateY(-5px)}.ux-step-top{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.ux-step-num{background:#fff;border:1px solid #dde8e1;border-radius:12px;color:#087a3d;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;transition:all .3s ease}.ux-step:hover .ux-step-num{background:#f5b800;border-color:#f5b800;color:#111;font-weight:800}.ux-step-icon-wrap{align-items:center;background:#fff;border:1.5px solid #dde8e1;border-radius:50%;box-shadow:0 4px 12px #087a3d14;color:#087a3d;display:flex;height:46px;justify-content:center;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);width:46px}.step-hugeicon{transition:transform .35s cubic-bezier(.16,1,.3,1)}.ux-step:hover .ux-step-icon-wrap{background:linear-gradient(135deg,#087a3d,#075a2d);border-color:#087a3d;box-shadow:0 8px 22px #087a3d4d;color:#fff;transform:scale(1.1)}.ux-step:hover .step-hugeicon{transform:scale(1.08)}.ux-step-text{align-items:center;display:flex;flex-direction:column;gap:3px}.ux-step-text h5{color:#111;font-size:14.5px;font-weight:700}.ux-step-text h5,.ux-step-text p{font-family:Poppins,sans-serif;margin:0}.ux-step-text p{color:#777;font-size:12px;font-weight:500;line-height:1.3}@media (max-width:475px){.ux-about-section{padding:60px 0}.ux-bento-grid{display:flex;flex-direction:column;gap:20px}.ux-box{border-radius:20px;padding:26px 18px;width:100%}.ux-exp,.ux-intro{align-items:center;text-align:center}.ux-skills,.ux-tools{align-items:flex-start;text-align:left}.ux-process{align-items:center;text-align:center}.ux-intro h1{font-size:24px;line-height:1.35;margin-bottom:8px}.ux-intro h2{font-size:17px;margin-bottom:12px}.ux-intro p{font-size:14.5px;line-height:1.7;margin:0 auto}.ux-exp h3{font-size:48px;margin-bottom:6px}.ux-exp p{font-size:12.5px;letter-spacing:.8px}.ux-skills .ux-box-header,.ux-tools .ux-box-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:20px;width:100%}.ux-process .ux-box-header{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:24px;width:100%}.icon-wrapper{border-radius:10px;height:40px;width:40px}.ux-box-header h4,.ux-icon{font-size:18px}.ux-tags{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr);width:100%}.ux-tags span{align-items:center;font-size:13px;height:100%;padding:10px 8px;text-align:center}.ux-tags span,.ux-tool-icons{display:flex;justify-content:center;width:100%}.ux-tool-icons{flex-wrap:wrap;gap:12px}.ux-tool{border-radius:12px;flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;gap:8px;padding:16px 8px}.brand-icon.figma{font-size:26px}.custom-adobe-icon{border-radius:6px;font-size:12px;height:26px;width:26px}.ux-tool span{font-size:13px}.ux-process-steps-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding-bottom:6px;padding-top:6px;width:100%}.ux-process-line{display:none}.ux-step{gap:8px;padding:14px 8px;width:100%}.ux-step-icon-wrap{height:38px;width:38px}.step-svg{font-size:16px}.ux-step-text h5{font-size:13.5px}.ux-step-text p{font-size:11px}}@media (min-width:476px) and (max-width:675px){.ux-about-section{padding:70px 0}.ux-bento-grid{display:flex;flex-direction:column;gap:22px}.ux-box{border-radius:22px;padding:30px 22px;width:100%}.ux-exp,.ux-intro{align-items:center;text-align:center}.ux-skills,.ux-tools{align-items:flex-start;text-align:left}.ux-process{align-items:center;text-align:center}.ux-intro h1{font-size:28px;line-height:1.35;margin-bottom:10px}.ux-intro h2{font-size:19px;margin-bottom:14px}.ux-intro p{font-size:15px;line-height:1.7;margin:0 auto}.ux-exp h3{font-size:56px;margin-bottom:8px}.ux-exp p{font-size:13.5px;letter-spacing:.8px}.ux-skills .ux-box-header,.ux-tools .ux-box-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin-bottom:24px;width:100%}.ux-process .ux-box-header{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:28px;width:100%}.icon-wrapper{border-radius:12px;height:46px;width:46px}.ux-box-header h4,.ux-icon{font-size:22px}.ux-tags{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr);width:100%}.ux-tags span{align-items:center;font-size:14px;height:100%;padding:12px 10px;text-align:center}.ux-tags span,.ux-tool-icons{display:flex;justify-content:center;width:100%}.ux-tool-icons{flex-wrap:wrap;gap:14px}.ux-tool{border-radius:14px;flex-basis:calc(50% - 8px);flex-grow:0;flex-shrink:0;gap:10px;padding:18px 10px}.brand-icon.figma{font-size:30px}.custom-adobe-icon{border-radius:8px;font-size:13px;height:30px;width:30px}.ux-tool span{font-size:14px}.ux-process-steps-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);padding-bottom:10px;padding-top:10px;width:100%}.ux-process-line{display:none}.ux-step{gap:10px;padding:16px 12px;width:100%}.ux-step-icon-wrap{height:42px;width:42px}.step-svg{font-size:17px}.ux-step-text h5{font-size:14px}.ux-step-text p{font-size:12px}}@media (min-width:676px) and (max-width:768px){.ux-about-section{padding:80px 0}.ux-bento-grid{display:flex;flex-direction:column;gap:24px}.ux-box{border-radius:24px;padding:34px 26px;width:100%}.ux-exp,.ux-intro{align-items:center;text-align:center}.ux-skills,.ux-tools{align-items:flex-start;text-align:left}.ux-process{align-items:center;text-align:center}.ux-intro h1{font-size:32px;margin-bottom:12px}.ux-intro h2{font-size:20px;margin-bottom:16px}.ux-intro p{font-size:15.5px;line-height:1.75;margin:0 auto}.ux-exp h3{font-size:64px;margin-bottom:10px}.ux-exp p{font-size:14px;letter-spacing:1px}.ux-skills .ux-box-header,.ux-tools .ux-box-header{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start;margin-bottom:26px;width:100%}.ux-process .ux-box-header{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;margin-bottom:30px;width:100%}.icon-wrapper{border-radius:14px;height:50px;width:50px}.ux-box-header h4,.ux-icon{font-size:24px}.ux-tags{display:flex;flex-wrap:wrap;gap:14px;width:100%}.ux-tags span{font-size:14.5px;padding:12px 18px}.ux-tool-icons{display:flex;gap:16px;width:100%}.ux-tool{border-radius:16px;padding:20px 12px}.brand-icon.figma{font-size:32px}.custom-adobe-icon{border-radius:8px;font-size:14px;height:32px;width:32px}.ux-tool span{font-size:14.5px}.ux-process-steps-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);padding-top:12px;width:100%}.ux-process-line{display:none}.ux-step{gap:10px;padding:16px 12px;width:100%}.ux-step-icon-wrap{height:44px;width:44px}.step-svg{font-size:18px}.ux-step-text h5{font-size:14.5px}.ux-step-text p{font-size:12px}}@media (min-width:769px) and (max-width:1024px){.ux-about-section{padding:90px 0}.ux-bento-grid{gap:20px;grid-template-columns:repeat(12,1fr)}.ux-intro{grid-column:span 8}.ux-exp{grid-column:span 4}.ux-skills{grid-column:span 7}.ux-tools{grid-column:span 5}.ux-process{grid-column:span 12}.ux-box{border-radius:24px;padding:30px}.ux-intro h1{font-size:32px}.ux-intro h2{font-size:20px}.ux-intro p{font-size:15px}.ux-exp h3{font-size:64px}.ux-exp p{font-size:14px}}.ux-bento-services{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 0;position:relative;width:100%}.glow-5{background:#087a3d14;left:-5%;opacity:.25;top:10%}.glow-5,.glow-6{border-radius:50%;filter:blur(140px);height:500px;pointer-events:none;position:absolute;width:500px;z-index:1}.glow-6{background:#f5b8000f;bottom:-10%;opacity:.2;right:-5%}.ux-container{margin:0 auto;max-width:1440px;padding:0 20px;position:relative;width:100%;z-index:2}.bento-header{align-items:flex-start;display:flex;gap:36px;justify-content:space-between;margin-bottom:36px}.header-title{color:#111;flex:1.2 1;font-size:clamp(28px,3.2vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.3}.header-desc,.header-title{font-family:Poppins,sans-serif;margin:0;text-align:left}.header-desc{color:#4b4b4b;flex:1 1;font-size:15px;font-weight:400;line-height:1.7;padding-top:4px}.bento-grid-container{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:310px;grid-template-columns:repeat(12,1fr)}.bento-card{background:#fff;border:1px solid #dde8e1;border-radius:20px;box-shadow:0 4px 20px #00000005;display:flex;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.bento-card:hover{border-color:#087a3d;box-shadow:0 16px 36px #087a3d14;transform:translateY(-5px)}.card-wide-1,.card-wide-2{align-items:center;flex-direction:row}.card-content,.card-square-1,.card-square-2,.card-tall{flex-direction:column}.card-content{align-items:flex-start;display:flex;flex:1 1;height:100%;justify-content:center;padding:26px 28px;text-align:left;z-index:2}.card-content h3{color:#111;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;line-height:1.35;margin:0 0 10px}.card-content p{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:400;line-height:1.65;margin:0 0 16px}.centered-content{align-items:center;padding:28px 20px;text-align:center}.premium-btn{align-items:center;background:linear-gradient(135deg,#087a3d,#075a2d);border:none;border-radius:50px;box-shadow:0 4px 14px #087a3d40;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;justify-content:center;letter-spacing:.8px;margin-top:auto;padding:11px 26px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.premium-btn:hover{background:#075a2d;box-shadow:0 6px 20px #087a3d59;transform:translateY(-2px)}.premium-btn:active{transform:translateY(0)}.premium-btn.btn-dark{background:#fff;border:none;box-shadow:0 4px 14px #0000001f;color:#087a3d}.premium-btn.btn-dark:hover{background:#f5faf7;box-shadow:0 6px 20px #00000029;color:#075a2d}.premium-btn.btn-outline{background:#0000;border:2px solid #087a3d;box-shadow:none;color:#087a3d;gap:8px}.premium-btn.btn-outline:hover{background:#087a3d;box-shadow:0 4px 14px #087a3d40;color:#fff}.btn-icon{font-size:15px}.premium-btn.btn-outline:hover .btn-icon{transform:translateX(4px)}.freelance-btn{width:100%}.card-visual{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:20px;position:relative}.mockup-img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}.bento-card:hover .mockup-img{transform:scale(1.05) translateY(-4px)}.phone-img{max-width:180px}.card-wide-1{grid-column:span 6}.card-square-1,.card-tall{grid-column:span 3}.card-tall{grid-row:span 2}.card-square-2{grid-column:span 3}.card-wide-2{background:#fff;grid-column:span 6}.tall-card-content{align-items:center;gap:16px;justify-content:center;padding:30px 22px;text-align:center}.gradient-bg{background:linear-gradient(135deg,#087a3d,#075a2d);border:none}.tall-card-heading{color:#fff!important;font-size:22px!important;font-weight:700!important}.tall-card-heading,.tall-card-para{font-family:Poppins,sans-serif;margin:0!important}.tall-card-para{color:#ffffffe6!important;font-size:14px!important;line-height:1.6!important}.icon-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 20px #0000001a;color:#087a3d;display:flex;font-size:22px;height:52px;justify-content:center;margin:0;transition:transform .3s ease;width:52px}.bento-card:hover .icon-circle{transform:scale(1.08)}.contact-info-list{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0;width:100%}.contact-info-item{align-items:center;display:flex;gap:8px;justify-content:center}.inline-icon{color:#fff;font-size:16px}.contact-info-item h4{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;margin:0;white-space:nowrap}.hire-now-btn{margin:0;width:100%}.grid-bg{background-color:#f5faf7;background-image:linear-gradient(#087a3d08 1px,#0000 0),linear-gradient(90deg,#087a3d08 1px,#0000 0);background-size:24px 24px}.rating-text{color:#087a3d;font-size:48px;font-weight:800;line-height:1;margin:0}.rating-heading,.rating-text{font-family:Poppins,sans-serif}.rating-heading{color:#111;font-size:19px;font-weight:600;margin:10px 0 4px!important}.rating-para{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:13.5px;line-height:1.6;margin:0 0 14px!important}.stars{color:#f5b800;display:flex;font-size:18px;gap:6px}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width:475px){.ux-bento-services{padding:60px 0}.bento-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:36px!important;padding:0!important;text-align:center!important}.header-title{font-size:24px!important;line-height:1.35!important}.header-desc,.header-title{flex:none!important;margin:0!important;text-align:center!important;width:100%!important}.header-desc{font-size:14.5px!important;line-height:1.7!important;padding-top:4px!important}.bento-grid-container{gap:20px!important;padding:0!important}.bento-card,.bento-grid-container,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.bento-card,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{border-radius:20px!important;margin:0 auto!important;max-width:380px!important}.card-content{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:26px 20px!important}.card-content,.card-content h3{text-align:center!important;width:100%!important}.card-content h3{font-size:20px!important;line-height:1.35!important;margin:0 0 10px!important}.card-content p{font-size:14px!important;line-height:1.65!important;margin:0 0 18px!important}.card-content p,.tall-card-heading{text-align:center!important;width:100%!important}.tall-card-heading{font-size:22px!important;margin:0 0 10px!important}.tall-card-para{font-size:14px!important;line-height:1.65!important;margin:0 0 18px!important;text-align:center!important;width:100%!important}.card-visual{align-items:center!important;display:flex!important;justify-content:center!important;padding:20px!important;width:100%!important}.premium-btn{font-size:13px!important;letter-spacing:.8px!important;margin:0 auto!important;padding:12px 28px!important}.rating-text{font-size:44px!important;line-height:1.1!important;margin:0!important;text-align:center!important;width:100%!important}}@media (min-width:476px) and (max-width:675px){.ux-bento-services{padding:70px 0}.bento-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin-bottom:40px!important;padding:0!important;text-align:center!important}.header-title{font-size:28px!important;line-height:1.35!important}.header-desc,.header-title{flex:none!important;margin:0!important;text-align:center!important;width:100%!important}.header-desc{font-size:15px!important;line-height:1.7!important;padding-top:6px!important}.bento-grid-container{gap:24px!important;padding:0!important}.bento-card,.bento-grid-container,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.bento-card,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{border-radius:22px!important;margin:0 auto!important;max-width:420px!important}.card-content{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:30px 24px!important}.card-content,.card-content h3{text-align:center!important;width:100%!important}.card-content h3{font-size:22px!important;line-height:1.35!important;margin:0 0 12px!important}.card-content p{font-size:14.5px!important;line-height:1.7!important;margin:0 0 20px!important}.card-content p,.tall-card-heading{text-align:center!important;width:100%!important}.tall-card-heading{font-size:24px!important;margin:0 0 12px!important}.tall-card-para{font-size:14.5px!important;line-height:1.7!important;margin:0 0 20px!important;text-align:center!important;width:100%!important}.card-visual{align-items:center!important;display:flex!important;justify-content:center!important;padding:24px!important;width:100%!important}.premium-btn{font-size:13.5px!important;margin:0 auto!important;padding:13px 30px!important}.rating-text{font-size:50px!important;line-height:1.1!important;margin:0!important;text-align:center!important;width:100%!important}}@media (min-width:676px) and (max-width:768px){.ux-bento-services{padding:80px 0}.bento-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:24px!important;margin-bottom:45px!important;padding:0!important;text-align:center!important}.header-title{font-size:32px!important;line-height:1.35!important}.header-desc,.header-title{flex:none!important;margin:0!important;text-align:center!important;width:100%!important}.header-desc{font-size:16px!important;line-height:1.75!important;padding-top:8px!important}.bento-grid-container{gap:28px!important;padding:0!important}.bento-card,.bento-grid-container,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.bento-card,.card-square-1,.card-square-2,.card-tall,.card-wide-1,.card-wide-2{border-radius:24px!important;margin:0 auto!important;max-width:480px!important}.card-content{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:34px 28px!important}.card-content,.card-content h3{text-align:center!important;width:100%!important}.card-content h3{font-size:24px!important;line-height:1.35!important;margin:0 0 14px!important}.card-content p{font-size:15px!important;line-height:1.75!important;margin:0 0 22px!important}.card-content p,.tall-card-heading{text-align:center!important;width:100%!important}.tall-card-heading{font-size:26px!important;margin:0 0 14px!important}.tall-card-para{font-size:15px!important;line-height:1.75!important;margin:0 0 22px!important;text-align:center!important;width:100%!important}.card-visual{align-items:center!important;display:flex!important;justify-content:center!important;padding:28px!important;width:100%!important}.premium-btn{font-size:14px!important;margin:0 auto!important;padding:14px 32px!important}.rating-text{font-size:56px!important;line-height:1.1!important;margin:0!important;text-align:center!important;width:100%!important}}@media (min-width:769px) and (max-width:1024px){.ux-bento-services{padding:80px 0}.bento-header{gap:30px;margin-bottom:45px}.header-title{font-size:32px}.header-desc{font-size:15px}.bento-grid-container{gap:20px;grid-auto-rows:320px}.card-content{padding:28px 24px}.card-content h3{font-size:20px}.card-content p{font-size:14px}.tall-card-heading{font-size:22px!important}.tall-card-para{font-size:13.5px!important}.rating-text{font-size:48px}}.ux-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#087a3d,#075a2d);-webkit-background-clip:text;background-clip:text;color:#087a3d}.ux-premium-portfolio{align-items:center;background-color:#f5faf7;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 0;position:relative;width:100%}.portfolio-bg-glow{border-radius:50%;pointer-events:none;position:absolute;z-index:1}.glow-port-1{background:#087a3d14;opacity:.25;right:-5%;top:15%}.glow-port-1,.glow-port-2{filter:blur(140px);height:500px;width:500px}.glow-port-2{background:#f5b8000f;bottom:0;left:-10%;opacity:.2}.portfolio-container{margin:0 auto;max-width:1440px;padding:0 20px;position:relative;width:100%;z-index:2}.premium-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 36px;max-width:800px;text-align:center}.header-eyebrow{color:#087a3d;font-size:12.5px;letter-spacing:2px;text-transform:uppercase}.header-eyebrow,.premium-title{font-family:Poppins,sans-serif;font-weight:700}.premium-title{color:#111;font-size:clamp(28px,3.2vw,36px);letter-spacing:-.5px;line-height:1.3;margin:0}.premium-desc{color:#4b4b4b;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.7;margin:0}.premium-portfolio-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);width:100%}.premium-project-card{background:#fff;border:1px solid #dde8e1;border-radius:20px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.premium-project-card:hover{border-color:#087a3d;box-shadow:0 16px 36px #087a3d14;transform:translateY(-6px)}.card-image-wrapper{aspect-ratio:8/5;background:#f5faf7;overflow:hidden;position:relative;width:100%}.card-img{filter:none!important;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.premium-project-card:hover .card-img{transform:scale(1.06)}.card-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:18px;justify-content:space-between;padding:22px 20px;text-align:left}.card-header-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.project-title{color:#111;font-size:19px;font-weight:600;line-height:1.35;margin:0 0 8px}.project-desc,.project-title{font-family:Poppins,sans-serif}.project-desc{color:#4b4b4b;font-size:14px;font-weight:400;line-height:1.6;margin:0}.card-action-links{display:flex;gap:12px;width:100%}.action-btn{align-items:center;border-radius:50px;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:10px 0;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-icon{font-size:14px;transition:transform .3s ease}.behance-btn{background:#f5faf7;border:1px solid #dde8e1;color:#111}.behance-btn:hover{background:#1769ff;border-color:#1769ff;box-shadow:0 6px 16px #1769ff40;color:#fff;transform:translateY(-2px)}.live-btn{background:linear-gradient(135deg,#087a3d,#075a2d);border:none;box-shadow:0 4px 14px #087a3d33;color:#fff}.live-btn:hover{background:#075a2d;box-shadow:0 6px 18px #087a3d4d;transform:translateY(-2px)}.live-btn:hover .btn-icon{transform:translateX(3px) translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0}.in-view .animate-fade-in{animation:fadeIn .8s ease forwards}.animate-slide-up{opacity:0}.in-view .animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}@media (max-width:475px){.ux-premium-portfolio{padding:60px 0}.premium-header{gap:10px;margin-bottom:36px}.header-eyebrow{font-size:12px;letter-spacing:1.5px}.premium-title{font-size:24px;line-height:1.35}.premium-desc{font-size:14.5px;line-height:1.7}.premium-portfolio-grid{gap:20px;grid-template-columns:1fr}.card-image-wrapper{height:200px}.card-content-wrapper{gap:16px;padding:20px 18px}.project-title{font-size:18px;line-height:1.35;margin:0 0 8px}.project-desc{font-size:13.5px;line-height:1.65}.card-action-links{flex-direction:row;gap:10px}.action-btn{font-size:13px;padding:10px 0}}@media (min-width:476px) and (max-width:675px){.ux-premium-portfolio{padding:70px 0}.premium-header{gap:12px;margin-bottom:40px}.header-eyebrow{font-size:12.5px}.premium-title{font-size:28px;line-height:1.35}.premium-desc{font-size:15px;line-height:1.7}.premium-portfolio-grid{gap:24px;grid-template-columns:1fr}.card-image-wrapper{height:240px}.card-content-wrapper{gap:18px;padding:24px 20px}.project-title{font-size:20px;margin:0 0 10px}.project-desc{font-size:14px;line-height:1.65}.card-action-links{flex-direction:row;gap:12px}.action-btn{font-size:13.5px;padding:11px 0}}@media (min-width:676px) and (max-width:768px){.ux-premium-portfolio{padding:80px 0}.premium-header{gap:14px;margin-bottom:45px}.header-eyebrow{font-size:13px}.premium-title{font-size:32px;line-height:1.35}.premium-desc{font-size:16px;line-height:1.75}.premium-portfolio-grid{gap:28px;grid-template-columns:1fr}.card-image-wrapper{height:280px}.card-content-wrapper{gap:20px;padding:28px 24px}.project-title{font-size:22px}.project-desc{font-size:15px;line-height:1.7}.card-action-links{flex-direction:row;gap:14px}.action-btn{font-size:14px;padding:12px 0}}@media (min-width:769px) and (max-width:1024px){.ux-premium-portfolio{padding:80px 0}.premium-header{gap:14px;margin-bottom:50px}.premium-title{font-size:36px}.premium-desc{font-size:15.5px}.premium-portfolio-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.card-image-wrapper{height:240px}.card-content-wrapper{gap:18px;padding:24px 20px}.project-title{font-size:20px}.project-desc{font-size:14.5px}.action-btn{font-size:13.5px;padding:11px 0}}*,:after,:before{box-sizing:border-box}.ux-contact-section{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 0;position:relative;width:100%}.contact-bg-glow{border-radius:50%;pointer-events:none;position:absolute;z-index:1}.glow-contact-1{background:#087a3d14;left:-10%;opacity:.25;top:20%}.glow-contact-1,.glow-contact-2{filter:blur(140px);height:500px;width:500px}.glow-contact-2{background:#f5b8000f;bottom:-10%;opacity:.2;right:-5%}.contact-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;width:100%;z-index:2}.contact-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 36px;max-width:800px;text-align:center}.contact-content{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:1fr 1.5fr}.contact-info-panel{height:100%}.contact-info-panel,.info-card{display:flex;flex-direction:column;gap:20px}.info-card{background:#f5faf7;border:1px solid #dde8e1;border-radius:20px;box-shadow:0 4px 20px #00000005;flex:1 1;justify-content:center;padding:28px 24px;text-align:left;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.info-card:hover{border-color:#087a3d;box-shadow:0 12px 30px #087a3d14;transform:translateY(-4px)}.info-item{align-items:flex-start;display:flex;gap:14px}.info-icon{align-items:center;background:#fff;border:1px solid #dde8e1;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#087a3d;display:flex;flex-shrink:0;font-size:19px;height:42px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:42px}.info-item:hover .info-icon{background:#087a3d;border-color:#087a3d;box-shadow:0 6px 16px #087a3d40;color:#fff;transform:scale(1.08)}.info-text h4{color:#777;font-size:12px;letter-spacing:1px;margin:0 0 3px;text-transform:uppercase}.info-text a,.info-text h4,.info-text p{font-family:Poppins,sans-serif;font-weight:600}.info-text a,.info-text p{color:#111;font-size:15px;margin:0;text-decoration:none;transition:color .25s ease}.info-text a:hover{color:#087a3d}.social-connect{background:#f5faf7;border:1px solid #dde8e1;border-radius:20px;padding:22px 24px;text-align:left}.social-connect h3{color:#111;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 14px}.social-links{display:flex;gap:12px;justify-content:flex-start}.social-btn{align-items:center;background:#fff;border:1px solid #dde8e1;border-radius:50%;box-shadow:0 2px 6px #00000008;color:#4b4b4b;display:flex;font-size:15px;height:40px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.social-btn:hover{background:#087a3d;border-color:#087a3d;box-shadow:0 6px 16px #087a3d40;color:#fff;transform:translateY(-3px)}.contact-form-panel{background:#f5faf7;border:1px solid #dde8e1;border-radius:20px;box-shadow:0 4px 20px #00000005;height:100%;justify-content:center;padding:32px 28px;position:relative;text-align:left}.contact-form-panel,.premium-form{display:flex;flex-direction:column}.premium-form{gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{color:#111;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px}.input-group input,.input-group textarea{background:#fff;border:1px solid #dde8e1;border-radius:12px;color:#111;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .25s ease;width:100%}.select-wrapper{position:relative;width:100%}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #dde8e1;border-radius:12px;color:#111;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:12px 45px 12px 16px;transition:all .25s ease;width:100%}.select-icon{color:#087a3d;font-size:18px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.input-group textarea{min-height:100px;resize:vertical}.input-group input:focus,.input-group textarea:focus,.select-wrapper select:focus{background:#fff;border-color:#087a3d;box-shadow:0 0 0 3px #087a3d1f}.select-wrapper select option{background-color:#fff;color:#111;padding:10px}.input-group input::placeholder,.input-group textarea::placeholder{color:#777;opacity:.6}.submit-btn{align-items:center;background:linear-gradient(135deg,#087a3d,#075a2d);border:none;border-radius:50px;box-shadow:0 4px 14px #087a3d40;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;margin-top:4px;padding:12px 30px;transition:all .3s cubic-bezier(.16,1,.3,1)}.submit-btn:hover{background:#075a2d;box-shadow:0 6px 20px #087a3d59;transform:translateY(-2px)}.submit-btn:hover .btn-icon{transform:translateX(4px) translateY(-4px)}@media (max-width:475px){.ux-contact-section{padding:60px 0}.contact-header{gap:10px;margin-bottom:36px}.premium-title{font-size:24px;line-height:1.35}.premium-desc{font-size:14.5px;line-height:1.7}.contact-content{gap:20px;grid-template-columns:1fr}.contact-info-panel{gap:16px}.info-card{gap:18px;padding:22px 18px}.info-item{gap:12px}.info-icon{font-size:17px;height:40px;width:40px}.info-text a,.info-text p{font-size:14px}.social-connect{padding:18px}.social-connect h3{font-size:16px;margin-bottom:12px}.social-links{gap:10px}.contact-form-panel{padding:24px 18px}.premium-form{gap:14px}.form-row{gap:14px;grid-template-columns:1fr}.input-group label{font-size:12.5px}.input-group input,.input-group textarea,.select-wrapper select{font-size:13.5px;padding:12px 14px}.submit-btn{font-size:13.5px;padding:12px 0;width:100%}}@media (min-width:476px) and (max-width:675px){.ux-contact-section{padding:70px 0}.contact-header{gap:12px;margin-bottom:40px}.premium-title{font-size:28px;line-height:1.35}.premium-desc{font-size:15px;line-height:1.7}.contact-content{gap:24px;grid-template-columns:1fr}.info-card{gap:20px;padding:26px 22px}.contact-form-panel{padding:28px 22px}.form-row{gap:16px;grid-template-columns:1fr}.submit-btn{font-size:14px;padding:13px 0}}@media (min-width:676px) and (max-width:768px){.ux-contact-section{padding:80px 0}.contact-header{gap:14px;margin-bottom:45px}.premium-title{font-size:32px;line-height:1.35}.premium-desc{font-size:16px;line-height:1.75}.contact-content{gap:28px;grid-template-columns:1fr}.info-card{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:30px 24px}.contact-form-panel{padding:34px 26px}.form-row{gap:20px;grid-template-columns:1fr 1fr}.submit-btn{font-size:15px;padding:14px 36px;width:fit-content}}@media (min-width:769px) and (max-width:1024px){.ux-contact-section{padding:80px 0}.premium-title{font-size:36px}.premium-desc{font-size:15.5px}.contact-content{gap:30px}.info-card{padding:30px 24px}.contact-form-panel{padding:34px 26px}}.hire-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:15px;position:fixed;z-index:9999}.hire-modal-card{background:#fff;border:1px solid #dde8e1;border-radius:28px;box-shadow:0 30px 80px #00000029;max-width:420px;padding:44px 28px;position:relative;text-align:center;width:100%}.scale-up{animation:modalScale .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-badge{background:#f5faf7;border:1px solid #dde8e1;border-radius:50px;color:#087a3d;display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.modal-close{align-items:center;background:#f5faf7;border:1px solid #dde8e1;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .25s ease;width:34px}.modal-close:hover{background:#e52525;border-color:#e52525;color:#fff;transform:rotate(90deg)}.modal-title{color:#111;font-size:22px;font-weight:700;margin-bottom:8px}.modal-subtitle,.modal-title{font-family:Poppins,sans-serif}.modal-subtitle{color:#4b4b4b;font-size:14px;line-height:1.6;margin-bottom:28px;padding:0 8px}.hire-options{display:flex;flex-direction:column;gap:14px}.hire-option-card{align-items:center;background:#f5faf7;border:1px solid #dde8e1;border-radius:16px;display:flex;gap:14px;overflow:hidden;padding:16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.hire-option-card:hover{background:#fff;border-color:#087a3d;box-shadow:0 8px 24px #087a3d1a;transform:translateY(-3px)}.opt-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:19px;height:44px;justify-content:center;width:44px}.whatsapp .opt-icon{background:#087a3d1a;border:1px solid #dde8e1;color:#087a3d}.email .opt-icon{background:#f5b8001f;border:1px solid #dde8e1;color:#f5b800}.opt-text{display:flex;flex-direction:column;overflow:hidden;text-align:left}.opt-text span{color:#111;display:block;font-size:15px;font-weight:600}.opt-text p,.opt-text span{font-family:Poppins,sans-serif}.opt-text p{color:#777;font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.hire-modal-card{border-radius:22px;padding:36px 18px}.modal-title{font-size:20px}.modal-subtitle{font-size:13px;margin-bottom:22px}.hire-option-card{gap:11px;padding:13px}.opt-icon{font-size:16px;height:38px;width:38px}.opt-text span{font-size:14px}.opt-text p{font-size:11px}}@media (max-width:380px){.opt-text p{font-size:10px}.modal-title{font-size:18px}}.floating-whatsapp-btn{align-items:center;background:linear-gradient(135deg,#087a3d,#075a2d);border:1px solid #fff3;border-radius:50%;bottom:28px;box-shadow:0 6px 24px #087a3d61;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:28px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);width:56px;z-index:990}.floating-whatsapp-btn:hover{background:linear-gradient(135deg,#075a2d,#087a3d);box-shadow:0 10px 30px #087a3d80;color:#fff;transform:translateY(-4px) scale(1.06)}.whatsapp-icon{color:#fff;font-size:28px;position:relative;transition:transform .3s ease;z-index:2}.floating-whatsapp-btn:hover .whatsapp-icon{transform:scale(1.08)}.whatsapp-pulse-ring{animation:waPulseRing 2.4s cubic-bezier(.25,0,.2,1) infinite;border:2px solid #087a3d;border-radius:50%;inset:-4px;opacity:.7;pointer-events:none;position:absolute}@keyframes waPulseRing{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.whatsapp-tooltip{background:#111;border-radius:8px;box-shadow:0 4px 14px #00000026;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:calc(100% + 14px);transform:translateX(8px);transition:all .25s cubic-bezier(.16,1,.3,1);visibility:hidden;white-space:nowrap}.whatsapp-tooltip:after{border-color:#0000 #0000 #0000 #111;border-style:solid;border-width:5px 0 5px 6px;content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.floating-whatsapp-btn:hover .whatsapp-tooltip{opacity:1;transform:translateX(0);visibility:visible}@media (max-width:768px){.floating-whatsapp-btn{bottom:24px;height:52px;right:22px;width:52px}.whatsapp-icon{font-size:26px}.whatsapp-tooltip{display:none}}@media (max-width:475px){.floating-whatsapp-btn{bottom:20px;height:48px;right:18px;width:48px}.whatsapp-icon{font-size:24px}}:root{--primary-green:#087a3d;--dark-green:#075a2d;--heading:#111;--body:#4b4b4b;--secondary:#777;--red-accent:#e52525;--gold-accent:#f5b800;--white:#fff;--light-bg:#f5faf7;--border:#dde8e1}.App{background-color:#fff;background-color:var(--white);color:#4b4b4b;color:var(--body);font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.887f8386.css.map*/