:root{--ink:#11141c;--navy:#10131b;--deep:#171b26;--red:#e0202e;--cream:#f5f3ee;--muted:#69707b;--line:#e4e4e2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(1280px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-100px;left:1rem;padding:.8rem;background:white;z-index:99}.skip:focus{top:1rem}.site-header{background:var(--navy);color:white;border-bottom:1px solid #31343c;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;gap:44px;min-height:80px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{font-size:29px;font-weight:950;letter-spacing:-.1em;line-height:1}.brand-mark span{color:var(--red);letter-spacing:0}.brand-name{font-size:13px;letter-spacing:.17em;font-weight:850}.nav nav{display:flex;gap:31px;margin-left:auto}.nav nav a{color:#c9cad0;font-size:13px;font-weight:600;transition:color .2s}.nav nav a:hover,.footer-inner a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:16px}.lang{color:#d9dce3;background:transparent;border:1px solid #4a4d55;border-radius:50%;width:39px;height:39px;font-size:12px;font-weight:800;cursor:pointer}.lang:hover,.lang:focus-visible{border-color:var(--red)}.nav-cta{background:var(--red);padding:13px 19px;color:#fff;font-size:13px;font-weight:800}.nav-cta:hover,.button-red:hover{background:#c51827}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:stretch;min-height:680px;gap:5.5vw}.hero-copy{padding:100px 0 80px;align-self:center}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.22em;display:flex;align-items:center;gap:11px;margin:0 0 27px}.red-dot{display:inline-block;background:var(--red);width:8px;height:8px;border-radius:50%}.hero h1,.section h2,.future h2,.contact h2{font-size:clamp(45px,5vw,78px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:850}.hero h1 em,.section h2 em,.future h2 em,.contact h2 em{font-style:normal;color:var(--red)}.hero-lead{font-size:19px;line-height:1.6;color:#bec2cb;max-width:550px;margin:29px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:17px 22px;font-size:14px;font-weight:800;white-space:nowrap}.button-red{background:var(--red);color:white}.text-link{font-size:14px;font-weight:750;border-bottom:1px solid #656a74;padding:9px 0}.text-link:hover{border-color:white}.hero-proof{display:flex;align-items:center;gap:14px;color:#a2a6ae;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin-top:63px}.hero-proof i{display:block;height:3px;width:3px;background:var(--red);border-radius:50%}.hero-panel{margin:46px 0 45px;min-height:550px;background:#191e2a;border:1px solid #3a3c45;display:flex;flex-direction:column;box-shadow:24px 24px 0 #181c25;position:relative}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:11px;letter-spacing:.14em;font-weight:800;color:#9ea4ae}.panel-top{border-bottom:1px solid #373b44}.panel-bottom{border-top:1px solid #373b44}.panel-bottom span:last-child{font-size:25px;color:var(--red)}.panel-live{display:flex;align-items:center;gap:8px}.panel-live b{display:block;background:#6fd3a5;border-radius:50%;width:7px;height:7px}.panel-main{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:54px;overflow:hidden;isolation:isolate}.panel-main:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,#242936 35.2%,#242936 35.5%,transparent 35.7%),repeating-linear-gradient(90deg,transparent 0 79px,#242936 80px);opacity:.75;z-index:-2}.panel-ring{position:absolute;border:1px solid #454755;border-radius:50%;width:520px;height:520px;right:-125px;top:-38px;z-index:-1}.ring-two{width:320px;height:320px;right:-24px;top:62px;border-color:#783038}.panel-plus{position:absolute;right:16%;top:13%;color:var(--red);font-size:90px;font-weight:200}.panel-main strong{font-size:clamp(48px,6vw,90px);line-height:.91;letter-spacing:-.08em;font-weight:950}.panel-main strong span{color:var(--red)}.panel-main small{margin-top:33px;letter-spacing:.24em;font-size:10px;font-weight:850;color:#a7abb4}.strip{background:var(--red);color:#fff}.strip-inner{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px}.strip p{font-size:18px;font-weight:750;margin:0}.strip span{font-size:11px;font-weight:850;letter-spacing:.15em;white-space:nowrap}.section{padding:112px 0}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:53px}.section-head .eyebrow,.contact .eyebrow{margin-bottom:22px}.red{color:var(--red)}.section h2,.future h2,.contact h2{font-size:clamp(39px,4.2vw,62px)}.section-head>p{color:#5c636c;font-size:16px;line-height:1.6;max-width:375px;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #1b1d2820}.project-card.wide{grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr;min-height:440px}.project-media{position:relative;min-height:330px;overflow:hidden;background:#262832}.project-card.wide .project-media{min-height:100%}.project-media img{width:100%;height:100%;object-fit:cover}.project-media.brisas img{object-position:center center}.project-media.mesa{background:radial-gradient(circle at center,#dce9df,#81a89e)}.project-media.mesa img{object-fit:contain;width:100%;height:100%;max-height:430px;filter:drop-shadow(0 10px 16px #172e3644)}.project-media.creatures img{object-position:center center}.media-label{position:absolute;top:20px;left:20px;background:#11141ccc;color:white;font-size:10px;font-weight:850;letter-spacing:.15em;padding:9px 11px;backdrop-filter:blur(4px)}.project-content{padding:36px 38px 34px;display:flex;flex-direction:column;align-items:flex-start}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;color:#969ba2;font-size:10px;font-weight:800;letter-spacing:.1em}.status{font-size:10px;letter-spacing:.07em;padding:8px 9px;font-weight:850}.live{background:#e0f5ea;color:#117143}.demo{background:#fff2d6;color:#936105}.progress{background:#e8ebf8;color:#4c5a91}.project-content h3{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:0 0 17px}.project-content p{font-size:15px;line-height:1.65;color:#626972;margin:0;max-width:540px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 28px}.tags span{border:1px solid #dfe2e5;padding:7px 9px;color:#777e88;font-size:10px;font-weight:700}.project-link{font-size:13px;font-weight:850;color:var(--red);border-bottom:1px solid #f0abb2;padding-bottom:5px;margin-top:auto}.project-link:hover{border-color:var(--red)}.fatura{background:radial-gradient(circle at 50% 40%,#3b1921,#161923 65%)}.fatura-art{height:100%;min-height:330px;display:grid;place-items:center;position:relative;overflow:hidden}.scan-glow{position:absolute;width:340px;height:340px;background:#e0202e;filter:blur(120px);opacity:.24;border-radius:50%}.receipt{z-index:1;background:#f6f4ee;color:#242733;width:210px;height:260px;padding:18px 20px;transform:rotate(-7deg);box-shadow:22px 23px 35px #0009}.receipt-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:23px}.receipt-head>span{font-weight:900;font-size:22px;letter-spacing:-.1em}.receipt-head>span span{color:var(--red);font-size:10px;vertical-align:top;padding-left:3px}.receipt-line{height:6px;background:#d3d4d3;margin:9px 0}.receipt-line.long{width:80%}.receipt-line.medium{width:58%}.receipt-line.short{width:37%}.receipt-divider{border-top:1px dashed #979ba0;margin:17px 0 12px}.receipt-row,.receipt-total{display:flex;justify-content:space-between;font-size:10px;margin:9px 0}.receipt-row span{color:#9aa0a6}.receipt-total{font-size:12px;font-weight:900}.receipt-total b{color:var(--red)}.scan-corner{position:absolute;width:80px;height:80px;border-color:#f34451;z-index:2}.corner-a{left:24%;top:13%;border-top:2px solid;border-left:2px solid}.corner-b{right:24%;bottom:13%;border-bottom:2px solid;border-right:2px solid}.solutions{background:#fff}.solutions .section-head>p{max-width:390px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{position:relative;padding:35px 35px 43px 0;min-height:270px}.service+.service{border-left:1px solid var(--line);padding-left:35px}.service-num{color:var(--red);font-size:11px;font-weight:850;letter-spacing:.15em}.service-icon{display:block;color:var(--red);font-size:29px;margin:28px 0 22px;font-weight:300}.service h3{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}.service p{font-size:14px;line-height:1.65;color:#69717a;margin:0}.future{background:var(--deep);color:white;padding:105px 0}.future-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.future h2{max-width:440px}.future>div>div:first-child>p:last-child{line-height:1.65;color:#b8bdc7;margin:24px 0 0;max-width:430px}.future-list{border-top:1px solid #41454d}.future-list>div{display:grid;grid-template-columns:35px 1fr 20px;gap:20px;align-items:center;border-bottom:1px solid #41454d;min-height:100px}.future-list span{font-size:11px;color:#ff5260;font-weight:850}.future-list p{font-size:17px;line-height:1.35;font-weight:650;margin:0}.future-list b{color:var(--red);font-size:24px}.contact{background:#efede9}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.contact p:not(.eyebrow){color:#666d76;font-size:17px;line-height:1.6;max-width:510px;margin:25px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.contact-actions .button{margin-bottom:17px;min-width:190px}.contact-actions>a:not(.button){font-size:16px;font-weight:700;border-bottom:1px solid #b4b4b4}.contact-actions>a:not(.button):hover{border-color:var(--red);color:var(--red)}footer{background:var(--navy);color:#c8cbd1}.footer-inner{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-inner>a:last-child{font-weight:750}.footer-inner .brand{color:white}a:focus-visible,button:focus-visible{outline:3px solid #ff5b67;outline-offset:4px}@media(max-width:1000px){.nav{gap:20px}.nav nav{gap:16px}.hero-grid{gap:35px}.hero-copy{padding:75px 0}.hero-panel{min-height:470px}.project-card.wide{grid-template-columns:1fr 1fr}.future-grid{gap:45px}}@media(max-width:760px){.container{width:min(100% - 36px,600px)}.nav{min-height:68px;flex-wrap:wrap;padding:14px 0;gap:12px}.nav nav{order:3;width:100%;justify-content:space-between;margin:4px 0 0;gap:10px}.nav nav a{font-size:11px}.nav-actions{margin-left:auto}.nav-cta{display:none}.hero-grid{display:block}.hero-copy{padding:76px 0 33px}.hero h1{font-size:clamp(48px,10vw,68px)}.hero-lead{font-size:17px}.hero-proof{margin-top:38px;flex-wrap:wrap;line-height:1.5}.hero-panel{margin:30px 0 60px;min-height:390px;box-shadow:12px 12px 0 #181c25}.panel-main{padding:38px}.panel-main strong{font-size:65px}.strip-inner{min-height:68px}.strip p{font-size:14px}.strip span{font-size:9px}.section{padding:77px 0}.section-head{grid-template-columns:1fr;gap:19px;margin-bottom:32px}.section-head>p{max-width:550px}.project-grid{display:block}.project-card,.project-card.wide{display:block;min-height:0;margin-bottom:20px}.project-card.wide .project-media,.project-media{min-height:270px;height:300px}.project-media.mesa img{max-height:300px}.project-content{padding:30px 28px}.service-grid{grid-template-columns:1fr}.service,.service+.service{border-left:0;border-bottom:1px solid var(--line);padding:24px 0 30px;min-height:0}.service:last-child{border-bottom:0}.service-icon{margin:14px 0}.future{padding:76px 0}.future-grid,.contact-grid{grid-template-columns:1fr;gap:37px}.future-list>div{min-height:90px}.footer-inner{flex-wrap:wrap;justify-content:center;padding:27px 0;text-align:center}.footer-inner .brand{width:100%;justify-content:center}}@media(max-width:420px){.hero-actions{gap:17px;flex-wrap:wrap}.hero-proof{font-size:10px}.panel-main strong{font-size:54px}.strip span{display:none}.project-content h3{font-size:29px}.future-list p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.project-logo{display:flex;align-items:center;justify-content:flex-start;height:44px;margin-bottom:19px}.project-logo img{max-width:150px;max-height:44px;object-fit:contain}.project-logo.icon img{width:42px;height:42px;border-radius:10px}.service-grid{grid-template-columns:repeat(4,1fr)}.service{padding-right:24px}.service+.service{padding-left:24px}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.service:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service,.service+.service,.service:nth-child(3),.service:nth-child(4){border-left:0;border-top:0;border-bottom:1px solid var(--line);padding:24px 0 30px}.service:last-child{border-bottom:0}}

.brand{background:#fff;color:#0b0b0d;padding:7px 13px 7px 7px;gap:11px}.brand-mark{width:38px;height:38px;background:#0b0b0d;color:#fff;display:grid;place-items:center;font-size:12.5px;letter-spacing:-.03em;font-weight:900}.brand-mark b{font-weight:900}.brand-name{font-size:17px;letter-spacing:-.045em;font-weight:700;color:#0b0b0d}.brand-name strong{font-weight:800;color:#ef233c}.footer-inner .brand{color:#0b0b0d}.project-logo.mesa-wordmark{color:#174b43;font-size:23px;letter-spacing:-.055em;font-weight:850}.project-logo.mesa-wordmark span{color:#0d806f;padding:0 .12em}@media(max-width:420px){.brand-name{font-size:15px}.brand-mark{width:34px;height:34px}.brand{gap:8px}}