#mextech-agency-page{
  --bg:#080a0f;--card:#10141d;--text:#f7f8fa;--muted:#9299a7;--line:#242a36;--lime:#b8f34a;--purple:#7657f5;--paper:#f5f6f8;--ink:#11131a;--max:1280px;
  width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow:hidden;position:relative;line-height:normal;
}
#mextech-agency-page,#mextech-agency-page *{box-sizing:border-box}
#mextech-agency-page a{text-decoration:none}
#mextech-agency-page{--bg:#080a0f;--card:#10141d;--text:#f7f8fa;--muted:#9299a7;--line:#242a36;--lime:#b8f34a;--purple:#7657f5;--paper:#f5f6f8;--ink:#11131a;--max:1280px}
#mextech-agency-page *{box-sizing:border-box}
#mextech-agency-page{scroll-behavior:smooth}
#mextech-agency-page{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}
#mextech-agency-page a{color:inherit;text-decoration:none}
#mextech-agency-page img{width:100%;height:100%;object-fit:cover;display:block}
#mextech-agency-page button,#mextech-agency-page input,#mextech-agency-page textarea{font:inherit}
#mextech-agency-page .container{width:min(var(--max),calc(100% - 48px));margin:auto}
#mextech-agency-page h1,#mextech-agency-page h2,#mextech-agency-page h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.05;margin:0}
#mextech-agency-page p{line-height:1.7}
#mextech-agency-page .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
#mextech-agency-page .eyebrow:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
#mextech-agency-page header{height:84px;position:absolute;inset:0 0 auto;z-index:30}
#mextech-agency-page .nav{height:100%;display:flex;align-items:center;justify-content:space-between}
#mextech-agency-page .brand{display:flex;align-items:center;gap:10px;font:700 18px Manrope}
#mextech-agency-page .brand img{width:40px;height:40px;object-fit:contain;background:white;padding:4px;border-radius:10px}
#mextech-agency-page .navlinks{display:flex;align-items:center;gap:30px;color:#c3c8d1;font-size:13px}
#mextech-agency-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border:1px solid #303643;border-radius:9px;font-size:13px;font-weight:700;transition:.25s}
#mextech-agency-page .btn:hover{transform:translateY(-2px)}
#mextech-agency-page .btn-white{background:white;color:#111;border-color:white}
#mextech-agency-page .btn-lime{background:var(--lime);color:#10140a;border-color:var(--lime)}
#mextech-agency-page .menu{display:none;background:none;border:0;color:white;font-size:26px}
#mextech-agency-page .hero{padding:175px 0 90px;position:relative;overflow:hidden}
#mextech-agency-page .hero:before{content:"";position:absolute;width:900px;height:700px;left:50%;top:-370px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(118,87,245,.32),transparent 68%)}
#mextech-agency-page .hero-copy{text-align:center;max-width:930px;margin:auto;position:relative}
#mextech-agency-page .hero-copy .eyebrow{margin-bottom:24px}
#mextech-agency-page .hero h1{font-size:clamp(58px,6.5vw,92px)}
#mextech-agency-page .hero h1 span{background:linear-gradient(90deg,#fff,var(--lime));-webkit-background-clip:text;color:transparent}
#mextech-agency-page .hero-copy p{max-width:660px;margin:25px auto 28px;color:#9ba2af;font-size:17px}
#mextech-agency-page .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
#mextech-agency-page .hero-visual{margin-top:70px;position:relative}
#mextech-agency-page .browser{border:1px solid #2a3040;border-radius:18px;overflow:hidden;background:#11151e;box-shadow:0 45px 100px #0008}
#mextech-agency-page .browserbar{height:47px;border-bottom:1px solid #282e3a;display:flex;align-items:center;padding:0 17px;gap:7px}
#mextech-agency-page .browserbar i{width:8px;height:8px;border-radius:50%;background:#454b58}
#mextech-agency-page .address{width:38%;height:25px;background:#191e28;border-radius:6px;margin:auto}
#mextech-agency-page .screen{height:610px;position:relative}
#mextech-agency-page .screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090dc9,#08090d10)}
#mextech-agency-page .screen-copy{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);max-width:570px}
#mextech-agency-page .screen-copy small{color:var(--lime);font-weight:700;letter-spacing:.13em}
#mextech-agency-page .screen-copy h3{font-size:60px;margin:16px 0}
#mextech-agency-page .screen-copy p{color:#d2d5d9;max-width:470px}
#mextech-agency-page .float{position:absolute;right:-25px;bottom:55px;z-index:4;width:235px;background:#fff;color:#111;padding:20px;border-radius:14px;box-shadow:0 20px 55px #0006}
#mextech-agency-page .float strong{display:block;font:800 36px Manrope}
#mextech-agency-page .float span{font-size:12px;color:#656b75}
#mextech-agency-page .strip{border-block:1px solid var(--line);padding:23px 0;overflow:hidden}
#mextech-agency-page .stripin{overflow:hidden}
#mextech-agency-page .tooltrack{display:flex;align-items:center;width:max-content;gap:76px;color:#666e7c;font:700 13px Manrope;letter-spacing:.05em;animation:toolRight 22s linear infinite}
#mextech-agency-page .tooltrack span{font-weight:500;color:#9aa1ad;letter-spacing:0}
#mextech-agency-page .tooltrack>*{white-space:nowrap}
@keyframes toolRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
#mextech-agency-page .section{padding:120px 0}
#mextech-agency-page .head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}
#mextech-agency-page .head h2{font-size:58px;max-width:720px}
#mextech-agency-page .head p{max-width:450px;color:var(--muted);margin:0}
#mextech-agency-page .services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
#mextech-agency-page .service{min-height:285px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:flex;flex-direction:column;transition:.3s}
#mextech-agency-page .service:hover{transform:translateY(-5px);border-color:#3b4353}
#mextech-agency-page .icon{width:47px;height:47px;border-radius:11px;background:#1b2130;color:var(--lime);display:grid;place-items:center;font-size:20px}
#mextech-agency-page .service h3{font-size:23px;margin-top:auto;margin-bottom:10px}
#mextech-agency-page .service p{font-size:14px;color:#8f96a3;margin:0}
#mextech-agency-page .more{margin-top:17px;font-size:12px;font-weight:700}
#mextech-agency-page .work{background:var(--paper);color:var(--ink)}
#mextech-agency-page .work .eyebrow,#mextech-agency-page .process .eyebrow{color:var(--purple)}
#mextech-agency-page .work .head p,#mextech-agency-page .process .head p{color:#686e78}
#mextech-agency-page .project{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding:55px 0;border-top:1px solid #d9dce1}
#mextech-agency-page .project:last-child{border-bottom:1px solid #d9dce1}
#mextech-agency-page .project:nth-child(even){grid-template-columns:.75fr 1.25fr}
#mextech-agency-page .project:nth-child(even) .media{order:2}
#mextech-agency-page .media{height:470px;border-radius:18px;overflow:hidden}
#mextech-agency-page .media img{transition:.6s}
#mextech-agency-page .project:hover img{transform:scale(1.03)}
#mextech-agency-page .info small{color:#858a92}
#mextech-agency-page .info h3{font-size:42px;margin:18px 0 15px}
#mextech-agency-page .info p{color:#686e77}
#mextech-agency-page .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
#mextech-agency-page .tags span{padding:7px 10px;border:1px solid #ccd0d5;border-radius:50px;font-size:10px;text-transform:uppercase}
#mextech-agency-page .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
#mextech-agency-page .photos{height:600px;position:relative}
#mextech-agency-page .mainphoto{position:absolute;left:0;top:0;width:78%;height:88%;border-radius:18px;overflow:hidden}
#mextech-agency-page .smallphoto{position:absolute;right:0;bottom:0;width:46%;height:42%;border:8px solid var(--bg);border-radius:18px;overflow:hidden}
#mextech-agency-page .about-copy h2{font-size:58px;margin:18px 0 24px}
#mextech-agency-page .about-copy>p{color:#969daa}
#mextech-agency-page .points{margin:30px 0}
#mextech-agency-page .point{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
#mextech-agency-page .point:last-child{border-bottom:1px solid var(--line)}
#mextech-agency-page .point i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#111;font-style:normal}
#mextech-agency-page .point strong{display:block;font-size:14px}
#mextech-agency-page .point span{font-size:12px;color:#7e8795}
#mextech-agency-page .process{background:#fff;color:#111}
#mextech-agency-page .steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9dce1}
#mextech-agency-page .step{padding:30px 24px 0 0;border-right:1px solid #d9dce1;min-height:235px}
#mextech-agency-page .step:not(:first-child){padding-left:24px}
#mextech-agency-page .step:last-child{border-right:0}
#mextech-agency-page .step small{color:var(--purple);font-weight:700}
#mextech-agency-page .step h3{font-size:25px;margin:50px 0 10px}
#mextech-agency-page .step p{font-size:13px;color:#6c7179}
#mextech-agency-page .quote-section{padding:105px 0;background:#10141d;border-block:1px solid var(--line);text-align:center}
#mextech-agency-page .stars{color:var(--lime);letter-spacing:5px}
#mextech-agency-page .quote{max-width:980px;margin:24px auto;font:600 clamp(28px,3.6vw,49px)/1.25 Manrope;letter-spacing:-.035em;color:#f6f7fa;transition:opacity .28s ease,transform .28s ease}
#mextech-agency-page .author{font-size:12px;color:#8f96a3;text-transform:uppercase;transition:opacity .28s ease}
#mextech-agency-page .dots{display:flex;justify-content:center;gap:7px;margin-top:22px}
#mextech-agency-page .dot{width:7px;height:7px;border-radius:10px;background:#4b5260;cursor:pointer;transition:.25s}
#mextech-agency-page .dot.active{width:25px;background:var(--lime)}
#mextech-agency-page .contactbox{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}
#mextech-agency-page .contactcopy{padding:55px;background:linear-gradient(145deg,#121722,#0d1017)}
#mextech-agency-page .contactcopy h2{font-size:52px;margin:18px 0}
#mextech-agency-page .contactcopy p{color:#9198a5}
#mextech-agency-page .details{margin-top:42px}
#mextech-agency-page .details a,#mextech-agency-page .details span{display:block;padding:13px 0;border-top:1px solid #292f3a;font-size:13px}
#mextech-agency-page .form{padding:55px;background:#fff;color:#111}
#mextech-agency-page .form h3{font-size:28px;margin-bottom:28px}
#mextech-agency-page .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#mextech-agency-page .field{margin-bottom:14px}
#mextech-agency-page .field label{display:block;font-size:11px;font-weight:700;color:#555b64;margin-bottom:7px}
#mextech-agency-page input,#mextech-agency-page textarea{width:100%;padding:13px 14px;border:1px solid #daddE2;border-radius:9px;background:#fafafa;outline:0}
#mextech-agency-page input:focus,#mextech-agency-page textarea:focus{border-color:var(--purple);background:#fff}
#mextech-agency-page textarea{height:120px;resize:vertical}
#mextech-agency-page .form button{border:0;cursor:pointer}
#mextech-agency-page footer{border-top:1px solid var(--line);padding:30px 0;color:#707784;font-size:11px}
#mextech-agency-page .footer{display:flex;justify-content:space-between}
#mextech-agency-page .footerlinks{display:flex;gap:20px}
#mextech-agency-page .reveal{opacity:0;transform:translateY(24px);transition:.7s}
#mextech-agency-page .reveal.on{opacity:1;transform:none}
@media(max-width:900px){#mextech-agency-page .navlinks{position:fixed;inset:0;background:#080a0f;flex-direction:column;justify-content:center;font-size:24px;transform:translateX(100%);transition:.35s}
#mextech-agency-page .navlinks.open{transform:none}
#mextech-agency-page .menu{display:block;z-index:3}
#mextech-agency-page .screen{height:500px}
#mextech-agency-page .float{right:15px}
#mextech-agency-page .head{display:block}
#mextech-agency-page .head p{margin-top:20px}
#mextech-agency-page .services{grid-template-columns:1fr 1fr}
#mextech-agency-page .project,#mextech-agency-page .project:nth-child(even){grid-template-columns:1fr;gap:25px}
#mextech-agency-page .project:nth-child(even) .media{order:0}
#mextech-agency-page .about-grid,#mextech-agency-page .contactbox{grid-template-columns:1fr}
#mextech-agency-page .steps{grid-template-columns:1fr 1fr}
#mextech-agency-page .about-grid{gap:45px}}
@media(max-width:600px){#mextech-agency-page .container{width:calc(100% - 28px)}
#mextech-agency-page header{height:72px}
#mextech-agency-page .brand{font-size:15px}
#mextech-agency-page .brand img{width:35px;height:35px}
#mextech-agency-page .hero{padding:130px 0 65px}
#mextech-agency-page .hero h1{font-size:49px}
#mextech-agency-page .hero-copy p{font-size:15px}
#mextech-agency-page .hero-visual{margin-top:48px}
#mextech-agency-page .screen{height:390px}
#mextech-agency-page .screen-copy{left:7%;right:7%}
#mextech-agency-page .screen-copy h3{font-size:36px}
#mextech-agency-page .screen-copy p{font-size:13px}
#mextech-agency-page .float{display:none}
#mextech-agency-page .address{width:55%}
#mextech-agency-page .stripin{overflow:hidden}
#mextech-agency-page .tooltrack{gap:46px}
#mextech-agency-page .section{padding:78px 0}
#mextech-agency-page .head h2,#mextech-agency-page .about-copy h2{font-size:42px}
#mextech-agency-page .services{grid-template-columns:1fr}
#mextech-agency-page .service{min-height:235px}
#mextech-agency-page .media{height:330px}
#mextech-agency-page .info h3{font-size:31px}
#mextech-agency-page .photos{height:430px}
#mextech-agency-page .steps{grid-template-columns:1fr}
#mextech-agency-page .step,#mextech-agency-page .step:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid #d9dce1;min-height:0}
#mextech-agency-page .step h3{margin-top:28px}
#mextech-agency-page .contactcopy,#mextech-agency-page .form{padding:28px}
#mextech-agency-page .contactcopy h2{font-size:39px}
#mextech-agency-page .row{grid-template-columns:1fr}
#mextech-agency-page .footer{flex-direction:column;gap:15px}
#mextech-agency-page .footerlinks{flex-wrap:wrap}}
#mextech-agency-page .mextech-form-message{display:none;margin:14px 0 0;padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.5}
#mextech-agency-page .mextech-form-message.success{display:block;background:#eef9e2;color:#27420a;border:1px solid #cde9aa}
#mextech-agency-page .mextech-form-message.error{display:block;background:#fff0f0;color:#8a2020;border:1px solid #f1c4c4}
#mextech-agency-page .mextech-captcha-wrap{margin:0 0 14px}
#mextech-agency-page #mextech-submit[disabled]{opacity:.65;cursor:not-allowed;transform:none}

/* Elementor shortcode compatibility: keep the original full-browser-width canvas. */
#mextech-agency-page{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;margin-bottom:0!important;}
.elementor-widget-shortcode:has(#mextech-agency-page),.elementor-widget-shortcode:has(#mextech-agency-page)>.elementor-widget-container{overflow:visible!important;}
#mextech-agency-page img{max-width:none!important;}
#mextech-agency-page .brand img,#mextech-agency-page .media img,#mextech-agency-page .mainphoto img,#mextech-agency-page .smallphoto img,#mextech-agency-page .screen img{max-width:100%!important;}

#mextech-agency-page .mextech-arrow{width:14px;height:14px;display:inline-block;flex:0 0 14px;overflow:visible;transition:transform .25s ease}
#mextech-agency-page .mextech-arrow path,#mextech-agency-page .mextech-service-arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mextech-agency-page a:hover .mextech-arrow,#mextech-agency-page button:hover .mextech-arrow{transform:translate(2px,-2px)}
#mextech-agency-page .mextech-service-arrow{width:21px;height:21px;display:block;color:var(--lime);overflow:visible}